﻿/* CSS Document */
/*公共样式*/
*{margin:0; padding:0; }
body {margin:0; padding:0; font-size:12px; behavior:url("csshover.htc"); font-family:"宋体";}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}   
table,td,tr,th{ font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:12px;}
a {text-decoration:none;}
em,i{font-style:normal;}
.clear{ clear:both;}
input[type="submit"],input[type="button"]{ cursor:pointer;} 

.l{ float:left;}
.r{ float:right;}
.blank{ height:10px;}
.blank1{ height:15px;}
.blank2{ height:20px;}
.blank3{ height:25px;}
.blank4{ height:30px;}
#header,#main,#footer{margin:0 auto;}
.header,.main,.footer{ width:950px; margin:0 auto;}
.bodybg{ background:url(../images/zc_pic1.jpg) top center no-repeat;} 
#header{ background:url(../images/zc_pic2.jpg) 0 28px repeat-x;}
.header{ height:123px; position:relative;}
.logo{ position:absolute; top:5px; left:20px;}
.top{ position:absolute; top:45px; right:32px;}
.top a{ margin-left:15px; display:inline-block;}
.wz{ color:#747474; position:absolute; bottom:10px; right:25px; top:-27px}
.wz a{ color:#747474;}
.nav{ width:660px; margin:0 auto; padding-top:26px; padding-left:35px;}
.nav a{ display:inline-block; color:#FFF; font-size:18px; height:54px; line-height:54px; width:160px; text-align:center;}
.nav a span{text-shadow:#000 3px 3px 4px;font-family:"微软雅黑"}

.main{ position:relative;}
.main_bg{ background:url(../images/zc_pic9.png) no-repeat; width:950px; height:415px;}
/*.main_bg{ width:950px; height:415px;}*/
.main_bg1{ background:url(../images/zc_pic31.png) no-repeat; width:920px; height:518px; position:absolute; top:4px; left:15px; z-index:-1;}
.main_dw{ position:absolute; top:10px; left:15px;}
.bg{ background:url(../images/zc_pic15.png) no-repeat; width:909px; height:507px; margin-left:5px;}
.bg1{ background:url(../images/zcpic17.png) no-repeat; width:909px; height:507px; margin-left:5px;}
.bg2{ background:url(../images/zc_pic30.png) no-repeat; width:909px; height:507px; margin-left:5px;}
.bg3{ background:url(../images/zc_pic26.png) no-repeat; width:909px; height:507px; margin-left:5px;}
.bg4{ background:url(../images/zc_pic34.png) no-repeat; width:909px; height:507px; margin-left:5px;}

#play img {border:0px}   
#play {width:916px;height:453px;overflow:hidden;}   
#play_info{position:absolute;margin-top:141px;padding:8px 0 0 20px;height:42px;width:270px;color:#fff;z-index:1001;cursor:pointer}   
#play_info b{font-size:14px;display:block}   
#play_bg { display:none;}   
#play_text {position:absolute;height:12px;width:80px;z-index:1002; bottom:32px; left:45%;}   
#play_text ul {list-style-type:none; width:80px;height:12px;display:block;padding-top:1px;_padding-top:0px;filter: Alpha(Opacity=80);opacity:0.8;}   
#play_text ul li {width:12px;height:12px;float:left;line-height:12px;background:url(../images/zc_pic8.png);display:block;color:#FFF;text-align:center;margin-right:5px;cursor:pointer; text-indent:-9999px;}   
#play_list a{display:block;width:916px;height:453px;position:absolute;overflow:hidden}  

.w134{ width:134px;}
.w660{ width:660px;}
.w755{ width:755px;}
.l_nav{ padding-top:30px;}
.l_nav a{ display:block; width:134px; height:42px; line-height:42px; text-align:center;  color:#1f51b9; font-size:16px; font-weight:bold; margin-bottom:2px;}
.l_nav a:hover,.l_nav a.hover{ color:#ff212a;}
.l_bg a{ background:url(../images/zc_pic10.jpg) no-repeat;}
.l_bg1 a{ background:url(../images/zc_pic16.jpg) no-repeat;}
.l_bg2 a{ background:url(../images/zc_pic29.jpg) no-repeat;}
.pro_list{ text-align:center; float:left; font-weight:bold; width:200px; padding:25px 20px 0 0;}
.pro_list p{ font-size:14px; color:#888683; line-height:22px; padding-top:5px;}
.pro_list p span{ display:block; color:#c08e3a;}
.pro_list p.pro_bg{ background:url(../images/zc_pic12.jpg) no-repeat;}
.pro_list p.pro_bg1{ background:url(../images/zc_pic13.jpg) no-repeat;}
.pro_list p.pro_bg2{ background:url(../images/zc_pic14.jpg) no-repeat;}
.life{ text-align:center; position:absolute;}
.life p{ color:#ff4149; font-size:14px;}
.about{ color:#212121; line-height:25px; padding:40px 65px 0 0;}
.lifemj{ color:#212121; line-height:25px; padding:25px 30px 0 80px;}
.video_bg{ background:url(../images/zc_pic27.jpg) no-repeat; width:532px; height:385px;}
.video_bg div{ padding:14px 0 0 18px;}
.video_list{ background:url(../images/zc_pic32.png) no-repeat; width:101px; height:82px; position:relative; margin:0 0 20px 20px; cursor:pointer;}
.video_list img{ padding:2px 0 0 3px;}
.video_list .ico{ background:url(../images/zc_pic33.png) no-repeat; width:28px; height:28px; position:absolute; top:25px; left:-10px;}

#photos{ background:#fefdfa !important; border:0 !important;}
.strip_wrapper{ width:320px !important;}
.strip_wrapper ul{ width:10000px !important;}
.panel-overlay{ top:0 !important; left:200px !important;}
.panel-overlay h2{ font-size:16px; color:#ff212a; padding-bottom:40px}
.panel-overlay p{ color:#444343; background:url(../images/zc_pic39.jpg) left 10px no-repeat; padding-left:10px; line-height:22px;}
.overlay{ display:none !important;}
#pointer{ border:0 !important;}
.strip_wrapper{ top:170px !important; left:245px !important; height:120px !important; text-align:center;}
.strip_wrapper ul li{ margin:0 !important; margin-right:10px !important;}
.strip_wrapper ul li img{ border:#cacaca 1px solid !important;}
.strip_wrapper ul li p{ color:#8d8c8b; line-height:30px;}
.nav-prev{ top:195px !important; left:192px !important;}
.nav-next{ top:195px !important; right:0 !important;}


.f_nav{ color:#848483; float:left;}
.f_nav a{ color:#848483; display:inline-block; padding-right:5px;}
.f_nav img{ vertical-align:middle;}
.copyright{ color:#848483; float:right;}

.area_sel_1{float:right; margin-left:10px; margin-bottom:5px;position:relative;top:-4px}

.area_sel_1 div.tag_select {
    background: url(../images/area_sel_1.jpg) no-repeat;
}
.area_sel_1 div.tag_select_hover {
    background: url(../images/area_sel_1.jpg) no-repeat;
}
.area_sel_1 div.tag_select_open {
    background: url(../images/area_sel_1.jpg) no-repeat;
}
.area_sel_1 div.tag_select, .area_sel_1 div.tag_select_hover, .area_sel_1 div.tag_select_open {
    color: #888B90;
    display: block;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    position: relative;
    width: 134px;
}
.area_sel_1 ul.tag_options {
    background: none repeat scroll 0 0 #EAEAEA;
    bottom: 22px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 144px;
}
.area_sel_1 ul.tag_options li {
    color: #899096;
    display: block;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    text-decoration: none;
    width: 134px;
}
.area_sel_1 ul.tag_options li.open_hover {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #FFFFFF;
}
.area_sel_1 ul.tag_options li.open_selected {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #FFFFFF;
}


.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1; float:right; margin:40px 50px 0 0;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa;}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden;}
/*.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}*/
/* 全身滚动自定义样式 */
.jScrollPaneTrack{background:url(../images/osx_track.gif) repeat-y;}
.jScrollPaneDrag{background:url(../images/osx_drag_middle.gif) repeat-y;}
/*.jScrollPaneDragTop{background:url(images/osx_drag_top.gif) no-repeat;height:6px;}
.jScrollPaneDragBottom{background:url(images/osx_drag_bottom.gif) no-repeat;height:7px;}
a.jScrollArrowUp{height:24px;background:url(images/osx_arrow_up.png) no-repeat 0 -30px;}
a.jScrollArrowUp:hover{background-position:0 0;}
a.jScrollArrowDown{height:24px;background:url(images/osx_arrow_down.png) no-repeat 0 -30px;}
a.jScrollArrowDown:hover{background-position:0 0;}*/
#pane1{height:425px;}

.article{ width:375px; line-height:30px; font-family:"宋体"; color:#2a5bbc; font-weight:bold;}
.article p{ color:#ff212a; font-size:16px;}
.article .mingxi p.first{font-size:16px;}
.article .mingxi p{ line-height:30px; font-family:"宋体"; color:#2a5bbc; font-size:12px; }


.flexslider {margin: 0; padding: 0; width:916px; height:453px; position:relative;}
.flexslider .slides li {display: none; -webkit-backface-visibility:hidden; width:916px; height:453px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:15px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background:url(../images/zc_pic8.png) no-repeat; cursor: pointer; text-indent:-9999px;}
.flex-control-paging li a.flex-active { background:#000; background:url(../images/zc_pic7.png) no-repeat;}
.flex-pauseplay{ display:none;}
.flexslider_bg1{ background:url(../images/zc_pic35.png) no-repeat; width:20px; height:20px; position:absolute; top:-1px; left:-1px; z-index:9999;}
.flexslider_bg2{ background:url(../images/zc_pic36.png) no-repeat; width:20px; height:20px; position:absolute; top:-2px; right:-1px; z-index:9999;}
.flexslider_bg3{ background:url(../images/zc_pic37.png) no-repeat; width:20px; height:20px; position:absolute; bottom:-1px; right:0px; z-index:9999;}
.flexslider_bg4{ background:url(../images/zc_pic38.png) no-repeat; width:20px; height:20px; position:absolute; bottom:-1px; left:-1px; z-index:9999;}


.liebiao{padding-left:345px;padding-top: 30px;}
    .liebiao ul { min-height:410px;}
.liebiao li{width:500px;height: 38px;background: url(../images/zcpic2.png);padding:7px 12px 7px 27px;margin-top:-2px;}
.liebiao li .s1{font: 14px/38px "宋体";color: #9b9b9b;margin-right: 25px;}
.liebiao li .s2{font: 14px/38px "宋体";color: #000000;}
.liebiao li .s3{font: 12px/12px "宋体";color: #9b9b9b;margin-top: 15px;margin-right: 30px;}





.cnav{text-align: center;width: 100%;height: 30px;margin-top: 10px;}
.cnav a,


.cnav span{display: inline-block;*display: inline;zoom:1;}
.cnav a{color: #585255;background: #fbfafa;border: 1px solid #e2e2e2;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.cnav a.sanjiao{background: #fbfafa url(../images/zcpic3.png) no-repeat center;}
.cnav a.sanjiao span{text-indent: -999em; display: inline-block;}
.cnav a.you{background-image: url(../images/zcpic4.png);}
.cnav a.you:hover{background-image: url(../images/zcpic5.png);}
.cnav a.zuo:hover{background-image: url(../images/zcpic6.png);}
.cnav a:hover{background-color: #f9000a;color: #fff;border-color:#f9000a}
.cnav span{color: #a4a4a4;}
.cnav input{width: 32px;height: 28px;border: 1px solid #e2e2e2;}



.cnav a, .cnav span {

color: #585255;
padding: 5px 8px;
display: inline-block;
margin-right: 6px;
border: 1px solid #e2e2e2;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
}
 .cnav span {

border: 1px solid #e2e2e2;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
color: #fff;background-color: #f9000a;}


 



.wenzhang{padding-top: 17px;margin-left:320px;}

.wenzhang .inner{width:425px;height: 369px;padding: 45px 68px 28px;background: url(../images/zcpic8.png);}
.wenzhang .inner .bt{font:18px/45px "微软雅黑";color: #082abb;}
.wenzhang .inner .sm{font:15px/24px "微软雅黑";color: #000000;}
.wenzhang .bxut{display: block;width: 60px;height: 20px;margin-left:4px;border: 1px solid #b9b9b9;text-align: center;font: 12px/20px "宋体";color: #9b9b9b;}
.wenzhang .link{margin-right: 48px;}

















.scrollbar1.on{height:330px;}
.scrollbar1 {width: 515px;height: 0;overflow: hidden;zoom:1;}
.scrollbar1 .viewport { width: 425px; height: 330px; overflow: hidden; position: relative; }
.scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbar1 .scrollbar{ background: transparent url(/images/xpic6.png) repeat-y; position: relative; background-position: 0 0; float: right; width: 15px; }
.scrollbar1 .track { background: transparent url(/images/xpic6.png) repeat-y; height: 100%; width:13px; position: relative; padding: 0 1px; }
.scrollbar1 .thumb { background: transparent url(/images/xpic4.jpg) repeat-y; height: 330px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }
.scrollbar1 .thumb .end { background: transparent url(/images/xpic4.jpg) repeat-y;overflow: hidden; height: 1px; width: 8px; }
.scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.scrollbar1 h3,
.scrollbar1 p{color: #d60b82}
.pic {
left: -162px;
position: absolute;
top: 209px;
width: 190px;
z-index: 999;
}


.viewport img{ width:100%; height:auto;}






