@charset "utf-8";
/* CSS Document */
.detail_context_pic_top{width: 533px; height: 340px;}

.nr{margin-top:10px; overflow:hidden;}
.nr .leftnav{width: 275px; background-color: #fafafa; border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2; box-sizing: border-box; padding-bottom: 2000px;
    margin-bottom: -2000px;}
.nr .leftnav .leftimg{margin-bottom: 3px; width: 100%; height: 87px; font-size: 22px; color: #fff;
	background:url("https://www.akifaherbal.com/public/static/images/leftnav.jpg") no-repeat center; background-size: cover; font-weight: bold;
	line-height: 87px; text-indent: 18px;}
.nr .leftnav .navbar li{width: 100%; background: url("https://www.akifaherbal.com/public/static/images/nav_bg.jpg") no-repeat center;
	background-size: cover;  border-top: 1px solid #fff; border-bottom: 1px solid #d6d2dd;
	font-size: 16px; padding: 8px 0; height: 42px; line-height: 42px;}
.nr .leftnav .navbar li.tebie{line-height: 1.4;}
.nr .leftnav .navbar li.tebie a i{margin-top: 2px;}
.nr .leftnav .navbar li a{color: #595757; display: block; width: 100%; height: 100%;}

.nr .leftnav .navbar li a p{float: left; width: 210px;}

.nr .leftnav .navbar li a i{font-size: 12px; float: left; margin-left: 12px; margin-right: 10px;}
.h_nav_bg{background-image: url("https://www.akifaherbal.com/public/static/images/h_nav_bg.jpg")!important;}
.h_nav_color{color: #fff!important;}
.nr .leftnav .navimg{padding: 30px 18px 0;}
.nr .leftnav .navimg .navpic{display: block; width: 100%; margin-bottom: 20px;}
.nr .leftnav .navimg .navpic p{font-size: 14px; color: #595757;}



.nr .rightnav{width: 900px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;
	background-color: #ebecec; padding-bottom: 2000px; margin-bottom: -2000px;}
.nr .rightnav .weizhi{height: 39px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;
	background-color: #fafafa; line-height: 39px;}
.nr .rightnav .weizhi>img{float: left;}
.nr .rightnav .weizhi>p{float: left; font-size: 14px; color: #0c64b6; margin-left: 12px;}
.nr .rightnav .weizhi>p>a{color: #3e3a39;}
.nr .rightnav .con{padding: 9px 15px 59px;}
.nr .rightnav .con .conbox{background-color: #fafafa; padding: 0 25px; -webkit-box-shadow: #ccc 0px 0px 5px;
	-moz-box-shadow: #ccc 0px 0px 5px; padding-bottom: 100px;}
.nr .rightnav .con .conbox .tit{height: 93px; line-height: 93px; 
	font-size: 20px; color: #0065b2; font-weight: bold;}

.xxk .tab_menu{width: 40%; border-bottom: 2px solid #0c64b6;}
.xxk .tab_menu li{float: left; width: 50%; height: 36px; font-size: 14px; text-align: center;
	line-height: 36px; border-left: 1px solid #d2d2d2; box-sizing: border-box; cursor: pointer;
	position: relative;}
.xxk .tab_menu li:last-child{border-right: 1px solid #d2d2d2;}
.xxk .tab_menu li a{ color: #595757; display: inline-block; width: 100%; height: 100%;}
.xxk .tab_menu li>img{position: absolute; left: 50%; margin-left: -4px; bottom: -7px;}
.tab_bg{background-color: #0c64b6; color: #fff!important;}
.xianshi{display: block!important;}

.xq_tit{font-size: 22px; color: #3e3a39; text-align: center; padding: 60px 0 25px;}
.detail{font-size: 16px; color: #3e3a39; line-height: 28px;}

/*wrapper*/
#wrapper{ width:604px; margin:0 auto;}
#picSlideWrap{padding-bottom:30px;}
.imgnav{ width:604px; margin:10px auto;}
.imgnav{  position:relative; margin:0 auto; width:604px;}
#img{ z-index:10; width:533px; position:relative; margin:0 auto;}
#img .div{display: none;}
#img .div p{font-size: 16px; color: #0c64b6; margin-top:8px; margin-bottom: 20px;}
#cbtn{position:relative;}
#cbtn ul{position:relative; width:10000px; height:122px;}
#cbtn ul li{ float:left; width:90px; height:60px; cursor:pointer; text-align:center; margin-right:20px; position:relative;}
#cbtn ul li img{ width: 100%; height: 100%;}
#cbtn li.hov{border:2px solid #0c64b6; box-sizing: border-box;}
.ctrl div{ clear:both;}
#cSlideUl{width:533px; height:64px;overflow:hidden; position:relative; top:10px; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:10px; left:0px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:10px; right:0px; z-index:9;}

@media screen and (max-width: 800px){
	.bg{background: #fff;}
	.nr{margin-top: 0;}
	.nr .rightnav{width: 100%; border:none; background-color: transparent;}
	.nr .rightnav .weizhi>img{display: none;}
	.nr .rightnav .weizhi{background-color: transparent; border-top: none;}
	.nr .rightnav .weizhi>p{margin-left: 0;}
	.nr .rightnav .con{padding: 0;}
	.nr .rightnav .con .conbox{background-color: #fff; box-shadow: none;}
	.xxk .tab_menu{display: none;}
	.jieshao{display: none;}
	.xxk{padding: 0;}
	.bg .box{padding: 0;}
	.nr .rightnav .weizhi{padding: 0 2%;}
	.nr .rightnav .con .conbox{padding: 0 2%;}
	.nr .rightnav .con .conbox .tit{display: none;}
	.xq_tit{font-size: 16px; padding-top: 30px; padding-bottom: 15px;}
	.detail{font-size: 14px; line-height: 26px; padding-bottom: 30px;}
	.tab_box{padding-bottom: 30px;}

	/*wrapper*/
	#wrapper{width:100%;}
	.imgnav{width:100%;}
	#img{width:100%;}
	#img .div img{width: 100%; height: auto;}
	#cbtn ul li{width:90px; height:60px; margin-left:20px; margin-right: 0;}
	#cbtn ul li img{display: block;}
	#cSlideUl{width:88%;}
	.picSildeLeft{width: 6%; height: 60px;}
	.picSildeLeft img{width: 100%; height: 100%;}
	.picSildeRight{width: 6%; height: 60px;}
	.picSildeRight img{width: 100%; height: 100%;}
	#img .div p{margin:0; font-size: 14px;}
}
@media screen and (max-width: 375px){
	/*wrapper*/
	#cbtn ul li{margin-left: 12px}
}
@media screen and (max-width: 360px){
	/*wrapper*/
	#cbtn ul li{margin-left: 9px}
}