@charset "utf-8";
/* CSS Document */

/* General Styling */
*{font-family:Arial,"微软雅黑";}
body{ background:#ddd; margin:0; font-family:Arial,"微软雅黑"; font-size:12px;color:#000;}
ol, ul, li{ margin:0; padding:0; border:0; list-style:none;}
p{ font-size:12px; line-height:18px; color:#000;}
a{ color:#000; text-decoration:none;outline:none;}
a:link { text-decoration: none;}
a:hover { text-decoration: none; color:#c30;}
a:visited {	text-decoration: none;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */

td { font-size: 10pt;font-family: Arial,"微软雅黑"; line-height: 14pt;}
img{ border-style: none; border:0;}
input{ font-size: 10pt;font-family: Arial,"微软雅黑"}
textarea{font-size: 10pt;font-family: Arial,"微软雅黑"}

h1, h2, h3, h4, h5, h6{color:#000;font-family:Arial,"微软雅黑";}
h1{	font-size:22px;}
h2{	font-size:18px;}
h3{	font-size:16px;}
h4{	font-size:14px;}
h6{	font-size:12px;}
#uc{ width: 5px;height: 5px;position: absolute;top: 0;left: 0;z-index: 100000;}
#uc h1{ width: 1px;height: 1px; }
.hidden{ display:none;}
.clear{	clear:both;}
/*#ucsharp{width: 945px !important; width: 955px;padding: 5px;margin: 10px auto;background: #ffffff;}*/
#ucsharp{ width: 945px; margin: 0 auto;background: #ffffff;}
/*---=== Header ===---*/
#web_header{ width: 945px;margin: 0 auto;}
#web_footer{ width: 945px;margin: 0 auto;background: #484848 url(../images/footer_shadow.png) repeat-x top;}

.header{ width: 945px;background: url(../Images/header_bg.jpg) repeat-x;overflow: hidden;}
.header .leftbar{ width: 225px;height: 124px; float:left;}
.header .leftbar h1{ width:225px; height:124px; background:url(../Images/logo.png) no-repeat center center;}
.header .rightbar{ width:710px; height:124px; float:right;}
.header .rightbar .topnav{ width:290px; height:22px; line-height:22px; margin-left:400px; 
                          background-image:url(../Images/bar.png);text-align:center;}
.header .rightbar .topnav a{ font:10pt/22px Arial,"微软雅黑";color: #fff;}
.header .menu{ width:720px; height:50px; margin-top:52px;}

/*------------menu */
.nav { width:720px; height:50px; margin:0; overflow:hidden;}
.nav ul { width:720px; height:50px; list-style:none; margin:0 10px;}
.nav ul li { width:100px; height:50px; background-image:url(../Images/nav_li.png); font: bold 12pt/50px Arial,"微软雅黑", sans-serif;
    color:#FFF; text-align:center; margin:0 5px; float:left;}
.nav ul li:hover { background: url(../Images/nav_li_hover.png); color:#fff;}
.nav ul li a {width:100px; height:50px;  font-size: 15px; color: #ffffff;display: block;font-weight:bold; text-transform:uppercase;}
.nav ul li:hover a{color:#fff; background: url(../Images/nav_li_hover.png);}
.nav_active{ background-image:url(../Images/nav_li_hover.png); color:#fff;}

#flash{ width: 945px;height: 406px; /*margin-top:5px;*/overflow: hidden;}
#scroll{ width: 945px;margin: 2px auto;}
.scrollbox{ width: 297px;height: 155px;margin: 2px;}
/**/

/*Banner*/
#banner{ width:100%; height:400px; background:#fff; margin:0 auto; overflow:hidden;}
#banner01{ width:100%; height:150px; background:url(../Images/about.jpg) no-repeat center center;  margin:0 auto;}
#banner02{ width:100%; height:150px; background:url(../Images/product.jpg) no-repeat center center;  margin:0 auto;}
#banner03{ width:100%; height:150px; background:url(../Images/news.jpg) no-repeat center center;  margin:0 auto;}
#banner04{ width:100%; height:150px; background:url(../Images/hr.jpg) no-repeat center center;  margin:0 auto;}
#banner05{ width:100%; height:150px; background:url(../Images/contact.jpg) no-repeat center center;  margin:0 auto;}

.js { position:relative; width:1440px; overflow:hidden; margin:0 auto;left:50%; margin-left:-720px; clear:both; z-index:1; background:url(../images/loading.gif) center no-repeat}
.jsNav { position:absolute; right:200px; bottom:45px; height:60px; text-align:right;}
.jsNav a{ height:60px; width:120px; display: inline-block; margin:0 0 0 10px; border:#fff 3px solid}
/*.jsNav a{ height:33px; width:102px; display: inline-block; margin:0 0 0 10px; border:#fff 1px solid}*/
a.imgSelected { border:#ffba07 3px solid;}
.indexjs{height:530px;}
.subjs{ height:530px}
#kinMaxShow{visibility:hidden;width:100%; height:450px; overflow:hidden;}
/*---=== Website main layout ===---*/
#wrapper{ width:1000px; margin:0 auto; }
#container{ width:953px; height:483px; margin:18px auto; }
/*-----index main-----*/

#main{ width:945px; overflow:hidden; margin:0px auto 5px;padding-bottom: 5px; background:url(../images/bg.jpg) repeat-y left center;}
#main .left{ width:175px; float:left;}
    #main .left .titBar{ width:175px; height:50px; background:#f4ad1f;text-align: center;font:bold 12pt/50px Arial,"微软雅黑";
                         border-bottom: #fff solid 1px;color: #fff;}
    #main .left .title { width:175px; font:10pt/40px Arial,"微软雅黑";}
	#main .left .title ul{ width:175px; font:10pt/40px Arial,"微软雅黑"; overflow:hidden;}
	#main .left .title ul li{ width:175px; width:240px; height:40px; background:#353535 url(../images/arrow.gif) no-repeat 10px center; 
                              font:bold 10pt/40px Arial,"微软雅黑"; padding-left:30px; overflow:hidden;border-bottom: #505050 solid 1px;}
    #main .left .title ul li a{ color: #ffffff;}
    #main .left .title ul li:hover{ color: #fff;background: #000 url(../images/arrow.gif) no-repeat 10px center;}
    #main .left .title .big{ width:175px; height:40px; background:url(../images/big.jpg) no-repeat; font:bold 10pt/40px Arial,"微软雅黑";}
    #main .left .title .small{ width:175px; height:40px; background:url(../images/small.jpg) no-repeat; font:bold 10pt/40px Arial,"微软雅黑";}
    
    #main .left .search{ width:175px; padding:10px 0;}
	#main .left .search .sbox{ width:165px; overflow:hidden;margin: 0 auto;}
	#main .left .search .sbox .sleft{ width:135px;  height:30px; float:left;}
	#main .left .search .sbox .sright{ width:30px;  height:30px; float:right;}
    #main .left .search .stb{ width:133px; height:28px;border: 1px solid #333;background: #444;color: #fff;
                               font:10pt/30px Arial,"微软雅黑"; padding:0;}
#main .right{ width:730px; float:right;margin: 0 20px;}
    #main .right .title{ width:720px; height:38px; /*border:solid 1px #aae2ee;*/ overflow:hidden; background:url(../images/title_bg.jpg);}
	    #main .right .title .t{ width:200px !important; width:230px; font:bold 10pt/38px Arial,"微软雅黑"; padding-left:30px; 
	                            background:url(../images/icon.png) 10px center no-repeat; height:38px; float:left;}
	    #main .right .title .more{ width:60px; font:bold 9pt/38px Arial,"微软雅黑"; height:38px; float:left; line-height:38px; float:right; text-align:center;}
	#main .right .profile{ width:720px; overflow:hidden; margin:0;font:10pt/18px Arial,"微软雅黑";}
        #main .right .profile .box-info { padding:10px 0; font:10pt/18px Arial,"微软雅黑";}
	    #main .right .profile .img-profile{ width:170px; height:210px; float:left; background:url(../images/right_profile.jpg);}
	    #main .right .profile .box-profile{ width:560px; height:210px; float:right; font:10pt/18px Arial,"微软雅黑";}
    #main .right .product{ width:720px; height:160px !important; background:url(../images/bg-0131.gif); height:190px; overflow:hidden; padding:15px 0;}
	
    #main .right .hr{ width:720px; overflow:hidden; margin:0;font:10pt/18px Arial,"微软雅黑";}
        #main .right .hr .hr-t { height: 25px;background: url(../images/arrow.gif) no-repeat 0 center;overflow: hidden;}
	    #main .right .hr .hr-tl {width: 100px; margin-left: 15px;float: left;font:bold 10pt/25px Arial,"微软雅黑";}
        #main .right .hr .hr-tr {width: 35px; float: right;}
	    #main .right .hr .hr-box{ width:720px;}
        #main .right .hr-return{ width:720px;height:25px;margin: 10px 0;}
        #main .right .hr-return h1{ width: 80px;height: 30px;text-align: center; background:#f4ad1f;border: #eba415 1px solid;
                                   font: 10pt/30px Arial,"微软雅黑";color: #fff;border-radius: 2px;}
        #main .right .hr-return h1:hover{ background:#353535;border: #333 1px solid;}
        #main .right .hr .infobox{ width: 720px;overflow: hidden;}
        #main .right .hr .picbox{ width: 600px;margin: 40px auto 0;overflow: hidden;}
        #main .right .hr .picbox-l{ width: 300px;float: left;text-align: center;}
        #main .right .hr .picbox-r{ width: 300px;float: right;text-align: center;}
    /*-----news-----*/
    #main .right .news{ width:730px; overflow:hidden; border-bottom:1px dashed #ccc; margin:0 auto;}
        #main .right .news .title{ width:600px; height:35px; padding-left:20px; background:url(../images/arrow.gif) no-repeat 5px center;
                               font:10pt/35px Arial,"微软雅黑";float:left;}
        #main .right .news .date{ width:80px; height:35px; text-align:right; color:#666; font:9pt/35px Arial,"微软雅黑"; float:right;}
    #main .right .page{ width:730px; padding:10px 0;}
    #main .right .news-detail{ width:730px;}
    #main .right .news-detail .t{ width:730px; height:50px; font:14pt/50px Arial,"微软雅黑"; text-align:center;}
    #main .right .news-detail .info{ width:726px;  height:30px; font:9pt/30px Arial,"微软雅黑"; color:#666; border:dashed 1px #ccc; text-align:center;}
    #main .right .news-detail .content{ font:10pt/18px Arial,"微软雅黑"; padding:10px 0;}

    #main .right .hr{ width:720px; margin:0 auto; padding:0;}
    #main .right .image{ width:720px; margin:0 auto; padding:10px 0;}
	/*-----/news-----*/
    /*-----product-----*/
    #main .right .pro-list{ width:700px;margin: 0 auto;}
    #main .right .pro-img{ width:150px !important; width:160px; height:150px !important; height:160px; text-align:center; margin:4px; border:solid 1px #ccc; padding:5px;}
    #main .right .pro-img:hover{ border:solid 1px #c30;}
    #main .right .pro-img img{max-width: 100%!important; height: auto!important;width:expression(this.width > 150 ? "150px" : this.width)!important;}
    #main .right .pro-list .t{ width:170px; height:30px; font:10pt/30px Arial,"微软雅黑"; text-align:center;}
   
.pd_container{ width:720px; overflow:hidden;}
.pd_image_container{ width:360px; height:360px; line-height:360px; border:solid 1px #ccc; float:left;}
.pd_image_box{ width:350px; height:350px; margin:5px; line-height:350px; float:right; text-align:center;}
.pd_title_box{ width:340px; float:right; overflow:hidden;}
.pd_title_box_t{ width:340px; height:45px; line-height:45px; text-align:left; font-size:14pt; font-weight:bold; color:#000;}
.pd_title_box_r{ width:340px; line-height:35px; text-align:left;}
.pd_title_box_r h1{ width:80px;height: 30px;text-align: center;background: #f4ad1f;border: #eba415 1px solid;font: 10pt/30px Arial,"微软雅黑";
    border-radius: 2px; color: #fff;}
.pd_title_box_r h1:hover{ background: #353535;border: #333 1px solid;}
.pd_content{ width:720px; padding:5px; text-align:left; color:#000;}

    #main .right .login{ width: 300px;margin: 80px auto;}
    #main .right .login .row1{ height: 40px;background: url(../images/user.png) no-repeat left center;padding-left: 20px; }
    #main .right .login .row2{ height: 40px;background: url(../images/login.png) no-repeat left center;padding-left: 20px;margin-top: 10px; }
    #main .right .login .row3{ height: 40px;margin-top: 10px;text-align: center; }
    #main .right .login .row4{ height: 25px;font: 10pt/25px Arial,"微软雅黑"; text-align: center; }
    
    .login_tb{ width: 260px;height: 38px; border: 1px solid #ccc;font: 10pt/38px Arial,"微软雅黑";background: #fff;color: #000;border-radius: 3px;}
    .login_btn{ width: 80px;height: 38px; border: 1px solid #eba415;font: 10pt/38px Arial,"微软雅黑";background: #f4ad1f;color: #fff;border-radius: 3px;cursor: pointer;}
    .login_btn:hover{ width: 80px;height: 38px; border: 1px solid #333;font: 10pt/38px Arial,"微软雅黑";background: #353535;}
    
    /*-----/product-----*/

/*-----/index main-----*/

#footer{ width:945px; margin:0 auto; padding:10px 0;}
#footer .txt{ text-align:center; color:#fff; font:10pt/16px Arial,"微软雅黑";}
#footer .txt a{ color:#fff; font:10pt/16px Arial,"微软雅黑";}
#footer .txt a:hover{ color: #f4ad1f; }
a.ys1:link{color:#ffffff;text-decoration:none;}    
a.ys2:link{ font-size: 10pt;color: #FFFFFF;text-decoration: none;}
a.ys3:link{ font-size: 10pt;color: #ffffff;text-decoration: none;}
a.ys4:link{ font-family :Arial,"微软雅黑";font-size: 12pt;color: #FFFFFF;text-decoration: none;}
a.ys5:link{ font-size:12pt;color: #99cc00;text-decoration: none;}
a.ys6:link{ font-family:Arial,"微软雅黑";font-size: 10pt;color: #FFFFFF;text-decoration: none;}
a.nav:link{font-family:Arial,"微软雅黑";font-size: 10pt; color: #0066cc; text-decoration: none;}
a.mvp:link{font-family:Arial,"微软雅黑";font-size: 10pt; color: #FFFFFF; text-decoration: none;}
a.index:link{font-family:Arial,"微软雅黑";font-size: 10pt; color: #cfb35e; text-decoration: none;}
a.news:link{font-family:Arial,"微软雅黑";font-size:10pt;color:#000;text-decoration: none;}
        
a.ys1:hover{ color:#0066ff;text-decoration:underline}
a.ys2:hover{ font-size : 10pt;color: #0066ff;display: inline;}
a.ys3:hover{ font-size: 10pt;color: #0066cc;display: inline;}
a.ys4:hover{ font-family:Arial,"微软雅黑";font-size: 12pt;color: #0066cc;display: inline;}
a.ys5:hover{ font-size: 12pt;color: #0066cc;display: inline;}
a.ys6:hover{ font-family:Arial,"微软雅黑";font-size: 10pt;color: #0066cc;display: inline;}
a.nav:hover{ font-family:Arial,"微软雅黑";font-size: 10pt;color: #0066cc;display: inline;}
a.mvp:hover{ font-family:Arial,"微软雅黑";font-size: 10pt;color: #0066cc;display: inline;}
a.index:hover{ font-family:Arial,"微软雅黑";font-size: 10pt;color: #000;display: inline;}
a.news:hover{ font-family:Arial,"微软雅黑";font-size:10pt;color:#603;display: inline;}

a.ys2:visited{ font-size: 10pt;color: #FFFFFF;text-decoration: none;}
a.ys3:visited{ font-size: 10pt;text-decoration: none;}
a.ys6:visited{ font-family: Arial,"微软雅黑";font-size: 10pt;text-decoration: none;}
a.nav:visited{ font-family: Arial,"微软雅黑";font-size: 10pt;text-decoration: none;}
a.mvp:visited{ font-family: Arial,"微软雅黑";font-size: 10pt;text-decoration: none;}
a.index:visited{ font-family: Arial,"微软雅黑";font-size: 10pt;color: #cfb35e;text-decoration: none;}
a.news:visited{ font-family: Arial,"微软雅黑";font-size:10pt;text-decoration: none;}



/*---=== Inside FeedBack ===---*/
.feedback_left{background-color:#fff; text-align:left;}
.feedback_center{background-color:#fff; text-align:center;}
.feedback_right{background-color:#fff; text-align:right;}
.feedback{ /*border:5px #f9f9f9 solid;*/ background:#ccc; margin:0 auto;}

/*--===滚动图片代码===--*/

.blk_18 { overflow:hidden;  width:740px;  zoom:1;}
.blk_18 .pcont { width:640px; float:left; text-align:center; overflow:hidden;}
.blk_18 .ScrCont { width:32000px; zoom:1;}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; text-align:center;}
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:50px; height:160px; float:left; background:url(../Images/arrow.png) no-repeat;}
.blk_18 .LeftBotton { background-position: 0 0; margin:0;}
.blk_18 .RightBotton { background-position:-50px 0; margin:0;}
.blk_18 .LeftBotton:hover { background-position: 0 -160px;}
.blk_18 .RightBotton:hover { background-position: -50px -160px;}
.blk_18 .pl img { display:block; cursor:pointer; border:none;}
.blk_18 .pl { width:120px; clear:both;}
.blk_18 a.pl:hover { color:#5dacec; background:#fff;}

/*#scroll{ width:160px;overflow:hidden; margin:0; clear:both;}
#scroll .box { width:150px;}
#scroll .box-img { width:140px !important; width:150px; height:140px !important; height:150px; margin:4px;
              text-align:center; border:solid 1px #ccc; padding:5px;}
#scroll .box-img:hover { border:solid 1px #06c;}*/


/*-----show room-----*/
div.wrapper { width: 720px; margin: 10px auto; position: relative; }
.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: 10px; z-index: 100; width: 45px; height: 100px; overflow: hidden; text-indent: -9999em; margin-top: -50px; background: url(../images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: 10px; z-index: 100; width: 45px; height: 100px; overflow: hidden; text-indent: -9999em; margin-top: -50px; 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 { width: 720px; height: 500px; }
    #slideshow ul { display: none; }


/*-----Product menu-----*/

.demo{width:240px;margin:0 auto;}
.menu_head{ height:40px; margin:0; padding-left:30px; cursor:pointer;position:relative; font:bold 10pt/40px Arial,"微软雅黑"; background:url(../images/big.jpg) no-repeat;}
.menu_list .current{ background:url(../images/big_down.jpg) no-repeat;}
.menu_body{ width:240px; display:none; overflow:hidden;}
.menu_body a{display:block;color:#c30;background:url(../images/small.jpg) no-repeat; padding-left:40px; font:9pt/40px Arial,"微软雅黑";text-decoration:none;height:40px;overflow: hidden;}
.menu_body a:hover{color:#000000;text-decoration:underline;}