/*reset*/
*{ margin: 0; padding: 0;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{ font: 14px/1em Microsoft YaHei,sans-serif;color: #666;}
ul, ol, dl{ list-style: none;}
em, i{ font-style: normal;}
input{ border: 0;line-height: normal;}
img{ display: block;max-width: 100%;height: auto; border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
a{ text-decoration: none; }
a:active,a:hover {outline: 0;}
h1,h2,h3,h4,h5{line-height: normal;}
@charset "utf-8";
/* CSS Document */


.fl{float:left}
.fr{float:right}
.center{text-align:center;}
.hidde{display:none;}
.clear{clear: both;}
.btn {
    font-family: Tahoma, Helvetica, 'Microsoft Yahei', SimHei, STXihei, Arial, sans-serif;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    border: 0 none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-apprearance: none;
    color: #fff;
    border-radius: 4px;
}
.btn:hover {
    text-decoration: none;
}
.btn-login{ width: 100%; height: 46px; line-height: 46px; font-size: 18px; background-color: #fb7e23; background-color: rgba(251,126,35,1); margin-bottom: 20px;border: 1px solid #fb7e23; }
.btn-register{ width: 100%; height: 46px; line-height: 46px; font-size: 18px; color: #fb7e23; background-color: #fff; border: 1px solid #fb7e23; }

.btn-look{
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    background-color: #fb7e23;
    background-color: rgba(251,126,35,1);
    margin-top: 25px;
}
.btn-look:hover,.btn-login:hover{
    background-color: #FF9A38;
    background-color: rgba(251,126,35,.8);
}
.btn-subscribe{
    width: 60px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fb7e23;
    background-color: #fff;
    border: 1px solid #fb7e23;
    margin-right: 10px;
}
.btn-fixed{
    width: 60px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #999089;
    background-color: #fff;
    border: 1px solid #999089;
}
.btn-register:hover,.btn-subscribe:hover,.btn-fixed:hover{ background-color: #feebde; }
/* footer */
/* footer */
.wrap {width: 960px;margin: 0 auto;}
.new_footer {font:12px arial;text-align:center;color:#666;}
.new_footer p{padding-bottom:8px;}
.new_footer span {padding:0 10px;}
.new_footer .p_a a{padding:0 10px;}
.new_footer a {color:#666;}
.new_footer a:hover {color:#E2AF4D;}
.new_footer img {display: inline-block;}

/***********************ͷ��header*********************************************/

.omp{width:960px;margin:0 auto; padding:0;}
.omp .clear { height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.omp .cline{color:#c5c5c5;}

.omp .logoS{float:left;margin:-5px 0px 0px 5px;display:inline;}
.omp .navS {float:right;margin:30px 0 0 2px; #margin-top:35px; height:32px; position:relative;z-index:9;}
.omp .navS li {width:auto; height:32px; margin:0 0 0 1px; float:left}
.omp .navS li a{padding:0 10px 0 0; height:32px; float:left; font:bold 14px/32px "simsun"; color:#666;}
.omp .navS li a em{color:#ff6600;font:700 16px/30px "simsun"; padding-left:2px;}
.omp .navS li a span{ display:inline-block; float:left; width:auto;padding:0 0 0 10px;}
.omp .navS li a.cur, .omp .navS li a:hover{background:url(/web/images/header/navbg.gif) no-repeat right bottom; color:#fff}
.omp .navS li a.cur span, .omp .navS li a:hover span{background:url(/web/images/header/navbg.gif) no-repeat 0 0; }
.omp .navS li a:hover em{color:#fff;}
.omp .nav-bg-color {border-top:3px #f79b1c solid;height:2px; line-height:0; overflow:hidden}


.top{ width:100%; height:31px; background:#f5f5f5; margin-bottom:20px;}
.top .h-link { width:960px; margin:0 auto; height:30px;font:13px/30px 'Simsun';color:#666;}
.top .h-link .a1 {float:left;}.omp .h-link a.regist{ padding-right:3px;}.omp .h-link a.login{ padding-left:3px;}
.top .h-link a{color:#666;text-decoration:none;padding:0 7px; display:inline-block; font-family:"simsun";}
.top .h-link a:hover{text-decoration:underline;color:#e2af4d;}
.top .h-link a.managePr {padding:0 23px 0px 24px;background:url(/web/images/header/top-icon02.jpg) no-repeat 115px 4px;}
.top .h-link a.managePr:hover {color:#e2af4d;}
.top .h-link .managePrBox {position:relative;background:#fff;border:1px solid #ededed;width:137px;height:18px;font-size:12px; float:left;margin-top:5px;line-height:18px; z-index:10}
.top .h-link .managePrBox ul{position:absolute;z-index:999;left:-1px;top:18px;background:#fff;border:1px solid #ededed;border-top:none;width:137px;display:none; }
.top .h-link .managePrBox ul a {display:block;line-height:24px;padding-left:24px;}
.top .h-link .managePrBox ul a:hover{background:#f2f2f2;text-decoration:none;}
.top .h-link .managePrBox ul li {height:22px;}
.top .h-link a b {background:url(/web/images/header/top-icon03.jpg) no-repeat 0 6px;padding-left:15px;display:inline-block; font-weight:normal;}
.top .h-link a span {background:url(/web/images/header/top-icon04.jpg) no-repeat 0 8px;padding-left:15px;display:inline-block;}
.top .h-link strong {background:url(/web/images/header/top-icon05.gif) no-repeat 0 8px;padding-left:15px;font:normal 13px/30px "simsun"; color:#666;display:inline-block;}

.nav{
    border-bottom: 1px solid #fb7e23;
    background-color: #fff;
}
.nav .wrap{
    padding-top: 23px;
    overflow: hidden;
}
.nav .logo{
    position: absolute;
    width: 254px;
    height: 38px;
    display: block;
    left: 2px;
    top: 50%;
    margin-top: -19px;
    background: url("/web/oldinvest/img/logo.png") no-repeat;
    background-size: 254px 38px;
    text-indent: -9999px;
}
.navlist{
    float: right;
}
.navlist li{
    float: left;
    margin-left: 20px;
}
.navlist li a{
    font-size: 16px;
    color: #5b4a35;
    padding: 20px 20px;
    display: block;
}
.navlist li:last-child a{
    padding: 20px 0;
}
.navlist li.on a{
    border-bottom: 2px solid #fb7e23;
    color: #fb7e23;
}


/* main s */
.main { color: #5b4a35; }

.clearfix { zoom: 1;}
.clearfix:after { content: ""; display: block; clear: both;}
.orange { color: #fe7e01; }
.animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;animation-duration: 1s; animation-fill-mode: both; }
.animation-duration500 { animation-duration: 0.5s;}
.animation-duration300 { animation-duration: 0.3s;}

@keyframes slideInRight {
  from { transform: translate3d( 40px, 0, 0); visibility: visible; }
  to {  transform: translate3d(0, 0, 0); }
}
.slideInRight {
  animation-name: slideInRight;
}

@keyframes fadeOut { 
    from { opacity: 1; } 
    to { opacity: 0; }
}

.fadeOut { animation-name: fadeOut; }

@keyframes bounce {
  from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); }
  40%, 43% {  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); }
  90% { transform: translate3d(0,-4px,0);}
}

.bounce {  animation-name: bounce;  transform-origin: center bottom; }

@-webkit-keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8); }
  50% { opacity: 1; }
}
@keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8); }
  50% { opacity: 1; }
}

.zoomIn {   -webkit-animation-name: zoomIn;animation-name: zoomIn; }
@-webkit-keyframes fadeInTopLeft {
  from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0) scale(0.1);transform: translate3d(-100%, -100%, 0) scale(0.1); } 
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInTopLeft {
  from { opacity: 0;  -webkit-transform: translate3d(-100%, -100%, 0) scale(0.1);transform: translate3d(-100%, -100%, 0) scale(0.1); } 
  to { opacity: 1; transform: none; }
}
.fadeInTopLeft {  -webkit-animation-name:fadeInTopLeft; animation-name:fadeInTopLeft; }

.what, .information{ width: 1200px; margin: 0 auto; }

.banner{
    width: 100%;
    min-width: 960px;
    height: 350px;
    background: url("/web/oldinvest/images/banner_bg.png") 50% 50% no-repeat;
}
.banner .banner-div{
    position: relative;
    width: 960px;
    margin: 0 auto;
    height: 350px;
}
.banner .banner-box{
    position: absolute;
    top: 35px;
    right: 10px;
    padding: 50px 20px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    filter:alpha(opacity=80);
}
.banner .banner-box p{
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 20px;
}
.banner .banner-box p strong{
    font-size: 32px;
    font-family: arial, sans-serif;
    color: #ff6000;
}
.banner .banner-box p span{
    color: #ff6000;
}


.w-title{ width: 1200px; margin: 0 auto; padding: 46px 0 0px; font-weight: normal; text-align: center;}
.w-title div { margin-bottom: 10px; border-bottom: 1px solid #fb7e23;  font-size: 24px; line-height: 40px;  }
.w-title div  span { display: block; width: 400px; border-bottom: 3px solid #fb7e23; margin: 0 auto;  position: relative; bottom: -2px;}
.w-title p { font-size:14px; }

.what .payment { padding: 96px 0 40px;}
.what .payment h3 { text-align: center; font-weight: normal; font-size: 24px; line-height: 31px;}
.what .payment h3 a {  padding-left: 65px;  }
.what .payment h3 .payh-1 { background: url("/web/oldinvest/images/payh_01.png") no-repeat left bottom; *background-position: left 2px; }
.what .payment h3 .payh-2 { background: url("/web/oldinvest/images/payh_02.png") no-repeat  left bottom; *background-position: left 2px;}
.what .payment h3 span { line-height: 31px;  border-bottom: 1px solid red; position: relative; top: -1px; padding: 0 10px; *top:-2px;}
.what .payment ul li { float: left;  width: 50%; text-align: center; font-size: 22px; line-height: 1.5; }
.what .payment ul li img { width: 100%; height: auto; }
.what .payment ul li .source { font-size: 14px; color: #999999; padding-top: 30px;}

.why { background: #f9f9f9; color: #5b4a35; }
.why .finance { width: 1200px; margin: 0 auto;}
.why .finance  ul li { float: left; width: 399px;  text-align: center; font-size: 22px; line-height: 1.5;}
.why .finance ul li img { width: 210px; height: auto; margin: 0 auto; }
.why .finance ul li.line-y { background: url("/web/oldinvest/images/line-y.png") no-repeat; height: 367px; width: 1px;}
.why .finance .overlay {padding: 40px 0; width: 200px;margin: 0 auto;}
.why .finance .overlay p { padding-top: 35px;}

.pension-wrapper { width: 1200px; margin: 0 auto; padding-top: 40px; }
.pension-item { width: 280px; height: 300px; margin: 10px; float: left; text-align: center; position: relative;}
.pension-item .image-box img { width: 188px; height: auto; margin: 0 auto;}
.pension-item .over-cotainer h4 { margin-top: 20px;color: #333; font-size: 22px; line-height: 34px; font-weight: normal;}
.pension-item .over-cotainer p { color: #666; font-size: 16px; line-height: 20px;}
.pension-item .over { position: absolute; top: 0; left: 50%; margin-left: -135px; width: 270px; }
.pension-item .over .image-box { background: #fff;}
.pension-item .over .image-box img { width: 270px;  }
.pension-item .over .p-con { height: 300px; width: 210px; position: absolute; top: 0; left: 50%; margin-left: -105px; text-align: center; font-size: 0; *height: 225px; *top: 75px; }
.pension-item .over .p-con:after,.pension-item .over .p-con span{ display:inline-block; *display:inline; *zoom:1; width:0; height:100%; vertical-align:middle; }
.pension-item .over .p-con:after{ content:''; }
.pension-item .over .p-con p{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:14px; color: #fff; line-height: 22px; text-align: justify; text-align-last: center; -moz-text-align-last : center; *text-align: center;}

.information{ margin-top: 80px; }
.information>ul{ overflow: hidden; }
.information>ul>li{ width: 520px; float: left; background-color: #f9f9f9; border-top: 2px solid #fb7e23; padding: 50px 30px 30px; margin-bottom: 20px; height: 167px; overflow: hidden; }
.information>ul>li:nth-child(odd){ margin-right: 20px; }

.information .info-title{ overflow: hidden; line-height: 22px; margin-bottom: 15px; }
.information .info-title span{ border-left: 4px solid #fb7e23; color: #fb7e23; line-height: 24px; font-size: 22px; padding-left: 10px; }
.information .info-title a{  color: #999089; }
.information .info-title a:hover{ text-decoration: underline; }
.information>ul>li ul{list-style-type: disc;padding-left: 18px;border-top: 1px dashed #ccc;padding-top: 25px;}
.information>ul>li ul li{ margin-bottom: 20px; }
.information>ul>li ul li a{ color: #666; }
.information>ul>li ul li a:hover{ color: #fb7e23;}
.information>ul>li ul li span{ float: right; color: #999089; font-size: 12px; font-family: arial, sans-serif;}

.questions { margin-top: 40px;}
.questions h3 { height: 250px; background: url("/web/oldinvest/images/question.png") no-repeat center center;}
.questions .qu-wrap { width: 1200px; height: 550px; margin: 0 auto;}
.questions .qu-left { float: left; width: 600px; }
.questions .qu-right { float: right; width: 600px;}
.questions .qu-item { padding: 58px 38px 0 50px;}
.questions .qu-item h4 { padding: 0 0 4px 40px; font-size: 20px; line-height: 24px; font-weight: normal; color: #333333; }
.questions .qu-item .icon-qu{ width: 40px; margin-left: -40px; height: 24px; float: left; display: inline-block;}
.questions .qu-item .icon-qu-01 { background: url("/web/oldinvest/images/question_1.png") no-repeat center center;}
.questions .qu-item .icon-qu-02 { background: url("/web/oldinvest/images/question_2.png") no-repeat center center;}
.questions .qu-item .icon-qu-03 { background: url("/web/oldinvest/images/question_3.png") no-repeat center center;}
.questions .qu-item .icon-qu-04 { background: url("/web/oldinvest/images/question_4.png") no-repeat center center;}
.questions .qu-item p { font-size: 14px; line-height: 24px;}

/* contact */
.contact{ background-color: #f9f9f9; padding: 40px 0; margin-bottom: 10px; }
.contact-info{  width: 1200px;  margin: 0 auto; overflow: hidden; }
.contact-info li{ float: left; }
.contact-info>li.contact-left{ border-right: 1px solid #dbdad9; width: 50%; color: #5b4a35; }
.contact-info>li.contact-right{ padding-top: 20px; float: right; }
.contact-info>li.contact-right p{ text-align: center; color: #999089; font-size: 16px; line-height: 50px; }
.contact-info>li.contact-right .contact-right-1{ margin-right: 75px; }
.contact-info>li p{ line-height: 34px; }
.contact-info>li p.phonenum{ color: #a9843c; }