@charset "utf-8";

/* CSS Document */

.bg{padding-bottom: 53px;}

.bg .sec1{padding: 10px; background-color: #0c64b6; margin-top:3px; margin-bottom: 20px;}

.sec1 .lb1{width: 746px; height: 357px; overflow: hidden; position: relative;}

.sec1 .lb1 .lbbg{width: 100%; height: 60px; background-color: rgba(0,0,0,.6); position: absolute; left: 0;

	bottom: 26px; line-height: 60px;}

.sec1 .lb1 .lbbg>p{display: block; font-size: 17px; color: #fff; padding-left: 4%; width: 75%; overflow: hidden;

	text-overflow: ellipsis; white-space: nowrap;}

.sec1 .lb1 .swiper-pagination-bullet{width: 10px; height: 10px; border-radius: 0; background-color: #a0a0a0;

	opacity: 1;}

.sec1 .lb1 .swiper-pagination-bullet-active{background-color: #e60012;}

.sec1 .lb1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, 

.sec1 .lb1 .swiper-pagination-fraction{width: auto; left: 85%; bottom: 40px;}

.news_tab{width: 385px; margin-right: 25px;}

.news_tab .tabmenu{width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #fff;

	position: relative;}

.news_tab .tabmenu>div{float: left; font-size: 16px; color: #fff; width: 90px; text-align: center;

	cursor: pointer; font-weight: bold; position: relative;}

.news_tab .tabmenu .more{font-size: 12px; color: #fff;}

.news_tab .tabmenu .more:hover{text-decoration: underline;}

.news_tab .tabbox>div{display: none;}

.news_tab .tabmenu .tab_bg{position: absolute; bottom: -2px; left: 0; display: none;}

.inner1 .tit{font-size: 21px; line-height: 34px; color: #fff; font-weight: bold; padding-top: 20px;    cursor: pointer;

	padding-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
	overflow: hidden; width: 100%; height: 65px;}

.inner1 .list{display: block; height: 33px; border-bottom: 1px solid #b3d1e8; font-size: 14px; color: #fff;

	line-height: 33px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.inner1 .list:hover{font-weight: bold;}
.inner1 .list>p{width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.inner2 .tit{font-size: 21px; line-height: 34px; color: #fff; font-weight: bold; padding-top: 20px;

	padding-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
	overflow: hidden; width: 100%; height: 65px;}

.inner2 .list{display: block; height: 33px; border-bottom: 1px solid #b3d1e8; font-size: 14px; color: #fff;

	line-height: 33px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inner2 .list>p{width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sec2 .zuo{width: 756px;}

.sec2 .zuo .keyan{width: 100%; height: 307px; background-color: #ebecec; margin-bottom: 19px;}

.sec2 .zuo .keyan .keyantit{height: 39px; line-height: 39px; border-bottom: 1px solid #0d6db6;}

.sec2 .zuo .keyan .keyantit>div{width: 95px; height: 39px; font-size: 16px;

	text-align: center; float: left; font-weight: bold; cursor: pointer; position: relative;}
.sec2 .zuo .keyan .keyantit>div>a{color: #3e3a39; display: inline-block; width: 100%; height: 100%;}
.sec2 .zuo .keyan .keyantit>div>a:hover{text-decoration: underline;}

.yangshi1{background-image: url("https://www.akifaherbal.com/public/static/images/tab_bg1.jpg"); width: 100%; height: 40px; position: absolute; 

	left: 0; bottom: -1px; color: #fff!important; background-size: cover;}

.sec2 .zuo .keyan .keyantit>div>img{position: absolute; bottom: -1px; left: 43px;}

.sec2 .zuo .keyan .keyantit .more1{font-size: 12px; color: #3e3a39; margin-right: 26px; transition: .5s;}

.sec2 .zuo .keyan .keyantit .more1:hover{color: #0c64b6;}

.sec2 .zuo .keyan .keyanbox>div{display: none; padding: 33px 20px 30px;}

.ky_img{width: 247px; height: 204px;}

.ky_img .imgbox{width: 100%; height: 178px; overflow: hidden;}

.ky_img .imgbox img{transition: .5s;}

.ky_img .imgbox:hover img{transform: scale(1.1);}

.ky_img .tit1{width: 100%; height: 26px; background-color: #2f2f2f; line-height: 26px;

	font-size: 12px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis;

	white-space: nowrap;}

.ky_news{width: 450px;}

.ky_news .news1{font-size: 12px; color: #999; margin-bottom: 11px;}

.ky_news .news1:last-child{margin-bottom: 0;}

.ky_news .news1 p{float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.ky_news .news1 a{font-size: 14px; color: #3e3a39; transition: .5s;}

.ky_news .news1 span{float: right; font-size: 12px; color: #b5b5b6;}

.ky_news .news1 a:hover{color: #0c64b6; text-decoration: underline;}



.sec2{margin-bottom: 20px;}

.sec2 .zuo .keyan2{width: 100%; height: 307px; background-color: #ebecec;}

.sec2 .zuo .keyan2 .keyantit2{height: 39px; line-height: 39px; border-bottom: 1px solid #0d6db6;}

.sec2 .zuo .keyan2 .keyantit2>div{width: 95px; height: 39px; font-size: 16px; color: #3e3a39;

	text-align: center; float: left; font-weight: bold; cursor: pointer; position: relative;}
.sec2 .zuo .keyan2 .keyantit2>div a{color: #3e3a39;}
.sec2 .zuo .keyan2 .keyantit2>div a:hover{text-decoration: underline;}

.yangshi2{background-image: url("https://www.akifaherbal.com/public/static/images/tab_bg1.jpg"); background-position: center bottom; width: 100%; height: 40px; position: absolute; 

	left: 0; bottom: -1px; color: #fff!important;}

.sec2 .zuo .keyan2 .keyantit2>div>img{position: absolute; bottom: -1px; left: 43px;}

.sec2 .zuo .keyan2 .keyantit2 .more1{font-size: 12px; color: #3e3a39; margin-right: 26px; transition: .5s;}

.sec2 .zuo .keyan2 .keyantit2 .more1:hover{color: #0c64b6;}

.sec2 .zuo .keyan2 .keyanbox2>div{display: none; padding: 33px 20px 30px;}

.xianshi{display: block!important;}



.sec2 .you{width: 420px; background-color: #ebecec;}

.sec2 .you .tit2{height: 40px; background-color: #7ea5da;}

.sec2 .you .tit2>img{width: 25px; float: left; margin-left: 14px; margin-top:8px;}

.sec2 .you .tit2>p{float: left; font-size: 16px; color: #fff; margin-left: 13px; line-height: 40px;
	font-weight: bold;}
.sec2 .you .tit2>a{float: right; font-size: 12px; color: #fff; margin-right: 14px;
	line-height: 40px;}
.sec2 .you .tit2>a:hover{text-decoration: underline;}

.you .con{margin-bottom: 20px;}

.you .con .con1{height: 54px;}

.you .con .con1:hover .nr a{color: #0c64b6;}

.you .con .con1:nth-child(even){background-color: #e2e2e2;}

.you .con .con1 .time{width: 67px; height: 54px; font-size: 14px; color: #0065b2; text-align: center;

	line-height: 54px; border-right: 2px solid #ebecec;}

.you .con .con1 .nr{width: 295px; font-size: 14px; padding-top: 7px; padding-left: 10px; display: -webkit-box;

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

.you .con .con1 .nr a{ color: #3e3a39; transition: .5s;}

.you .bangong{padding: 0 15px;}

.you .bangong .xitong{padding: 16px 0 31px; border-top:1px solid #7ea5da;}

.you .bangong .xitong .xt1{width: 50%; height: 40px; border-right: 1px solid #636363; box-sizing: border-box;

	line-height: 40px;}

.you .bangong .xitong .xt1:hover>span{color: #0c64b6;}

.you .bangong .xitong .xt1>img{float: left; margin-left: 13px;}

.you .bangong .xitong .xt1>span{float: left; font-size: 14px; color: #3e3a39; margin-left: 12px; transition: .5s;}

.you .bangong .xitong .xt2:hover>span{color: #0c64b6;}

.you .bangong .xitong .xt2{width: 50%; height: 40px; line-height: 40px;}

.you .bangong .xitong .xt2>img{float: left; margin-left: 40px;}

.you .bangong .xitong .xt2>span{float: left; font-size: 14px; color: #3e3a39; margin-left: 10px; transition: .5s;}

.you .tuijian{width: 420px; height: 175px; background-color: #ebecec;}

.you .tuijian .tj1{width: 171px; height: 60px; background-color: #d9ad54; border-radius: 10px;

	margin-top:17px; margin-left: 26px;}

.you .tuijian .tj1>img{float: left; margin-top:6px; margin-left: 19px;}

.you .tuijian .tj1>p{float: left; font-size: 16px; color: #fff; margin-top:6px; margin-left: 4px;}

.you .tuijian .tj2{width: 171px; height: 60px; background-color: #699ee7; border-radius: 10px;

	margin-top:17px; margin-right: 26px;}

.you .tuijian .tj2>img{float: left; margin-top:6px; margin-left: 19px;}

.you .tuijian .tj2>p{float: left; font-size: 16px; color: #fff; margin-top:6px; margin-left: 4px;}

.you .tuijian .tj3{width: 171px; height: 60px; background-color: #687cb7; border-radius: 10px;

	margin-top:17px; margin-left: 26px;}

.you .tuijian .tj3>img{float: left; margin-top:6px; margin-left: 19px;}

.you .tuijian .tj3>p{float: left; font-size: 16px; color: #fff; margin-top:8px; margin-left: 4px;}

.you .tuijian .tj4{width: 171px; height: 60px; background-color: #4aaf69; border-radius: 10px;

	margin-top:17px; margin-right: 26px;}

.you .tuijian .tj4>img{float: left; margin-top:6px; margin-left: 19px;}

.you .tuijian .tj4>p{float: left; font-size: 16px; color: #fff; margin-top:6px; margin-left: 4px;}

.sec3{width: 100%; height: 116px; overflow: hidden; margin-bottom: 20px; position: relative;}

.sec3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{

	background: url("https://www.akifaherbal.com/public/static/images/left.png") no-repeat center; background-size: cover; width: 29px; height: 40px;

	left: 0; top:50%; margin-top:-20px;}

.sec3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{

	background: url("https://www.akifaherbal.com/public/static/images/right.png") no-repeat center; background-size: cover; width: 29px; height: 40px;

	right: 0; top:50%; margin-top:-20px;}



.fengcai{width: 100%; height: 245px; background-color: #ebecec; margin-bottom: 20px;}

.fengcai .fctit{height: 39px; line-height: 39px; border-bottom: 1px solid #0d6db6;}

.fengcai .fctit>div{width: 95px; height: 39px; font-size: 16px; color: #3e3a39;

	text-align: center; float: left; font-weight: bold; position: relative;}



.wrap{width: 1154px; height: 168px; margin:16px auto 0; position: relative; overflow: hidden;}

.wrap ul{overflow: hidden; position:absolute; left: 0; top: 0;}

.wrap ul li{float: left; cursor: pointer; width: 219px; overflow: hidden; position: relative; margin-left: 14px;}

.wrap ul li>div{width: 219px; height: 144px; overflow: hidden;}

.wrap ul li>div>img{width: 100%; transition: .5s;}

.wrap ul li:hover>div>img{transform: scale(1.2);}

.wrap ul li>p{font-size: 14px; color: #3e3a39; text-align: center; padding-top: 5px; transition: .5s;}

.wrap ul li:hover>p{color: #0d6db6;}



.zhuanti{width: 100%; height: 142px; background-color: #ebecec;}

.zhuanti .fctit{height: 39px; line-height: 39px; border-bottom: 1px solid #0d6db6;}

.zhuanti .fctit>div{width: 95px; height: 39px; font-size: 16px; color: #3e3a39;

	text-align: center; float: left; font-weight: bold; position: relative;}

.zhuanti .fctit>div>span{float: left; font-size: 16px; color: #fff; font-weight: bold; margin-top: 8px;

	margin-left: 12px;}

.zhuanti .ztbox{padding: 20px 43px 0; height: 74px; overflow: hidden;}

.zhuanti .ztbox .zt1{padding: 3px; background-color: #fff; border-radius: 3px; margin-right: 12px;

	width: 213px; box-sizing: border-box;}

.zhuanti .ztbox .zt1 img{width: 100%;}

.zhuanti .ztbox .zt1:nth-child(5n){margin-right: 0;}

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

	.sec1 .lb1{width: 100%; height: auto;}

	.sec1 .lb1 img{width: 100%;}

	.sec1 .lb1 .lbbg>p{font-size: 14px; padding-left: 2%; width: 63%;}

	.sec1 .lb1 .lbbg{height: 30px; line-height: 30px; bottom: 10px;}

	.sec1 .lb1 .swiper-pagination-bullet{width: 5px; height: 5px; margin:0 3px;}

	.sec1 .lb1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .sec1 .lb1 .swiper-pagination-fraction{

		bottom: 18px;

	}

	.news_tab{width: 100%; margin-right: 0;}

	.inner1 .tit{font-size: 16px; padding-top: 15px; padding-bottom: 5px;}

	.inner2 .tit{font-size: 16px; padding-top: 15px; padding-bottom: 5px;}

	.sec2 .zuo{width: 100%;}

	.sec2 .zuo .keyan{height: auto;}

	.news_tab .tabmenu>div{font-size: 15px;}

	.sec2 .zuo .keyan .keyantit>div{font-size: 15px; width: 84px; height: 35px;}

	.sec2 .zuo .keyan .keyantit{height: 35px; line-height: 35px;}

	.sec2 .zuo .keyan2{height: auto;}

	.ky_img{width: 100%; height: auto;}

	.ky_news{width: 100%;}

	.ky_img{margin-bottom: 10px;}

	.ky_img .imgbox{height: 200px;}

	.ky_news .news1 p{width: 70%;}

	.sec2 .zuo .keyan .keyantit .more1{margin-right: 5px;}

	.sec2 .zuo .keyan .keyanbox>div{padding: 20px 10px 20px;}

	.sec2 .zuo .keyan2{margin-bottom: 20px;}

	.sec2 .zuo .keyan2 .keyanbox2>div{padding: 20px 10px 20px;}

	.sec2 .zuo .keyan2 .keyantit2>div{font-size: 15px; width: 84px; height: 35px;}

	.sec2 .zuo .keyan2 .keyantit2{height: 35px; line-height: 35px;}

	.sec2 .you{width: 100%;}

	.you .con .con1 .time{width: 15%;}

	.you .con .con1 .nr{width: 80%; padding-left: 2%;}

	.sec2 .you .tit2>p{font-size: 16px; margin-left: 10px;}

	.sec2 .you .tit2>img{width: 26px; margin-top: 7px;}

	.you .bangong .xitong{padding: 10px 0 20px;}

	.you .bangong .xitong .xt1>img{width: 30px; margin-top:5px;}

	.you .bangong .xitong .xt2>img{width: 30px; margin-left: 30px; margin-top:5px;}

	.you .tuijian{width: 100%;}

	.you .tuijian .tj1{width: 46%; height: 55px; margin-left: 2%; margin-right: 2%;}

	.you .tuijian .tj1>p{font-size: 14px;}

	.you .tuijian .tj1>img{width: 45px; margin-top:8px;}

	.you .tuijian .tj2{width: 46%; height: 55px; margin-left: 2%; margin-right: 2%;}

	.you .tuijian .tj2>p{font-size: 14px;}

	.you .tuijian .tj2>img{width: 45px; margin-top:8px;}

	.you .tuijian .tj3{width: 46%; height: 55px; margin-left: 2%; margin-right: 2%;}

	.you .tuijian .tj3>p{font-size: 14px;}

	.you .tuijian .tj3>img{width: 45px; margin-top:8px;}

	.you .tuijian .tj4{width: 46%; height: 55px; margin-left: 2%; margin-right: 2%;}

	.you .tuijian .tj4>p{font-size: 14px;}

	.you .tuijian .tj4>img{width: 45px;}

	.sec3{height: auto;}

	.fengcai .fctit{height: 35px; line-height: 35px;}

	.fengcai .fctit>div{font-size: 15px; width: 84px; height: 35px;}

	.fengcai{overflow: hidden; height: auto; padding-bottom: 20px;}

	.wrap{height: 134px;}

	.wrap ul li{width: 170px; margin-left: 10px;}

	.wrap ul li>div{width: 170px; height: 112px;}

	.zhuanti{height: auto;}

	.zhuanti .fctit{height: 35px;}

	.zhuanti .fctit>div{width: 96px; height: 35px;}

	.zhuanti .fctit>div>span{font-size: 15px;}

	.zhuanti .fctit>div>img{height: 26px;}

	.zhuanti .ztbox{padding: 20px 10px 0; height: 170px;}
	.zhuanti .ztbox .zt1:nth-child(5){margin-right: 2%;}
	.zhuanti .ztbox .zt1{padding: 1%; width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 10px;}

	.zhuanti .ztbox .zt1 img{height: 40px;}

	.bg{padding-bottom: 30px;}
	.sec2 .zuo .keyan2 .keyantit2 .more1{margin-right: 0;}
	.sec2 .you .tit2>a{margin-right: 0;}

}