@charset "utf-8";

/* CSS Document */

.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: 3000px;

    margin-bottom: -3000px;}

.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%; height: 40px; 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; line-height: 40px;

	font-size: 16px; text-indent: 12px;}

.nr .leftnav .navbar li a{color: #595757; display: block; width: 100%; height: 100%;}

.nr .leftnav .navbar li a i{font-size: 12px;}

.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; -webkit-box-shadow: #ccc 0px 0px 5px;  min-height: 1000px;

	-moz-box-shadow: #ccc 0px 0px 5px; padding-bottom: 30px; padding-top: 20px; margin-bottom: 22px;}

.jieshao{width: 100%; height: 43px; margin-bottom: 27px;}

.jieshao>p{font-size: 20px; color: #0065b2; font-weight: bold; line-height: 43px; padding-left: 25px;}



.tidui{padding: 0 25px; position: relative;}

.liebie1{margin-right: 50px;}

.liebie1>img{float: left;}

.liebie1>p{float: left; font-size: 16px; color: #3e3a39; margin-left: 8px; margin-top:2px;}



/*.tidui_p p{}*/

.tidui_p a:nth-child(1) p{ width: 70px; }

.tidui_p a:nth-child(2) p{ width: 80px; }

.tidui_p a:nth-child(3) p{ width: 40px; }



.tidui_tit{font-size: 22px; color: #3e3a39; text-align: center; padding-top: 50px; padding-bottom: 18px;}



.tab_menu{width: 100%; height: 38px; border-bottom: 1px solid #c9c8c8; box-sizing: border-box;}

.tab_menu>li{float: left; width: 110px; text-align: center; height: 38px; line-height: 38px; font-size: 14px; 

	color: #595757; font-weight: bold; box-sizing: border-box; cursor: pointer;}

.tab_ys{background-color: #e0e0e0; color: #0c64b6!important; border-bottom: 2px solid #0c64b6;}

.tab_box>div{display: none;}

.xianshi{display: block!important;}

.jtjj{font-size: 16px; color: #3e3a39; line-height: 28px; padding-top: 40px;}



.zj{padding-top: 40px;}

.zj .zjbox{width: 390px; height: 187px; border:1px solid #d2d2d2; background-color: #fff; box-sizing: border-box;

	margin-right: 40px; margin-bottom: 20px;}

.zj .zjbox:nth-child(2n){margin-right: 0;}

.zj .zjbox .img{width: 124px; height: 168px; overflow: hidden; margin-top:10px; margin-left: 10px;}

.zj .zjbox .img img{width: 100%;}

.zj .zjbox .font{margin-left: 20px; width: 220px;}

.zj .zjbox .font .ming{font-size: 18px; color: #3e3a39; font-weight: bold; margin-top:17px;}

.zj .zjbox .font .drag{width: 19px; height: 1px; background-color: #0c64b6; margin:10px 0;}

.zj .zjbox .font .nr{font-size: 16px; color: #3e3a39; line-height: 24px; display: -webkit-box;

	-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 48px;}

.zj .zjbox .font .xq{width: 61px; height: 16px; border:1px solid #d2d2d2; font-size: 12px; color: #3e3a39;

	line-height: 16px; text-align: center; cursor: pointer; margin-top:32px; transition: .5s;} 

.zj .zjbox .font .xq:hover{background-color: #0c64b6; color: #fff;}





.tanchu{position: absolute; top:182px; left: 0;background-color: #fafafa; width: 100%; padding-bottom: 30px;

	display: none;}

.tanchu .guanbi{font-size: 40px; color: #949392; position: absolute; top:-16px; right: 20px; cursor: pointer;

	transition: .5s;}

.tanchu .guanbi:hover{transform: rotate(90deg);}

.tanchu .tcbox{width: 752px; padding: 10px 17px 30px 10px; border:1px solid #d2d2d2; background-color: #fff;

	margin-left: 25px;}

.tanchu .tcbox .zhaopian{width: 124px; height: 168px; overflow: hidden;}

.tanchu .tcbox .zhaopian img{width: 100%;}

.tanchu .tcbox .wzcon{width: 605px;}

.tanchu .tcbox .wzcon .xm{font-size: 18px; color: #3e3a39; font-weight: bold;}

.tanchu .tcbox .wzcon .drag{width: 19px; height: 1px; background-color: #0c64b6; margin: 10px 0;}

.tanchu .tcbox .wzcon .touxian{font-size: 16px; line-height: 28px; color: #3e3a39; margin-bottom: 20px;}

.tanchu .tcbox .wzcon .detail{font-size: 16px; line-height: 28px; color: #3e3a39;}

.tanchu .tcbox .wzcon .detail i{font-weight: bold;}



@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; padding: 0;}

	.nr .rightnav .con .conbox .tit{font-size: 16px; height: auto; line-height: 1.4; padding-top: 30px;

		padding-bottom: 15px;}

	.jieshao{margin-bottom: 15px;}

	.jieshao>p{font-size: 16px; line-height: 1; padding-left: 0; padding-top: 20px; text-align: center;}

	.tidui{padding: 0;}

	.liebie1{width: 32.66%; margin-right: 1%;}

	.liebie1:nth-child(3){margin-right: 0;}

	.liebie1>img{width: 35%!important;}

	.liebie1>p{width: 60%; margin-left: 5%; font-size: 14px;}

	.liebie1:nth-child(3)>img{margin-left: 15%;}

	.liebie1:nth-child(3)>p{width: 45%;}

	.tidui_tit{font-size: 16px; padding-top: 40px;}

	.tab_menu>li{width: 80px;}

	.jtjj{font-size: 14px; line-height: 26px; padding-top: 20px;}

	.zj{padding-top: 20px;}

	.zj .zjbox{width: 100%; margin-right: 0; height: auto;}

	.zj .zjbox .img{width: 30%; height: auto; margin-bottom: 10px; margin-left: 3%;}

	.zj .zjbox .font{width: 60%; margin-left: 3%;}

	.zj .zjbox .font .ming{font-size: 16px; margin-top: 10px;}

	.zj .zjbox .font .nr{font-size: 14px; line-height: 22px;}

	.zj .zjbox .font .xq{margin-top:20px;}

	.tanchu{height: 100%; position: fixed; top:0; z-index: 9999; margin-bottom: 0;

		overflow-y: auto;}

	.tanchu .tcbox{width: auto; padding: 10px; margin-left: 0;}

	.tanchu .tcbox .wzcon{width: 100%;}

	.tanchu .tcbox .wzcon .xm{font-size: 16px;}

	.tanchu .tcbox .wzcon .touxian{font-size: 14px; line-height: 26px;}

	.tanchu .tcbox .wzcon .detail{font-size: 14px; line-height: 26px;}

	.tanchu .tcbox .zhaopian{margin-bottom: 20px;}

	.tanchu .guanbi{top:0; right: 14px;}
	.tidui_p a:nth-child(2) p{width: 70px;}

}







.gray { 

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);	

    filter: gray;

}