@charset "utf-8";

/*全局定义*/
*{margin:0;padding:0; font:"Arial Black", Gadget, sans-serif; font-size:14px; color:#333; font-family:"微软雅黑";}
img{border:0 none;}
li{list-style:none;}
a{text-decoration:none;}

/*top*/
.top{ width:1000px; margin:0 auto; overflow:hidden;}
.logo,.logo_txt,.logo_pro{float:left;}
.logo_txt{width:375px; overflow:hidden;}
.logo img{width:120px; height:80px;}
.logo_pro span,.logo_pro a{line-height:30px; color:#00a23e; font-weight:bold;}
.logo_pro a:hover{color:#f96843;}
.tel{width:300px; float:right;}

/*nav*/
.nav{background:#00a23e;}
.nav ul{width:1000px; margin:auto; height:40px; overflow:hidden;}
.nav ul li{width:142px; float:left; text-align:center; background:url(../images/nav_line.png) right center no-repeat;}
.nav ul li a{color:#fff; line-height:40px; display:block; margin:0 20px; font-weight:bold;}
.nav ul li .now,.nav ul li a:hover{color:#ff0; text-decoration:underline;}
/*nav*/

/*banner*/
.wrapper { width:100%; margin: 0 auto; position: relative; overflow:hidden; max-width:1440px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left:10%; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right:10%; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
    .box_skitter .label_skitter{ z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow {height:450px; }
    #slideshow ul { display: none; }


/*news*/
.center_box{background:#eee; padding:30px 0;}
.news_box{width:1000px; margin:0 auto; overflow:hidden;}
.news{width:480px; float:left;}
.news_t{border-bottom:solid 2px #00a23e; overflow:hidden;}
.news_t h1{background:url(../images/news_t.png) no-repeat left center; width:170px; height:28px; line-height:28px; float:left;}
.news_t a{background:url(../images/more.png) no-repeat right center; width:36px; height:28px; line-height:28px; float:right;}
.news ul li{overflow:hidden; line-height:39px; border-bottom:1px #00a23e dotted;}
.news ul .none{border:0 none; height:40px; line-height:40px;}
.news ul a{color:#333; float:right; width:370px; overflow-x:hidden; height:39px; line-height:39px;}
.news ul a:hover{color:#f96843;}
.news ul span{float:left; color:#999;height:39px; line-height:39px;}
.news_more{background:#00a23e; width:480px; height:40px; display:block; line-height:40px; text-align:center; color:#fff; font-weight:bold;}
.news .news_more:hover{color:#ff0; text-decoration:underline;}
/*about*/
.artist{width:220px; position:relative; float:left; margin:0 40px;}
.artist li{overflow:hidden; width:220px; height:230px; position:relative;  float:left;}
.artist li img{width:220px; height:230px; display:block;}
.artist li a{background:url(../images/case_bg.png) repeat; left:0px; color:#fff; width:100%; height:100%; position:absolute; top:15%;}
.artist li a span{ margin-left:10px;font-weight:bold; float:left; color:#fff; line-height:40px; width:220px;}
.artist li a p{ line-height:24px; color:#fff; float:left; border-top:1px dashed #fff; padding:5px 10px; width:200px;}
.about_more{width:220px; background:url(../images/about_more.png) no-repeat bottom center; height:40px; display:block; float:left;}
.artist .about_more:hover,.i_cj .about_more:hover{background:url(../images/about_more_hover.png) no-repeat bottom center;}

/*case*/
.i_cj{width:220px; float:left;}
.i_cjm{width:100%; float:left;}
#KinSlideshow{width:220px; height:230px; float:left}
#KinSlideshow img{width:220px;height:230px;}
/*products*/
.pro_box{width:1000px; margin:0 auto; overflow:hidden; margin-top:30px;}
.pro{width:100%;}
.pro_t h1{background:url(../images/pro_t.png) no-repeat left center;}
.pro_main{ width:1000px; padding-top:20px; overflow:hidden; display:block; margin:0 auto;}
.table1 td a img{width:224px; height:150px; border:#ddd 1px solid; float:left; padding:2px; background:#fff;}
.table1 td a{margin:0 10px; display:block;}
.table1 td a p{line-height:30px; color:#333; font-family:"微软雅黑"; clear:both; display:block; font-weight:bold; width:223px; height:30px; overflow:hidden; text-align:center; font-size:12px;}
.table1 td a p:hover{color:#f96843;}
#featureContainer{WIDTH:1000px; float:left; margin-top:20px;}
#feature {POSITION:relative;}
#feature .prev{TEXT-INDENT: -9999px; WIDTH:26px; DISPLAY: block; BACKGROUND:url(../images/prev.png) no-repeat; FLOAT: left; top:45px; right:0px; HEIGHT:30px; position:absolute;}
#feature .next{TEXT-INDENT: -9999px; WIDTH:26px; DISPLAY: block; BACKGROUND:url(../images/next.png) no-repeat; FLOAT: right; HEIGHT: 30px; position:absolute; top:95px; right:0px;}
#feature .prev:hover{background:url(../images/prev_hover.png) no-repeat;}
#feature .next:hover{background:url(../images/next_hover.png) no-repeat;}
.featureUL{POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; LEFT: 0px}
.featureBox{WIDTH:223px; padding-right:20px;; FLOAT: left; OVERFLOW: hidden;}
#botton-scroll{Z-INDEX: 0; WIDTH:100%; FLOAT: left;}
#block{Z-INDEX: 0; POSITION: relative; WIDTH:952px; OVERFLOW: hidden;}
#block .box{WIDTH:100%; text-align:center; float:left;}
#block .box img{width:217px; height:150px; border:#eee 1px solid; float:left; padding:2px;}
#block .box p{line-height:40px; color:#333; font-size:14px; font-family:"微软雅黑"; clear:both; display:block}
#block .box p:hover{color:#f96843;}

/*footer*/
.footer_box{background:#00a23e;overflow: hidden;}
.footer{ padding:40px 0 20px 0; width:1000px; margin:0 auto; overflow:hidden;}
.dz{width:400px; float:left;}
.dz h1{line-height:28px; font-size:14px;}
.dz h1,.dz p{color:#fff;}
.dz p{line-height:24px; font-size:12px;}
.dt{margin-left:70px; float:left;}
.ewm{float:left; width:120px; text-align:center; margin:0 40px;}
.ewm img{width:120px; height:120px;}
.footer2{clear:both; text-align:center; color:#fff; line-height:40px; font-size:12px; border-top:1px dotted #fff;}
.footer2 span{font-size:12px; color:#fff;}
/*qq*/
.qq{width:120px; position:fixed; top:200px; right:0px; z-index:999;}
.qq_tit{width:100%; height:34px; line-height:34px; background:#f96843; text-indent:0.5em; float:left;}
.qq_tit span{float:left; color:#fff;}
.qq_tit a{float:right;}
.qq_main{width:100%; border-left:solid #f96843 2px;border-right:solid #f96843 2px;padding:10px 0px; border-bottom:#f96843 3px solid; float:left; background:#fff;}
.qq_main li{width:100%; line-height:30px; height:30px; text-indent:0.5em; float:left;}
.qq_main li a{ color:#333;}
.qq_zk{width:25px; height:90px; position:fixed; top:300px; right:0px; display:none; z-index:999;}

/*about*/
.ny_banner{width:100%; height:250px; text-align:center; overflow:hidden; clear:both;}
.ny_main{width:1000px; margin:0 auto; clear:both; overflow:hidden;}
.ny_left,.zxmw{width:200px; float:left;}
.ny_lft{width:100%; height:50px; line-height:50px; text-align:center;font-size:16px; font-weight:bold; float:left; color:#00a23e;}
.zxmw a{display:block;}
.ly{margin-bottom:5px;}
.ny_menu{width:190px; padding:10px 0 20px 10px; float:left; background:#ddd; margin-bottom:20px; -moz-border-radius:8px;
    -webkit-border-radius:8px; border-radius:8px;}
.ny_menu ul{overflow:hidden;}
.ny_menu li{width:100%; height:40px; line-height:40px; margin-bottom:10px; text-indent:1em; float:left; background:#ccc;}
.ny_menu li a{width:190px; height:40px; display:block; font-weight:bold; font-size:14px; color:#666;}
.ny_menu li a:hover,.ny_menu li a.active{background:#00a23e; color:#fff;}
.ny_right_box{float:right; width:720px;}
.ny_right{width:760px; float:right;}
.about_img{margin-top:20px; float:left;}
.ny_rtt{width:100%; height:26px; line-height:26px; border-bottom:#00a23e 1px solid; float:left;}
.ny_rtt span{font-size:14px; font-weight:bold; float:left; color:#333;}
.ny_rtt .rt{float:right; color:#a1a1a1}
.ny_rtt .rt a{color:#a1a1a1}
.ny_rtm{width:100%; padding-top:20px; line-height:28px; color:#333; float:left;}

/*news*/
.news_bds{width:100%; padding-bottom:10px; float:left;}
.news_bds img{width:210px; height:140px; border:#fff 4px solid; margin-right:18px; float:left;}
.news_bds h1{width:520px; height:34px; border-bottom:#ddd 1px dashed; line-height:34px; color:#f96843; float:right;}
.news_bds h1 a{font-size:16px; color:#f96843; float:left}
.news_bds h1 span{float:right; font-weight:normal;}
.news_bds_span2{width:520px; height:110px; color:#666; line-height:28px; float:right;}
.news_bds_span2 a{color:#f96843;}
.news_bdx{width:100%; float:left;}
.news_bdx ul{overflow:hidden; text-indent:0;}
.news_bdx li{width:100%; height:32px; border-bottom:#ddd 1px dashed; float:left;}
.news_bdx li a{color:#666; line-height:32px; padding-left:12px; float:left;}
.news_bdx li a:hover{color:#f96843;}
.news_bdx li span{color:#999; line-height:30px; padding-right:12px; float:right;}

/*products*/
.sub_nav{width:100%; float:left; padding:0 8px; padding-bottom:8px;}
.sub_nav li{float:left; margin:0px 2px;}
.sub_nav li a{padding:0px 15px; line-height:24px; color:#333; background:#fff; display:block;}
.sub_nav li a:hover,.sub_nav li a.active{color:#fff; background:#007acc;}
.pro_list{width:100%; float:left;text-indent:0;}
.pro_list li{width:233px; padding:5px 10px; text-align:center; float:left;}
.pro_list li img{width:227px; height:152px; border:1px solid #ddd; padding:2px;}
.pro_list li p{clear:both; line-height:24px;}
.pro_list li a{color:#666;}
.pro_list li p:hover{color:#f96843;}

/*yx*/
.yx h1{color:#f96843;}
.yx li{ width:233px; margin:5px 10px; text-align:center; float:left;}
.yx li img{width:227px; height:120px;;border:1px solid #ddd; padding:2px;}

/*contact*/
.lxfs{width:760px; overflow:hidden; margin-top:20px;}
.lxfs_l{width:440px; float:left;}
.lxfs_r{width:320px; float:right; margin-top:6px; text-align:center;}
.lxfs_r img{width:200px; height:200px;}
.lxfs h1{font-size:16px; line-height:40px; float:left; color:#666;}
.lxfs_l li{width:100%; line-height:32px; border-bottom:#ddd 1px solid; float:left;}

.pageWidth {
    background-attachment: fixed;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    margin: 0 auto;
    width: 1003px;
}
.columnSpace {
    padding: 0 0 5px;
}
.FrontAdv_float01-d1_c1 {
    clear: both;
    color: #000000;
    text-align: left;
    width: 180px;
}
.FrontAdv_float01-d1_c1 .FrontAdv_float01-default {
    position: relative;
}
.FrontAdv_float01-d1_c1 .shut {
    position: absolute;
    right: 2px;
    top: 2px;
}
.FrontAdv_float01-d1_c1 .shut A {
    background: url("../images/ad-close-01.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 18px;
    text-indent: -9999px;
    width: 18px;
}
.FrontAdv_float01-d1_c1 .shut A:hover {
    background: url("../images/ad-close-02.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}