@charset "utf-8";

/* CSS Document */

*{margin: 0px; padding: 0px;}

img{border: none;}

a{text-decoration: none; font-family: "微软雅黑";}

ul,li{list-style:none;}

input{outline: none; font-family: "微软雅黑"; box-sizing: border-box; border:none;}

i,em{font-style: normal;}

body{font-family: "微软雅黑"; box-sizing: border-box; overflow-x: hidden;}

.left{ display:inline; float:left;}

.right{ display:inline; float:right;}

.clear:after{ content:''; display:block; clear:both;}

.clear{ zoom:1;}

.box{ width:1200px; margin:0 auto;}



header .head_top{width: 100%; height: 33px; line-height: 33px; background-color: #0c64b6; overflow: hidden;}

header .head_top .index1>span{font-size: 13px; color: #fff;}

header .head_top .index1:hover>span{text-decoration: underline;}

header .head_top .index1{margin-left: 14px;}

header .head_top .index2>span{font-size: 13px; color: #fff;}

header .head_top .index2:hover>span{text-decoration: underline;}

header .head_top .index3{font-size: 14px; color: #fff;}

header .head_top .index3 a{color: #fff;}

header .head_top .index3 a:hover{text-decoration: underline;}

header .head_bot{width: 100%; height: 190px; background: url("https://www.akifaherbal.com/public/static/images/banner.jpg") no-repeat center;

	background-size: cover;}

header .head_bot .logo{margin-top:60px;}

header .head_bot .bot_r .r_top{ padding-top: 64px;}

header .head_bot .bot_r .r_top .weixin{margin-right: 10px; margin-top:10px; margin-left: 25px;}

header .head_bot .bot_r .r_top .wenzi{font-size: 12px; color: #535353; text-align: right; line-height: 23px;}

header .head_bot .bot_r .r_top .wenzi span{font-size: 16px; color: #e60012; font-weight: bold;}

header .head_bot .bot_r .r_bot{padding-top: 30px;}

header .head_bot .bot_r .r_bot .sousuo{width: 60px; height: 30px; background-color: #595959; font-size: 14px;

	color: #fff; line-height: 30px; text-align: center;}

header .head_bot .bot_r .r_bot .ipt{width: 267px; height: 30px; position: relative;}

header .head_bot .bot_r .r_bot .ipt>input{width: 267px; height: 30px; border:1px solid #dcdcdc; 

	background-color: #eee; font-size: 14px; color: #333; text-indent: 40px;}

header .head_bot .bot_r .r_bot .ipt>img{position: absolute; top:6px; left: 14px;}

.bg{width: 100%; height: auto; background: url("https://www.akifaherbal.com/public/static/images/bg.jpg") no-repeat top left; background-size: cover;}

.bg .nav{ width:100%; height:46px; line-height: 46px; background-color: #0b64b6; position: relative;}

.bg .nav li{float: left; width:10.5%; height:46px; text-align: center; font-size: 18px; font-weight: bold;}

.bg .nav li:nth-child(7){width: 16%;}

.bg .nav li a{color:#fff; display: inline-block; width: 100%; height: 100%; transition: .5s;}

.bg .nav li a:hover{background-color: #fff; color: #0b64b6;}

.yangshi{background-color: #fff!important; color: #0b64b6!important;}

.bg .nav li .div{display: none; width:100%; height:537px; background-color: #fff; position: absolute; 

	left:0; top:46px; z-index: 99; border-left: 3px solid #0d63b6; border-right: 3px solid #0d63b6;

	border-bottom: 3px solid #0d63b6; box-sizing: border-box; font-weight: normal;}

.divL{width: 295px;}

.divL .l_top1{height: 38px; padding: 0 24px; line-height: 38px; overflow: hidden;}

.divL .l_top1 .l_tit1{font-size: 15px; color: #221713;}

.divL .l_top1 .l_tit1>i{color: #0d63b6; font-size: 12px;}

.divL .l_top1 .l_more1{width: auto;}

.divL .l_top1 .l_more1>p{float: right; font-size: 12px; color: #595757; transition: .5s;}

.divL .l_top1 .l_more1:hover>p{color: #0b64b6;}

.divL .l_top1 .l_more1>div{float: right; width: 10px; height: 10px; background-color: #0c65b5; border-radius: 50%;

	color: #fff; line-height: 8px; text-align: center; font-size: 12px; margin-top:14px; margin-right: 4px;}

.divL .tuwen{padding: 0 24px; border-right: 1px solid #bcbcbc;}

.divL .l_img{width: 247px; height: 110px; overflow: hidden;}

.divL .l_font{display: block; font-size: 13px; color: #595757!important; line-height: 23px; padding-top: 16px; text-align: left;

	height: 333px!important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 12; overflow: hidden;

	transition: .5s;}

.divL .l_font:hover{color: #0b64b6!important;}

.divR{width: 899px;}

.divR .leader{width: 566px; padding: 0 24px;}

.divR .leader .l_top1{height: 38px; line-height: 38px; overflow: hidden;}

.divR .leader .l_top1 .l_tit1{font-size: 15px; color: #221713;}

.divR .leader .l_top1 .l_tit1>i{color: #0d63b6; font-size: 12px;}

.divR .leader .l_top1 .l_more1{width: auto;}

.divR .leader .l_top1 .l_more1>p{float: right; font-size: 12px; color: #595757; transition: .5s;}

.divR .leader .l_top1 .l_more1:hover>p{color: #0b64b6;}

.divR .leader .l_top1 .l_more1>div{float: right; width: 10px; height: 10px; background-color: #0c65b5; border-radius: 50%;

	color: #fff; line-height: 8px; text-align: center; font-size: 12px; margin-top:14px; margin-right: 4px;}

.divR .leader .lingdao .ld1{width: 128px; margin-right: 18px; margin-bottom: 10px;}

.divR .leader .lingdao .ld1:hover .mingzi{color: #0b64b6;}

.divR .leader .lingdao .ld1:nth-child(4n){margin-right: 0;}

.divR .leader .lingdao .ld1 .ld_img{width: 100%; height: 127px; overflow: hidden;}

.divR .leader .lingdao .ld1 .mingzi{font-size: 13px; color: #3e3a39; font-weight: normal; text-align: center;

	line-height: 20px; transition: .5s; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden; height: 60px;}

.divR .leader .lingdao .ld1 .mingzi>span{font-weight: bold;}

.divR .jigou{width: 285px;}

.divR .jigou .l_top1{height: 38px; line-height: 38px; overflow: hidden; padding: 0 24px;}

.divR .jigou .l_top1 .l_tit1{font-size: 15px; color: #221713;}

.divR .jigou .l_top1 .l_tit1>i{color: #0d63b6; font-size: 12px;}

.divR .jigou .l_top1 .l_more1{width: auto;}

.divR .jigou .l_top1 .l_more1>p{float: right; font-size: 12px; color: #595757; transition: .5s;}

.divR .jigou .l_top1 .l_more1:hover>p{color: #0b64b6;}

.divR .jigou .l_top1 .l_more1>div{float: right; width: 10px; height: 10px; background-color: #0c65b5; border-radius: 50%;

	color: #fff; line-height: 8px; text-align: center; font-size: 12px; margin-top:14px; margin-right: 4px;}

.divR .jigou .jg{padding: 0 24px; height: 384px; border-left: 1px solid #bcbcbc;}

.divR .jigou .jg .gsm{font-size: 16px; color: #0b64b6; line-height: 60px; margin-bottom: 5px;}

.divR .jigou .jg .jgtx{display: block; width: 100%; height: 34px; background-color: #3a81c2; font-size: 12px;

	color: #fff; line-height: 34px; text-align: center; margin-bottom: 15px; transition: .5s;}

.divR .jigou .jg .jgtx:hover{background-color: #0b64b6;}

.divR .ry{padding: 0 24px;}

.divR .ry .rybox{width: 851px; border-top: 1px solid #bcbcbc;}

.divR .ry .rybox .l_top1{height: 38px; line-height: 38px; overflow: hidden; padding: 0 24px;}

.divR .ry .rybox .l_top1 .l_tit1{font-size: 15px; color: #221713;}

.divR .ry .rybox .l_top1 .l_tit1>i{color: #0d63b6; font-size: 12px;}

.divR .ry .rybox .l_top1 .l_more1{width: auto;}

.divR .ry .rybox .l_top1 .l_more1>p{float: right; font-size: 12px; color: #595757; transition: .5s;}

.divR .ry .rybox .l_top1 .l_more1:hover>p{color: #0b64b6;}

.divR .ry .rybox .l_top1 .l_more1>div{float: right; width: 10px; height: 10px; background-color: #0c65b5; border-radius: 50%;

	color: #fff; line-height: 8px; text-align: center; font-size: 12px; margin-top:14px; margin-right: 4px;}

.divR .ry .rybox .ry_tit{font-size: 13px; color: #595757; line-height: 24px; text-align: left; text-indent: 26px;

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

	display: block; transition: .5s;}

.divR .ry .rybox .ry_tit:hover{color: #0b64b6;}



footer{width: 100%; height: 163px; border-top:2px solid #d00000; background-color: #c6cbcf;}

footer .copyright{font-size: 12px; color: #595757; text-align: center; line-height: 22px;

	margin-left: 280px; margin-top:46px;}

footer .footimg{margin-top:38px; margin-left: 36px;}



.s_wap{display: none;}



@media screen and (max-width: 800px){

	.s_pc{display: none;}

	.s_wap{display: block;}

	.box{width: auto; padding: 0 2%;}

	header{display: none;}

	.bg .nav{display: none;}

	.nr .leftnav{display: none;}



	.wap_banner{margin-top:50px;}

	.head_wap{width:100%; height: 50px; z-index: 9999; background-color: #fff; position: fixed; top: 0; left: 0;}

    .head_wap .logo_wap{height: 24px; margin-top:15px;}

    /*汉堡菜单*/

	.three{margin-top:13px;}

    /* ALL */

	.hamburger .line{

	  width: 25px;

	  height: 3px;

	  background-color: #0c64b6;

	  display: block;

	  margin: 4px auto;

	  -webkit-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

	  transition: all 0.3s ease-in-out;

	}

	/* SIX */

	#hamburger-6.is-active{

	  -webkit-transition: all 0.3s ease-in-out;

	  -o-transition: all 0.3s ease-in-out;

	  transition: all 0.3s ease-in-out;

	  -webkit-transition-delay: 0.6s;

	  -o-transition-delay: 0.6s;

	  transition-delay: 0.6s;

	  -webkit-transform: rotate(45deg);

	  -ms-transform: rotate(45deg);

	  -o-transform: rotate(45deg);

	  transform: rotate(45deg);

	}

	#hamburger-6.is-active .line:nth-child(2){

	  width: 0px;

	}

	#hamburger-6.is-active .line:nth-child(1),

	#hamburger-6.is-active .line:nth-child(3){

	  -webkit-transition-delay: 0.3s;

	  -o-transition-delay: 0.3s;

	  transition-delay: 0.3s;

	}

	#hamburger-6.is-active .line:nth-child(1){

	  -webkit-transform: translateY(5px);

	  -ms-transform: translateY(5px);

	  -o-transform: translateY(5px);

	  transform: translateY(5px);

	}

	#hamburger-6.is-active .line:nth-child(3){

	  -webkit-transform: translateY(-9px) rotate(90deg);

	  -ms-transform: translateY(-9px) rotate(90deg);

	  -o-transform: translateY(-9px) rotate(90deg);

	  transform: translateY(-9px) rotate(90deg);

	}

	.head_wap .nav_wap{width: 100%; height: 100%; background-color: rgba(0,0,0,.9); position: fixed; top:50px; 

        left: 0; z-index: 999; display: none;}

    .head_wap .nav_wap .ul_wap{background-color: #0c64b6; overflow-y: auto;}

    .head_wap .nav_wap .ul_wap>li>p{height: 35px; line-height: 35px; border-bottom: 1px solid rgba(255,255,255,.4);

        padding: 0 10px; font-size: 16px; color: #fff;}

    .head_wap .nav_wap .ul_wap>li>p>a{color: #fff; display: inline-block; width: 100%; height: 100%;}

    .head_wap .nav_wap .ul_wap>li>p>img{float: right; margin-top:15px;}

    .head_wap .nav_wap .ul_wap>li:last-child p{border-bottom: none;}

    .head_wap .nav_wap .ul_wap>li .sNav{background-color: #fff; display: none;}

    .head_wap .nav_wap .ul_wap>li .sNav li{line-height: 35px;}

    .head_wap .nav_wap .ul_wap>li .sNav li a{display: block; padding: 0 10px; color: #333;}

    .head_wap .nav_wap .ul_wap>li .sNav li a img{padding-right: 10px;}
	

	.wap_ss{margin-top:15px; margin-right: 10px;}
	.s_input{width: 170px; height: 25px; border:1px solid #0b64b6; position: absolute; right: 0; bottom: -25px;
		box-sizing: border-box; display: none;}
	.s_input>input{float: left; width: 130px; height: 100%; text-indent: 4px;}
	.s_input>div{float: left; width: 38px; height: 100%; background-color: #595959; color: #fff; font-size: 12px;
		text-align: center; line-height: 22px;}


	/*三级菜单*/

	.wap_erji{display: block; position: relative;}

	.main_menu{width: 100%; height: 40px; background-color: #0c64b6; text-align: center;}

	.main_menu p{font-size: 16px; color: #fff; line-height: 40px;}

	.main_menu img{width: 14px;}

	.xl_menu{position: absolute; top:0; left: 0; padding: 10px 0; width: 100%; background-color:#0c64b6;
	 display: none; z-index: 99;}

	.xl_menu ul li{height:40px; border-bottom: 1px solid rgba(255,255,255,.6); line-height: 40px; 

		text-align: center; font-size: 16px;}

	.xl_menu ul li a{color: #fff; width: 100%; height: 100%; display: inline-block;}

	.xl_menu ul li:last-child{border-bottom: none;}





	.nr .rightnav .weizhi>p{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}





	/*底部*/

    footer{height: auto; padding: 10px 0;}

    footer .copyright{margin-top: 0; margin-left: 0; margin-bottom: 5px;}

    footer .footimg{float: none; display: block; margin: 0 auto;}

}