body { width: 100%; text-transform: capitalize;}
html { font-size: 80.5%;/*10 Ã· 16 Ã— 100% = 62.5%*/ }
#main, #footer, #wrap { width:640px; margin: 0 auto; overflow: hidden; position: relative; }
.wrap_all { width:640px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 100px; }
.wrapper { width: 640px; margin: 0 auto; position: relative; display: block; }
/*css3*/

.height_a { height:auto!important; padding-bottom:30px }
.wrap_all,  .nav,  .mask,  .btn_i_click small,  .btn_i_click:before,  .btn_i_click:after { transition: all 300ms; -webkit-transition: all 300ms; }
/*nav*/

.header_nav { background:#fff ; padding-top: 8px; position: fixed; top: 0; width: 640px; margin-left: -320px; left: 50%; z-index: 10; /*border-bottom: 1px solid #ccc; */ border-top:5px solid #398e3b}
.header_nav h1 { width: 100%; height: 100px; background: url("../js/logo.png") no-repeat center; text-indent: -999rem; }
/*æŒ‰é’®*/

.btn_i { display: block; position: absolute; right: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.btn_i small,  .btn_i:before,  .btn_i:after { display: block; content: ''; width: 32px; height: 5px; background:#398e3b; border-radius: 5px; margin:2px 0; }
.btn_i_click small { opacity: 0; }
.btn_i_click:before { transform: rotateZ(45deg); transform-origin: 6px 7px; }
.btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 9px 0px; }
/*nav*/

.nav { position: absolute; left: 0; top: 102px; z-index: 10; width: 100%; background:rgb(241, 241, 241); height: 0; overflow: hidden; text-transform: uppercase; }
.nav ul li a { display: block; color: #000; line-height: 50px; text-indent: 30px; font-size: 1.8rem; border-bottom: 1px solid rgba(255, 255, 255, 0.59); }
/*nav_2*/
/*nav_2*/

.nav_2 ul { margin-top: 80px; }
.nav_2 ul li { width: 25%; float: left; line-height: 60px; text-align: center; color: #f5f5f5; font-size: 1.8rem; background: #162142; }
.nav_2 ul li a { color: #f5f5f5; border-left: 1px solid rgba(255, 255, 255, 0.4); border-bottom:1px solid rgba(255, 255, 255, 0.4); display: block;}
/*swiper-container*/

.swiper-container { width: 100%; height: 100%; padding-top: 120px; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */

    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/*form*/

.form { margin-top: 12px; position: relative; }
.form input[type=search] { line-height: 55px; height: 55px; border-radius: 5px; font-size: 1.6rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 15px; display: block; width: 100%; margin-bottom: 10px; }
.form input[type=submit] { display: block; position: absolute; right: 18px; width: 37px; height: 37px; background: url("../js/sch.png"); top: 10px; border: 0; text-indent: -999rem; }
/*program*/

.program { overflow: hidden; /*padding: 15px 0;*/ margin: 10px 0 0 0; }
.program ul li { float: left; background:#398e3b; color:#FFF; font-size:1.4rem; margin-top:10px; text-align:center; padding:8px 0px}
.program ul li a { color:#FFF}
/*program*/

.program1 { overflow: hidden; padding: 15px 0; margin: 10px 0 0 0; }
.program1 ul li { width: 25%; float: left; }
.program1 ul li a { display: block; font-size: 20px; color: #343742; text-align: center; padding-top: 140px; }
 .program1 ul li:nth-of-type(1) a {
background: url("../js/i1.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(2) a {
background: url("../js/i2.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(3) a {
background: url("../js/i4.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(4) a {
background: url("../js/i3.png") no-repeat center top;
border-right: 0;
}
 .program1 ul li:nth-of-type(5) a {
background: url("../js/i5.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(6) a {
background: url("../js/i6.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(7) a {
background: url("../js/i7.png") no-repeat center top;
}
 .program1 ul li:nth-of-type(8) a {
background: url("../js/i8.png") no-repeat center top;
border-right: 0;}

.main_title { font-size: 2.3rem; color: #dddede; text-indent: 12px; position: relative; margin-top: 20px; width: 100%; text-align: center; height:90px}
.main_title .pro-tit{ width:100%; height:74px; line-height:74px; text-align:center; font-weight:bold;  color:#398e3b; background:url(protit.png) center no-repeat; float:left; font-size:3rem; letter-spacing:1px}
.news-tit{ width:100%; height:74px; line-height:74px; text-align:center; font-size:3rem; color:#398e3b; background:url(newstit.png) center no-repeat;}
.abt-tit{ width:100%; height:74px; line-height:74px; text-align:center;font-weight:bold; font-size:3rem; color:#398e3b; background:url(abttit.png) center no-repeat;}
.cf-tit{ width:100%; height:74px; line-height:74px; text-align:center;font-weight:bold; font-size:3rem; color:#398e3b; background:url(qytit.png) center no-repeat;}
.product_type { background:/*border: 1px solid #eeeeee;*/ padding: 8px 0 0 0; }
.product_type ul { justify-content:space-around; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.product_type ul li a { display: block; width: 170px; line-height: 44px; text-align: center; background: #398e3b; margin-bottom: 8px; border-radius: 15px; font-size: 1.6rem; color:#FFF; float:left }
.a_more { font-size: 1.8rem; color: #fff; text-align: center; display: block; float:left; margin-top:20px; width:100%}
.a_more  span{ border:2px solid #fff; text-align:center; margin:0 auto; text-transform:uppercase; width:120px; display:block}
/*news*/
.news{ padding-top:20px;}
.news ol li { line-height: 55px; font-size: 1.4rem; border-bottom: 1px dashed #e0e0e0; background: url("../js/17.png") no-repeat left center; padding-left: 20px;font-weight: normal; }
.news ol li a { display: block; }
.news ol li a small { float: right; }
/*company*/
.company {background:#0c72c6; padding-bottom:20px}
.company span { display: block; font-size: 1.4rem;width:100%; text-align:center; color:#FFF; font-weight:bold; font-size:36px; padding-top:20px;}
.company .abtfl{ width:100%; height:100px; padding-top:30px}
.company .abtfl ul{ width:100%;}
.company .abtfl ul li{ width:200px; float:left; height:40px; text-align:center; background:#FFF; color:#0c72c6; border-radius:10px; line-height:40px; font-size:1.4rem; margin-bottom:10px; margin-left:10px;}
/*case*/
.case ul { justify-content:space-between; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.case ul li { position: relative; margin-bottom: 20px; }
.case ul li img { display: block; width: 290px;}
.case ul li a { display: block; font-size: 1.5rem; color: #fff; text-align: center; background:#398e3b }
/*honor*/
.honor ul { justify-content:space-between; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.honor ul li img { display: block; width: 188px; height: 140px; }
/*contact*/
.contact { background: #191919; height: 138px; margin: 25px 0 0 0; color: #adadad; padding: 25px 0 23px 0; }
.contact h1 { width: 135px; height: 105px; float: left; background: url("../js/lgo2.png") no-repeat center; text-indent: -999rem; margin-right: 20px; }
.contact ul { float: left; padding-left: 30px; border-left: 1px solid #5e5e5e; /*width: 415px;*/ }
.contact ul li { font-size: 20px; line-height: 35px; }
/*footer*/

.footer { position: fixed; bottom:-1px; width: 640px; left: 50%; margin-left: -320px; background: #30333D; overflow: hidden; }
.footer ul li { float: left;/* line-height: 80px; */ width: 25%; position: relative; }
.footer ul li a { font-size: 2rem; color: #ffffff; display: block; border-right: 1px solid #fff; text-align: center; padding: 10px 0; }
.footer ul li a img {/* position: absolute; *//* top: 50%; *//* transform: translateY(-50%); *//* -webkit-transform: translateY(-50%); *//* left: 40px; *//* display: block; */ height: 40px; }
.footer ul li a span {/* padding-left: 75px; */ display: block; font-weight: normal;}
.info { padding: 15px 3px; }
.info_top:after { display: block; content: ''; ; clear: both; }
.info_top h2 { font-size: 2.6rem; font-weight: 500; color: #398e3b; float: left; border-left: 4px solid #398e3b; padding-left: 15px; text-transform:uppercase }
.info_top h2 span { color: #398e3b; }
.lanmu { float: right; width: 160px; height: 40px; position: relative; }
.info_top { margin-bottom: 35px; }
.info_top ul { background: #0d1125; position: relative; width: 160px; height: 40px; }
.info_top ul:before { display: block; content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(255, 255, 255); position: absolute; right: 10px; top: 50%; }
.info_top ul li a { display: block; line-height: 40px; font-size: 1.8rem; color: #ffffff; text-indent: 10px; }
.info_top ol { position: absolute; left: 0; top: 40px; display: none; }
.info_top ol li a { background: #3c3c3c; width:160px; line-height: 40px; color: #ffffff; display: block; text-indent: 15px; }
.lanmu { float: right; width: 160px; height: 40px; position: relative; }
.info_top { margin-bottom: 35px; }
.info_top ul { background: #0d1125; position: relative; width: 160px; height: 40px; }
.info_top ul:before { display: block; content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(255, 255, 255); position: absolute; right: 10px; top: 50%; }
.info_top ul li a { display: block; line-height: 40px; font-size: 1.8rem; color: #ffffff; text-indent: 10px; }
.info_top ol { position: absolute; left: 0; top: 40px; display: none; }
.info_top ol li a { background: #3c3c3c; width:160px; line-height: 40px; color: #ffffff; display: block; text-indent: 15px; }
.p_content { font-size: 1.5rem; line-height: 30px; color: #4f4f4f;float:left;width: 100%;}
.p_content img{  display:block; margin:0 auto; text-align:center}
.p_content h2{ width:100%; text-align:center; letter-spacing:2px; float:left; font-size:1.8rem}
#prev_next { font-size: 1.4rem; margin-top: 20px }
div.page { margin:10px 0 20px 0; clear: both; float: right; font-size: 1.4rem }
div.page a { padding:2px 5px; margin:2px; color: #ffffff; text-decoration:none; background: #9b9b9b; }
div.page a:hover { background: #5c5c5c }
div.page span.current { padding:2px 8px; font-weight:bold; margin:2px; color:#fff; background-color: #9c5252; }
div.page span.disabled { padding:2px 5px; margin:2px; color:#ddd; }
.contact_li h4 { font-size:2.2rem; margin-bottom: 15px; color: #525252; }
.contact_li ul li { font-size: 1.6rem; line-height: 30px; }
.contact_li ul li a { font-weight: bold; color: #162142; }
/***************/
.news_list li a { display: block; overflow: hidden;/* font-size: 1.6rem;*/ line-height: 60px; border-bottom: 1px dotted #ccc; background: url("../js/list.png") no-repeat left center; padding-left: 15px; }
.news_list li a span { float: left; /*font-size: 1.8rem;*/ }
.news_list li a small { float: right; font-size: 1.6rem; }
.news_title { text-align: center; font-size: 2rem; margin-bottom: 20px; color: #3f3f3f; padding-top:30px }
.meta { text-align: center; margin:25px 0; font-size: 1.6rem; }
.t_r { font-size: 1.6rem; }
/*course*/

.course { padding: 40px 0; background: #f5f5f5; }
.course_ul { width: 640px; padding-top:15px }
.course_ul li { margin-bottom: 10px; /*font-size: 1.8rem; */text-align: center; border: 1px solid #ccc; padding: 5px; float: left; margin-right: 11px; width:302px }
.course_ul li a { display: block; color:#fff;padding-bottom: 5px; font-size:1.4rem}
.course_ul li img { display: block; margin-bottom: 10px; }
/*teacher*/

.teacher { padding: 35px 0; }
.teacher_ul li img { width: 191px; /*height: 139px; */ }
#form1 input[type=text] { line-height: 30px; height: 40px; border-radius: 5px; font-size: 1.6rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 15px; display: block; width: 100%; margin-bottom: 10px; }
#form1 textarea { font-size: 1.6rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 15px; display: block; width: 100%; margin-bottom: 10px; border-radius: 5px; }
#form1 div input { float: left; }
#form1 div img { float: left; margin-left: 10px; height: 30px; margin-top: 1px; }
#form1 input[type=submit] { display: block; font-size: 1.6rem; background: #162142; color: #f5f5f5; text-align: center; width: 120px; line-height: 30px; border: 0; float: right; ; border-radius: 10px; font-family: "microsoft yahei"; }
.content_p { margin-top: 40px; overflow:hidden}
.content_p img { display:block; margin:0 auto; text-align:center; padding:10px 0px; width:100%}
.content_p p { font-size: 1.6rem; line-height: 30px; }
.content_p span.sp { display:block; background-color: #ececec; color: #ffffff; margin-bottom: 20px; overflow: hidden; }
.content_p span.sp small { background: #398e3b; display: block; float: left; text-align: center; line-height: 40px; font-size: 1.8rem; padding:0px 20px }
/************//**********/
.ys{ width:100%; height:500px}
.ys-in{ width:100%; height:500px}
.ys-in .ys1{ width:100%; height:158px; background:url(01.jpg) center no-repeat; float:left; position:relative; background-size:100%}
.ys-in .ys2{ width:100%; height:158px; background:url(02.jpg) center no-repeat; float:left; position:relative; background-size:100%}
.ys-in .ys3{ width:100%; height:158px; background:url(01.jpg) center no-repeat; float:left; position:relative; background-size:100%}
.ys-in .ys-img{ width:110px; height:100%; float:left; background:#FFF}
.ys-in span#y1{ color:#fff; font-size:20px; display:block; position:absolute; left:110px; top:20px }
.ys-in span#y2{ background:#FFF; width:43px; height:3px; display:block; position:absolute; left:110px; top:57px}
.ys-in span#y3{ color:#fff; font-size:1.4rem; display:block; position:absolute; left:110px; top:70px;font-family: å¾®è½¯é›…é»‘; }

/***************/
/**************/
.lxwm{ width:100%; height:220px; background:url(dbj.jpg) center no-repeat;}
.lxwm-in{ width:90%; height:220px; position:relative; background:url(dh.png) center no-repeat; margin:0 auto; background-size:100%}
.lxwm-in .dz{font-size: 1.6rem;font-family: å¾®è½¯é›…é»‘;color: rgb(255, 255, 255); width:100%; text-align:center; float:left; font-weight:bold; margin-top:75px; letter-spacing:1px}
.lxwm-in .xz{font-family: Arial, Helvetica, sans-serif;font-size:1.5rem;color: rgb(28, 189, 233); width:100%; text-align:center; float:left; margin-top:10px; color:#398e3b; font-weight:bold}
.lxwm-in .lx1{ background:#FFF; border-radius:50%; width:50px; height:50px; position:absolute; text-align:center; line-height:50px; font-size:1.3rem; bottom:25px; left:251px; color:#5a5a5a}
.lxwm-in .lx1:hover{ background:#398e3b; color:#FFF}
/************/
/***************/
.lx{ width:100%; text-align:center; padding:3% 0px; font-size:1.4rem; background:#f8f8f8; line-height:180%; height:250px;}
.lx1{font-size: 3rem;line-height: 42px;text-transform: uppercase;color:#dbe1e4; text-align:center; float:left; width:100%;}
.lx2{font-size: 3rem;text-transform: uppercase;color:#398e3b; text-align:center; float:left; width:100%; font-weight:bold}
.lx2 b{color:#398e3b;}
.lx3{ font-weight: bold;font-size: 1.4rem;color: #282828;text-transform: uppercase;letter-spacing: 2px; float:left; margin-top:10px; text-align:center; width:100%}
.map{ width:100%; height:300px;}

/*********************/
.n-con .con1{width:100%; margin:0 auto; height:auto; margin-bottom:20px;min-height:300px; padding:5px}
.n-con .con1 ul{ width:100%; padding:5px; height:auto;}
.n-con .con1 ul li{ width:100%; float:left; margin:10px 0px; border:1px solid #eeeeee}
.n-con .con1 ul li .ts{ width:30%; float:left; overflow:hidden}
.n-con .con1 ul li .ts img{ width:100%;  float:left; display:block}
.n-con .con1 ul li .js{ width:68%; height:300px; float:right; position:relative; font-size:1.3rem; line-height:160%; overflow:hidden; color:#5a5a5a}
.n-con .con1 ul li .ts .sm{ float:left; width:100%; text-align:left; color:#000; height:30px; line-height:30px; font-weight:bold; font-size:1.4rem;}
.n-con .con1 ul li .ts .zz{ float:left; width:100%; text-align:right; color:#5a5a5a;  line-height:30px; font-size:1.3rem}

.con table tr td span a:hover{ color:#DE1D4A}

.n-con .con .neirong p{ text-indent:2em; line-height:160%; font-size:1.5rem}

/*************/
/***********************/
.con-tit{ background:#f5f5f5;width: 100%;height: 40px;margin-bottom:20px}
.con-tit span#nbt{ display:block; padding:0px 20px; text-align:center; line-height:40px; height:40px; float:left; color:#FFF; font-size:16px; background:#398e3b url(add1.png) left center no-repeat; padding-left:30px;background-position:8px 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 70%;text-align: left;}
.con-tit span#nbt a{ color:#fff}
.con-tit span#nsy{ float:right; line-height:40px; padding-left:22px; background:url(n-sj.png)left center no-repeat; color:#444; font-size:16px; padding-right:10px;}
.con-tit span#nsy:hover{ color:#398e3b}

.con-fl{ width:100%; float:left;}
.con-fl ul{ display:block; text-align:center; height:35px; line-height:35px; overflow:hidden}
.con-fl ul li{ text-align:center; background:#398e3b; padding:0px 10px; color:#fff; font-size:16px; display:inline-block}

.con-tit ul {width:100%; float:left; text-align:center; margin-top:20px}
.con-tit ul li{ width:150px; height:40px;font-size: 16px;color: #fff; margin:0 auto; line-height:40px; text-align:center; display:inline-block; background:#398e3b}
.con-con{ width:100%; padding:30px 0px;}
/***************/
/****************************/
ul#xwul{ width:100%; float:left;}
ul#xwul li{ float: left;width: 100%;height: 82px;overflow: hidden; margin-bottom:20px;border-bottom: 1px dotted #e1e1e1; padding-bottom:20px; padding-top:20px}
ul#xwul li .xwsj{ width:60px; height:80px; border:1px solid #e1e1e1; float:left}
ul#xwul li .xwsj span#y{ float: left;width: 100%;color: #bcbabb;height: 22px;line-height: 22px;text-align: center;font: 16px/1.3 'Arial';font-weight: bold;overflow: hidden; margin-top:8px}
ul#xwul li .xwsj span#r{ float: left;width: 100%;color: #bcbabb;height: 22px;line-height: 22px;text-align: center;font: 16px/1.3 'Arial';font-weight: bold;overflow: hidden;}
ul#xwul li .xwsj span#n{ float: left;width: 100%;color: #bcbabb;height: 22px;line-height: 22px;text-align: center; font-size: 14px;overflow: hidden;}
ul#xwul li .xwmc{ float: right;width: 550px;height: 25px;line-height: 25px;overflow: hidden; font-weight:bold; color:#191919; font-weight:bold; font-size:20px}
ul#xwul li .xwms{ float: right;width: 550px;color: #888;line-height: 20px;height: 40px;overflow: hidden; margin-top:10px; line-height:160%}
/**************************/
div.flickr{ text-align:center; font-family:Verdana; line-height:20px; font-size:12px;  margin-top:20px; float:right; text-align:center; margin-bottom:20px}
div.flickr a{padding:5px 10px; background-position: 50% bottom; border: #dedfde 1px solid; color: #adaaad; text-decoration: none; float:left}
div.flickr a:hover{background-image: none; color: #fff; background-color: #a0a0a0; }
div.flickr a:active{background-image: none; color: #fff; background-color: #ddd; }
div.flickr span{color: #999; padding:5px 10px; border:#dedfde 1px solid; float:left}
div.flickr span.current{ font-weight: bold; color: #707070;}
div.flickr span.disabled{ color: #adaaad;}

/**************/
ul#prev_next{ display:block; float:left; border-top:1px dotted #e1e1e1;border-bottom:1px dotted #e1e1e1; margin-top:20px; padding:10px 0px; font-size:1.4rem; width:100%; margin-bottom:10px}
ul#prev_next li{ width:50%; text-align:left; float:left}

/**************/
.gsjj{ float:left; margin-top:15px; padding-bottom:20px;width: 100%;}
.gsjj p{ line-height:200%; }
.gsjj img{ display:block; }
/************/
.p-profl{ width:100%; float:left; padding-bottom:10px}
.p-profl ul{}
.p-profl ul li{ float:left; background:#f5f5f5; border:1px solid #e6e6e6; height:40px; line-height:40px; width:100%; margin-bottom:20px; text-align:center; font-size:1.6rem}
.p-profl ul li.on{ background:#dc0b0d; color:#FFF}
.p-profl ul li.on a{ color:#FFF}
/*************/
/************/
.p_content2 { font-size: 1.5rem; line-height: 30px; color: #4f4f4f; padding-left:5px; padding-right:5px }
.p_content2 ul{}
.p_content2 ul li{ float:left; width:298px; margin-right:22px; margin-bottom:20px;border: 1px solid #ccc; overflow:hidden}
.p_content2 ul li .lbtp{ float:left; width:298px; overflow:hidden; position:relative; height:223px}
.p_content2 ul li .lbtp img{ display:block; margin:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; max-width:298px; max-height:223px}
.p_content2 ul li .lbmc{ float:left; width:100%; background:#398e3b; height:40px; line-height:40px; text-align:center; color:#fff; font-size:1.6rem}
/*************/
.bq{ padding:30px 0px; text-align:center; color:#707070; text-align:center; font-size:1.4rem; float:left; width:100%; line-height:180%}
/**************/
.abt{ width:100%; margin:0 auto; padding-top:30px;float: left;}
.abt-js{ font-size:1.4rem; line-height:180%; padding-top:15px}
.abt-js p{ text-indent:2em}
/**************/

/*ç„¦ç‚¹å›?*/
.focus{ width: 100%; height: 283px; position: inherit;overflow:hidden;z-index:1; margin-top:100px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px;    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  
