@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, lengend,form, button, input, textarea,th, td{margin:0;padding:0;}
body,button, input, select, textarea{font:14px/1 '����', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
h2,h1,h3,h4,h5,h6{font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����";font-weight: normal}
address, cite, dfn, em, var{font-style:normal;}
em{font-weight:normal;}
code, kbd, pre, samp, tt{font-family:"Courier New", Courier, monospace;}
small{font-size:12px;}
ul, ol{list-style:none;}
li{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width: 100%;}
abbr[title], acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before, q:after{content:'';}
input,label{vertical-align:middle;}
legend{margin-left:24px;padding:0 12px;color:#000;}
img{border:none;}
fieldset{padding:6px 10px 10px 10px;border:1px solid #ccc;}
button, input, select, textarea{font-size:100%;}
.fl{float:left;}
.fr{float:right;}
.over_h{overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.hide{display:none;}
.opacity{opacity: 0.8;filter:alpha(opacity=80);}
table{border-collapse: collapse;border-spacing: 0;}
.border_00{border: 0!important;}
.mar_r_15{ margin-right:15px;}
.mar_r_20{ margin-right:20px;}
.mar_t_10{margin-top:10px!important;}
.mar_t_15{margin-top:15px!important;}
.mar_t_20{margin-top:20px;}
.mar_t_25{margin-top:25px;}
.mar_t_30{margin-top:30px;}
.mar_r_00{margin-right: 0!important;}
.mar_t_00{margin-top: 0!important;}
a:link,a:visited{text-decoration:none;color:#333;opacity: 0.9;filter:alpha(opacity=90);}
a:hover{text-decoration:underline;opacity: 1.0;filter:alpha(opacity=100);}
.cf:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.cf{display:inline-table; _height:1px;zoom:1;}
*html .cf {height: 1%;}
.cf {display: block;}
*+html .cf {min-height:1%}
.text-hide{text-indent: -9999px;height: 0;font-size: 0;}

.header{width: 100%;height: 416px;background: url("../images/h-bg.gif") no-repeat center top;}
.main{width: 1000px;margin: 0 auto;;}
body{background: #eee}

.h-con{width: 1000px;margin: 0 auto;height:416px;position: relative}
.h-con .h1-1{position:absolute;top:180px;left:39px;font-size: 30px;color: #fff;font-weight: bold;}
.h-con .h1-2{position:absolute;top:144px;left:413px;font-size: 75px;font-weight: bold;color: #333;}
.h-con p{font-size: 12px;line-height: 24px;width: 527px;padding: 273px 0 0 28px;}

.title-1{height: 14px;background: url("../images/title-1.gif") repeat;width: 100%;margin: 25px 0 30px 0}
.title-1 h1{font-size: 26px;font-weight: bold;display: inline-block;background:#eee;top:-6px;padding-right: 13px;}
.title-1 h1 b{color: #e60202}

.ly{padding-bottom: 25px;}
.ly .fl{width: 208px;height: 243px;padding:45px 12px 0 12px;background: #fff;position: relative;margin-right: 24px;}
.ly .fl h2{position: absolute;width: 138px;height: 28px;top:7px;left:-5px;line-height: 28px;text-align: center;font-size: 16px;color: #fff;background: url("../images/title-2.gif") no-repeat;}
.ly .fl .img{width: 206px;height: 120px;border: 1px solid #ccc;}
.ly .fl p{font-size: 12px;line-height: 20px;margin-top: 14px;}
.ly .fl p a{color: #e60202;}

.ks{padding-top: 10px;padding-bottom: 35px;}
.ks .fl{width: 491px;height: 201px;background: #fff;margin-right: 18px;}
.ks .fl .fl a{display: block;z-index:2;position: absolute;left: 0;top:0;}
.ks .fl .fl .ks-roll{width: 56px;height: 54px;z-index:5;right:19px;font-family:"Microsoft YaHei";cursor:pointer;background:url("../images/roll.png") no-repeat;bottom:14px;line-height: 54px;color: #fff;font-size: 18px;font-weight: bold;text-align: center}
.ks .fl .fl{width: 163px;height: 201px;margin-right: 0;}
.ks .fl .fr{width: 288px;padding: 13px 20px;}
.ks .fl .fr p{text-indent: 2em;font-size: 12px;line-height: 22px;}
.ks .fl .fr p a{color: #e60202;}

.zz{padding-bottom: 20px;}
.zz .fl{width:315px;height: 420px;padding-left:173px;background: url("../images/man.gif") no-repeat 10px 30px;}
.zz .title-2{padding-bottom: 5px;border-bottom: 2px solid #e60202;margin-bottom: 15px;overflow: hidden}
.zz .title-2 h1{padding: 7px;display: inline-block;font-size: 18px;color:#fff;background: #e60202;}
.zz .fr .title-2 h1{float: right}
.zz .fr .title-2{width: 317px;}
.zz .fl p,.zz .fr p{width: 315px;line-height: 24px;overflow: hidden}
.zz .fl p b,.zz .fr p b{display: inline-block;float: left}
.zz .fl p span,.zz .fr p span{display: inline-block;width:270px;float: left;font-size: 12px;}
.zz .fr{width: 476px;height: 420px;background: url("../images/woman.gif") no-repeat 337px 40px;}

.roll-box{padding: 0 18px;}
/*鼠标点击图片底部产生文字*/
.resBox{width:288px;height: 288px;position: relative;float: left;margin-right: 50px;margin-top:30px;}
.resBox .mt28{margin-top: 28px!important;}
.resBox .resTxt{position: absolute;padding-top:100px;opacity: 0;filter:alpha(opacity=0);width:288px;height: 188px;background:url("../images/roll-cover-1px.png") repeat;z-index:2;cursor: pointer}
.resBox .resTxt p{text-align: center;font-family: "Microsoft YaHei";font-size: 20px;color: #fff;line-height: 35px;}
.resBox .resTxt p a{color: #fff;}
.resBox .resTxt p a:hover{text-decoration: underline;}
.resBox  span{position: absolute;display: block;width: 288px;height: 288px;left: 0;top: 0;}
.resBox .img1{z-index: 3;cursor: pointer;;}
.resBox .img1 a{opacity:1;filter:alpha(opacity=100)}
.resBox  .img2{z-index: 1;cursor: pointer}
.resBox .opacity_layer{opacity: 1!important;filter:alpha(opacity=100)!important}

.fd{margin-top: 50px;}
.fd .fl{width: 322px;height: 260px;border-top:5px solid #e60202;background: #fff;margin-right: 17px;}
.title-3{background: url("../images/title-3.gif") center top no-repeat;height: 34px;line-height: 32px;text-align: center;color: #fff;font-size: 16px;}
.fd .fl ul{width: 234px;margin: 12px auto 0 auto}
.fd .fl ul li{padding-left: 8px;background: url("../images/li-2.gif") no-repeat left center;line-height: 24px;}

.footer{padding: 10px 0 20px 0}
#glbbot{font-size: 12px;color: #333; border: 0;}
#glbbot a:link,#glbbot a:visited{color: #333;}
#glbbot a:hover{color: #333;}

/*slide*/
.share em{font-weight: bold;display:block;text-align:center;margin-top:55px;sfont-family: "Microsoft YaHei";font-size: 18px;color: #fff; _zoom:1;}
.share{position:absolute; left:50%; top:486px; margin-left:500px; width:184px;height: 489px;background: url("../images/share.gif") no-repeat; z-index:100;}
.fixed{position:fixed!important; _position:absolute; top:35px!important; width:184px;}
.share a{display:block; width:85px;padding-left:25px; height:14px;margin-left:30px;margin-top:22px;font-size: 14px;  color:#333; outline:0; text-decoration:none; _zoom:1;}
.share a:hover{background: url("../images/share-hover.gif") no-repeat left center;}