﻿@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/bg.gif) repeat;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{padding:10px 5px 0px 5px;width:980px;height:auto;overflow:height;background:white;}

/* Default Links */
a{outline-style:none;color:#004190;text-decoration:none}
a:hover{color:#c00;text-decoration:underline;}
.wrap h2 .more a:hover{color:#c00;}


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

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

.wrap .clear_mr{margin-right:0px;}

/* News Classic
------------------------------------------------------------------------------------*/
#news_classic{margin-right:10px;float:left;width:720px;height:auto;}
#news_classic > div{border:1px solid #99ccff;}
.wrap h2{display:block;margin-bottom:10px;width:100%;height:25px;}
.wrap h2 .title{float:left;margin-left:10px;line-height:25px;font-size:14px;font-weight:bold;color:#004190;}
.wrap h2 .more{float:right;margin-right:10px;line-height:25px;font-size:14px;font-weight:300px;color:#004190;}
.wrap h2 .more a{color:#004190;}
.wrap h2 .more a:hover{color:#c00;text-decoration:underline;}
.wrap .text_list{margin:0 auto;width:94%;height:auto;}

.current .text_list #live li{display:block;margin-bottom:15px;padding:0px 0px 0px 20px;width:90%;height:auto;background:url(../_images/live.gif) no-repeat;}

.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:22px;color:#004190;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:26px;}
.wrap .text_list h3{margin-bottom:5px;}
.wrap .text_list h3 a{font-size:18px;font-weight:bold;color:#cc0000;}
.wrap #about .text_list p{height:auto;margin-bottom:8px;color:#666;line-height:26px;}
.wrap .text_list .title_text{height:50px;margin-bottom:5px;color:#666;line-height:16px;}
.wrap #pro_text{margin-top:0px;padding:5px;}
.wrap #pro_text ul li{width:100%;height:26px;overflow:hidden;}
.wrap #head_news{padding:5px;background:#fcfdff;height:auto;}
.wrap #head_news h3{width:100%;height:20px;overflow:hidden;line-height:22px;}
.wrap #pro_news h2 .more a:hover{color:#cc0000;}

.wrap .text_list #video_list li{float:left;margin-left:10px;width:128px;}
.wrap .text_list #video_list li a{background:none;line-height:0;}
.wrap .text_list #video_list li a img{padding:1px;display:block;float:left;width:124px;height:92px;border:1px solid #ccc;}
.wrap .text_list #video_list li a span{display:block;margin-top:2px;float:left;width:128px;height:24px;text-align:center;line-height:22px;background:#efefef;overflow:hidden;}

.wrap .text_list p{text-align:left;text-indent:24px;line-height:18px;}

/* big news */
#big_news{margin-bottom:10px;width:718px;height:78px;}
#big_news img{width:710px;height:50px;}

/* scroll images */
#news_classic #vc_wrap #scroll_img{margin:0 auto;width:300px;height:220px;border:none;}
#news_classic #vc_wrap #scroll_img dl,dt,dd{margin:0;padding:0;}
#news_classic #vc_wrap #scroll_img img{width:300px;height:190px;}

/* video and comment */
#news_classic #vc_wrap{float:left;margin-right:10px;width:308px;height:298px;border:1px solid #99ccff;}
#news_classic #vc_wrap > div{border:1px solid #99ccff;}
#news_classic #vc_wrap #video{width:308px;height:auto;border:none;}
#vc_wrap #video h2{height:30px;background:url(../_images/news_mj_001.gif) 0px -50px repeat-x;}
#news_classic #vc_wrap #video h2 .title{margin-left:20px;line-height:30px;color:#fff;}
#news_classic #vc_wrap #video h2 .more a{color:#fff;line-height:30px;}
#vc_wrap #comment{width:308px;height:258px;background:url(../_images/h2_bg2.gif) repeat-x;}

/* professional news */
.wrap #pro_news{float:left;float:left;width:400px;height:300px;border:none;background:url(../_images/head_title_bg.jpg) no-repeat;}
#pro_news h2{}
#pro_news h2 .title{margin-left:23px;margin-top:5px;color:#004190;}
#pro_news .more{margin-top:5px;}
#pro_news .more a{color:#004190;}

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


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

/* introduction */
#about #intro{height:auto;border-top:0px;border:1px solid #99ccff;}
#about #intro h2{background:url(../_images/e5f9ff.jpg) repeat;}
#about #intro h2 .title{color:#004190;}
#about #intro h2 .more a{color:#004190;}
#about #intro h2 .more a:hover{color:#cc0000;}

/* meeting log */
#about #log{height:150px;margin-bottom:0px;border:none;}
#log h2{background:url(../_images/e5f9ff.jpg) repeat;}
#log .text_list ul li a{color:#004190;}

/* advertesment for meeting */
#about .about_adv1{margin-bottom:10px;width:250px;height:50px;background:#ccc;border:none;}
#about #adv1{margin-bottom:10px;}

/* hot before */
#hot_before{margin-bottom:0px;height:218px;background:url(../_images/h2_bg3.gif) repeat-x;}


/* Image Report
------------------------------------------------------------------------------------*/
#img_list2{margin-bottom:10px;float:left;width:978px;height:208px;border:1px solid #99ccff;}
#img_list2 h2 .more a{color:#004190;font-weight:bold;line-height:28px;}
#img_list2 h2 .more a:hover{color:#cc0000;}
#img_list2 h2{height:28px;background:url(../_images/news_mj_001.gif) 0px -1300px repeat-x;}
.img_list{float:left;margin:0 auto;width:100%;height:auto;}

.img_list ul{float:left;margin-top:10px;}
.img_list ul li{float:left; margin-left:17px; width:175px;height:auto;}
.img_list ul li a img{display:block;padding:2px;margin-bottom:2px;width:167px;height:114px;border:1px solid #99ccff;}
.img_list ul li a span{width:173px;line-height:20px;}
.img_list ul li a{color:#003399;}
.img_list ul li a:hover{color:#cc0000;}

/* Image Other
------------------------------------------------------------------------------------*/
#img_other{margin:0;padding:0;float:left;width:950px;height:148px;}
#img_other ul{float:left;margin-top:7px;}
#img_other ul li{float:left; margin-left:17px; width:170px;height:145px;}
#img_other ul li a img{display:block;margin-bottom:2px;width:166px;height:118px;border:none;}
#img_other ul li a span{width:166px;line-height:20px;}
#img_other ul li a{color:#003399;}
#img_other ul li a:hover{color:#cc0000;}

/* Show Area 3 Moudel
------------------------------------------------------------------------------------*/
#show_area1{margin-bottom:10px;float:left;width:980px;height:153px;}
#show_area1 .area{margin:0;}
#show_area1 #links{float:left;width:950px;height:149px;}
#show_area1 #links p{display:block;padding-left:10px;padding-top:10px;width:930px;text-align:left;word-break:keep-all; }
#show_area1 #links p a{margin-right:10px;font-size:12px;line-height:30px;}
#show_area3{margin-top:10px;float:left;width:980px;height:auto;}
.area{margin-bottom:10px;width:978;height:150px;border:1px solid #99cc99;}
#show_area3 h2{height:51px;background:url(../_images/product.jpg) no-repeat;}
.area h3{display:block;float:left;padding-top:20px;width:26px;height:130px;background:url(../_images/banner_26.gif) no-repeat;}
.area .title2{background:none;}
.area h3 span{font-size:14px;font-weight:bold;color:#339933;}
.area > div{float:left;height:100%;}
.area dl a dd{color:#003399;}
.area dl a:hover dd{color:#cc0000;text-decoration:underline;}

.area .show_img{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{width:349px;border-left:1px dotted #ccc;background:url(../_images/h2_bg2.gif) repeat-x;}
.area .show_text h2 span{font-weight:400;}

.area dl,dt,dd{margin:0;padding:3px 0px 0px 0px;}
.area dl{display:block;float:left;width:218px;}
.area dl dt img{width:173px;height:120px;}
.area dl dd{line-height:14px;}

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


/* Current Messages
------------------------------------------------------------------------------------*/
.current{float:left;margin-right:10px;margin-bottom:10px;width:318px;height:240px;border:1px solid #ccc;background:url(../_images/title_bg2.gif) repeat-x;}
.current .text_list ul li{width:100%;height:28px;overflow:hidden;}
.current .text_list ul li a{font-size:14px;line-height:28px;}
.current h2{}
.current h2 .title{color:#cc6633;}
.current h2 .more a{color:#004190;}
.current #company{margin:10px 0px 0px 10px;float:left;width:298px;height:110px;}
.current #company .text_list ul li{width:100%;height:22px;overflow:hidden;}
.current #company .text_list ul li a{font-size:13px;line-height:22px;}
#talk{float:left;margin:0;width:320px;height:240px;}
#talk .text_list ul li a{font-size:14px;line-height:28px;}
#talk .text_list ul li{width:100%;height:28px;overflow:hidden;}
#talk h2{}
#talk h2 .title{color:#cc6633;}
#talk h2 .more a{color:#004190;}
#talk h2 .more a:hover{color:#cc0000;}


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

#head{margin:0 auto;width:990px;height:auto;}
#top_img{float:left;width:100%;height:300px;background:url(../_images/wbh_head.jpg) no-repeat;}
#flash_text{float:right;width:454px;height:260px;}

#logo{float:left;width:176px;height:30px;}
#head #nav{float:left;width:990px;height:26px;background:url(../_images/news_mj_001.gif) 0px -650px repeat-x;border-bottom:1px solid #ccc;}
#head #nav ul{display:block;margin:0 auto; width:980px;height:100%;}
#head #nav ul li{float:left;margin-left:20px;text-align:center;}
#head #nav ul li a{color:#666;font-size:14px;line-height:26px;}
#head #nav ul li a:hover{ text-decoration:none;color:#cc0000;}


/* Module
------------------------------------------------------------------------------------*/
#module4{margin-bottom:10px;float:left;width:980px;height:auto;}
#module4 .module{float:left;margin-right:10px;width:235px;height:180px;border:1px solid #99ccff;background:url(../_images/title_bg1.jpg) repeat-x;}
#module4 .module .text_list ul li{width:100%;height:22px;overflow:hidden;}
#module4 #clear_margin{margin-right:0px;width:236px;}
#module4 .module h2{margin-top:2px;}
#module4 .module h2 .title{color:#003399;}
#module4 .module h2 .more a{color:#003399;}
#module4 .module .text_list ul li a{font-size:12px;line-height:22px;}

#group{margin-bottom:10px;float:left;width:980px;height:80px;}
#group .group_area{float:left;width:731px;height:80px;}
#group #group2{width:236px;height:78px;background:none;border:1px solid #99ccff;}
#group #group2 ul li{height:26px;}
#group #group2 .text_list{margin:0pxp;padding-left:10px;width:80%;}
#group #group2 h2{margin:0px;float:left;width:30px;height:78px;background:url(../_images/info.gif) no-repeat;}
#group #group_margin{margin-right:10px;}


#topnews{padding-left:80px;padding-bottom:10px;width:900px;height:80px;background:url(../_images/tbbd.gif) no-repeat;}
#topnews dl,dt,dd{margin:0;padding:0;}
#topnews dt,dd{line-height:24px;}
#topnews dl dd a{padding:0px 3px 0px 3px;}


#scroll_iframe{margin-bottom:10px;width:100%;height:400px;border:none;}

.wrap #publish_info{padding:5px 0px 5px 0px;text-align:left;border:none;}
#publish_info dl,dt,dd{margin:0;padding:0;}
#publish_info dl dt{fontsize:14px;font-weight:bold;color:#ff3300;line-height:30px;}

.wrap #adv248{padding:0;text-align:left;border:none;}

.enter{padding-top:5px;}
.add_mt{margin-top:10px;}
#project li{display:block;float:left;width:55px;text-align:center;}