﻿/*========================================================= 全局样式 ========================================================================*/
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: "微软雅黑"; }
img { border-style: none; }
body, ul, li, h1, h2, h3, h4, h5, h6, form, dl, dt, dd { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; list-style: url(none) none; }
.clear { clear:both;  }
* { margin:0; padding:0; }
.kuan { height: auto; width: 1000px; margin-right: auto; margin-left: auto; }
a { text-decoration: none; }


/*========================================================= TOP ========================================================================*/
.top { float: left; height: 90px; width: 100%; }
.top_logo { background: url(../images/logo.jpg) no-repeat right top; float: left; height: 90px; width: 35%; }
.top_lm { background: #39962B; float: left; height: 90px; width: 65%; }
/* navBar */
.navBar{ width:900px; height:90px; line-height:90px; color:#333; float: left; background: #39962B}
.nav{ position:relative; width:900px; font-size:14px; float: left; }
.nav a{color:#fff;}
.nav h3{font-size:100%;font-weight:normal;}
.nav .m{float:left;position:relative;z-index:2;}
.nav h3 a{ display:block; width:90px; text-align:center; font-weight:bold; text-decoration: none; font-family: "微软雅黑"; font-size: 14px; }
.nav h3 a:hover{ display:block; width:90px; text-align:center; font-weight:bold; text-decoration: none; font-family: "微软雅黑"; font-size: 14px; background: #28691F; height: 90px; }
.navx { display:block; width:90px; text-align:center; font-weight:bold; text-decoration: none; font-family: "微软雅黑"; font-size: 14px; background: #28691F; height: 90px; }
.nav .sub{ display:none; position:absolute; left:0px; top:90px; z-index:900; width:88px; border:1px solid #E6E4E3; border-top:0; background:#fff; }
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px; float: left; }
.nav .sub li a{ display:block; border-bottom:1px solid #E6E4E3; padding:8px 0; height:auto; line-height:28px; color:#666666; font-size:12px; width: 72px; }
.nav .sub li a:hover{color:#39962B;}
.nav .block{ height:2px; width:90px; background:#FE7700; position:absolute; left:0; top:88px; overflow:hidden; }

/*========================================================= BANNER ========================================================================*/
.banner1 { float: left; height: 478px; width: 100%; }
.banner2 { float: left; height: 280px; width: 100%; }
#full-screen-slider { width:100%; height:478px; float:left; position:relative; z-index:1;}
#slides { display:block; width:100%; height:478px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:440px; z-index:300; padding:5px 15px 5px 0; margin:0 }
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#39962B }

/*========================================================= 首页内容区 ========================================================================*/
.home { height: auto; width: 100%; float: left; padding-top: 30px; }
.home_k { height: auto; width: 1000px; margin-right: auto; margin-left: auto; }
.home_a { height: auto; width: 294px; float: left; margin-right: 40px; }
.home_bt { height: 52px; width: 294px; float: left; margin-bottom: 10px; }
.home_1 { height: 252px; width: 294px; float: left; margin-bottom: 26px;  overflow: hidden;}
.home_1 img{ height: 252px; width: 294px; float: left; }
.Scroller { height:160px; width:294px; float: left; } 
.Scroller *{margin:0px; padding:0px;} 
.home_2 { height: 160px; width: 294px; float: left; }
.home_2 ul li{ height: 40px; width: 294px; float: left; }
.home_2 ul li dl{ height: 40px; width: 100px; float: left; font-size: 14px; line-height: 40px; color: #666666; text-decoration: none; overflow: hidden; }
.home_2 ul li dt{ height: 40px; width: 58px; float: left; }
.home_3 { height: 110px; width: 294px; float: left; }
.home_3 ul li{ height: auto; width: 294px; float: left; margin-bottom: 10px; }
.home_3 h1{ height: 120px; width: 294px; float: left; overflow: hidden; margin-bottom: 10px; }
.home_3 h1 img{ height: 120px; width: 294px; float: left; }
.home_3 h2{ height: 18px; width: 294px; float: left; overflow: hidden; font-size: 14px; line-height: 18px; color: #999999; }
.home_3 h3{ height: 20px; width: 294px; float: left; overflow: hidden;  background: url(../images/home_7.jpg) no-repeat right top; }
.home_3 h3 a{ height: 20px; width: 294px; float: left; overflow: hidden; font-size: 14px; line-height: 20px; color: #707070; text-decoration: none; font-family: "微软雅黑"; }
.home_3 h3 a:hover{ color: #999999; }
.home_4 { height: 120px; width: 294px; float: left; }
.home_4 img{ height: 120px; width: 294px; float: left; }
.home_5 { height: 40px; width: 294px; float: left; background: url(../images/home_10.jpg) no-repeat right top; padding-bottom: 14px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; }
.home_5 dl{ height: 40px; width: 170px; float: left;overflow: hidden; }
.home_5 dl a{ height: 40px; width: 170px; font-size: 12px; line-height: 40px; color: #707070; text-decoration: none; float: left; overflow: hidden; }
.home_5 dl a:hover{ color: #999999; }
.home_5 dt{ height: 40px; width: 108px; float: left; overflow: hidden;}
.home_5 dt a{ height: 40px; width: 108px; float: left; font-size: 12px; line-height: 40px; color: #707070; text-decoration: none; overflow: hidden; }
.home_5 dt a:hover{ color: #999999; }
.home_6 { height: 268px; width: 294px; float: left; }
.home_6 ul li{ height: auto; width: 294px; float: left; margin-bottom: 29px; }
.home_6 h2{ height: 18px; width: 294px; float: left; overflow: hidden; font-size: 14px; line-height: 18px; color: #999999; }
.home_6 h3{ height: 20px; width: 294px; float: left; overflow: hidden;  background: url(../images/home_7.jpg) no-repeat right top; }
.home_6 h3 a{ height: 20px; width: 294px; float: left; overflow: hidden; font-size: 14px; line-height: 20px; color: #707070; text-decoration: none; font-family: "微软雅黑"; }
.home_6 h3 a:hover{ color: #999999; }


.bcon{ float: left; height: 400px; width: 294px; }
.bconx{ float: left; height: 30px; width: 294px; }
.bconx span{ height: 30px; width: 100px; float: left; padding-left: 110px; }
.bconx span em{ width:8px; height:8px; background:#F0F2F3; border:1px solid #E6E9EA; border-radius:10px; margin:0 5px; display:inline-block; cursor:pointer;}
.bconx span em.emon{ width:10px; height:10px; background:#39962B; border:none; }

.list1{ width:294px; height:364px; overflow:hidden; display:none; float: left; }
.list1 li{ width:294px; float:left; margin-bottom: 10px; }
.list1 h1{ height: 120px; width: 294px; float: left; overflow: hidden; margin-bottom: 10px; }
.list1 h1 img{ height: 120px; width: 294px; float: left; }
.list1 h2{ height: 18px; width: 294px; float: left; overflow: hidden; font-size: 14px; line-height: 18px; color: #999999; }
.list1 h3{ height: 20px; width: 294px; float: left; overflow: hidden;  background: url(../images/home_7.jpg) no-repeat right top; }
.list1 h3 a{ height: 20px; width: 294px; float: left; overflow: hidden; font-size: 14px; line-height: 20px; color: #707070; text-decoration: none; font-family: "微软雅黑"; }
.list1 h3 a:hover{ color: #999999; }

.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}

/*========================================================= FOOT ========================================================================*/


.foot { background: #39962B; float: left; height: auto; width: 100%; margin-top: 20px; }
.foot_1 { background: url(../images/home_12.jpg) no-repeat left top; height: auto; width: 850px; margin-right: auto; margin-left: auto; padding-left: 130px; padding-top: 26px; padding-bottom: 30px;min-height:110px;  }
.foot_1 ul{ height: auto; width: 94px; float: left; }
.foot_1 ul h1{ height: 40px; width: 94px; float: left; text-align: center; }
.foot_1 ul h1 a{ font-size: 14px; line-height: 40px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
.foot_1 ul h1 a:hover{ text-decoration: underline; }
.foot_1 ul li{ height: 24px; width: 94px; float: left; text-align: center; }
.foot_1 ul li a{ font-size: 12px; line-height: 24px; color: #FFFFFF; text-decoration: none; }
.foot_1 ul li a:hover{ text-decoration: underline; }
.foot_2 { background: #307D24; float: left; height: auto; width: 100%; }
.foot_3 { height: auto; width: 960px; margin-right: auto; margin-left: auto; min-height:40px; font-size: 12px; line-height: 22px; color: #FFFFFF; text-decoration: none; padding: 15px 20px 10px; text-align: center; }
.foot_3 a{  font-size: 12px; line-height: 22px; color: #FFFFFF; text-decoration: none; }
.foot_3 a:hover{ color: #FFFFCC; }

/*=========================================================内页========================================================================*/
.ny { background: url(../images/n_1.jpg) repeat-x top; float: left; height: 36px; width: 100%; }
.ny_2 { height: 36px; width: 1000px; margin-right: auto; margin-left: auto; }
.ny_2a { height: 52px; width: 188px; float: left; position: absolute; top: 360px; z-index: 1000; }
.ny_2b { height: 36px; width: 760px; float: left; padding-left: 20px; margin-left: 218px; background: url(../images/n_3.jpg) no-repeat left top; font-size: 12px; line-height: 36px; color: #666666; text-decoration: none; z-index: 1003; top: 370px; position: absolute; }
.ny_2b a{ font-size: 12px; line-height: 36px; color: #666666; text-decoration: none; }
.ny_2b a:hover{ color: #999999; }
.ny_3 { height: auto; width: 100%; float: left; }
.ny_4 { height: auto; width: 1000px; margin-right: auto; margin-left: auto; }
.ny_4z { height: auto; width: 188px; background: #39962B; float: left; }
.ny_4z2 { height: 89px; width: 188px; background: url(../images/n_4.jpg) no-repeat left top; float: left; }
.ny_4y { height: auto; width: 764px; float: left; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; }
.ny_4y ul li{ height: 42px; width: 764px; float: left; border-bottom: 1px dashed #CCCCCC; list-style: url(none) none; }
.ny_4y ul li strong{ height: 42px; width: 30px; float: left; font-size: 12px; line-height: 42px; font-weight: bold; color: #3F897A; text-decoration: none; text-align: center; }
.ny_4y ul li a{ height: 42px; width: 614px; float: left; font-size: 12px; line-height: 42px; color: #666666; text-decoration: none; overflow: hidden; }
.ny_4y ul li a:hover{color: #999999;  }
.ny_4y ul li span{ height: 42px; width: 120px; float: left; font-size: 12px; line-height: 42px; color: #999999; text-decoration: none; text-align: center; }
.ny_4y h1{ height: auto; width: 764px; float: left; font-size: 16px; line-height: 40px; font-weight: bold; color: #333333; text-decoration: none; text-align: center; }
.ny_4y h2{ height: 30px; width: 764px; float: left; font-size: 12px; line-height: 30px; color: #999999; text-decoration: none; text-align: center; }
.ny_4y h3{ height: auto; width: 764px; float: left; font-size: 12px; line-height: 22px; color: #666666; text-decoration: none; }
.ny_4y2 { height: auto; width: 764px; float: left; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; }
.ny_4y2 ul li{ height: 170px; width: 224px; float: left; margin-right: 28px; margin-bottom: 20px; list-style: url(none) none; }
.ny_4y2 ul li dl{ height: 140px; width: 224px; float: left; }
.ny_4y2 ul li dl img{ height: 140px; width: 224px; }
.ny_4y2 ul li dt{ height: 30px; width: 224px; float: left; text-align: center; overflow: hidden; }
.ny_4y2 ul li dt a{ font-size: 12px; line-height: 30px; color: #666666; text-decoration: none; }
.ny_4y2 ul li dt a:hover{ color: #999999; }
.ny_4y3 { height: auto; width: 764px; float: left; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; }
.ny_4y3 ul li{ height: 162px; width: 764px; float: left; padding-top: 22px; border-bottom: 1px dashed #CCCCCC; list-style: url(none) none; }
.ny_4y3 ul li dl{ height: 160px; width: 220px; float: left; margin-right: 20px; }
.ny_4y3 ul li dl img{ height: 130px; width: 214px; float: left; padding: 1px; border: 1px solid #CCCCCC; }
.ny_4y3 ul li dt{ height: 160px; width: 510px; float: left; }
.ny_4y3 ul li dt h1{ height: 36px; width: 510px; float: left; font-size: 16px; line-height: 36px; font-weight: bold; color: #3F897A; text-decoration: none; overflow: hidden; }
.ny_4y3 ul li dt h1 a{ float: left; font-size: 16px; line-height: 36px; font-weight: bold; color: #3F897A; text-decoration: none; }
.ny_4y3 ul li dt h2{ height: 66px; width: 510px; float: left; font-size: 12px; line-height: 22px; color: #999999; text-decoration: none; overflow: hidden; }
.ny_4y3 ul li dt h3{ height: 24px; width: 510px; float: left; margin-top: 10px; }
.ny_4y3 ul li dt h3 a{ height: 24px; width: 100px; float: left; font-size: 12px; line-height: 24px; color: #FFFFFF; text-decoration: none; background: #FF9900; text-align: center; }
.ny_4y3 ul li dt h3 a:hover{ height: 24px; width: 100px; float: left; font-size: 12px; line-height: 24px; color: #FFFFFF; text-decoration: none; background: #FFA51E; text-align: center; }
.ny_4y4 { height: auto; width: 764px; float: left; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; }
.ny_4y4 h1{ height: auto; width: 764px; float: left; font-size: 30px; line-height: 40px; font-weight: bold; color: #FF9900; text-decoration: none; margin-bottom: 20px; }
.ny_4y4 h3{ height: auto; width: 764px; float: left; }
.ny_4y4 a{ font-size: 12px; line-height: 20px; text-decoration: none; color: #666666; padding: 2px 16px; height: 20px; width: auto; margin-right: 5px; margin-left: 5px; border: 1px solid #CCCCCC; margin-bottom: 10px; float: left; white-space: nowrap; }
.ny_4y4 a:hover{ color: #999999; }
.ny_4y4 h2{ height: auto; width: 764px; float: left; font-size: 14px; line-height: 30px; color: #666666; text-decoration: none; margin-bottom: 20px; margin-top: 20px; border-top: 1px dashed #CCCCCC; padding-top: 20px; }
.ny_5 { text-align: center; float: left; height: 40px; width: 810px; margin-top: 20px; }
.ny_5 a{ font-size: 12px; line-height: 22px; color: #FFFFFF; text-decoration: none; background: #39962B; border: 1px solid #347265; padding: 5px; margin-right: 1px; margin-left: 1px; }
.ny_5 a:hover{ font-size: 12px; line-height: 22px; color: #666666; text-decoration: none; border: 1px solid #009933; padding: 5px; margin-right: 1px; margin-left: 1px; background: #FFFFFF; }
.ny_c { font-size: 16px; line-height: 32px; color: #666666; text-decoration: none; float: left; min-height: 500px; width: 764px; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; background: url(../images/n_7.jpg) no-repeat right bottom; }
.ny_6 { height: auto; width: 764px; float: left; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; border-bottom: 1px dashed #CCCCCC; }
.ny_6 h1 { height: auto; width: 764px; float: left; font-size: 30px; line-height: 36px; color: #333333; text-decoration: none; padding-top: 10px; padding-bottom: 6px; }
.ny_6 h2 { height: auto; width: 764px; float: left; font-size: 20px; line-height: 26px; color: #666666; text-decoration: none; padding-top: 6px; padding-bottom: 6px; }
.ny_6 h3 { height: auto; width: 764px; float: left; font-size: 12px; line-height: 20px; color: #666666; text-decoration: none; padding-top: 6px; padding-bottom: 10px; }
.ny_7 { height: auto; width: 764px; float: left; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; border-bottom: 1px dashed #CCCCCC; }
.ny_7 h1 { height: auto; width: 764px; float: left; font-size: 20px; line-height: 26px; color: #666666; text-decoration: none; padding-top: 6px; padding-bottom: 6px; }
.ny_7 h2 { height: 40px; width: 764px; float: left; font-size: 14px; line-height: 40px; color: #666666; text-decoration: none; margin-top: 10px; }
.ny_7 h2 select{ height: 24px; width: 110px; font-size: 14px; line-height: 24px; color: #666666; text-decoration: none; margin-right: 16px; margin-left: 16px; }
.ny_8 { height: auto; width: 764px; float: left; margin-left: 28px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; border-bottom: 1px dashed #CCCCCC; }
.ny_8 ul li{ height: 240px; width: 170px; float: left; margin-right: 20px; margin-bottom: 16px; }
.ny_8 ul li a{ height: 220px; width: 170px;  }
.ny_8 ul li img{ height: 220px; width: 170px; float: left; border:1px solid #CCCCCC;  }
.ny_8 ul li span{ height: 20px; width: 170px; float: left; text-align:center; font-size:12px; margin-top:5px; margin-bottom:5px;  }
/*=========================================================内页左侧导航========================================================================*/

#basic-accordian { width:188px; float: left; }
.accordion_headings { color:#FFFFFF; cursor:pointer; font-size: 12px; text-decoration: none; line-height: 40px; text-align: center; background: url(../images/nx_3.jpg) no-repeat left top; font-weight: bold; }
.accordion_headings a { color:#FFFFFF; font-size: 12px; text-decoration: none; line-height: 40px; height: 40px; width: 188px; font-weight: normal; }
.accordion_headings a:hover { font-size: 12px; line-height: 40px; color: #333333; text-decoration: none; height: 40px; width: 188px; font-weight: normal; }
.accordion_headings:hover { font-size: 12px; line-height: 40px; color: #FFFFFF; text-decoration: none; height: 40px; width: 188px; background: url(../images/nx_4.jpg) no-repeat left top; }
.accordion_headings:hover a{ font-size: 12px; line-height: 40px; color: #333333; text-decoration: none; height: 40px; width: 188px; }

.accordion_child { width: 188px; text-align: center; }
.Subordinate { float: left; height: 28px; t1ext-align: left; overflow: hidden; background: #F5F4EB; width: 188px; border-bottom: 1px solid #FBE4CE; }
.Subordinate a { font-size: 12px; line-height: 28px; color: #666666; text-decoration: none; }
.Subordinate a:hover { color: #999999; }
.header_highlight { font-size: 12px; line-height: 40px; color: #333333; text-decoration: none; text-align: center; background:  url(../images/nx_4.jpg) no-repeat left top; font-weight: bold; }
.header_highlight a { font-size: 12px; line-height: 40px; color: #333333; text-decoration: none; font-weight: bold; }

/*========================================================= 右侧漂浮 ========================================================================*/
.izl-rmenu{ position:fixed; left:50%; margin-left:532px; bottom:-60px; padding-bottom:73px; z-index:999; }
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{ background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:24px; color:#FFF; font-size:14px; text-align:center; display:none; font-weight: bold; }
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.izl-rmenu2{ position:fixed; left:50%; margin-left:532px; padding-bottom:73px; z-index:999; bottom: -2px; }
.izl-rmenu2 .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu2 .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu2 .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu2 a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu2 .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu2 .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu2 .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu2 .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu2 .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu2 .btn-phone .phone{ background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:24px; color:#FFF; font-size:14px; text-align:center; display:none; font-weight: bold; }
.izl-rmenu2 .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu2 .btn-top:hover{background-color:#444;}
.nyzb { float: left; height: auto; width: 188px; }
.nyyb { float: left; height: auto; width: 812px; }


/*========================================================= BOX ========================================================================*/
#detail{ width:950px; height:600px; border:1px solid #ccc; background:#FFFFFF;}
#detail .tit{ background:#E6E5E5; display:block; height:33px; cursor:move; }
#detail .tit i{ float:right; line-height:33px; padding:0 8px; cursor:pointer; margin-right: 10px; }
.cpbox { padding: 36px 24px 40px; height: 490px; width: 904px; }
.cpbox_1 { height: 490px; width: 350px; float: left; margin-right: 18px; }
.cpbox_2 { height: 380px; width: 536px; float: left; margin-bottom: 12px; overflow: hidden; }
.cpbox_2 h1{ height: auto; width: 536px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color: #333333; text-decoration: none; }
.cpbox_2 h2{ height: auto; width: 536px; float: left; font-size: 16px; line-height: 22px; color: #333333; text-decoration: none; font-weight: bold; padding-bottom: 16px; }
.cpbox_2 h3{ height: auto; width: 536px; float: left; font-size: 16px; line-height: 22px; color: #333333; text-decoration: none; }
.cpbox_2 h4{ height: auto; width: 536px; float: left; font-size: 12px; line-height: 18px; color: #333333; text-decoration: none; padding-top: 12px; padding-bottom: 12px; }
.cpbox_3 { height: 120px; width: 536px; float: left; overflow: hidden; }

	
/* play */

.clearfix{display:block;clear:both;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
#play{ width:350px; text-align:center; position:relative; overflow:hidden; float: left; }
#play .img_ul{position:relative;z-index:1;}
.img_hd { width:536px; overflow:hidden; height:110px; position:relative; float: left; padding-right: 0; padding-left: 0; }
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{ float:left; width:122px; height:100px; border:3px solid #eee; cursor:pointer; margin:0 3px 0 1px; overflow:hidden; *display:inline;padding:1px; text-align:center }
.img_hd ul li img{height:100px;}
.img_hd ul li.on{border-color:rgb(45, 150, 233);}
.img_hd .bottom_a{background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}
