@charset "utf-8";
.container-flash{  height:730px; margin:0 auto; position:relative; overflow:hidden; z-index:100;}
.flash{ width:1920px;  height:730px; margin:0 auto; overflow:hidden; position:absolute; top:0; left: 50%; margin-left: -960px; background:url(../images/flash.gif) repeat-x left bottom; z-index:200;}
.flash img{ width:1920px; height:730px;}

.qlinks{ width: 1120px; height: auto; padding-top: 80px; padding-bottom:80px; }
.qlinks li{ width:96px; height: auto; float: left; padding:0 32px }
.qlinks li a img{ width: 95px; height: 95px; }
.qlinks li a h3{ width: 96px; height: 40px; overflow: hidden; line-height: 20px; font-weight: normal; font-size: 14px; text-align: center; margin-top: 10px; color: #006eb7;}

.container-col-about{ background-image: url(../images/col-about.png); background-repeat: no-repeat; background-position: center top; height: 1014px; }
.about{ width:1120px; height: auto; padding-top: 60px;}
.about h3{ width:220px; height: 48px; line-height: 48px; background-image: url(../images/col-about-header.png); background-repeat: no-repeat; background-position: left top; margin:0 auto; font-weight: normal; font-size: 24px; text-align: center; margin-bottom: 20px;}
.about-cent{ width: 840px; height:132px; line-height: 22px; overflow: hidden; font-size: 12px; margin:0 auto; margin-bottom:16px;}
.ac-btm{ width:26px; height: 26px; margin:0 auto; display: block; background-image: url(../images/col-about-btm.png); background-repeat: no-repeat; background-position: left top; margin-bottom: 16px; }
.ac-cont{ width: 1020px; height: 166px;  margin :0 auto; position: relative; overflow: hidden; }
.ac-cont .goLeft{ width: 30px; height: 48px; background-image: url(../images/toLeft.png); background-repeat: no-repeat; background-position: left top; position: absolute; left:326px; top:50%; margin-top: -24px; z-index: 100; }
.ac-cont .goRight{ width: 30px; height: 48px; background-image: url(../images/toright.png); background-repeat: no-repeat; background-position: left top; position: absolute; right:326px; top:50%; margin-top: -24px; z-index: 100; }
.ac-list{ width:1020px; height: 166px; position: absolute; left:0; top:0; }
.ac-list li{ width:296px; padding:0 22px; height: 166px; float: left; overflow: hidden;  }
.ac-list li img{ width: 296px; }


.container-col-culture{ background-image: url(../images/col-culture.png); background-repeat: no-repeat; background-position: center top; height:900px; }
.culture{ width:1120px; height: auto; padding-top:600px;}
.culture h3{ width:220px; height: 48px; line-height: 48px; background-image: url(../images/col-about-header.png); background-repeat: no-repeat; background-position: left top; margin:0 auto; font-weight: normal; font-size: 24px; text-align: center; margin-bottom: 20px; margin-bottom:30px;}
.culture-cont{ width:500px; height: auto; margin:0 auto; }
.cc-left{ width:186px; height: auto; float: left; border-right:1px solid #383838; padding-right:40px; }
.cc-left h4{ width:186px; height: 32px; line-height: 32px; font-size: 16px; text-align: right; font-weight: normal; }
.cc-left p{ width:186px; height: auto; line-height: 36px; font-size:21px; text-align: right; }
.cc-right{ width:233px; height: auto; float: right; padding-left:40px; }
.cc-right h4{ width:233px; height: 32px; line-height: 32px; font-size: 16px; text-align: left; font-weight: normal; }
.cc-right p{ width:233px; height: auto; line-height: 36px; font-size:21px; text-align: left; }

.container-col-honor{ background-image: url(../images/col-honor.png); background-repeat: no-repeat; background-position: center bottom; height: auto; padding-bottom:100px; }
.honor{ width:1120px; height: auto; padding-top: 0px; margin-bottom:230px;}
.honor h3{ width:220px; height: 48px; line-height: 48px; background-image: url(../images/col-about-header.png); background-repeat: no-repeat; background-position: left top; margin:0 auto; font-weight: normal; font-size: 24px; text-align: center; margin-bottom: 20px;}
.honor-list{ width:880px; height: auto; margin:0 auto; margin-top: 60px; }
.honor-list li{ width:200px; height: auto; margin:10px; float: left; }
.honor-list li img{ width:200px; }
.history{ width:1020px; height: 460px; padding-top: 14px; background-image: url(../images/col-history.png); background-repeat: no-repeat; background-position: left top; margin:0 auto; }
.history > h3{ width:220px; height: 48px; line-height: 48px; background-image: url(../images/col-about-header.png); background-repeat: no-repeat; background-position: left top; margin:0 auto; font-weight: normal; font-size: 24px; text-align: center; margin-bottom: 20px; margin-bottom:30px;}
.history-cent{ width: 840px; height: auto; line-height: 22px; font-size: 14px; margin:0 auto; }
.history-list{ width: 840px; height: 530px; margin:0 auto; position: relative; overflow: hidden; margin:40px auto; background-image: url(../images/col-about-history.png); background-repeat: repeat-x; background-position: left 44px;
 }
 .hl-left,.hl-right{ width: 26px; height: 26px; display: block; float: left; margin-top: 32px; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: left top; }
 .hl-right{ background-image: url(../images/right.png); }
 .hl-cent{ width:720px; height: 100%; position: relative; overflow: hidden; float: left; margin:0 34px; }
 .hl-list{ /*width:720px;*/  position: absolute; left:0; top:0;}
 .hl-list li{ width: 120px; height: 70px; padding-top: 10px; padding-bottom:270px; float: left; cursor: pointer; position: relative; }
 .hl-list li h3,.hl-list li h4{ width: 120px; height:22px; line-height: 22px; font-weight: normal; font-size: 12px; overflow: hidden; text-align: center; background-image: url(none);
 }
 .hl-list li h4{ height: 22px; line-height: 22px; font-size: 14px;  }
 .hl-list li p{ width:26px; height: 26px; margin:0 auto; background-image: url(../images/col-about-history-li.png);  }
  .hl-list li.on,.hl-list li.curr{  }
 .hl-list li.on p,.hl-list li.curr p{  background-image: url(../images/col-about-history-lion.png);  }
 .hl-list li .hl-about{ width:324px; height:auto; background-color:#006fb6; border-radius:15px;  position: absolute; left:0; top: 90px; /*margin-left:-160*/px; z-index: 200; display: none; padding: 10px;  }
 .hla-item{ width:310px; height: auto; line-height: 21px; color: #FFF; margin-bottom: 3px; padding-left:14px; background-image: url(../images/col-about-history-icon.png); background-repeat: no-repeat; background-position: left 7px;
    }
 .hl-list li.on .hl-about,.hl-list li.curr .hl-about{ display: block; }
 .hl-list li.lilast .hl-about{ left:auto; right:0; }
