@charset "utf-8";
/*-----------------------
Name: prolist style
Design:Grane
Time: 2015-11-05
------------------------*/
.pro_feature{width: 100%; background-color: #fef7ea; height: 120px; padding: 20px 0px;}
.pro_feature ul{padding: 0 5px;}
.pro_feature ul li{width: 360px; float: left; padding: 0px 15px 0 20px;}
.pro_feature ul li i{display: inline-block; width: 100px; height: 100px; float: left; margin-right: 10px;margin-top: 10px;}
.pro_feature ul li.li1 i{ background: url(../images/f_03.png) no-repeat;}
.pro_feature ul li.li2 i{ background: url(../images/f_05.png) no-repeat;}
.pro_feature ul li.li3 i{ background: url(../images/f_07.png) no-repeat;}
.pro_feature ul li h4{font-size: 18px; margin-top: 10px; }
.pro_feature ul li p{color: #ff873e; font-size: 16px; margin: 5px 0px 5px 0;}
.pro_feature ul li p strong{font-size: 24px; margin-left: 20px; font-weight: 400}
.pro_feature ul li span{color: #94918d;}
.pro_list{background-color:#f6f6f6; padding: 10px 0 30px 0;}
.pro_list .pro_item{background-color: #ffffff; margin: 0px 0 30px 0px; height:auto/*IE7*/; min-height:188px;}
.pro_list .pro_item:last-child{margin: 0px;}
.pro_list .pro_item .pro_title{width: 260px; height: 100%; padding-top: 20px; position: relative; float: left; text-align: center}
.pro_list .pro_item .pro_title i{ display: inline-block; position: absolute; bottom:0px; left: 0px;}
.pro_list .pro_item .pro_title.bg1{background-color: #2cc1e4;}
.pro_list .pro_item .pro_title.bg2{background-color: #fb6869;}
.pro_list .pro_item .pro_title.bg3{background-color: #aba3e4;}
.pro_list .pro_item .pro_title.bg4{background-color: #8dc74c;}
.pro_list .pro_item .pro_title.bg6{background-color: #ff7f27;}
.pro_list .pro_item .pro_title.bg1 i{background: url(../images/f_13.png) left bottom no-repeat; width: 88px; height: 109px;}
.pro_list .pro_item .pro_title.bg2 i{background: url(../images/f_17.png) left bottom no-repeat; width: 109px; height: 115px}
.pro_list .pro_item .pro_title.bg3 i{background: url(../images/f_20.png) left bottom no-repeat; width: 91px; height: 116px}
.pro_list .pro_item .pro_title.bg4 i{background: url(../images/f_23.png) left bottom no-repeat; width: 64px; height: 97px}
.pro_list .pro_item .pro_title.bg6 i{background: url(../images/f_14.png) left bottom no-repeat; width: 88px; height: 109px;}
.pro_list .pro_item .pro_title h2{font-size: 22px; color: #ffffff;}
.pro_list .pro_item  .pro_table{ width: 910px; min-height: 180px; margin-left: 10px}


.pro_list .pro_items{background-color: #ffffff; margin: 0px 0px 0px 0px; height:auto/*IE7*/; min-height:88px;}
.pro_list .pro_items .pro_titles{width: 260px; height:68px; padding-top: 20px; position: relative; float: left; text-align: center;}
.pro_list .pro_items .pro_titles.bg5{background-color: #dddddd;}
.pro_list .pro_items .pro_titles h2{font-size: 22px; color: #ffffff;}
.pro_list .pro_items  .pro_table{ width: 910px; min-height: 180px; margin-left: 10px}

/******产品详情页样式*******/
.pro_desc{background-color: #f6f6f6;padding: 20px 0;}
.pro_desc div.pro_desc_top{background-color: #ffffff; padding: 0 30px;}
.pro_desc div.pro_desc_top .pro_table{width: 930px; margin:8px 0 20px 0;}
.pro_btn_group{width: 210px; text-align: center;}
.pro_btn_group a{display: block; width: 140px; margin: 11px  0 0  70px; font-size: 14px; min-height: 27px; line-height: 27px; color: #ffffff}
.pro_btn_group a.btn_red{background-color: #fb6869; border: 1px solid #ffffff; border-radius: 8px;}
.pro_btn_group a.btn_white{background-color: #ffffff; border: 1px solid #fb6869; color: #fb6869; border-radius: 8px;}
.trend_chart{margin: 15px 0px;background-color: #ffffff;}
.trend_chart .trend_left{width: 870px; padding: 5px 0 20px 30px; float: left}
.trend_chart .trend_right{width: 300px; float: right; position: relative;  text-align: center}
.trend_chart .trend_right .line-left{background: #c9c9c9; height: 230px; left:30px; top:40px; width: 1px; position: absolute; z-index: 9999;}
.trend_chart .trend_right .trend_cate h2{font-size: 16px; font-weight: 600; margin-top: 20px;}
.trend_chart .trend_right .trend_cate .number{ font-size: 34px; color:#ff873e; margin-top:90px; display: block}
.trend_chart .trend_right .trend_cate p{font-size: 14px; line-height: 18px;}
.trend_chart .trend_right .trend_cate p.p1{color: #969696; margin-bottom: 40px; }
.trend_chart .trend_right .trend_cate p.p2{color: #ff873e; }
/*.Manager_box{width:740px; float: left;}*/
.Manager{ padding: 0 30px;}
.Manager_right dl{width: 265px; margin: 15px  10px 25px; padding-left: 80px;}
.Manager_right dl dt{line-height: 22px; font-size: 16px; font-weight: 600;color: #323232; line-height: 24px; margin-bottom: 10px;}
.Manager_right dl dd p{line-height: 22px;}
.trend_list{margin-top: 20px;}


/****资讯相关页面*****/
.content_box{background-color:#f9f9f9; padding: 20px 0px;}
.content_box .content_left{width: 190px; margin-right: 10px; background: #ffffff; float: left}
.menu{padding: 0 2px;}
.menu li{transition: all 0.5s;clear: both; min-height: 42px; height: auto }
.menu li i{background: url(../images/icon_2.png) no-repeat; width: 16px; display: inline-block; float: left; margin:10px 0 0 8px;}
.menu li h2{display: inline-block; float: left; margin-top: 6px; text-align: center; padding-left: 8px;  font-size: 14px; cursor: pointer}
.menu li.active  h2{color:#EB544B}
.menu li i.si1{background-position: 0 0; height: 16px;}
.menu li i.si2{background-position: 0 -28px; height: 16px;}
.menu li i.si3{background-position: 0 -62px; height: 16px;}
.menu li i.si4{background-position: 0 -99px; height: 16px;}
.menu li i.si5{background-position: 0 -136px; height: 16px;}
.menu li i.si6{background-position: 0 -169px; height: 16px;}
.menu li i.si7{background-position: 0 -205px; height: 16px;}
.menu li i.si8{background-position: 0 -266px; height: 16px;}
.menu li i.sr{ height: 16px; float: right; margin:7px 10px 0 0;background-position: 0px -240px;}
.menu li.active  i.sr{background-position: 0px -225px;}
.menu li dl dt{border-bottom: 1px solid #e5e5e5; line-height: 32px; height: 32px; display: block; padding: 5px 0px;}
.menu li dl dd{line-height: 24px; padding-left: 50px; display: none; padding-top: 5px;padding-bottom: 5px;}
.menu li.active dl dd{display:block;}
.menu li.active dl dd:last-child{border-bottom: 1px solid #e5e5e5}
.content_middle{width: 690px; float: left; background: #ffffff; min-height: 300px;}
.content_middle_left{ width: 880px;float: left; background: #ffffff}
.content_right{width: 300px; float: right; min-height: 300px;}
.conten_r_top{padding: 30px 20px 0px; text-align: center; background: #ffffff; }
.conten_r_top img{margin: 0px auto 40px; display:block}
.conten_r_top .btn_red{background: #f15151; border-radius:8px; width: 100%; display: inline-block; font-size: 14px; color: #ffffff; padding: 8px 0px; }
.conten_r_top p{line-height: 34px;}
.conten_r_top p a{color:#f15151; margin-left: 5px;}
.content_r_m{border-top: 2px solid #f15151; background: #ffffff; margin-top: 10px; padding: 20px 10px;}
.content_r_m h2, .content_r_b h2{font-size: 14px; font-weight: 400; color: #231815}
.content_r_m p{color:#231815; margin: 5px 0px;}
.content_r_m ul li{line-height:20px;}
.content_r_m ul li label{color: #969696}
.content_r_b{border-top: 2px solid #fdc37d; background: #ffffff;  margin-top: 10px; padding: 20px}
.content_r_b p{text-align: left;  line-height: 34px; font-size: 12px;}
.content_r_b p span{color: orangered;}
.content_r_b a{float: right;}

/****专户理财****/
.wrap2{width:100%; height:400px; margin:0 auto; overflow:hidden;z-index: 99;   background-color: #3b88c4; padding: 0px;}
.flexslider{height: 400px; clear: both}
.flexslider .slides{height: 400px;}
.special_tips{background-color: #f9f9f9;}
.special_tips ul li{width: 300px; text-align: center; float: left; position: relative; padding-bottom: 20px; position: relative; cursor: pointer;}
.special_tips ul li .hide_animate{position: absolute; top:190px; left:0px; z-index:1; background: #ffffff; width: 299px;  min-height: 160px; line-height: 10px; text-align: left}
.special_tips ul li .hide_animate b{
    width: 299px;
    height: 160px;
    display: block;
}
.special_tips ul li .hide_animate .i1{
    background: url(../images/1.2b.jpg) no-repeat;
}
.wideroot .special_tips ul li .hide_animate .i1{
    background: url(../images/1.2s.jpg) no-repeat;
}
.special_tips ul li .hide_animate .i2{
    background: url(../images/2.2b.jpg) no-repeat;
}
.wideroot .special_tips ul li .hide_animate .i2{
    background: url(../images/2.2s.jpg) no-repeat;
}
.special_tips ul li .hide_animate .i3{
    background: url(../images/3.2b.jpg) no-repeat;
}
.wideroot .special_tips ul li .hide_animate .i3{
    background: url(../images/3.2s.jpg) no-repeat;
}
.special_tips ul li .hide_animate .i4{
    background: url(../images/4.2b.jpg) no-repeat;
}
.wideroot .special_tips ul li .hide_animate .i4{
    background: url(../images/4.2s.jpg) no-repeat;
}
.wideroot .special_tips ul li .hide_animate b{
    width: 250px;
    height: 154px;
}

.special_tips ul li .hide_animate.active {
    animation: myfirst 2s;
    -moz-animation: myfirst 2s; /* Firefox */
    -webkit-animation: myfirst 2s; /* Safari 和 Chrome */
    -o-animation: myfirst 2s; /* Opera */
    top:30px;
}
@keyframes myfirst
{
    from {top: 190px;}
    to {top: 30px;}
}
@-moz-keyframes myfirst /* Firefox */
{
    from {top: 190px;}
    to {top: 30px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    from {top: 190px;}
    to {top: 30px;}
}

@-o-keyframes myfirst /* Opera */
{
    from {top: 190px;}
    to {top: 30px;}
}

.special_tips ul li i{background:url(../images/zhlc_icon.png)  no-repeat; height: 68px; display:block; margin: 60px auto 15px;}
.special_tips ul li{font-size: 20px; }
.special_tips ul li i.s1{background-position: 0 0; width: 70px;}
.special_tips ul li i.s2{background-position: -180px 0; width: 63px;}
.special_tips ul li i.s3{background-position: -345px 0; width: 70px;}
.special_tips ul li i.s4{background-position: -475px 0; width: 55px;}
.special_tips ul li .hide_animate i{background:url(../images/zhlc_icon_hover.png)  no-repeat; width: 35px; height: 35px; margin: 20px auto 0;}
.special_tips ul li .hide_animate i.s2{background-position: -90px 0;}
.special_tips ul li .hide_animate i.s3{background-position: -175px 0;}
.special_tips ul li .hide_animate i.s4{background-position: -235px 0;}
.special_tips ul li .hide_animate h2{font: 16px/22px arial; padding-left: 10px;}
.special_tips ul li b.before{position: absolute; width: 1px; height: 160px; background:#e6e6e6;  right: 0px; top:30px;}
.special_tips ul li:before{position: absolute; width: 1px; height: 160px; background:#e6e6e6; content: " "; right: 0px; top:30px;}
.special_tips ul li:last-child:before{display: none;}
.flows{background-color: #e9f6fc; padding: 35px 0px;  z-index: 9999; position: relative}
.flows .w>h2{ width:100%; margin:0px auto 15px; color: #59bbeb; font-size: 28px; text-align: center}
.flows ul{padding:0px 42px 0 122px;}
.flows ul li{width: 428px; position: relative; background-color:#ffffff; height: 121px; float: left; margin: 28px 37px; }
.flows ul li .tit2{background: url(../images/zhlc.png) no-repeat; width: 121px; height: 121px; display: inline-block; position: absolute;left: -60px; top:0px; text-align: center}
.flows ul li .tit2 h2{font-size:44px; font-weight: 600;color: #59bbeb; margin-top:15px;}
.flows ul li .tit2 h3{font-size:18px; font-weight: 600;color: #59bbeb;}
.flows ul li p{padding-left: 70px; padding-top: 15px; color:#59bbeb; padding-right: 20px; line-height: 20px; }
.special_news{padding: 30px 0px;}
.special_news .snews1{width: 400px; float: left; padding-right: 60px;}
.special_news .snews2{width: 280px; float: left;}
.special_news  ul{ margin-top: 38px; line-height: 24px;}
.special_news  ul li{ margin-left: 15px;}
.special_news  ul li a{margin-top:0px;color:#828282}
.main_title_top{border-bottom: 1px dashed #ccc; padding: 15px 0px;}
.main_title_top p{color: #555555; font-size: 18px;}
.main_title_top, .main_title{margin:10px 20px;}
.search input.txt{
    border:1px solid #E1DFDA;
    height: 24px;
    line-height: 24px;
    padding: 0 30px 0 5px;
    float: left;
}
.search input.sub{
    background: url(../images/search.png);
    width: 76px;
    height: 26px;
    float: left;
    border: 0px;
}