@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-size:12px; line-height:22px;font-family:"微软雅黑"; color:#333; text-align:left; background:#f1f1f1 url(/images/about_02.gif) repeat-x}
img{ border:none}
a{ color:#333;  text-decoration:none}
a:hover,.huang{ color:#ffa20f;}
ul,li{ list-style-type:none}
.clear{ clear:both}

.jcContact { position:absolute; top:0; left:0; z-index:99; width:156px; }
.jcConraper { width:125px; overflow:hidden; }
.jcConBtn { background:url(/images/qql.png) no-repeat; position:absolute; top:0; left:0; width:31px; height:146px; cursor:pointer; behavior:url("/css/iepngfix.htc")}

#top{ width:1002px; height:68px; margin:0 auto; }
#logo { width:150px; height:68px; float:left;}
#logo a{ display:block; width:150px; height:68px; background:url(/images/l.jpg);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
#logo a:hover{ background:url(/images/ll.jpg)}
#logo img{ display:none}
#top ul{ display:block; width:666px; height:68px; float:right}
#top ul li{ width:75px; height:68px; display:block; padding-left:20px; float:left}
#top ul li a{ width:75px; height:68px; line-height:68px; font-size:14px; text-align:center; color:#cccccc; display:block;}
#top ul li a:hover,#top .nbg a{color:#ffa20f; background:url(/images/index_06.jpg) no-repeat}

#main{ width:1002px; height:auto; margin:0 auto; margin-top:20px;}
#banner{ width:100%; height:257px; overflow:hidden; background:#000 }
#banner img{ display:block; width:100%; height:257px; margin:0 auto}

#title{ width:1002px; height:25px;}
#title img{ display:block; float:left;}
#title p{ display:block; float:right;}
#title p a,#title p span{ display:inline-block; float:left; padding-left:5px; width:auto}

#zhu{ width:1002px; height:auto; margin-top:40px; overflow:hidden; padding-bottom:20px;}
#left{ display:block; height:auto; width:153px; float:left}
#left li,#left li a{ display:block; width:100%; height:36px;}
#left li a{ color:#333; background:url(/images/about_19.gif) no-repeat bottom;  line-height:36px; font-size:14px; text-align:center;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#left li a:hover,#left .lbg a{ color:#ffa20f; background:url(/images/about_16.gif) no-repeat bottom}

ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width:153px; float:left }
ul#menu a { display: block; text-decoration: none; }
ul#menu li { display:block; width:153px; }
ul#menu li a { color:#8f8f8f; background:url(/images/case_06.gif) no-repeat bottom; font-weight:bold; line-height:36px; font-size:14px; text-align:center;}
ul#menu li a:hover,ul#menu li .bgnn { background:url(/images/case_03.gif) no-repeat bottom; color:#ffa20f;}
ul#menu li ul li a { font-size:12px; text-indent:20px; background:url(/images/ca03.gif) no-repeat 35px 13px; font-weight:normal; text-align:left; padding-left:30px;}
ul#menu li ul li a:hover{color:#ffa20f; background:url(/images/ca03.gif) no-repeat 35px 13px;}
ul#menu li ul .current a {}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


#case{ display:block; width:100%; height:auto;} 
#case li{float:left; margin:0 20px 20px; _margin:0 17px 20px; }
#case li,#case li a{ display:block; width:228px; height:342px; cursor:pointer}
#case li img{ display:block; width:228px; height:342px;}
#case li a{ behavior:url("/css/csshover.htc");}
#case li:hover div{ display:block;}
#case li div{ display:none; width:228px; height:82px; padding-top:260px; position:relative; margin-top:-342px; margin-left:0; background:url(/images/case_03.png); behavior:url("/css/iepngfix.htc")}
#case li div p{ display:block; width:208px; padding:5px 10px; height:20px; font-size:14px; color:#1b1b1b;}
#case li div span{ display:block; width:208px; padding:0 10px; height:40px; color:#4d3918}

#cd{ width:100%; margin-bottom:40px;}
#cd td{ line-height:20px; color:#959595}
#cd img{ margin-left:10px;}

#right{ width:805px; float:right; min-height:400px;}


#news{ width:100%; height:auto; display:block;}
#news li{ display:block; width:100%; height:90px; padding-bottom:20px; border-bottom:1px solid #d7d7d7; margin-bottom:20px;}
#news li img{ display:block; width:115px; height:80px; padding:4px; background:#dadada; border:1px solid #d2d2d2; float:left}
#news li h3{ display:block; width:680px; height:20px; font-weight:normal; float:left; font-size:12px;}
#news li h3 p{ display:block; float:left; height:20px; font-size:14px; color:#3e3e3e; text-align:left;width:550px; padding-left:20px;}
#news li h3 span{ display:block; float:right; width:110px; height:20px; color:#4f4f4f;}
#news li a{ display:block; width:660px; height:40px; float:right; padding-top:10px;}


#ye{ width:100%; height:18px; line-height:18px;}
#ye li{ display:block; width:18px; height:18px; float:left; margin-right:7px;}
#ye li a{ display:block; width:18px; height:18px; color:#263034; text-align:center}
#ye li a img{ margin-top:3px;}
#ye li a:hover,#ye .ybg a{ background:url(/images/news_14.gif); color:#FFF}

#nd{ width:100%; margin-bottom:20px; clear:both}
#nd p{ color:#3e3e3e;width:100%; display:block; height:20px; font-size:16px;}
#nd span{ display:block; width:100%; height:20px; float:right; margin:5px 0}

#cs{ width:100%; height:auto}
#cx{ width:100%; margin-top:30px;}
#cx td{ line-height:20px;}
#cx input{ width:295px; height:31px; line-height:30px; background:url(/images/c_15.jpg) no-repeat; border:none; padding-left:5px; display:block}
#cx textarea{ background:url(/images/c_15-05.jpg); width:424px; height:70px; border:none;display:block; padding-top:3px;}

.se{ width:805px; height:189px; display:block; background:url(/images/sbg.jpg) no-repeat bottom; margin-bottom:20px;}
.se li{ display:block; width:220px; height:168px; float:left; margin-right:72px;}
.se p{ display:block; width:121px; height:89px; margin:0 auto; behavior:url("/css/csshover.htc");
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.se h3{ font-size:14px; height:20px; width:100%; font-weight:normal; color:#656565; margin:5px 0; text-align:center}
.se span{ display:block; width:100%; height:40px;}


.se .s1{ background:url(/images/s11.jpg)}
.se .s1:hover{ background:url(/images/s1.jpg)}

.se .s2{ background:url(/images/s22.jpg)}
.se .s2:hover{ background:url(/images/s2.jpg)}

.se .s3{ background:url(/images/s33.jpg)}
.se .s3:hover{ background:url(/images/s3.jpg)}

.se .s5{ background:url(/images/s44.jpg)}
.se .s5:hover{ background:url(/images/s4.jpg)}

.se .s6{ background:url(/images/s55.jpg)}
.se .s6:hover{ background:url(/images/s5.jpg)}

.se .s4{ background:url(/images/s66.jpg)}
.se .s4:hover{ background:url(/images/s6.jpg)}

#foot{ width:100%; background:#000 url(/images/index6.jpg) repeat-x}
#foot_da{ width:1002px; height:auto; margin:0 auto; padding-bottom:10px;}
#foot_dadl{ width:1002px; height:263px; padding-top:1px;}
#foot_da dl{ width:92px; height:215px; padding:30px 0 0 25px; margin-right:58px; display:block; float:left; background:url(/images/indx_03.png) no-repeat; behavior:url("/css/iepngfix.htc")}
#foot_da dl dt{ width:100%; height:20px; color:#cccccc; font-size:14px; margin-bottom:20px; font-weight:bold}
#foot_da dl dd a{ width:100%; height:20px; color:#959595}
#foot_da dl dd a:hover{ width:100%; height:20px;color:#ffa20f}

#pan{ width:1002px; }
#pan_l{ width:1002px;}
#pan_l a{color:#959595}
#pan_l a:hover{color:#ffa20f}
#pan_r{ width:530px; height:20px; position:absolute; margin-left:470px;color:#959595}

.link{ width:1002px; height:auto; display:none; padding:10px 0}
.link a{ display:inline-block; padding-right:3px; color:#767676}

.example { border: 1px solid #CCC; background: #f2f2f2; padding: 10px; }
.ad-gallery ul { list-style-image:url(list-style.gif); }
#descriptions { position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden; }
#descriptions .ad-image-description { position: absolute; }
#descriptions .ad-image-description .ad-description-title { display: block; }
.ad-gallery { width:927px; margin:0 auto  }
.ad-gallery .ad-image-wrapper { width:897px; height:444px; margin-bottom: 10px; position: relative; overflow: hidden; border:5px solid #272727; margin:0 auto; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */
      background: url(non-existing.jpg)\9 }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;  }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(opa75.png); color: #000; }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px;color:#959595 }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.ad-gallery .ad-nav { width: 100%; position: relative; background:#292929; padding:25px 0px; border:1px solid #313131 }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left:-1px; width:18px; display:block; margin-left:10px; background:url(/images/cd_20.jpg) 0 63px no-repeat;   }
.ad-gallery .ad-back:hover{ background:url(/images/20.jpg) 0 63px no-repeat;}
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -1px; width:18px; margin-right:10px; background:url(/images/cd_23.jpg) 0 63px no-repeat;  }
.ad-gallery .ad-forward:hover{ background:url(/images/cd_20-07.jpg) 0px 63px no-repeat;  }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width:868px; margin:0 auto }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float:left; padding-right:5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img {padding:5px; background:#3b3b3b; display: block; margin-top:11px; }
.ad-gallery .ad-thumbs li a.ad-active img {padding:5px; background:url(/images/cd_14.jpg) bottom; padding-top:16px; margin:0}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
.adrr{ width:100%;height: auto; margin:20px 0;color:#959595;}

/*新加*/
.custmer_list { padding-top:10px;}
.custmer_list ul li {
	float:left;
	margin-right:25px;
	margin-bottom:40px;
	width:173px;
	height:88px;
}
.custmer_list ul li a img {
	border:2px solid #e5d1dc;
	margin-left:-2px;
	margin-top:-8px;
}
.custmer_list ul li a:hover img {
	border:2px solid #FFA20F;
	margin-left:-2px;
	margin-top:-8px;
}
/*通用代码*/
a:link,a:hover,a:visited,a:active{
behavior:url("/css/link.htc")
}
form {margin:0 auto;padding:0px;}
img{border:0px;}
.center{text-align:center}
.right{text-align:right}
textarea{ overflow:auto}
.clear {font-size:0;line-height:0;height:0;clear:both;visibility:hidden;}
.page_list{ height:36px; line-height:36px; text-align:center; margin-top:40px;}
.back{padding-top:30px; padding-bottom:30px; text-align:center}
td{color:#333}
.dua{ width:715px; height:auto; padding-top:20px;}
#nd_ti{ width:715px; padding-bottom:20px;}
#nd_ti p{ display:block; float:left; line-height:28px; font-size:18px; height:auto;}
#nd_ti span{ display:block; float:right; width:auto; height:20px; color:#4f4f4f}
#nd_d{ width:100%; margin:30px 0; padding-bottom:30px; border-bottom:1px solid #e8e8e8;}
#nd_sx{ width:100%; height:45px;}
#nd_sx p{ width:100%; display:block; height:17px; line-height:17px; padding:8px 0;}
#nd_sx p img{ display:block; float:left; margin-right:10px;}
#back{ width:100%; height:39px; margin-top:20px;}
.xiangguan{width:100%;}
.xiangguan p{color:#ffa20f; font-weight:bold; font-size:14px; padding-bottom:10px;}
.xiangguan li {text-align:left; float:left; font-weight:normal; font-size:12px; width:100%}
.xiangguan li span{ float:right; color:#333333; font-size:12px}