/* CSS Document */

*{margin:0;padding:0;background-color:transparent;font-size:100%;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
body, button, input, select, textarea {font-family:Microsoft YaHei; vertical-align:middle; background:#fff;font-family:Microsoft YaHei;}
body { background:url(bg.jpg) no-repeat;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;margin:0px; padding:0px;}
ul,li,ol { list-style:none;margin:0px; padding:0px;}
.footer .lx li.add,.footer .lx li.tel,.footer .lx li.mail{background:url(http://www.cnwest.com/images/33324.files/bg_sprite.png) no-repeat 0px 0px;}
a{color:#000;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;color:#000}
img{vertical-align:top;border:0 none}
em { font-style:normal;}
button, input, select, textarea { font-size:100%; vertical-align:middle;font-family:Microsoft YaHei; outline:none}
textarea { resize:none }
input { line-height:1.2em; overflow:hidden;}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear{*zoom:1;clear:both; font-size:0; line-height:0; height:0; }
.p6{padding:6px; overflow:hidden; width:0px; height:132px;}
.h10{height:10px;}
.h20{height:20px;}
.h2{height:2px;}
.h5{height:5px;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.site_nav,.sj_nav {background:url(bg_repeat.gif) repeat-x 0px 0px;}
.line{border-bottom:1px solid #c8c8c8; }
.more{float:right;}
.imgmore{ margin:0 auto; text-align:center; width:254px;}
.imgmore img{ margin:0 auto; text-align:center; width:254px;}


.ban_th_pic{ overflow:hidden; position:relative;}
.ban_th_pic .t_bg {width:100%;height:75px;background:#000; filter:alpha(opacity=60); opacity:0.6; backface-visibility:rgba(0,0,0,0.6);position:absolute;bottom:0px; left:0;}
.ban_th_pic .title_alertb{color:#FFF; position:absolute; z-index:2; bottom:0px; left:0; line-height:75px;text-align:center; width:100%; font-size:18px;}
.ban_th_pic .title_alertb a {color:#fff;}
.ban_th_pic .title_alertb a:hover{ color:#fff;text-decoration:underline;}
.vidoico{ background: url(http://css.tv.itc.cn/global/images/png24-video-normal.png) no-repeat 0 0 ; bottom: 1px; height:66px; overflow: hidden; position: absolute; width:54px; z-index: 2; left:5px}
a:hover .vidoico{ background: url(http://css.tv.itc.cn/global/images/png24-video-hover.png) no-repeat 0 0 ; bottom: 1px; height:66px; overflow: hidden; position: absolute; width:54px; z-index: 2; left:5px}



/*toutu*/
*{margin:0; padding:0; list-style:none; }
img{ border:0;}
		/* 本例子css */

/*toutu*/

.slideBox{width:600px;height:395px;position:relative; padding:0; margin:0}
.slideBox .hd{height:15px;overflow:hidden;position:absolute;right:10px;bottom:9px;z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; margin-right:2px; line-height:14px; text-align:center; width:10px; height:10px;background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{ background:#c30505; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd h3{ text-align:left; font:20px/24px Microsoft YaHei; color:#FFFFFF;position:absolute;left:15px;bottom:8px;z-index:3;}
.slideBox .bd h3 a{color:#FFFFFF;}
.slideBox .bd h3 a:hover{color:#FFFFFF; text-decoration:none;}
.slideBox .bd span{width:600px; height:60px;filter:alpha(opacity=60); opacity:0.6; backface-visibility:rgba(0,0,0,0.6);background:#000000;left:0px;position:absolute;bottom:0px;z-index:2;}
.slideBox .bd img{width:600px;height:395px; display:block;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; padding:10px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=60); opacity:0.6; backface-visibility:rgba(0,0,0,0.6);}
.slideBox .next{ left:auto; right:0%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{display:none;}
.slideBox .nextStop{display:none;}



.banner{ background:url(../images/banner.jpg) no-repeat center; height:698px;}

.nav{width:100%; background:#5d6eac; height:88px; overflow:hidden;}
.nav ul{width:1200px; margin:0 auto; overflow:hidden;}
.nav ul li{font-size:24px; float:left; width:171px; overflow:hidden; color:#fff; font-weight:bold;padding:25px 0 0 0; text-align:center;}
.nav ul li a{font-size:24px; color:#fff;}
.wrapper{ width:100%; overflow:hidden; margin:10px auto 10px auto;}
.guild{background:url(../images/guild.jpg) no-repeat center; height:290px;}
.guild h3{font-size:20px; color:#2b4c75; line-height:40px;width:900px; margin:0 auto; padding:40px 0 0 0; text-indent:2em;font-family:"黑体"; font-weight:bold;} 
.hot{background:url(gzmb.jpg) no-repeat center; height:179px;}
.hot h3{font-size:20px; color:#fff; line-height:40px;width:900px; margin:0 auto; padding:40px 0 0 220px;}

.column{width:1200px; overflow:hidden; margin:0 auto;}
.title{ background:url(../images/title.jpg) no-repeat center; height:150px;}

.t_title{ background:url(../images/t_title.jpg) no-repeat center; height:740px;}
/* ---------------------- scroll ---------------------- */
#YSel{margin:0 auto;width:1200px;height:460px;overflow:hidden;padding:210px 0 0 0;}
#YSel dl{position:relative;z-index:10;float:left;margin:10px;display:inline;width:1150px;height:430px;overflow:hidden;}
#YSel dt{position:absolute;z-index:13;right:0;width:260px;height:110px;overflow:hidden;}
#YSel dt img{float:left;width:260px;height:110px;margin:0;display:inline;}
#YSel dt.current{border:10px solid #be2110;}
#YSel dt#YSTab1{top:145px;}
#YSel dt#YSTab2{top:290px;}
#YSel dt#YSTab3{top:350px;}
#YSel dd{position:absolute;z-index:12;top:0;left:0;width:830px;height:460px;overflow:hidden;}
#YSel dd img{float:left;width:830px;height:400px;}
#YSel h3{float:left;width:830px;height:24px;font-size:14px;line-height:24px;overflow:hidden;clear:both; font-weight:bold; padding:5px 0 0 0;}
#YSel p{float:left;clear:both;width:290px;height:16px;overflow:hidden;line-height:16px;font-size:12px;}
/* ---------------------- scroll ---------------------- */

.one_title{ background:url(../images/one_title.jpg) no-repeat center; height:838px;}
.tuila{width:1000px; margin:0 auto; padding:140px 0 0 0;}
/* ---------------------- show ---------------------- */
#centerwell { position: relative; height: 400px; margin:30px 0 0 0; padding: 0; overflow: hidden;  }
#centerwell li { position: relative; width: 85px; height:380px; float: left; border: #af2e2e 1px solid; background: #fff; overflow: hidden; cursor: pointer; }
#centerwell h3 { position: absolute; top: 0; left: 0; margin: 0;  width: 85px; height:380px; color:#fff;font-family:Microsoft YaHei; line-height:24px;}
#centerwell h3 a{color:#fff; text-decoration:none;}
#centerwell p { position:absolute; left:88px; top:0; width:720px; padding-top:5px; color: #fff; font-size:14px; line-height:26px; font-family: GeogrotesqueMedium, Helvetica, Arial, sans-serif; letter-spacing: 0pt;}

#one h3 { color:#fff; font-size:20px;background:#af2e2e; border-left:1px solid #fff;border-right:1px solid #fff; }
#one h3 .wenzi{width:20px; overflow:hidden; padding:20px 0 0 28px; float:left;}
#one p { }

#two h3 { color:#fff; font-size:20px;background:#af2e2e; border-left:1px solid #fff;border-right:1px solid #fff;  }
#two h3 .wenzi{width:20px; overflow:hidden; padding:20px 0 0 28px; float:left;}
#two p {}

#three h3 { color:#fff; font-size:24px;background:#af2e2e; border-left:1px solid #fff;border-right:1px solid #fff;  }
#three h3 .wenzi{width:24px; overflow:hidden; padding:40px 0 0 28px; float:left;}
#three p {}


#four h3 { color:#fff; font-size:24px;background:#af2e2e; border-left:1px solid #fff;border-right:1px solid #fff; }
#four h3 .wenzi{width:24px; overflow:hidden; padding:40px 0 0 28px; float:left;}
#four p {}

#five h3 {color:#fff; font-size:24px;background:#af2e2e; border-left:1px solid #fff;border-right:1px solid #fff;  }
#five h3 .wenzi{width:24px; overflow:hidden; padding:40px 0 0 28px; float:left;}
#five p {}



#contact h3 { background: url(../images/contact_btn.gif) no-repeat; }
#contact p { background: url(../images/contact_over_bg.gif) no-repeat; }

#behance {margin-left:20px;}

#content { position: relative; width:1000px; padding-bottom: 135px; }
/* ---------------------- show ---------------------- */



.two_title{ background:url(../images/two_title.jpg) no-repeat center; height:806px;}
.two_detail{width:1200px; margin:0 auto; padding:200px 0 0 0;}
/* demo */
#demo{width:1200px;height:280px;margin:20px auto;overflow:hidden;}
#demo li{float:left;width:250px;height:100%;overflow:hidden;cursor:pointer;}
#demo li div{font-size:20px;width:100%;height:30px;line-height:30px;color:#000;bottom:0;left:0;display:none;text-align:left; padding:0 0 0 10px;}
#demo li div a{color:#000;text-decoration:none;}
#demo li div a:hover{color:#000;text-decoration:none;}
#demo li:first-child{width:450px;}
#demo li:first-child div{display:block;}





.three_title{ background:url(../images/three_title.jpg) no-repeat center; height:770px;}
.three_detail{width:1300px; margin:0 auto;}
.three_detail .images{width:1300px;  margin:0 auto; padding:240px 0 0 0; }
/* 双重slide-相册效果 */
.gallery{ padding:5px; text-align:left; width:1300px;   }
.gallery .bd li .pic{ line-height:0px;  }
.gallery .bd li .bg,.gallery .bd li .title{ display:none;  }
.gallery .bd li img{    }
.gallery .hd{ position:relative; padding:0 0px 10px 33px; margin-top:2px; zoom:1; }
.gallery .hd .tempWrap{ margin-left:0px;  }
.gallery .hd ul{ overflow:hidden; zoom:1; }
.gallery .hd li{ width:410px; padding-top:4px;  cursor:pointer;   }
.gallery .hd li img{ width:400px; height:240px;    }
.gallery .hd li h4{font-size:20px; width:400px; background:#dff4f5; color:#808d82; padding:0;font-family:Microsoft YaHei; padding:0; font-weight:bold; text-align:center; height: 32px; overflow: hidden;}
.gallery .hd li h4 a{font-size:20px; color:#808d82;}
.gallery .hd li p{font-size:16px; font-family:"Microsoft yahei";text-align:left;padding: 10px 0 0 20px;}
.gallery .hd li.on{ background:url("images/icoUp.gif") no-repeat center 0;  }
.gallery .hd li.on img{ border:1px solid #a3e1ff; background:#fff;   }
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center; font-size:40px;  width:30px; height:70px; line-height:70px; background:#8aae84; color:#fbf0b9; cursor:pointer; position:absolute;  left:0px; bottom:130px; }
.gallery .hd .sNext{ left:auto; right:0px;font-size:40px;  }
.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none;}



.y_title{ background:url(../images/y_title.jpg) no-repeat center; height:968px;}
.y_ico{}
.picdetail{width:360px; overflow:hidden; padding:10px 0 10px 0;}


/* 通用信息列表_普通式 */
.infoList li{ height:24px; line-height:24px;   }
.infoList li .date{ float:right; color:#999;  }


/* 通用图片列表_普通式 */
.picList li{width:360px;}
.picList .pic{ text-align:center; line-height:0px; margin:0 0 10px 0; font-size:20px; color:#fff; width:358px; }
.picList .pic img{ width:358px; height:190px; padding:0;  }
.picList .pic a:hover img{  }
.picList .pictitle{  line-height:30px;height:40px;  font-size:20px;  text-align:center;  padding:0; color:#000; }
.picList .pictitle a{ text-decoration:none; color:#000; font-family:Microsoft YaHei;line-height:30px;}
.picList .pic-title{  line-height:30px;height:30px;  font-size:16px;  text-align:center;  padding:0; color:#b4b4b4; }
.picList .pic-title a{ text-decoration:none; color:#b4b4b4; font-family:Microsoft YaHei;line-height:30px;}
/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ overflow:hidden; position:relative; }
.leftLoop .hd{ overflow:hidden;  height:19px; }
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.leftLoop .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.leftLoop .hd ul{ width:100px; text-align:center; overflow:hidden; zoom:1; margin:0 auto; padding:5px 0 0 0;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:14px; height:14px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop .hd ul li.on{ background:#c30505;  }
.leftLoop .bd{ padding:0px 0 0 5px;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:8px 0 0 25px; text-align:center; float:left; _display:inline; overflow:hidden; height: 660px; width:358px;}


.onepic{width:900px; margin:0 auto; padding:200px 0 0 0;}
.onepic h4{font-size:20px; color:#af2e2e; text-align:center; line-height:30px;width:900px; margin:0 auto; padding:20px 0 0 0; font-family:"黑体"; font-weight:bold;}
.onepic h4 a{font-size:20px; color:#af2e2e;}





/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}