* { margin:0; padding:0;}

body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; background:url(body.jpg) no-repeat center top; }

div,p,li,em{font-family:Verdana,ËÎÌå;font-size:14px; }

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

input,select{font-size:12px;line-height:16px;}

img{border:0;}

ul,li{list-style-type:none;}

table{ border-collapse:collapse;}

#qcth{ width:635px; height:170px; overflow:hidden; margin-left:30px;}

a:link,a:visited,a:active{ color:#535353; text-decoration:none;}
a:hover{ color:#cf5d00; text-decoration:none;}
.more {  float:right;font-size:12px}


.clear {clear:both;}
.left{ float:left;}
.middle { float:left; width:420px; }
.right{ float:right; }

.content{ margin:0 auto; width:1020px; background:#FFFFFF;}
.content .left{ float:left; overflow:hidden; padding-top:30px; padding-left:5px; width:715px; background:#FFFFFF;}
.content .right{ float:right; overflow:hidden; padding-top:10px; width:300px; background:#FFFFFF;}
.copyright{ margin:0 auto; width:1020px; color:#ffffff;}
.copyright a{ color:#ffffff;}

.header_top{ background:url(header.jpg) no-repeat top center}
.top { margin:0 auto; width:1020px; height:377px; position:relative}
.menu { width:1020px; height:120px;  position:absolute; right:0px; bottom:0px; z-index:2}
.logo { font:30px/40px bold Verdana, Geneva, sans-serif; position:absolute; width:500px; height:90px; left:10px; top:20px; z-index:1}

.index_a1 { float:left; width:700px; height:350px; overflow:hidden; margin-left:15px; *html margin-left:5px; margin-top:-19px; background:url(index_a2.png) no-repeat}
.index_a2 { float:left; width:700px; height:280px; overflow:hidden;}
.index_a3 { float:left; width:700px; height:353px; overflow:hidden; margin-left:15px; background:url(index_a3.png) no-repeat}
.index_a4 { float:left; width:700px; height:241px; overflow:hidden; margin-left:15px; margin-top:15px; background:url(index_a4.png) no-repeat}}
.index_a5 { float:left; width:270px; overflow:hidden;}
.index_a3_b1 { float:left; width:349px; height:353px; overflow:hidden;}
.index_a3_b2 { float:left; width:533px; height:353px; overflow:hidden;}


.happy_Img { float:left; width:286px; height:230px; background:#7EB801; padding:15px; margin:73px 4px 0 28px; display:inline-block; }
.happy_Img2 { float:left; width:286px; height:230px; background:#FFCC33; padding:15px; margin:78px 4px 0 28px; display:inline-block; }
.link_input { float:left; margin:132px 0 0 160px; clear:both}

.user { width:220px; margin-top:5px; margin-left:10px; padding:30px 20px; height:100px; float:left; background:url(user.jpg) no-repeat}
	.user_ul li { height:35px; margin-left:10px;}
	.user_name,.user_pass,.user_btn{ width:200px; height:20px; display:block;}
	.user_name span,.user_pass span{ float:left;}
	.user_name input,.user_pass input { float:left; width:115px; border:1px solid #a2a2a2; height:20px;}
	.user_btn { float:left; width:200px; height:50px; display:block;}
	.user_btn .inputSub{ float:left; width:50px; height:30px; line-height:30px; text-align:center; font-weight:bold; color:#ffffff; margin-right:15px; display:block; cursor:pointer; border:none; background:#65A626;}
	.user_btn .inputSub2{ float:left; width:50px; height:30px; line-height:30px; text-align:center; font-weight:bold; color:#ffffff; margin-right:5px; display:block; cursor:pointer; border:none; background:#0870BA;}
	.user_btn .inputSub3{ float:left; width:80px; height:30px; line-height:30px; text-align:center; font-weight:bold; color:#ffffff; margin-right:15px; display:block; background:#65A626;}
	.user_btn .inputSub4{ float:left; width:80px; height:30px; line-height:30px; text-align:center; font-weight:bold; color:#ffffff; margin-right:5px; display:block; background:#0870BA;}
	.user_out{ float:left; width:200px; margin-top:10px; display:block;}
	.user_out a{ font-weight:bold; color:#ff0000; }

.search { width:260px; margin-top:34px; margin-left:10px; height:84px; float:left; background:url(search.jpg) no-repeat}
.search .seaInput{ padding-top:28px; padding-left:30px; float:left; display:block;}
.search .seaInput input{ vertical-align:middle; float:left; margin-right:5px;}
.search .seaInput input.txt{ height:27px; border:none; line-height:27px; font-size:12px; text-indent:3px; width:148px; background:none; }
.search .seaInput input.bt{ float:left; width:50px; height:27px; line-height:27px; text-align:center; font-weight:bold; border:none; cursor:pointer; color:#ffffff; background:none; display:block;}

.quick { width:260px; margin-top:10px; margin-left:10px; float:left;}
.quick a{ width:260px; margin-top:24px; float:left;}

.notice { width:333px; padding-top:27px; float:left; overflow:hidden;}
	.notice_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list { float:left; margin-left:25px; margin-top:12px;}
	.notice_list li{ width:295px; line-height:32px; height:32px; border-bottom:1px dashed #CCC; background:url(icon_a1.png) no-repeat 0px 2px}
    .notice_list li span{ float:right;}
	.notice_list a{ float:left; display:block; height:32px; padding-left:20px;}

.notice2 { width:333px; height:310px; padding-top:24px; float:left; overflow:hidden;}
	.notice2_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list2 { float:left; margin-left:25px; margin-top:12px;}
	.notice_list2 li{ width:295px;line-height:32px; height:32px; border-bottom:1px dashed #CCC; background:url(icon_a1.png) no-repeat 0px 2px}
    .notice_list2 li span{ float:right;}
	.notice_list2 a{ float:left; display:block; height:32px; padding-left:20px;}

.notice3 { width:333px; height:227px; margin:15px 0 0 15px; padding-top:24px; float:left; overflow:hidden; background:url(index_a1.png) no-repeat}
	.notice3_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list3 {  float:left; margin-left:25px; margin-top:12px;}
	.notice_list3 li{ width:295px;line-height:32px; height:32px; border-bottom:1px dashed #CCC; background:url(icon_a1.png) no-repeat 0px 2px}
    .notice_list3 li span{ float:right;}
	.notice_list3 a{ float:left; display:block; height:32px; padding-left:20px;}

.notice4 { width:333px; height:227px; margin:15px 0 0 16px; padding-top:24px; float:left; overflow:hidden; background:url(index_a11.png) no-repeat}
	.notice4_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list4 {  float:left; margin-left:25px; margin-top:12px;}
	.notice_list4 li{ width:295px;line-height:32px; height:32px; border-bottom:1px dashed #CCC; background:url(icon_a1.png) no-repeat 0px 2px}
    .notice_list4 li span{ float:right;}
	.notice_list4 a{ float:left; display:block; height:32px; padding-left:20px;}
	
	
.notice31 { width:333px; height:227px; margin:15px 0 0 15px; padding-top:24px; float:left; overflow:hidden; background:url(index_a111.png) no-repeat}
	.notice3_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list3 {  float:left; margin-left:25px; margin-top:12px;}
	.notice_list3 li{ width:295px;line-height:32px; height:32px; border-bottom:1px dashed #CCC; background:url(icon_a1.png) no-repeat 0px 2px}
    .notice_list3 li span{ float:right;}
	.notice_list3 a{ float:left; display:block; height:32px; padding-left:20px;}

.notice41 { width:333px; height:227px; margin:15px 0 0 16px; padding-top:24px; float:left; overflow:hidden; background:url(index_a112.png) no-repeat}
	.notice4_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list4 {  float:left; margin-left:25px; margin-top:12px;}
	.notice_list4 li{ width:295px;line-height:32px; height:32px; border-bottom:1px dashed #CCC; background:url(icon_a1.png) no-repeat 0px 2px}
    .notice_list4 li span{ float:right;}
	.notice_list4 a{ float:left; display:block; height:32px; padding-left:20px;}

.notice5 { width:270px; height:327px; margin-top:0px; padding-top:24px; float:left; overflow:hidden; background:url(index_a15.png) no-repeat}
	.notice5_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list5 {  float:left; margin-top:5px;}
	.notice_list5 li{ float:left; margin-left:25px; margin-top:10px; line-height:25px; background:url(2_27.gif) no-repeat 0px 2px}
    .notice_list5 li span{ float:left; padding-right:5px;}
	.notice_list5 a{ float:left; padding-left:0px;}

.notice6 { width:270px; height:190px; margin-top:15px; padding-top:24px; float:left; overflow:hidden; background:url(index_a16.png) no-repeat}
	.notice6_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list6 {  float:left; overflow:hidden; margin-left:56px; padding-top:22px;}
	.notice_list6 a{  float:left; margin:0px 15px;}

.notice7 { width:682px; padding-top:27px; float:left; overflow:hidden;}
	.notice7_more a{ float:right; margin-right:10px; height:33px; line-height:33px; color:#FFFFFF;}
	.notice_list7 { float:left; height:141px; width:662px; margin-left:20px; margin-top:20px;}
	.notice_list7 li{ float:left; width:196px; height:141px; margin:0px 10px; display:block;}
	.notice_list7 li img{ width:190px; height:135px; padding:2px; border:1px solid #CCC;}
    .notice_list7 li span{ float:right;}


.mxls,.mxye { width:300px;  margin-left:50px; padding-top:75px; clear:both }
.mxls_more { width:300px; height:30px; padding-top:45px; }
.mxye_more { width:300px; height:20px; padding-top:40px; }

.jcwz { float:left; width:330px; height:170px;}
.jcwz_more { height:30px; line-height:30px; padding-top:20px;}
.bjlb { float:left; width:334px; padding-top:8px; padding-left:10px; }
.bjlb_more { height:30px; line-height:30px; padding-bottom:10px; padding-right:20px;}
.class_Div { clear:both; margin-left:10px; text-align:center; text-indent:0px; overflow:hidden; }
.class_Tt { float:left; width:320px; padding-top:10px; padding-left:8px;text-align:left;color:#411c00; font-weight:bold;}

.class_Tx1 {float:left; width:70px; height:20px; margin:5px 0px 5px 11px;}
.class_Tx1 a{display:block; width:70px; font-size:12px; height:20px; line-height:20px; color:#ffffff; background:#F65780;}
.class_Tx1 a:hover{width:70px; font-size:12px; height:20px; line-height:20px; font-weight:bold; color:#ffffff; background:#7EB801;}
.class_Tx2 {float:left; width:70px; height:20px; margin:5px 0px 5px 11px;}
.class_Tx2 a{display:block; width:70px; font-size:12px; height:20px; line-height:20px; color:#ffffff; background:#EDAC03;}
.class_Tx2 a:hover{width:70px; font-size:12px; height:20px; line-height:20px; font-weight:bold; color:#ffffff; background:#7EB801;}
.class_Tx3 {float:left; width:70px; height:20px; margin:5px 0px 5px 11px;}
.class_Tx3 a{display:block; width:70px; font-size:12px; height:20px; line-height:20px; color:#ffffff; background:#3399CC;}
.class_Tx3 a:hover{width:70px; font-size:12px; height:20px; line-height:20px; font-weight:bold; color:#ffffff; background:#7EB801;}

.copyright { float:left; width:100%; height:150px; margin-top:30px; clear:both; padding-top:56px; background:url(bot.png) repeat-x}
.text { width:1002px; margin:0 auto; text-align:center; line-height:30px;}
.company { width:1002px; margin:0 auto; text-align:center; line-height:30px;}


.nav{ width:760px;line-height:33px; height:33px; padding:10px 60px; text-align:left; background:url(con2.jpg) no-repeat}
.nav a{ width:760px;line-height:33px; height:33px; text-align:left; font-size:14px; font-weight:bold;}
.plc{ float:left; width:814px; margin:0 auto; padding:10px 30px; border:3px solid #d7d7d7;}

.about_btn { float:left; width:800px; padding-top:10px;}
.about_btn span a{ float:left; display:block; width:100px; height:36px; line-height:36px; margin-right:5px; color:#ffffff; background:url(list_menu.png) no-repeat;}
.about_btn span a:hover{color:#ffffff; background:url(list_menu.png) no-repeat 0px -36px;}


.about_t1 { position:absolute; left:0px; top:-19px; width:344px; z-index:122; height:19px;background:url(title_a1.png) no-repeat}
.about_bg {float:left; background:#FFFFFF;}
.about_bottom { float:left; width:880px; padding:0px 70px 150px 70px; background:#FFFFFF;}

.title_title { float:left; text-align:center; padding-top:30px;}
.title_title h1 { width:880px; margin: 0 auto; font-size:30px; color:#FF6600; overflow:hidden; padding-top:30px;}
.title_title .about{ width:880px; margin: 0 auto; padding-bottom:20px; font-size:12px; border-bottom:2px dashed #d7d7d7; overflow:hidden; padding-top:20px;}

.about_table { float:left; width:880px; margin:30px auto; padding-bottom:0px;}
.about_table img{ padding-top:15px;}

.about_table p{ font-size:16px; line-height:36px;}
.about_table input{ height:22px;line-height:22px;}

	.about_list{ float:left; margin:20px auto; padding-top:45px;  width:880px; background:url(icon_a2.png) no-repeat;}
	.about_list li{ width:844px; clear: both; font-size:14px; line-height:36px; height:36px; border-bottom:1px solid #d9d9d9; padding:0px 3px;}
	.about_list .title a{ display:inline-block; height:36px; width:542px; padding-left:18px;}
	.about_list .class a{ display:inline-block; width:142px; height:36px; text-align:center; color:#666666}
	.about_list .time { display:inline-block; width:142px; height:36px; text-align:center; color:#666666}

	.pic_Img { float:left; width:920px; margin-top:30px; overflow:hidden;}
	.pic_Img li { float:left; width:180px; height:171px;margin-right:40px; margin-bottom:30px; padding:3px; border:1px solid #d7d7d7; background:#fff; display:block;}
	.pic_Img li img { width:180px; height:135px;}
	.pic_Img li span { float:left; width:180px; text-align:center; height:25px; line-height:30px; padding:3px  0px;}


.classlist { float:left; width:880px; margin-bottom:20px;}
.classlist_Div { clear:both; text-align:center; text-indent:0px; overflow:hidden; }
.classlist_Tt { float:left; width:880px; padding-top:20px; text-align:left;color:#411c00; font-weight:bold;}
.classlist_Tx1 {float:left; width:80px; height:25px; margin:5px 8px 5px 0px;}
.classlist_Tx1 a{display:block; width:80px; font-size:12px; height:25px; line-height:25px; color:#ffffff; background:#F65780;}
.classlist_Tx1 a:hover{width:80px; font-size:12px; height:25px; line-height:25px; font-weight:bold; color:#ffffff; background:#7EB801;}
.classlist_Tx2 {float:left; width:80px; height:25px; margin:5px 8px 5px 0px;}
.classlist_Tx2 a{display:block; width:80px; font-size:12px; height:25px; line-height:25px; color:#ffffff; background:#EDAC03;}
.classlist_Tx2 a:hover{width:80px; font-size:12px; height:25px; line-height:25px; font-weight:bold; color:#ffffff; background:#7EB801;}
.classlist_Tx3 {float:left; width:80px; height:25px; margin:5px 8px 5px 0px;}
.classlist_Tx3 a{display:block; width:80px; font-size:12px; height:25px; line-height:25px; color:#ffffff; background:#3399CC;}
.classlist_Tx3 a:hover{width:80px; font-size:12px; height:25px; line-height:25px; font-weight:bold; color:#ffffff; background:#7EB801;}

			
.MXLS_img ul { width:110px; height:110px; text-align:center; padding:10px;}

.WJDC_Box { width:750px; border:1px solid #dbdbdb;}
.WJDC_Box .mx_title { background:#dff5ff; color:#2c6b87; font-size:14px;  padding-left:15px;padding-top:7px; padding-bottom:5px; #height:20px; line-height:20px;}
.WJDC_Box h2 {background:#dff5ff; color:#2c6b87; padding-left:10px; border-bottom:1px solid #dbdbdb; font-size:14px }
.WJDC_Box li { padding-left:20px; line-height:30px;}
.WJDC_Box input { padding:5px;}
.WJDC_Box textarea { padding:5px; margin:5px;}
.WJDC_Box span { display:block; float:left; padding-right:20px;}
		.about_page{ float:left; margin:0 auto; margin-top:30px; width:850px; height:30px; text-align:center; font-size:14px; line-height:30px;}
		.about_page span{ float:left; padding-left:20px;}
		.about_page p{ float:right; padding-right:20px;}
		.about_page a{ margin:0 10px; font-size:14px; color:#333; cursor:pointer; text-decoration:none;}
		.about_page a:hover{ color:#005a4a; text-decoration:none;}

.teacher_box { width:850px;  margin:0 auto; border:1px solid #dbdbdb;}
.teacher_box li { float:left; width:80px; text-align:center;margin-left:28px; margin-top:10px; display:inline}
.teacher_box a { padding:3px; border:1px solid #d7d7d7; display:block; width:74px;height:100px; line-height:30px; background:#fff; }
.teacher_title { color:#2c6b87; font-size:14px; padding:7px 0px 5px 15px; line-height:20px; background:#dff5ff; }
/*bjlb star*/
.bjlb_Abox { width:950px;  margin:0 auto; border:1px solid #dbdbdb; background:#FFF}
.bjlb_Atitle { color:#2c6b87; font-size:14px; padding:7px 0px 5px 15px; line-height:20px; background:#dff5ff; }

.bjlb_Ttext,.bjlb_Ttitle { border-bottom:1px solid #dbdbdb}
.bjlb_Ttitle { font-weight:bold; text-align:right; width:70px; padding-top:10px;}
.bjlb_Ttext a {  border:1px solid #d7d7d7; display:inline-block; height:30px; width:95px; overflow:hidden; text-align:left; padding-left:10px; line-height:30px; background:#fff; margin:10px; }
.bjlb_Ttext a:hover { background:#f2f2f2}
/* about-message board Restore */
.orange{ color:#ff3c00; }

.restore{ margin:0 auto; width:850px; height:auto; border:1px solid #dbdbdb; background:#fff;}
.restore .title{ float:left; width:100%; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
.restore .title h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
.restore .title img{ margin:0 10px; }
.restore table{ margin:10px auto; width:100%; border-collapse:collapse; }
.restore table td{ padding:6px; }
.restore table th{ padding-right:10px; color:#6d6d6d; line-height:26px; text-align:right; width:90px; }
.restore table textarea{ margin-left:16px; width:700px; height:150px;}
.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }

/* about-ÎÄÕÂ */
		.tableText{ margin:0 auto; border-collapse:collapse; width:88%; font-size:14px; line-height:30px; color:#383838;}
			.tableText img{ margin:0 auto;}
			
/* about-message board */	
.subjuct{ margin:0 auto; margin-top:20px;  width:900px; height:auto; }
.subjuct{ border:1px solid #f0d8c0; background:#fff; }
.subjuct .titleBox{ border-bottom:1px solid #f0d8c0; background:#fee8a4; color:#c4af6c; float:left; width:900px; padding:2px 0px; line-height:28px;}
.subjuct .titleBox img{ margin-top:5px;}
.subjuct img{ margin:0 10px; }
.subjuct h4 { font-size:14px; color:#b43300; font-weight:bold; text-decoration:none;}
.subjuct .titleBox p{ margin:0 10px;}
.subjuct em{ color:#866e23; }
.subjuct .hfct { background:url(hfct.gif) no-repeat; width:77px; height:28px; margin-left:10px;text-align:center; float:left; line-height:28px;}
.subjuct .hfct a { color:#0099ff;}
.subjuct .left1 { float:left}


		
		.subjuct .text{ clear:both; margin:0 auto; padding:5px 10px 5px; width:880px; height:auto; line-height:24px; text-align:left;  }
		.subjuct .text p{ text-indent:24px; }
		.subjuct .text p a{ color:#494949; text-decoration:none; }
		.subjuct .text p a:hover{ color:#e14c7d; text-decoration:none; }
		
		
		.subjuct .time{width:900px; height:22px; color:#aca8a2; line-height:22px; text-align:right; background:#f5f1ec;}
		.subjuct .time span{ margin:0 8px;}
		.subjuct .time em{ color:#937147; }
		.subjuct .time p{ margin:0 12px;}
		.subjuct .time p a{ color:#c6948d;}
		.subjuct .time p a:hover{ color:#ff0066; text-decoration:underline; }
		
		/* about-message board Scott */
		.scott{ margin:0 auto; padding:10px 0;  width:900px; height:30px; line-height:30px; color:#004399; text-align:center;}
		.scott a{ margin:0 10px; color:#006fff; text-decoration:none;}
		.scott a:hover{ color:#a6006d; text-decoration:none;}
		
		/* about-message board Restore */
		.orange{ color:#ff3c00; }
		
		.restore{ margin:0 auto; width:900px; height:auto; border:1px solid #dbdbdb; background:#fff;}
		.restore .titleBox{ float:left; width:900px; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
		.restore .titleBox h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
		.restore .titleBox img{ margin:0 10px; }
		.restore table{ }
		.restore table td{ padding:6px; color:#d75600; }
		.restore table th{ padding-right:4px; width:100px; color:#6d6d6d; line-height:26px; text-align:right; border:none; }
		.restore table textarea{ width:500px; height:150px; background:#ffffef; border:1px solid #c5c5c5;}
		.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
		.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }


.tab1,.tab1 td,.tab1 th { border-collapse:collapse; border: 1px solid #D6D6D6; padding:0 10px; height:35px; font-size:14px; color:#000;}
.tab1 { margin:5px auto; width:90%; }
.tab1 th{ padding:0 5px; }
.tab1 td { text-align:center; padding:0 5px; }
.tab1 a{ padding-left:5px; font-size:14px;}


.floatingAd .ad{z-index:100;background:none;position:absolute;display:none;}
.floatingAd a{color:#000000; display:inline-block;text-decoration:none;}
.floatingAd a img{border:0;}

.youqing { float:left; width:990px; height:53px; margin-top:50px; margin-left:30px; overflow:hidden;}
.youqing a{ width:150px; margin-right:12px; float:left;}



/*ÁôÑÔÒ³¶¨Òå*/
.bz{font-size: 14px;   line-height:35px; text-align:left;padding:10px 0 3px 0}
.rs{font-size: 14px;  text-align:left;padding:10px 5px 20px 78px; border-bottom: 1px solid #ccc}
.book{font-size: 14px; text-align:left;padding:5px 0 3px 0; border-bottom: 1px solid #ccc}


      .focus-slider {
        position: relative;
        width: 286px;
        height: 230px;
        overflow: hidden;
        background: #fff;
      }

      .focus-slider-track {
        position: relative;
        width: 100%;
        height: 100%;
      }

      .focus-slide {
        position: absolute;
        inset: 0;
        display: block;
        opacity: 0;
        transform: scale(1.06);
        transition: opacity .55s ease, transform 4.8s ease;
        pointer-events: none;
        z-index: 1;
      }

      .focus-slide.active {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
        z-index: 2;
      }

      .focus-slide img {
        display: block;
        width: 286px;
        height: 208px;
        object-fit: cover;
      }

      .focus-slide-overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 54px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .64) 100%);
      }

.focus-slide-title {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 11px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

      

      .focus-slider-arrow {
        position: absolute;
        top: 50%;
        z-index: 3;
        width: 28px;
        height: 44px;
        margin-top: -22px;
        border: 0;
        padding: 0;
        background: rgba(0, 0, 0, .24);
        cursor: pointer;
        transition: background .25s ease, opacity .25s ease;
      }

      .focus-slider:hover .focus-slider-arrow {
        background: rgba(0, 0, 0, .38);
      }

      .focus-slider-arrow:hover {
        background: rgba(127, 191, 0, .82);
      }

      .focus-slider-arrow-prev {
        left: 0;
      }

      .focus-slider-arrow-next {
        right: 0;
      }

      .focus-slider-arrow span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
      }

      .focus-slider-arrow-prev span {
        margin-left: -3px;
        transform: rotate(-135deg);
      }

      .focus-slider-arrow-next span {
        margin-left: -7px;
        transform: rotate(45deg);
      }