﻿@charset "utf-8";
/**
 * Support: CHITEC Exhibition 2009
 *    Date: 09/04/15
 *  Author: Shajun
 **/

/* Public Style for all Elements.
------------------------------------------------------------------------------------*/
/* global CSS */
body{font-family:'宋体';text-align:center;margin:0 auto;padding:0;background:#FFF url(../_images/bgcolor.jpg) repeat-x;font-size:12px;color:#333;}
body > div{text-align:center;margin-right:auto;margin-left:auto;} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;overflow:hidden;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;overflow:hidden;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px;padding:0}
.wrap{width:1000px;background:#FFF;}

/* Default Links */
a{outline-style:none;color:#333;text-decoration:none}
a:hover{color:#c00;text-decoration:underline;}


/* Fonts */
.b14_039{font-size:14px;color:#003399;}

/* Clean a line */
/*a,area {blr:expression(this.onFocus=this.blur()) }  for IE 
:focus {-moz-outline-style: none; }  for Firefox   
*/

/* Head Images
------------------------------------------------------------------------------------*/
#head{clear:both;margin-bottom:10px;width:1000px;height:320px;}
#head img{display:block;width:1000px;height:107px;border:none;}

/* Navigation
------------------------------------------------------------------------------------*/
#nav{margin-bottom:10px;float:left;width:100%;height:30px;background:url(../_images/nav.jpg) no-repeat;}
#nav ul{display:block;float:left;width:595px;}
#nav ul li{float:left;margin-left:12px;height:30px;}
#nav ul li a{line-height:30px;font-size:14px;color:#fff;}
#nav ul li a:hover{color:#003399;}
#nav iframe{display:block;float:left;margin-top:7px;padding:0;}
#nav #text_scroll{display:block;float:left;margin-top:7px;padding:0;width:380px;height:16px;overflow:hidden;}

/* News Classic
------------------------------------------------------------------------------------*/
#news_classic{margin-right:10px;margin-bottom:0;float:left;width:740px;height:auto;}
*+html #news_classic{margin-bottom:0;}
#news_classic > div{border:1px solid #99ccff;}

.wrap h2{display:block;margin-bottom:5px;width:100%;height:25px;}
.wrap h2 .title{float:left;margin-left:10px;line-height:25px;font-size:14px;font-weight:bold;color:#0066cc;}
.wrap h2 .title3{float:left;margin-left:10px;line-height:25px;font-size:14px;font-weight:bold;color:#FFF;}
.wrap h2 .more{float:right;margin-right:10px;line-height:25px;font-size:14px;font-weight:300px;color:#0066cc;}
.wrap h2 .more3{float:right;line-height:25px;font-size:14px;font-weight:300px;color:#FFF;}
.wrap h2 .more a{color:#0066cc;}
.wrap h2 .more3 a{color:#FFF;}
.wrap h2 .more a:hover{color:#c00;text-decoration:underline;}
.wrap .text_list{margin:0 auto;width:94%;height:auto;}
.wrap #text_height{height:100px;}

.wrap .text_list #d2{text-indent:0px;}
.wrap .text_list .describe{height:100px;}
.wrap .text_list .describe a{color:#003399;}
.wrap .text_list .describe a:hover{color:#cc0000;}
.wrap .text_list ul li{text-align:left;}
.wrap .text_list .text li{margin-bottom:7px;text-align:left;line-height:18px;color:#666;}
.wrap .text_list .text li span{color:#cc0000;}

.wrap .text_list ul li a{padding-left:10px;line-height:24px;color:#003399;background:url(../_images/arrow.gif) 0px 2px no-repeat;}
.wrap .text_list ul li a:hover{color:#cc0000;background:url(../_images/arrow.gif) 0px -21px no-repeat;}

.wrap .text_list .b14_039 li a{line-height:23px;}
.wrap .text_list h3{margin-top:15px;margin-bottom:5px;}
.wrap .text_list h3 a{font-size:14px;font-weight:bold;color:#cc0000;line-height: 29px;}
.wrap .text_list p{height:160px;margin-bottom:8px;color:#666;text-align:left; line-height:24px; font-size: 12px;text-indent: 24px;}
.wrap .text_list .title_text{height: auto;margin-bottom:10px;color:#666;line-height:20px;}
.wrap .text_list .title_text2{height: auto;margin-bottom:5px;color:#666; line-height:42px; font-size: 14px;text-indent: 0px;}
.wrap .text_list .title_text2 span { font-weight: bold; color: #006699; }
.wrap #pro_text{margin-top:16px;}
.wrap #pro_text ul{display:block;float:left;width:100%;}
.wrap #pro_text #pro_margin{margin-right:20px;}

#video_list li{float:left;margin-left:10px;width:130px;}
*html #video_list li{float:left;margin-left:6px;width:130px;}
#video_list li a{background:none;line-height:0;}
#video_list li a img{display:block;float:left;width:124px;height:92px;border:2px solid #CCC;}
#video_list li a:hover img{border:2px solid #ff6600;}
#video_list li a span{clean:both;width:128px;text-align:left;line-height:16px;}

/* big news */
#big_news{margin-bottom:10px;padding-top:10px;width:718px;height:118px;border:1px solid #99ccff;}
#big_news img{width:710px;height:50px;}
#big_news p{padding:10px;text-indent:24px;line-height:20px;text-align:left;}

/* scroll images */
#news_classic #scroll_img{margin-bottom:10px;padding-top:13px;width:718px;height:233px;border:1px solid #99ccff; background:#eaf9ff;}

/* video and comment */
#news_classic #vc_wrap{float:left;margin-right:10px;width:330px;height:auto;border:0;}
#news_classic #vc_wrap div{border:1px solid #99ccff;}

#vc_wrap #comment{ margin-bottom: 10px; width:328px;height:auto;background:url(../_images/common_model_h2_bg.jpg) repeat-x;border:1px solid #99ccff;}
#vc_wrap #comment ul li{width:100%;height:22px;word-wrap:break-word;word-break:break-all;overflow:hidden;}
#vc_wrap #comment a {
  padding: 5px 0px 5px 25px;
  display: block;
  float: left;
  width: 124px;
  height: auto;
  text-decoration: none;
  text-align: left;
}
#vc_wrap #comment img {
  padding: 1px;
  width: 120px;
  height: 90px;
  border: 1px solid #ccc;
}
#vc_wrap #comment span {
  padding-top: 10px;
  line-height: 20px;
}
#vc_wrap #comment div { border: none; }

/* professional news */
#pro_news{float:left; margin-bottom: 10px; width:398px;height:auto;border:1px solid #99ccff; background:url(../_images/common_model_h2_bg.jpg) repeat-x;}
#pro_news #pro_text ul li{width:100%;height:26px;word-wrap:break-word;word-break:break-all;overflow:hidden;}
#about span#indexButton { display: block; float: left; margin: 0; text-align: left; }

/* foreign news */
#foreign_news{float:left;width:398px;height:173px;background:url(../_images/h2_bg1.gif) repeat-x;border:1px solid #99ccff;}


/* About CHITEC Exhibition
------------------------------------------------------------------------------------*/
#about{float:left; margin-bottom: 10px; width:250px;height: auto;}
#about > div{margin-bottom:10px;width:248px;border:1px solid #99ccff;}

/* introduction */
#intro{margin-bottom:10px;height:140px;background:url(../_images/common_model_h2_bg.jpg) repeat-x;border:1px solid #99ccff;}

/* meeting log */
#log{margin-bottom:10px;height:auto;background:url(../_images/common_model_h2_bg.jpg) repeat-x;border:1px solid #99ccff;}
#log .text_list ul li a{color:#666;}

/* advertesment for meeting */
#about .about_adv1{width:250px;height:82px;border:none;}
#about .about_adv2{width:250px;height:61px;border:none;}
*html #about .about_adv2{margin-bottom:10px;width:250px;height:61px;border:none;}
*html #about .about_adv1{margin-bottom:10px;height:82px;border:none;}

/* hot before */
#about #hot_before{margin-bottom:0px;height:134px;background:url(../_images/h2_bg1.gif) repeat-x;border:1px solid #99ccff;}
#about #hot_before ul li{width:100%;height:22px;word-wrap:break-word;word-break:break-all;overflow:hidden;}

/* Image Report
------------------------------------------------------------------------------------*/
#img_list2{margin-bottom:10px;clear:both;width:998px;height:200px;border:1px solid #99ccff;background:url(../_images/common_model_h2_bg.jpg) repeat-x;}
#img_list2 h2{padding-left:15px;width:983px;}
#img_list3{margin-bottom:10px;float:left;width:978px;height:135px;border:1px solid #99ccff;background:url(../_images/common_model_h2_bg.jpg) repeat-x;}
#img_list3 h2{margin-bottom:0;padding-left:60px;width:913px;}
#img_list3 a img{width:978px;height:110px;}
.img_list{float:left;margin:0 auto;width:100%;height:700;overflow:height;}

.img_list ul{float:left;margin-top:10px;}
.img_list ul li{float:left; margin-left:20px; width:175px;height:155px;}
*html .img_list ul li{float:left; margin-left:16px; width:175px;height:160px;overflow:auto;}
.img_list ul li a img{display:block;margin-bottom:2px;width:171px;height:118px;border:none;}
.img_list ul li a span{width:173px;line-height:18px;}
.img_list ul li a{color:#003399;}
.img_list ul li a:hover{color:#cc0000;}

/* Show Area 3 Moudel
------------------------------------------------------------------------------------*/
#show_area3{float:left;width:980px;height:480px;}
.area{margin-bottom:10px;width:978;height:148px;border:1px solid #99ccff;}
.area h3{display:block;float:left;padding-top:20px;width:24px;height:128px;background:url(../_images/banner_26.gif) no-repeat;}
.area h3 span{font-size:14px;font-weight:bold;color:#cc3333;}
.area > div{float:left;height:100%;}

.area .show_img{float:left;padding-top:15px;width:253px;height:133px;}
.area .show_img span{display:block;margin:0 auto;padding:2px;width:173px;height:111px;border:1px solid #CCC;}
.area .show_img span img{width:173px;height:111px;border:none;}

.area .show_text{float:left;width:349px;height:100%;border-left:1px dotted #ccc;background:url(../_images/h2_bg2.gif) repeat-x;}
.area .show_text h2 span{font-weight:400;}

/* Virtual Playground
------------------------------------------------------------------------------------*/
#playground{margin-bottom:10px;float:left;width:980px;height:200px;background:#ccc;}

/* Current Messages
------------------------------------------------------------------------------------*/
.current{float:left;margin-right:10px;width:318px;height:228px;border:1px solid #99ccff;background:url(../_images/h2_bg2.gif) repeat-x;}
#talk{float:left;margin:0;width:318px;height:228px;border:1px solid #99ccff;background:url(../_images/h2_bg2.gif) repeat-x;}
#talk ul li{text-indent:24px;}

/* Bottom
------------------------------------------------------------------------------------*/
#bottom{margin-top:20px;padding-top:10px;float:left;width:1000px;height:120px;border-top:1px solid #CCC;}
#bottom p{line-height:24px;}



/**
 *     For: Img Scroll
 *  Update: 09/04/15
 *  Author: Shajun
 **/
div.jd_news_scroll{
	position: relative;
	overflow: hidden;
	margin:0 auto;
	width: 243px;
	height: 118px;
}
div.jd_news_scroll ul{
	position: relative;
	list-style-type: none;
	padding: 0px;
	width:243px;
}
div.jd_news_scroll ul li{
	height: 22px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	white-space: nowrap;
}
div.jd_news_scroll ul li.hover{
	cursor: default;
}
div.jd_news_scroll li a {
	font-weight: normal;
	color:#003399;
        line-height:22px;
}



/**
 *     For: Text Scroll
 *  Update: 09/05/05
 *  Author: Shajun
 **/

.live{margin:0;padding:0;display:block;float:left;width:520px;height:840px;background:#000;}
#live1{width:460px;}

#live_text{float:left;margin-right:15px;width:460px;background:url(../_images/h2_bg2.gif) repeat-x;border:1px solid #99ccff;}
#live_img{float:left;width:520px;background:url(../_images/h2_bg2.gif) repeat-x;border:1px solid #99ccff;}


#navTop{float:left;width:998px;height:26px;background:url(../images/news_mj_001.gif) 0px -650px repeat-x;border-bottom:1px solid #ccc;}
#navTop ul{display:block;margin:0 auto; width:960px;height:100%;}
#navTop ul li{float:left;margin-left:18px;text-align:center;}
#navTop ul li a{color:#666;font-size:14px;line-height:26px;}
#navTop ul li a:hover{ text-decoration:none;color:#cc0000;}
