@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: 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%; 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;

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

.jieshao{width: 100%; height: 43px; background:url("https://www.akifaherbal.com/public/static/images/jieshao_bg.jpg") no-repeat center;

	background-size: cover; margin-bottom: 10px;}

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

.ykjs{padding: 0 25px;}

.ykjs .jiezhi{font-size: 16px; color: #595757; line-height: 28px;}



.zucheng{padding-top: 20px;}

.zucheng li{float: left; width: 47%; font-size: 16px; color: #595757; margin-bottom: 6px; margin-right: 3%;}
.zucheng li:nth-child(even){margin-right: 0; margin-left: 3%;}


.jiti{width: 100%; height: 43px; background:url("https://www.akifaherbal.com/public/static/images/jieshao_bg.jpg") no-repeat center;

	background-size: cover; margin-bottom: 27px;}

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

.jiti>a{float: right; width: 89px; height: 23px; border:1px solid #d2d3d3; border-radius: 5px; font-size: 12px;

	color: #3e3a39; text-align: center; line-height: 23px; margin-top:8px; margin-right: 25px; transition: .5s;}

.jiti>a:hover{background-color: #0c64b6; color: #fff;}



.xxk{padding: 0 25px;}

.xxk .tab_menu{width: 100%; border-bottom: 2px solid #0c64b6;}

.xxk .tab_menu li{float: left; width: 16.66%; 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; display: none;}

.tab_bg{background-color: #0c64b6; color: #fff!important;}

.tab_box>div{display: none;}

.xianshi{display: block!important;}



.zj{padding-top: 48px;}

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

	margin-right: 9px; margin-bottom: 10px;}

.zj .zjbox:nth-child(3n){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: 100px;}

.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;}







.shiyanshi{padding: 20px 15px 10px;}

.shiyanshi .sys1{width: 33.33%;}

.shiyanshi .sys1>img{float: left; margin-left: 10px;}

.shiyanshi .sys1 .sysfont{width: 160px; margin-left: 20px;}

.shiyanshi .sys1 .sysfont .tit1{display: block; font-size: 16px; color: #0065b2; font-weight: bold;

	margin-bottom: 10px; margin-top:6px;}

.shiyanshi .sys1 .sysfont .tit2{display: block; font-size: 14px; color: #3e3a39; transition: .5s;}

.shiyanshi .sys1 .sysfont .tit2:hover{color: #0065b2;}



@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{height: 40px;}

	.jieshao>p{font-size: 15px; line-height: 40px; padding-left: 5px;}

	.ykjs{padding: 0;}

	.ykjs .jiezhi{font-size: 14px; line-height: 26px; text-align: justify;}

	.zucheng{padding-left: 10px;}

	.zucheng li{width: 97%; font-size: 14px;}

	.jiti{height: 40px; margin-bottom: 20px;}

	.jiti>p{font-size: 15px; padding-left: 10px;}

	.jiti>a{width: 70px; margin-right: 5px;}

	.xxk{padding: 0;}
	.xxk .tab_menu{border: none;}
	.xxk .tab_menu li{width: 49%; margin-right: 1%; border:none; height: 34px; line-height: 34px;
		margin-bottom: 10px; background-color: #d4d3d3; color: #3e3a39;}
	.xxk .tab_menu li:nth-child(2n){margin-right: 0; margin-left: 1%;}
	.xxk .tab_menu li img{display: none!important;}
	.tab_bg{background-color: #0c64b6!important;}

	.zj{padding-top: 10px;}

	.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;}

	.shiyanshi{padding: 0;}

	.shiyanshi .sys1{width: 100%; margin-bottom: 10px;}

	.shiyanshi .sys1>img{width: 20%; margin-left: 0;}

	.shiyanshi .sys1 .sysfont{width: 77%; margin-left: 3%;}

	.shiyanshi .sys1 .sysfont .tit1{font-size: 14px; margin-top:12px;}

}