/* CSS Document */
body{ font-size: 12px; font-family: "微软雅黑","宋体" , Verdana, Arial; line-height: 150%; margin: 0; padding: 0; color: #525252; background: url(../images/bg.jpg) 0 0;}
div{ margin: 0 auto; padding: 0;}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, ol, form, img, p{ margin: 0; padding: 0; border: none; list-style-type: none;}
h1{ font-size:14px; color:#222;}
h2, h3, h4, h5, h6{ font-size: 12px; color:#333;}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear:both;}
.tc{ text-align:center;}

a{ color: #525252; text-decoration: none;}
a:hover{ color: #0000af; text-decoration: none;}

.more { position:absolute; right:5px; top:0px; font-size:12px; color:#666;}
	.more:hover { text-decoration:underline; }

.mt{ margin-top:15px;}
.ml{ margin-left:24px;}

.cp{ font-family:Arial;}
/*以下可以公用*/

#wrap{ margin:0 auto; padding:0;}

#header{ width: 1002px; margin:0 auto; padding:0;  height:97px;}

#main{ width: 1002px; padding-top:10px; }

#footer{ width:1002px; }

/*---------------------header-------------------*/
.head_bg{ background:url(../images/head_bg.jpg) repeat-x 0 0; height:97px;}
.logo{ padding:5px 0 0 20px; width: 306px; height:92px}
.head_right{ padding-top:10px;}
.head_right .top{ height:24px; width:400x; }
.top a{ padding-left:22px}
.top_sy, .top_sc,.top_fa{ float:left; margin:0 4px}
.top_sy a, .top_sc a{ display:block;}
.top a:hover{ text-decoration:underline}
.top_sy{ background:url(../images/01.jpg) no-repeat 0 4px}
.top_sc{ background:url(../images/02.jpg) no-repeat 0 2px}
.top_fa{ background:url(../images/03.jpg) no-repeat 0 1px}

.phone{ margin-top:22px;}



/*---------------------nav-------------------*/
.nav{ width:586px;}
.nav_bg{background:url(../images/nav_bg.jpg) repeat-x;}
#nav { width:586px; height:30px; border:1px solid #999999; border-left:none; border-right:0; margin-top:18px; float:right}
#nav .nav_list{ background:url(../images/nav_list.jpg) no-repeat 0 8px; width:2px; height:30px;}
#nav ul li { float:left;}
#nav ul li a { display:block; width: 71px; line-height:30px;  font-size:12px; color:#434343; text-align:center;}
#nav ul li a:hover { background: url(../images/nav_ico.png) center 25px  no-repeat;color:#0000af;}
#nav  .current{background: url(../images/nav_ico.png) center 25px  no-repeat;color:#0000af;}
.search{ background:url(../images/search.jpg) no-repeat; width:174px; height:24px; margin-right:10px}
.search input{ border:none; outline:none; height:16px; line-height:16px; padding:2px 0}
.int_s, .int_b{ float:left}
.int_s{ width:140px;  margin:0 3px;background:none; border:none}
.int_b { width:26px; cursor:pointer; background:none; border:none}
/*---------------------banner-------------------*/
#flash { width:100%; height:476px; overflow:hidden; margin:0 auto; clear:both; position:relative;/*--*/}
#flash a {width:100%; height:476px; display:none;}
#flash img {width:100%; height:476px;}
.flash_bar { z-index:69; overflow:hidden; position:absolute;padding-top:13px!important; padding-top:12px; bottom:0;left: 50%;width:120px;margin-left: -60px; }
.flash_bar .dq { display:block; float:left; width:12px; height:30px; margin:0px 5px; cursor:pointer;background: url(../images/bg12.png) no-repeat 0px 0px; }
.flash_bar .no { display:block; float:left; width:12px; height:30px; margin:0px 5px; cursor:pointer;background: url(../images/bg12-1.png) no-repeat 0px 0px; }

#flashBg { width:100%;  height:476px;overflow:hidden; clear:both; margin:0 auto; padding:0;}
#flashLine {background:none;height:475px; width:100%; clear:both;}


/*---------------customers-------------*/
.customers{ width:1007px; height:130px; position: relative}
.cus_b{ background:url(../images/pro_bg.png) no-repeat;width:1007px; height:153px; position:absolute; top:-43px}
.customers .title{ height:20px; line-height:20px; padding-left:18px; padding-top:4px }
.customers .title span{ color:#939090;padding-left:8px;}
.product_l{ width:776px;}
.product_r{ width:220px;}
.product_r li{ line-height:24px; height:24px;padding-left:10px; }
.product_r li a{background: url(../images/news_ico.png) no-repeat 0 5px; padding-left:15px}
.product_r li a:hover{}
	#pro { margin-top:10px; float:left; height:133px;}
	#pro li {float:left; text-align:center; margin:0 8px 10px 10px; width:118px; height:107px; background:#fff; border:1px solid #ccc}
	#pro li img{ width:99px; height:75px; padding:6px 0 0 9px ;display:block;}
	#pro li span{ text-align:center; display:block; height:24px; line-height:24px}
	#pro_left, #pro_right{ width:38px;height:57px; margin-top:38px; cursor:pointer;}
	#pro_left { float:left; padding-left:3px; background:url(../images/left.jpg) no-repeat; }
	#pro_right { float:right; background:url(../images/right.jpg) no-repeat right 0;}
/*---------------------main-------------------*/
.banner01,.banner02,.banner03,.banner04,.banner05,.banner06,.banner07{ width:100%px; height:220px;}
.banner01{ background: url(../images/1.jpg) no-repeat center center}
.banner02{ background: url(../images/2.jpg) no-repeat center center}
.banner03{ background: url(../images/3.jpg) no-repeat center center}
.banner04{ background: url(../images/4.jpg) no-repeat center center}
.banner05{ background: url(../images/5.jpg) no-repeat center center}
.banner06{ background: url(../images/6.jpg) no-repeat center center}
.banner07{ background: url(../images/7.jpg) no-repeat center center}
/*---------------------main_left-------------------*/


/* main */
.main{ margin:20px auto; background:url(../images/bg3.gif) left top repeat-y; width:1002px}
.leftA{ float:left; display:inline; width:143px; min-height:590px;}
.rightA{ width:782PX; float:right;}
.menuA dt{ font-size:2em;font-family:"微软雅黑","黑体","新宋体",Arial; text-align:right; padding:0 10px; line-height:30px}
.menuA dt span,.menuA dt b{ font-size:0.5em;}
.menuA dd{ height:20px; line-height:20px; text-align:right; padding:0 20px; margin:10px 0 0;}
.menuA dd.s{ background:#c0c0c0; color:#FFF;}
.menuA dd.s a{color:#FFF;}

/* about */
.barA {background: url(../images/bo_bo.jpg) no-repeat 0 bottom; padding-bottom:10px; margin-bottom:15px}
.barA  h1{ font-size:24px; color:#525252; height:30px; line-height:30px;}
.barA  h1 span{ font-size:12px}
.rightA h6 span{font-size:12px; background:#00F; color: #fff; padding:4px 12px; border-radius: 3px; margin:0 8px}
.rightA h6 { font-size:14px; border-bottom:1px dotted #ccc; padding-bottom:15px }
.rightA h6 span a{ color:#fff}

.pro_list{ margin:10px 0; width:780px}
.pro_z{  width:780px}
.pro_list p a img{ width:146px; height:111px}
pro_z  h2{ height:28px; }
.pro_z  h2 span{ background:#00F; color: #fff; padding:4px 12px; border-radius: 3px;}
.pro_z { border-bottom:1px solid #ccc; margin-bottom:18px}
.pro_z h2  span a{ color:#fff}
.pro_z h2  span a:hover{ color:#fff}
.pro_list li{width:190px; float:left; letter-spacing:normal; height:173px; margin-top:15px}
.pro_list li p{ display:block;_display:inline;border-bottom:#ededed solid 2px; border-right:#ededed solid 2px; margin:10px; text-align:center}
.pro_list li a {display:block;_display:inline; height:100%\0; overflow:hidden;zoom:1; margin:0px; padding:10px; border:solid 1px #c9c9c9;}
.page{ margin:20px 0; text-align:center;}

.rightA h4{ font-size:16px; border-bottom:1px dotted #ccc; height:36px; line-height:36px; text-align:center}

.con_list span{ float:right; color:#999999}
.con_list li{ line-height:32px; height:32px;padding-left:10px; border-bottom:1px dotted #ccc}
.con_list li a{background: url(../images/news_ico.png) no-repeat 0 5px; padding-left:12px}
.con_list li a:hover{}

.project_list li{width:100%; height:104px;; padding:20px 0; border-bottom:1px dotted #ccc; line-height:26px}
.project_list img{ width:289px; height:104px; border:2px solid #dcdcdb; margin-right:25px}
.project_list h2{ font-size:14px}
/*---list_page---*/
.list_page{ text-align:center;margin:20px 0 0 0;}
.list_page a{ background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#A0A0A0;}
.list_page span{ background:#f1f1f1;color:#666;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;}

/* ---book--- */
.book_title{ background:#f1f1f1;height:29px;line-height:29px;font-size:14px;color:#444;padding-left:12px;border:1px solid #dfdfdf;}
.book_title b{float:right;padding-right:10px;font-weight:normal;font-size:12px;color:#666;}
.book_content{border:1px solid #dfdfdf;border-top:0;padding:10px;margin-bottom:10px;}


.plug_book_add{margin:0;padding:0}
	.plug_book_add input{ border:1px solid #ccc;}
	.plug_book_add .vote_bnt{ border:1px solid #525252;}
	.plug_book_add .input{ width:180px;}
.plug_book_add dt{margin:6px 0;}
.plug_book_add dt .input{border:1px solid #ccc;height:20px;line-height:20px;color:#666;}
.plug_book_add dt .inputs{width:270px;height:120px;border:1px solid #ccc;overflow:hidden;background:url(../Images/tishi.jpg) no-repeat right bottom}

/*---------------------footer-------------------*/
.footer_bg{ background:#eaeaea;  }

.foot_bt{ background:url(../images/foot_logo.jpg) no-repeat 6px 3px;width:1002px; height:85px}
.foot_bt p{ margin-top:4px; text-align:right}
foot_bt { width:1002px}
.foot_bt .cop p{padding-top:40px; width:448px; float:right:}
.foot_bt p img{ padding:25px 0 0 0}

.zoomybox{ width:500px; height:375px; margin:0px auto;}
.zoomy{ position:absolute; display:none; background-repeat:no-repeat; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; border:0; cursor:url(../images/blank.gif), move; line-height:100px; text-align:center; background-image:url(loading.gif); background-position:center; background-color:#fff; z-index:1000;}
.zoomy span{ display:block; margin:10px auto; background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5))); background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);}
.zoomy img{ opacity:0; filter:alpha(opacity=0);}
.zoomy a{ color:#333; text-decoration:none;}
.broke a{ display:block; height:100%; width:100%;}
#brokeZoomy{ display:block; position:absolute; width:30px; height:30px; top:0px; left:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background:#fff url(broke.gif) center no-repeat;}