@charset "utf-8";
/*global*/
body{ background-color:#fff; font-size:12px; font-family:Arial,宋体; color:#000; margin:0}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, button, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
table {/*border-collapse:collapse;*/ border-spacing:0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
strong {font-style:normal;font-weight:bold;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:"";}
abbr, acronym {border:0;}
input[type="text"] {margin:0;*margin-top:-1px;padding:2px 0 0 5px;border:1px solid #bdbdbd;width:111px;height:16px;font-size:12px;}
input[type="checkbox"] {margin:0 4px;*margin:0;vertical-align:middle;}
input[type="radio"] {margin:0 4px;*margin:0;vertical-align:middle;}
.hide {display:none;}

/*float*/
.fL {float:left;}
.fR {float:right;}
.clr, .clear {clear:both;overflow:hidden;height:0;}
.clr_after {height:1%;}
.clr_after:after {display:block;visibility:hidden;clear:both;height:0;content:".";}

/*menu*/
.top{ width:932px; margin:10px auto; }
.logo{ width:932px; height:36px;}
.menu{ width:932px; height:26px; background-color:#000; margin-top:10px;}
.menu ul{ height:26px; margin:0; padding:0;}
.menu li{ color:#A8A8A8; list-style-position:outside; list-style-type:none; margin:6px 14px 0; float:left; padding-left:10px;}

/*Xuxian.gif*/
.xuxian{ width:926px; margin:0 auto; background-image:url(images/xuxian.gif); background-repeat:repeat-x; height:1px; overflow:hidden;}

/*info under the "xuxian"*/
.info{ width:926px; margin:10px auto;}
.info_click{ width:626px; float:left;}
.info_albums{ width:300px; float:left; text-align:right;}
.info_albums a{color:#000; text-decoration:none}
.info_albums a:hover{color:#fff; background-color:#000; text-decoration:none}
.click{ font-size:10px; color:#ccc;}
.title{ font-weight:bold; color:#000; font-size:12px;}
.pages_box{width:928px; margin:10px auto 0 auto; text-align:right; display:none;}

/*pic*/
.pic{ width:930px; margin:0 auto; display:block}
.pic_box{ width:164px; margin:0 11px!important; margin:0 10px; float:left;}
.pic_box_img{ width:164px; height:110px; margin-top:15px;}
.pic_box_txt{ width:164px; margin-top:5px; height:40px; display:none;}
.pic_box_txt a{ text-decoration:none; color:#000; font-size:10px}
.pic_box_txt a:hover{ color:#fff; text-decoration:none; background-color:#000; }

.pic2{ width:928px; margin:20px auto 0 auto; padding-left:24px;}
.pic_box2{ width:210px; margin-right:19px; float:left;}
.pic_box_img2{ width:210px; height:240px; border:1px #f1f1f1 solid;}
.pic_box_txt2{ width:210px; margin-top:5px; height:15px;}
.pic_box_txt2{ width:210px; margin-top:5px; height:15px;}

.pic_video{ width:928px; margin:20px auto 0 auto; padding-left:24px;}
.pic_box_video{ width:440px; margin-right:19px; float:left;}
.pic_box_img_video{ width:440px; height:363px; border:1px #f1f1f1 solid;}
.pic_box_txt_video{ width:440px; margin-top:5px; height:15px;}
.pic_box_txt_video{ width:440px; margin-top:5px; height:15px;}

/*footer*/
.footer{ width:926px; margin:0 auto;}
.footer_box{ text-align:center; margin:10px 0; color:#000; }
.footer_box span{ color:#ccc;}
.footer_box span a{ color:#ccc; text-decoration:underline; }
.footer_box span a:hover{ color:#f30; text-decoration:underline; }

/*intro*/
#text {margin:50px auto; width:500px}
.hotspot {color:#000; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

/*activSmall*/
.boxContainer{ margin:20px auto 0 auto; width:932px; height:500px; text-align: center;}
.boxContainer li{display: block; height:500px;vertical-align:middle;text-align:center;*display: block;font-size: 372px;*font-size: 440px;}
*html .boxContainer li{display: block; height:500px;vertical-align:middle;text-align:center;*display: block;font-size: 470px;}
.boxContainer li img{vertical-align:middle}
.smallContainer{ width:932px; margin:20px auto 0 auto; text-align:center; }
.smallContainer a { margin-right:2px; }
.smallContainer a img {filter:alpha(opacity=50); -moz-opacity:0.5;}
.smallContainer a:hover img {filter:alpha(opacity=100); -moz-opacity:1;}
.smallContainer .activSmall{float:left;}
.smallContainer img{border:1px #ccc solid; }
#ulcontainer{ height:500px;}

/*about&contact*/
.about_box{ width:842px; margin:0 auto; }
.yinchao_icon{ width:180px; float:left; text-align:center; vertical-align:top; padding-top:22px; margin-right:30px }
.yinchao_icon a{ color:#000; text-decoration:none;}
.yinchao_icon a:hover{ background-color:#000; color:#fff; text-decoration:none;}
.about_text{ width:632px; float:left; padding-top:19px; }
.about_text_title{ font-size:14px; color:#000; font-family:Verdana; font-weight:bold; margin-bottom:5px;}
.about_text_01{ color:#666; font-size:12px; line-height:18px; margin-bottom:20px; }
.about_text_02{ color:#666; font-size:11px; line-height:16px; margin-bottom:20px; }
.about_text_02 a{ color:#666; text-decoration:none;}
.about_text_02 a:hover{ background-color:#000; color:#fff; text-decoration:none;}
.about_text_title_01{ font-size:12px; color:#000; font-family:Verdana; font-weight:bold; margin-bottom:5px;}
.clients_box{ width:632px; margin-bottom:20px; }
.clients{ font-size:10px; color:#666; line-height:16px; }
.clients_00{ float:left; width:180px; border-right: 1px solid #f1f1f1; margin-right:22px; }
.clients_000{ float:left; width:180px; border-right: 1px solid #fff; margin-right:22px; }