@charset "utf-8";

/********************************      Basic Structure      ********************************/
html{font-size:100%;height:100%;margin-bottom:1px;}
body{font-family: Arial, Helvetica, sans-serif;color:#333;font-size:12px;}

/********************************      Elements styling      ********************************/
h1, h2, h3, h4, h5, h6, {font-family:"微软雅黑"; color: #333; margin:10px 5px;}
h1{font-size: 36px; color: #333;}
h2{font-size: 24px; padding: 0 0 10px 0; }
h3{font-size: 18px; padding: 0 0 10px 0; }
h4{font-size: 14px; padding: 0 0 5px 0; }
h5{font-size: 12px; padding: 0 0 5px 0; }
h6{font-size: 10px; padding: 0 0 5px 0; }



a           {color:  #333; text-decoration: none; }
a:hover     {color:  #F00; }
a:active    {color:  #333; }
a:focus     {outline:1px; }

strong      {font-weight: bold;}
small   	{font-size: 0.85em; }
pre         {font-family: monospace; }

/********************************      General Classes      ********************************/
.clear {clear:both; *display:inline;/*IE only*/}
.clearboth     {clear:both;}
.displayinline {display:inline;}
.inBlock       {display:inline-block;}

.right{float:right;}
.left {float:left;}

.alignright{float:right;display:block;}
.alignleft {float:left;display:block;}

.inputtext {width:140px;height:20px;}
.checkcode {width:50px; height:20px;}

.disappear{display:none;}

.more      {margin:0px 8px 0px 0px;}
.more      a{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:100;}
.more      a:hover{ color:#F00; }



/********************************  home Structure For html Engineer Edit Area Begin  ********************************/
#wrapper{width:100%;min-width:998px;height:auto;background:#00a692;}
	#footer{width:998px;margin:0px auto;}
	#banner,#TopHeader   {width:100%;min-width:998px; height:504px;}
	#TopHeader 			 {position:relative; height:504px;}
	.header 			 {width:998px;margin:0px auto;}
	#header   			 {height:auto;position:absolute; z-index:100; width:100%; min-width:998px;}
	#banner{ position:absolute; z-index:1; width:100%; min-width:998px;}
	#container{height:auto}
	#footer   {height:40px;}
	#container{ width:1009px; min-width:998px; margin:30px auto;}
	#container #container-top{ background:url(../images/contbg-t.png) no-repeat top center; height:10px; font-size:0px; line-height:0px;}
	#container #container-center{ background:url(../images/contbg-c.png) repeat top center; height:auto;}
	#container #container-bottom{ background:url(../images/contbg-b.png) no-repeat top center; height:10px; font-size:0px; line-height:0px; }
	
	
	  #header .logo        {width:364px; height:60px; margin-top:20px; margin-bottom:20px;}

	.search-blocks{ width:165px; height:42px; background:url(../images/search-bg.png) no-repeat center top; width:166px; height:18px; margin-top:8px; vertical-align:middle; padding-top:4px;}
	.search-blocks .text{BACKGROUND-COLOR: Transparent; margin-left:26px; width:98px; height:22px; border:none; color:#696969;  font-size:10px; vertical-align:middle; height:13px;}
	.search-blocks .btn{  height:13px; width:13px ; vertical-align:middle;}
	.topbar-menu{ width:auto; display:block; background:url(../images/topbar-menu.png) right no-repeat; width:365px; height:26px;line-height:26px; color:#fff;}
	.topbar-menu a{ color:#fff; margin:0px 2px;}
	.topbar-menu .left{ margin-left:115px; display:block; _margin-left:4px;}
	.topbar-menu .right{ margin-right:5px; display:block;_margin-right:8px; }
	.small-icon{ margin:1px 5px;}


	/*menu*/
	.menu{ height:auto; }
	.menu .bg-l{ background:url(../images/menu-l.png) no-repeat; width:23px; height:42px; display:block}
	.menu .bg-c{ background:url(../images/menu-bg.png) repeat-x; width:950px; height:42px;}
	.menu .bg-r{ background:url(../images/menu-r.png) no-repeat; width:23px; height:42px; display:block}

	.menu ul li.menu-dad{  color:#fff; float:left;width:98px; _width:95px;display:block; text-align:center; line-height:42px;}
	.menu ul li.menu-dad a{color:#fff; display:block;}
	.menu ul li ul{position:relative; left:20px; visibility:hidden}
	.menu ul li ul li{text-align:left; text-indent:20px; float:none;  line-height:22px; height:23px;margin:0px; padding:0px; *margin:-3px 0px; _margin:0px;}
	.menu ul li ul li a{background:url(../images/menu-kinda.png) no-repeat left top; }
	.menu ul li ul li a:hover{ background:url(../images/menu-kindac.png) no-repeat left top;}


	#FloorOne		{ width:980px; height:190px; margin:0 auto; padding-top:5px;}
	.group-blocks	{ width:317px; height:186px;}
	.group-blocks .big-images{ width:317px; height:141px;}	
	.group-blocks .big-images-desc{ background:#00a692; height:47px; }
	.group-blocks .big-images-desc a.info{ line-height:20px; display:block; color:#fff;padding-left:5px; }
	.group-blocks .big-images-desc a:hover{color:#d8006b}
	.group-blocks .big-images-desc .more{ height:12px; margin-top:0px; display:block}


	.events-blocks	{ width:317px; margin:0px 14px;}
	.company-blocks	{ width:317px; position:relative;}
	.company-blocks	.big-tit{ width:100%; background:#94dad2; display:block; height:60px; }
	.company-blocks	.big-tit .alignleft{ margin:10px 0px 0px 10px;}
	.company-blocks	.big-tit .alignright{ margin:30px 15px 0px 0px;}
	.company-blocks	.comlist 	{ width:100%;background:#d4f0ed;  height:130px; }
	.company-blocks	.comlist ul	{ width:270px; margin:0 auto;}
	.company-blocks	.comlist ul li{ float:left; display:inline; width:280px;cursor:pointer}
	.company-blocks	.comlist ul li a{ height:20px; line-height:20px;color:#696969; cursor:pointer}
	.company-blocks	.comlist ul li a b{ width:20px ; height:20px; display:block; text-align:center;}
	.company-blocks	.comlist ul li a:hover b{ background:url(../images/icon-r.jpg) no-repeat center; width:20px ; height:20px; color:#fff;}
	.company-blocks	.comlist ul li a:hover{ color:#696969}
	
	.company-blocks .btn2{ text-align:right; position:relative; bottom:20px; right:10px;}
	.company-blocks .comup{border:0; background:url(../images/com-l.png) no-repeat center; width:14px; height:14px; cursor:pointer;}
    .company-blocks .comnext{border:0; background:url(../images/com-r.png) no-repeat center; width:14px; height:14px; cursor:pointer;}
    
	#FloorTwo		{ width:980px; height:252px; margin:0px auto; padding-bottom:10px; margin-top:20px;}
	.news-blocks	{ width:380px;}
	#FloorTwo .big-tit{ background:#ededed; height:38px; width:100%; line-height:38px;}	
	#FloorTwo .big-tit span{ margin:0px 10px 0px 10px; color:#696969; font-size:14px; font-weight:bold;}
	#FloorTwo .big-tit span.alignright{ margin-top:13px;}
	.news-blocks .big-images-boder span.alignleft img{ margin:7px 0px 0px 7px; width:144px; height:84px;}
	.news-blocks .big-images-boder span.alignleft{ background:url(../images/lt-bg.jpg) no-repeat; width:160px; height:102px; margin-top:10px;}
	.news-blocks .big-images-boder span.alignright{ width:210px;}
	.news-blocks .big-images-boder span.alignright .tit{ display:block; width:100%; line-height:24px; font-weight:bold; color:#000; margin-top:20px;}
	.news-blocks .big-images-boder span.alignright .info{ color:#373737; margin-top:6px; display:block; line-height:20px; font-weight:bold}
	.news-blocks .news-list b{ font-size:14px;}
	.news-blocks .news-list li{float:left; line-height:30px; margin-right:1%; width:46%;}
	.news-blocks .news-list{ margin-top:10px;}

	.product-blocks	{ width:380px; margin:0px 17px;_margin:0px 16px;}
	
	.wx-blocks		{ width:185px;}
	.wx-blocks .wxbg{ background:#eae9e9; border:1px solid #d9d7d8; height:37px; width:100%; margin-bottom:10px; line-height:37px;}
	.wx-blocks .wxbgimg-1{ background:url(../images/bgimg-1.jpg) no-repeat 120px;}
	.wx-blocks .wxbgimg-2{ background:url(../images/bgimg-2.jpg) no-repeat 120px;}
	.wx-blocks .wxbgimg-1,.wx-blocks .wxbgimg-2	{ color:#696969; font-size:14px; display:block; padding-left:20px; font-weight:bold}
	.wx-blocks .wx-img span{ border:1px solid #c7c7c7; display:block}
	.wx-blocks .wx-img span img{ width:183px; height:72px;}
	.wx-blocks .wx-img a{ color:#4f4f4f; line-height:22px;}
	
	.product-blocks .nameNum{ border-bottom:1px solid #eee; height:30px; width:100%;}
	.product-blocks .nameNum li{ float:left; display:inline; line-height:30px; height:30px;}
	.product-blocks .nameNum li a{ color:#4f4f4f; width:auto; margin:0px 18px; cursor:pointer}
	.product-blocks .nameNum li a:hover{ color:#fe0078;}
	.product-blocks .nameNum li a.current{ color:#fe0078;}
	.mid_vedio{ width:370px;  height:168px; margin:0 auto; margin-top:10px;}
	.mid_vedio h3 span{ margin-left:14px;}
	.mid_vedio .mid_pro{ height:168px; width:290px; background:url(../images/turn-sh.jpg) no-repeat center bottom #fbfbfb;  }
	.mid_vedio .mid_pro ul{ margin:0 auto; width:290px; height:130px; }
	.mid_vedio .mid_pro ul li{ display:none;}
	.mid_vedio .mid_pro ul li img{  height:135px; width:290px; }
	.mid_vedio  span{display:block;width:22px;height:64px;cursor:pointer; background:#f0f0f1; padding:50px 0px 0px 5px;}
	.mid_vedio  #btn_toleft {  margin:8px 3px 0px 10px; }
	.mid_vedio  #btn_toright{  margin:8px 0px 0px 3px;}

			#footer{ border:1px solid #00796a; background:#008d7c; }	
			#footer span.alignleft{ color:#010101; font-size:12px; line-height:40px; padding-left:10px;}
			#footer span.alignleft b{ font-size:14px; font-family:"宋体"}
			#footer span.alignleft p{ display:inline}
			#footer span.alignleft p a,#footer span p a:hover{ color: #010101;}
			#footer span.alignright{ margin-right:10px;}


			#Goback{ background:url(../images/topbg.jpg) repeat-x; height:14px; width:100%; min-width:998px; height:50px;}
			.Goback{ width:998px; margin:0 auto;height:50px;}
			.Goback	.backfore{ background:#fff; height:18px; line-height:18px; display:block; width:80px; text-align:center; color:#1067ac;margin:0px 5px;}
			.Goback	.backtop{background:#fff; height:13px; line-height:18px; display:block; width:38px; padding:5px 5px 0px 5px; }

	
/********************************  home Structure For html Engineer Edit Area End    ********************************/



/********************************  Inner Structure Public Classes Begin  ********************************/ 
	#sub-wrapper  {width:100%;min-width:1014px; height:auto; background:url(../images/sub_wrapper_bg.jpg) no-repeat center top;}
	#sub-banner   { width:100%; height:412px; min-width:998px; position:absolute; z-index:1; }
	.Transparent{ background:url(../images/banner-top.png) repeat-x; width:100%; height:17px; border-top:1px solid #fff; position:absolute; bottom:0px; z-index:80}
	#sub-container{width:100%; height:auto; margin:0px auto; background: #fff; overflow:hidden; min-width:998px;}
	#subTopHeader 			 {position:relative; height:412px;}
	.contbgpro{padding:5px; height:auto; margin:0px; overflow:hidden; background:url(../images/probg.jpg) no-repeat bottom right; padding-bottom:160px;}
	.contbgcur{padding:5px; height:auto; margin:0px; overflow:hidden; background:url(../images/cuturebg.jpg) no-repeat bottom right; padding-bottom:160px;}
	.contbgcer{padding:5px; height:auto; margin:0px; overflow:hidden; background:url(../images/servicebg.jpg) no-repeat bottom right; padding-bottom:160px; min-height:400px;}
	.contbgcer  {_height:expression(this.scrollHeight >1000 ? "1000px" : (this.scrollHeight < 400 ? "400px" : "auto"));}/*ie6 min-height*/
	.contbgres{padding:5px; height:auto; margin:0px; overflow:hidden; background:url(../images/researchbg.jpg) no-repeat bottom right; padding-bottom:160px;}
	.contbgenter{padding:5px; height:auto; margin:0px; overflow:hidden; background:url(../images/enterbg.jpg) no-repeat bottom right; padding-bottom:160px;}

	#sub-containerCont{ width:998px; margin:0 auto; height:auto}
	.left-frame {width:200px; height:auto; position:absolute;z-index:999;}
		.sidebar{width:200px; height:auto; position:relative;*position:relative;top:-37px;*top:-35px;_top:-35px; z-index:999}
		
			.sidebar-title{width:200px; height:74px; margin:2px auto;background:url(../images/sidebar-title.png) no-repeat; }
			.sidebar-title img{ margin:20px 0px 0px 40px;}
			.sidebar-list-blocks{background:url(../images/sidebar-bg.jpg) no-repeat 182px 5px; width:200px; height:auto;}	
			.sidebar-list {width:200px; margin:20px auto; height:auto;padding:0px;  *margin-top:-10px;_margin-top:-10px}
		

			.sidebar-list ul{margin:20px 5px 10px 0px;}
			.sidebar-list ul li{width:160px;font-family:"微软雅黑"; display:block; height:auto; }
			.sidebar-list ul li a{color:#4c4c4c;display:block;border-bottom:1px solid #e2e2e2; background:url(../images/gicon.jpg) no-repeat left center; margin-left:25px; height:28px;line-height:28px;text-indent:20px; display:block; }
			.sidebar-list ul li a:hover,.sidebar-list ul li a.current{color:#008778;  background:url(../images/bicon.jpg) no-repeat left center;}			
			.sidebar-list ul li ul{margin:5px;height:auto;}
			.sidebar-list ul li ul li{height:22px;width:140px;padding:1px;}
			
			.sidebar-shortcut{padding:10px;}
			.sidebar-shortcut div{margin:10px auto 10px auto;display:inline-block;}

			.product-search{}
			.product-search .search{ /*background:url(../images/select-bg.jpg) no-repeat;*/ width:150px; height:17px; margin-top:8px;vertical-align:middle; }
			.product-search .tit{ color:#727272; height:25px; line-height:25px;}
			.product-search .search .text{BACKGROUND-COLOR: Transparent; width:100px; height:17px; /*border:1px solid #19b09f;*/ color:#696969;  font-size:9px; vertical-align:middle; }
			.product-search .search .btn{ vertical-align:middle; }


			.contact-ad { margin:10px auto}
			.contact-ad .fillet-content{ background:url(../images/contactBg.jpg) no-repeat right center; height:110px; padding:5px ;}
			.contact-ad .fillet-content .text{ margin-top:10px;}
			.contact-ad .fillet-content .text p{ line-height:16px; font-size:10px; color:#727272;}

			
	.right-frame  {width:778px; height:auto;}
		.sub-inner-container{width:765px;height:auto;  background:url(../images/sub_content_repeat_y.png) repeat-y center top; margin-left:6px; overflow:hidden}
			.tree-menu  {padding:10px 8px 4px 0px; height:33px;line-height:33px;text-align:right;font-size:12px;font-family:"宋体";margin:0 auto;}
			.tree-menu a{ color:#565656; font-size:12px; vertical-align:middle}
			.sub-entry   { height:31px;}
			.sub-entry  s{ display:block; float:left; display:inline}
			.sub-entry .entrybg-l{ background:url(../images/tree-menu-l.jpg) no-repeat; width:33px; height:31px; font-size:0px; line-height:0px;}
			.sub-entry .entrybg-c{ background:url(../images/tree-menu-c.jpg) repeat-x; height:31px; font-size:0px; line-height:31px; width:715px;}
			.sub-entry .entrybg-r{ background:url(../images/tree-menu-r.jpg) no-repeat; width:14px; height:31px; font-size:0px; line-height:0px;}
			.sub-entry .entrybg-c h1{ font-size:14px; color:#666565; line-height:31px; height:31px; margin:0 auto; padding-left:10px;}
			.sub-entry   hr{border:0; border-top:1px solid #d00b0b; height:1px; line-height:1px; margin:10px auto 0px auto; width:720px;}
			.sub-content   {padding:0px 20px;}

			
			.sub-bottom { height:30px; line-height:30px; text-align:right; padding:5px 30px 5px 0px;}
			
				.content-title{height:36px;padding:5px; margin-top:10px;text-align:center; line-height:32px; color:#606060; width:100%; font-weight:bold;}
				.content-title{font-family: "宋体", Arial, Verdana; font-size:16px;}
				.content-info {height:34px;  line-height:34px;padding:5px; _padding:0px; text-align:center; border:1px solid #ccc; margin:10px auto}
				.content-info {color:#888;}
				.content-info .alignright .newsshare{ width:500px; border:1px solid #F00}
		
		
		
		        .content-dao{height:auto;background-color:#f7f6f5;  line-height:24px;padding:5px; _padding:0px;  border:1px solid #ccc; margin:10px auto; margin-bottom:20px;}
			
		
				 .content-text   {font-size:14px; font-family:"宋体"; line-height:24px; padding:5px; min-height:626px; margin-top:25px; padding:0px 28px 20px 0px; }
                 .content-text  {_height:expression(this.scrollHeight >2000 ? "2000px" : (this.scrollHeight < 626 ? "626px" : "auto"));}/*ie6 min-height*/
                 .content-text{ background:url(../images/content-text.jpg) no-repeat top right;}
            	.content-text p {margin:1px; line-height:24px;}
                .content-text p a{color:#008778;}
                          .content-text p span a{color:#008778;}
			  .content-text a{color:#008778;}

				.content-text ul{margin:5px;}
				.content-text ul li{height:26px; line-height:24px;}
                           
				.content-text .product-taxonomy{border-bottom:1px dashed #999999; height:185px; margin:15px auto;}
			 .company-list{ width:600px; margin:10px auto 0px auto}
             .company-list ul{ margin:20px 0px 0px 10px;}
             .company-list ul li{width:600px; background:url(../images/content-pic.jpg) no-repeat left center; height:40px;line-height:40px; color:#535353; padding-left:18px; float:left; list-style:none;}
             .company-list ul li a{ font-size:14px;}

			.sub-news-list  {padding:5px 10px; height:auto;  margin:0px auto; margin-top:20px; }
			.sub-news-list ul{margin:5px;}
			.sub-news-list ul li.alt{background:#f1f1f1;}
			.sub-news-list ul li{ margin-top:3px; border-bottom:1px dotted #aaa;font-size:12px;display:block; clear:both;height:auto !important; min-height:35px; overflow:hidden}
			.sub-news-list ul li{_height:expression(this.scrollHeight >200 ? "200px" : (this.scrollHeight < 35 ? "35px" : "auto"));}/*ie6 min-height*/
			.sub-news-list ul li a{color:#4c4c4c; line-height:24px;padding-left:15px; height:auto;  display:block; width:600px; font-size:13px; margin:0px 0px;}
			.sub-news-list ul li a:hover{color:#39baaa;}
			.sub-news-list ul li span{color:#909090; font-weight:bold;width:100%; height:22px;line-height:22px;padding-left:15px; margin:0px 0px;}
			.sub-news-list ul li p.info{ line-height:20px;color:#888; text-indent:2em; width:620px;height:auto !important;  min-height:10px; overflow:hidden}
			.sub-news-list ul li p.info{_height:expression(this.scrollHeight >120 ? "120px" : (this.scrollHeight < 10 ? "10px" : "auto"));}/*ie6 min-height*/
			
			.sub-news-list ul li.piclist{ height:145px; padding:0px 20px 0px 15px;}
			.sub-news-list ul li.piclist .bigimg{ border:1px solid #d1d1d1; }	
			.sub-news-list ul li.piclist .bigimg img{ width:195PX; height:100PX; margin:1px;}
			.sub-news-list ul li.piclist .bigimginfo{ width:420px; margin-left:30px;}	
			.sub-news-list ul li.piclist .bigimginfo a{ width:420px;}
			.sub-news-list ul li.piclist .bigimginfo .tit{ color:#161616; font-size:12px; padding-left:0px; font-weight:bold}
			.sub-news-list ul li.piclist .bigimginfo p{ color:#535353; line-height:24px;}
			.sub-news-list ul li.piclist .bigimginfo .more{ color:#f00; font-size:12px; padding-left:0px;}
			
			

			
			
			.sub-picture-details {padding:5px; height:auto;}
			.sub-picture-details .big-pics-entry   {width:670px; height:auto;margin:10px auto;}
			.sub-picture-details .big-images-boder {width:420px; margin:5px auto; padding:3px; border:1px solid #aaa;}
			.sub-picture-details .big-images-boder img {width:420px; height:285px;}
			.sub-picture-details .big-images-name  {width:420px;padding:3px; line-height:26px; overflow:hidden; margin:5px auto; height:auto; color:#333; font-size:14px; font-family:"微软雅黑", Arial, Verdana; margin-top:10px;}
			.sub-picture-details .big-images-desc  {width:420px;padding:3px; line-height:24px; overflow:hidden; margin:5px auto; height:auto; color:#333; font-size:12px; font-family:"微软雅黑", Arial, Verdana;}
			
			.sub-products-list {padding:5px; height:auto; margin:0px; overflow:hidden; padding-bottom:160px;}
			.sub-products-list .product-entry        {width:155px; height:230px; float:left; margin:10px 8px ; display:inline; padding:1px;border:1px solid #dadada;}
			.sub-products-list .product-images-boder { padding:3px;}
			.sub-products-list .product-images-boder img{width:153px;height:182px;}
			.sub-products-list .product-images-text  {width:153px; height:40px; display:block; margin:1px 0px 1px 1px; background:url(../images/protexta.jpg) repeat-x;}
			.sub-products-list .product-images-text  p{line-height:40px; text-align:center; font-size:12px; color:#000;}
			.sub-products-list  a.product-images-text:hover  {background:url(../images/protextac.jpg) repeat-x;}
		
			.sub-products-list .search-products-entry {margin:10px auto; width:90%;}
			.sub-products-list .search-products-entry table { width:100%; height:120px; border:1px solid #ddd; border-collapse:collapse;}
			.sub-products-list .search-products-entry table th{ padding:5px; border:1px solid #ddd; border-collapse:collapse; font-size:13px; vertical-align:middle; text-align:center;}
			.sub-products-list .search-products-entry table td { padding:5px; vertical-align:middle; border:1px solid #ddd;}
			.sub-products-list .search-products-entry table td img {width:75px; height:80px;}
			
			.sub-product-details{width:640px; height:auto; overflow:hidden; margin:10px auto;}
			.imgbox{width:244px; height:287px; margin-left:10px;_margin-left:20px;}
			.imgbox img{ width:240px; height:283px; margin:1px; border:1px solid #dbdbdb}
			.pro_info{width:330px; height:auto;  margin:5px 0px 0 22px; }
			.pro_info h1{ font-size:16px; font-weight:bold; color:#2067b6; font-family:"宋体"}
			.pro_info p{ margin:8px 0 0 0; color:#666; line-height:24px;}
			.pro_info .QQ{ line-height:25px; height:25px; display:block;}
			.pro_info .QQ a{ margin:2px 5px 0px 5px; height:17px; display:block; float:left;color:#666; line-height:18px;}
			.pro_info .QQ a:hover{color:#666;}
			.pro_info p b{ font-weight:normal; color:#333;}
			.pro_info .notice{ border:1px solid #e5e5e5; height:70px; width:305px; padding:5px 5px; margin:16px 0px 16px 0;}
			.pro_info .notice p{ line-height:24px; color:#666;}
			.pro_info .notice p s{ color:#ff0000; font-weight:bold; text-decoration:none;}
			.pro_info .notice p a{ color:#ff0000; text-decoration:underline; background:none;}
			.pro_text{width:640px; margin:20px auto;}
			.pro_text p{ line-height:24px; font-size:12px;}
			
			
			.sub-online-service {padding:5px; height:auto;}
			.sub-online-service table   {margin:5px; border:1px #ddd dashed; border-collapse:collapse; width:100%;}
			.sub-online-service table td{padding:5px;border:1px #ddd dashed; text-align:center;}
			.sub-online-service td.inico {vertical-align:middle;}
			.sub-online-service table td p{padding:2px; margin:2px; height:24px; line-height:24px; overflow:hidden;}
			
			.sub-guestbooks{padding:5px; height:auto; min-height:300px; background:url(../images/guestbook_bg.jpg) no-repeat center bottom;}
			/*样式在 guestbookstyle.css 里面*/
			.guestbooks-fieldset{padding:5px; height:auto;}
			/*样式在 guestbookstyle.css 里面*/
						
		
			
						
/********************************  Inner Structure Public Classes Begin  ********************************/ 



/*************** Pagination ***************/
.pagination {  margin:20px auto;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; text-align:left; color:#535353; height:50px; line-height:18px; cursor:pointer}
.pagination hr{ border:0px; padding:0px; margin:0px;border-top:1px dotted #535353; height:1px; line-height:1px}
.pagination a {margin:0px 5px 0px 0px;float:left;background:#3abaab;text-align:center;color:#fff;height:18px;width:auto;display:block;font-size:12px;line-height:18px;} 
.pagination p{ color:#535353; display:block; margin:10px 0px}
.pagination a:hover {color:#535353;}
.pagination a.number {border:1px solid #ddd;}
.pagination a.current {background:#eee url(../images/button.gif) top left repeat-x !important;border-color: #ddd !important;color: #111 !important;}
.pagination a.current:hover {text-decoration: underline;}
.pagination .text{ margin-right:10px; border:1px solid #1bada0; color:#1bada0; font-size:10px; width:20px;}
.pagination span{ color:#888; float:left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

/************* news_prev_next *************/
.np_link{margin-top:5px; height:65px; padding-top:10px; text-indent:10px;}
.np_link ul{margin-top:5px;}
.np_link li{height:25px; line-height:25px;}
.np_link li a:hover{ color:#F00;}

/************ For the index products roll show list *********************************/
#scrollbody  {overflow:hidden;width:820px;height:160px;white-space:nowrap;text-align:center; margin:40px auto 10px auto;}
#scroll1    p{width:115px; height:22px; text-align:center; line-height:22px; margin:1px 0px 1px 20px;}
#scroll1 table tr td{text-align:center;}

#scroll2    p{width:115px; height:22px; text-align:center; line-height:22px; margin:1px 0px 1px 20px;}
#scroll2 table tr td{text-align:center;}

.Pic         {display:inline; width:160px; height:120; display:block; margin:5px 10px; padding:0px;}
.Pic img     {width:160px;height:120px;}

.leftarrow   {margin:85px 5px 0px 3px;}
.rightarrow  {margin:85px 3px 0px 5px;}

.leftarrow   {width:30px; height:30px;}
.rightarrow  {width:30px; height:30px;}

/************ For banner rotaion from tencent *************************************************************************/
#picBox{width:960px; height:316px; margin:0px auto; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:264px; width:10000px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:264px;}
#picBox ul#show_pic li img{ display:block;}

#icon_num{ position:absolute; bottom:295px; right:860px;}
#icon_num li{ float:left; background:url(../images/banner_link.png) no-repeat ;width:15px; height:15px; list-style:none; color:#39F; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background:url(../images/banner_hover.png) no-repeat; color:#fff;}

/*圆角*/
.fillet {background: transparent; margin:1em;width:173px; margin-left:0px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.xb1 {margin:0 5px; background:#d9d9d9}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.fillet-content {display:block; background:#fff; border:0 solid #d9d9d9; border-width:0 1px;}


.i_photo_a{ width:317px; height:140px; display:block}
.events-blocks h1{margin-top:0 !important;font-size:12px; margin:0px; padding:0px; color:#fff; line-height:30px; display:block;}
.events-blocks img{ border:none;}
.events-blocks h1 a{font-weight:normal;width:100%; color:#fff; }
.events-blocks .bg-info{ background:#00a692; height:47px; padding-left:10px; width:307px; margin-top:0px; }
#index_page{float:right;display:block;height:14px;margin-right:4px; }
#index_page *{ cursor:pointer;text-indent:0px;float:left;display:inline;background:url(../images/icon-w.jpg) no-repeat;text-align:center;color:#000;font-size:10px;padding:0;margin:0 2px;width:14px;height:14px;line-height:12px;}
#index_page strong{background:url(../images/icon-b.jpg) no-repeat;color:#fff;width:14px; height:14px; line-height:12px;}
#index_page span{color:#009a91;border:0;cursor:pointer;}
#index_page a{width:14px;text-decoration:none;line-height:12px; text-align:center}


.slideshow{position:relative;width:370px;  height:168px; margin:0 auto; margin-top:10px;}
.slideshow ul{ overflow:hidden; position:absolute; z-index:999 ;margin:0 auto; width:290px; height:130px; left: 46px; top: 1px;height:168px; width:290px; background:url(../images/turn-sh.jpg) no-repeat center bottom #fbfbfb;  }
.slideshow li{position:absolute;display:none;z-index:10;}
.slideshow li img{ height:135px; width:290px;}
.slideshow li:first-child{display:block;z-index:1000;}
.slideshow .slideActive{z-index:1000;}
.slideshow canvas{display:none;position:absolute;z-index:100;}
.slideshow .arrow{position:absolute;cursor:pointer;z-index:5000;display:block;width:22px;height:64px;cursor:pointer; background:#f0f0f1; padding:50px 0px 0px 5px;}
.slideshow .previous{ left:0; margin:8px 3px 0px 10px;}
.slideshow .previous:hover{ background-position:left bottom;}
.slideshow .next{ margin:8px 0px 0px 3px; right:0}
.slideshow .next:hover{ background-position:right bottom;}


.clear{overflow:hidden;clear:both; }
.imgboxbanner{ height:504px;margin-top:80px;}
.imgboxbanner ul li{float:left; display:inline;}
.imgboxbanner ul li a{width:100%; height:504px;position:absolute;}
.imgboxbanner ul li.select{display:block;}
.imgboxbanner .imgnum span{margin-left:5px; background:url(../images/banner-num.png) no-repeat; cursor:pointer; width:24px; height:21px; color:#555; display:block; float:left; font-size:12px; font-weight:bold}
.imgboxbanner .imgnum span.onselect{ background:url(../images/banner-num.png) no-repeat; cursor:pointer; width:24px; height:21px; color:#000;display:block; }
.imgboxbanner .numbox{ width:100%; height:auto; position:absolute; bottom:0px;}       
.imgboxbanner .imgnum{ text-align:center;line-height:18px; width:998px; margin:0 auto;}
.imgboxbanner .imgnum p{ float:right; width:auto;}


   #tags {width:100%;height:40px;margin:0px; }
   #tags li {float:left;width:60px;text-align:center;height:40px; line-height:32px; display:block;background:#f7f7f7; margin-right:5px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;}
   #tags li a{ color:#585451; font-size:12px; display:block;  line-height:32px; height:40px;}
   #tags li .selectTag{color:#5fa22e; display:block; height:30px;}
   #tags li.emptyTag {width:4px;}
   #tags li.selectTag {height:40px; background:#eee;}
   #tags li.selectTag a { line-height:32px; height:40px; display:block;background:#eee;}
   #tagContent{background:#f7f7f7; width:720px; margin:0px; background:#eee;}
   #tagContent .selectTag { display:block;background:#eee;}
   .tagContent {display:none; padding-bottom:10px; width:322px; width:700px;margin:0px; padding:10px; line-height:24px; background:#eee;}


  .btnClass{width:120px; height:30px; line-height:30px; border:0px; color:#fff; font-size:12px; text-align:center; background:#1aaf9d; font-size:16px; display:block;margin-left:300px;}
  .btnClass a:hover{color:#fff;}


  
#mytable_online { color:#555; width:650px; margin:0 auto;  color:#888; margin-bottom:40px;}
#mytable_online td { margin:8px 0px;}
#mytable_online .jobType{ text-align:left; text-indent:15px; font-size:13px;}
#mytable_online .myjob{ border-bottom:1px dotted #ccc; margin:0px auto 10px auto; display:block; font-size:14px; font-weight:bold;height:60px; line-height:60px; }
#mytable_online input,#mytable_online textarea {border:1px  solid #ccc;font-size:12px;color:#555}





.mge_table{ width:650px; color:#888; margin:10px  auto 0px auto;}
.mge_get{float:left; text-align:left; width:500px; font-size:12px;}

.mge_info{width:200px; text-align:right; margin-right:10px;}
.mge_table input,.mge_table textarea { border:1px  solid #ccc;font-size:12px;color:#555}



/*===========图片滚动==================*/

.rollBox { width:620px; height:220px;  margin:0 auto 0 auto;}
.rollBox .RightBotton { float:left; height:32px; width:32px;  background:url(../images/bottom_left.png) no-repeat;overflow:hidden; cursor:pointer; position:relative; top:105px; left:-40px; position:relative; top:-130px; right:-590px;}
.rollBox .LeftBotton {float:left; height:32px; width:32px; background:url(../images/bottom_right.png) no-repeat; overflow:hidden;  cursor:pointer;  position:relative; top:130px; right:-630px;}
.rollBox .Cont { float:left; width:620px; height:220px;overflow:hidden; padding:0 0px 0 0;}
.rollBox .ScrCont {width:10000000px; height:220px;}
.rollBox #List1, .rollBox #List2 {float:left;}
.ScrCont div.pic{ float:left;  width:245px; height:220px;  padding:0 5px; }
.ScrCont div.pic em{display:block; width:240px; height:220px;text-align:center; font-style:normal; padding:20px 0 0 0; }
.ScrCont div.pic em img{ display:block; width:240px; height:160px; margin:0 0 5px 0; border:2px solid #dfdfdf; }



.Problem{ width:660px; margin-left:10px; padding:5px 10px; border:1px solid #eee; color:#555; padding-bottom:50px;}
.Problem .Title .Title-big{ color:#3abaab; text-align:center; font-size:14px; font-weight:bold; margin:5px auto; border-bottom:1px solid #eee; display:block; height:30px; line-height:30px; margin-bottom:20px; padding-bottom:20px;}
.Problem .Title p{font-size:12px; line-height:22px;}
.Problem .Title{border-bottom:1px solid #eee; margin:0px 0px 20px; padding:20px 5px;}
.Problem .divTitle_question{ margin-top:20px;}
.Problem .divTitle_question .select{ color:#f00;}
.Problem .divTitle_radio li{ float:left; display:inline; width:280px; margin-left:15px; margin-top:5px;}
.Problem .divTitle_question b{ margin-right:10px;}
.Problem .table_bottom{ border-bottom:1px solid #eee}
.divTitle_btn{ margin:20px; }




/*360度*/
.slide{ position:relative; margin-top:10px;}
#featured-area {height:165px;width:290px; margin:0px auto; margin-top:20px; background:url(../images/turn-sh.jpg) no-repeat center bottom;}
.roundabout-holder {list-style:none; height:135px;width:290px;  margin:0px auto;}
.roundabout-moveable-item img {height:100%;width:100%;margin:0;}
.roundabout-in-focus {cursor:auto;}
.roundabout-holder span	 {display:none;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited {outline:none;text-decoration:none;}
.roundabout li {margin:0}


.left_jian{left:10px;_left:-30px; top:65px;position:absolute;cursor:pointer;z-index:;width:22px;height:64px;cursor:pointer;}
.right_jian{right:10px; top:65px;position:absolute;cursor:pointer;z-index:;width:22px;height:64px;cursor:pointer;}
.slideshow .arrow{}
.slideshow .previous{ left:0; margin:8px 3px 0px 10px;}
.slideshow .next{ margin:8px 0px 0px 3px; right:0}


.sub-query{ margin-top:50px; padding:5px; height:auto}
			.sub-query p{ width:650px; margin:0 auto;}
			.sub-query table{width:400px; margin:0px auto;border:1px solid #dadada; margin-top:70px;}
			.sub-query table td{}
			.sub-query td .cut{ width:46px; height:16px; border:1px solid #dadada;}
			.sub-query td .text{ width:270px;height:16px; border:1px solid #dadada;}
			
			
			
			
.sli li{display:none;}

.biaoge{border-collapse:collapse; margin:20px auto 0px auto; }
.biaoge td{border:1px solid #ccc; }
.ren_xian{ background:#ccc; height:30px;}
.ren_xian td{ text-align:center;}
.xian td{height:30px; text-align:center;}
 


.sub-viedo-list {padding:5px; height:auto; margin:0px; overflow:hidden; padding-bottom:160px;}
			.sub-viedo-list .viedo-entry        {width:206px; height:199px; float:left; margin:10px 10px ; display:inline; padding:1px;border:1px solid #dadada;}
			.sub-viedo-list .viedo-images-boder { padding:3px;}
			.sub-viedo-list .viedo-images-boder img{width:200px;height:150px;}
			.sub-viedo-list .viedo-images-text  {width:202px; height:40px; display:block; margin:1px 0px 1px 2px; background:url(../images/protexta.jpg) repeat-x;}
			.sub-viedo-list .viedo-images-text  p{line-height:40px; text-align:center; font-size:12px; color:#000;}
			.sub-viedo-list  a.viedo-images-text:hover  {background:url(../images/protextac.jpg) repeat-x;}
		
		
		
.vidSpan{width:600px;display:block;margin:10px auto;}
	
	
.messlist{ margin:10px;}
.messlist hr{color:#ccc; height:1px;}
.messlist ul li{border:1px  solid; margin:10px; height:auto;}
.messlist ul li span.mname{ margin-left:10px; color:#008778;}
.messlist ul li div.messcontent{border-bottom:1px dotted #666;margin-left:5px; margin-right:5px; margin-bottom:5px; padding-bottom:5px;}