@import url("banner.css");
@import url("common.css");

/* ========== 标题通用样式 ========== */
.titleh1,
.titleh1_1,
.titleh3 {
    height: 57px;
    background: url(img/title_bg.png) repeat-x;
    text-align: center;
}

.titleh1 h2,
.titleh1_1 h2,
.titleh3 h2 {
    height: 57px;
    line-height: 57px;
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
}

.titleh1 h2,
.titleh3 h2 {
    background-color: #fff;
}

.titleh1_1 h2 {
    background-color: #f4f4f4;
}

.titleh1 h2 span,
.titleh1_1 h2 span,
.titleh3 h2 span {
    color: #ff6702;
}

.titleh4 {
    height: 36px;
    line-height: 36px;
    color: #333;
    text-align: center;
    font-size: 18px;
}

/* ========== Banner区域 ========== */
.banner_list {
    width: 100%;
    height: 555px;
}

.banner_list img {
    width: 100%;
    height: 460px;
}

/* ========== 楼层01 ========== */
.floor01 .title01 {
    height: 135px;
}

.floor01 .floor01_ul {
    width: 1300px;
    height: 315px;
}

.floor01 .floor01_ul li {
    width: 245px;
    position: relative;
}

.floor01_li_0 {
    width: 220px;
    height: 267px;
    color: #333;
}

.floor01_li_0 a {
    color: #333;
}

.floor01_li_0 a:hover,
.floor01 .floor01_ul li:hover a {
    color: #fff;
}

/* 图标基础样式 */
.floor01_li_01 { background: url(img/pc1.png) no-repeat; }
.floor01_li_02 { background: url(img/wap1.png) no-repeat; }
.floor01_li_03 { background: url(img/weixin1.png) no-repeat; }
.floor01_li_04 { background: url(img/web1.png) no-repeat; }
.floor01_li_05 { background: url(img/tel1.png) no-repeat; }

.floor01 .floor01_ul li:hover .floor01_li_01 { background: url(img/pc1_h.png) no-repeat; }
.floor01 .floor01_ul li:hover .floor01_li_02 { background: url(img/wap1_h.png) no-repeat; }
.floor01 .floor01_ul li:hover .floor01_li_03 { background: url(img/weixin1_h.png) no-repeat; }
.floor01 .floor01_ul li:hover .floor01_li_04 { background: url(img/web1_h.png) no-repeat; }
.floor01 .floor01_ul li:hover .floor01_li_05 {
    background: url(img/tel1_h.png) no-repeat;
    color: #fff;
}

.floor01_li_0 .floor01_li_t {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    height: 50px;
}

.floor01_li_0 .floor01_li_d {
    position: relative;
    float: left;
    left: 20px;
    width: 172px;
    font-size: 14px;
    line-height: 22px;
}

/* ========== 楼层02 ========== */
.floor02 {
    background: #f4f4f4;
    width: 100%;
}

.title02 {
    height: 125px;
}

.floor02_con {
    background: #fff;
}

.floor02_nav {
    height: 52px;
    border-bottom: 1px solid #ff6600;
}

.floor02_nav ul {
    position: relative;
    float: left;
    left: 6px;
}

.floor02_nav ul li {
    width: 122px;
}

.floor02_nav ul li a {
    display: block;
    width: 120px;
    height: 52px;
    font-size: 16px;
    color: #fff;
    background: #333;
    line-height: 52px;
    text-align: center;
}

.floor02_nav ul li a.active,
.floor02_nav ul li a:hover {
    background: #ff6600;
}

.floor02_more a {
    display: block;
    position: relative;
    right: 16px;
    background: url(img/more.png) no-repeat;
    text-indent: 26px;
    height: 24px;
    line-height: 22px;
    top: 20px;
    color: #000;
}

.floor02_more a:hover {
    color: #ff6600;
}

.floor02_uls {
    height: 640px;
}

.f2_prev_next {
    width: 65px;
    height: 65px;
    position: relative;
    top: 275px;
}

.f2_prev_next a {
    background: url(img/floor2_prev_next.png) no-repeat;
    display: block;
    width: 32px;
    height: 65px;
}

.floor02_ul_right a {
    background-position: -32px 0;
    float: right;
}

.floor02_ul_c {
    width: 1070px;
    height: 620px;
    float: left;
    overflow: hidden;
}

.floor02_ul_c ul {
    width: 1200px;
    display: none;
}

.floor02_ul_c0 li {
    width: 272px;
    height: 315px;
    overflow: hidden;
}

.floor02_ul_d {
    width: 252px;
    height: 292px;
    border: 1px solid #ddd;
    text-align: center;
}

.floor02_ul_n {
    width: 238px;
    height: 280px;
    margin: 0 auto;
    position: relative;
    top: 4px;
    overflow: hidden;
}

.floor02_ul_nc {
    height: 245px;
    overflow: hidden;
}

.floor02_ul_nc img {
    max-width: 235px;
    max-height: 235px;
}

.floor02_ul_nt {
    height: 35px;
    width: 100%;
    background: #efefef;
    text-align: center;
    line-height: 32px;
}

.floor02_ul_nt a {
    font-size: 15px;
    color: #333;
}

.floor02_ul_p {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 238px;
    height: 240px;
}

.floor02_ul_p .web_case_bg {
    opacity: .5;
    filter: alpha(opacity=50);
    background: #333;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.web_case {
    height: 62px;
}

.web_case a {
    height: 100%;
    width: 100%;
    display: block;
}

.web_text {
    height: 60px;
    line-height: 20px;
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
}

.web_case_p {
    position: relative;
    top: -165px;
    margin: 0 auto;
    width: 180px;
    text-align: center;
    overflow: hidden;
    z-index: 999;
}

.floor02_ul_c03 .web_case_p,
.floor02_ul_c04 .web_case_p {
    top: -195px;
}

.floor02_ul_c03 .web_case_p .web_case,
.floor02_ul_c04 .web_case_p .web_case {
    height: 130px;
    overflow: hidden;
}

.floor02_ul_c03 .web_case_p .web_text,
.floor02_ul_c04 .web_case_p .web_text {
    display: none;
}

.floor02_ul_c03 .web_case_p img,
.floor02_ul_c04 .web_case_p img {
    max-width: 130px;
}

/* ========== 楼层03 ========== */
.floor03 {
    height: 815px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.floor03_con_div {
    background: url(img/con3.jpg) no-repeat;
    height: 618px;
    width: 100%;
}

.floor03_con_ul {
    width: 100%;
    height: 410px;
}

.floor03_con_ul ul {
    width: 100%;
    height: 100%;
}

.floor03_con_ul li {
    position: relative;
    width: 48%;
    height: 97px;
}

.floor03_con_ul li .txt {
    height: 50px;
    border: 2px solid #838383;
    float: left;
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
}

.floor03_con_ul li .txt font {
    font-size: 22px;
    color: #ff6600;
    padding-left: 8px;
}

/* 每个子项独立偏移量（保留原设计意图） */
.floor03_con_li1 .txt { width: 215px; }
.floor03_con_li1 { left: 130px; }
.floor03_con_li2 .txt { width: 315px; }
.floor03_con_li2 { left: 210px; }
.floor03_con_li3 .txt { width: 266px; }
.floor03_con_li3 { left: 45px; }
.floor03_con_li4 .txt { width: 295px; height: 58px; line-height: 22px; }
.floor03_con_li4 { left: 245px; top: -5px; }
.floor03_con_li5 .txt { width: 260px; }
.floor03_con_li5 { left: 65px; top: 12px; }
.floor03_con_li6 .txt { width: 330px; }
.floor03_con_li6 { left: 240px; top: -2px; }
.floor03_con_li7 .txt { width: 212px; }
.floor03_con_li7 { left: 162px; }
.floor03_con_li8 .txt { width: 270px; }
.floor03_con_li8 { left: 190px; top: -3px; }

.floor03_con_div .floor03_con_ul li.active .txt,
.floor03_con_div .floor03_con_ul li.active .txt font {
    border-color: #ff6600;
    background: #ff6600;
    color: #fff;
}

.floor03_con_div .floor03_con_ul li.active .triangle_right {
    border-left-color: #ff6600;
}

.floor03_con_div .floor03_con_ul li.active .triangle_left {
    border-right-color: #ff6600;
}

/* 三角指示器公用 */
.triangle_right,
.triangle_left {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    float: left;
    position: relative;
    top: 18px;
    z-index: 99999;
}

.triangle_right {
    border-left-width: 16px;
    border-left-style: solid;
    border-left-color: #838383;
}

.triangle_left {
    border-right-width: 16px;
    border-right-style: solid;
    border-right-color: #838383;
}

.floor03_con_call {
    position: relative;
    width: 142px;
    height: 155px;
    left: 529px;
    top: -30px;
    float: left;
}

.floor03_con_call a {
    background: url(img/call_03.png) no-repeat;
    width: 142px;
    height: 142px;
    display: block;
}

.floor03_con_call a:hover {
    background: url(img/call_03_hover.png) no-repeat;
}

/* ========== 楼层04 ========== */
.floor04 {
    background: url(img/floor4_bg.jpg) repeat;
    height: 782px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.title04_1 {
    height: 150px;
}

.title04_1_1 {
    width: 1185px;
    margin: 0 auto;
    height: 170px;
}

.floor04_01c {
    width: 1185px;
    height: 745px;
    margin: 0 auto;
}

.floor04_01cl {
    width: 745px;
    height: 100%;
    background: url(img/f4_01_cl.png) no-repeat;
    text-align: center;
}

.f4_ys_all {
    width: 125px;
    height: 205px;
    position: relative;
    float: left;
    left: 0;
    top: 0;
    cursor: pointer;
}

.floor04_01cl span {
    font-size: 24px;
    color: #fff;
    display: block;
    width: 80px;
    height: 60px;
    position: relative;
    float: left;
    left: 20px;
    top: 24px;
    line-height: 30px;
}

.floor04_01cl p {
    color: #333;
    font-size: 17px;
    line-height: 20px;
}

.f4_ys_all .f4_ys_f,
.f4_ys_all .f4_ys_b {
    width: 120px;
    height: 140px;
}

.f4_ys_all .f4_ys_f,
.f4_ys_all .f4_ys_b:hover {
    background: url(img/f4_ys_f.png) no-repeat;
}

.f4_ys_all .f4_ys_b,
.f4_ys_all .f4_ys_f:hover {
    background: url(img/f4_ys_b.png) no-repeat;
}

.floor04_01cr {
    width: 440px;
}

.floor04_01cr_ul li {
    width: 100%;
    height: 63px;
}

.floor04_01cr_ul .gou {
    background: url(img/f4_01_gou.png) no-repeat;
    width: 68px;
    height: 100%;
    display: block;
}

.floor04_01cr_ul .txt {
    width: 360px;
    height: 30px;
    font-size: 17px;
    color: #333;
    display: block;
    cursor: pointer;
}

.floor04_01cr_ul .txt font {
    font-size: 21px;
    color: #ff6600;
    font-weight: bold;
}

.floor04_con_call_01 {
    width: 315px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #ff6600;
    position: relative;
    left: 70px;
}

.floor04_con_call_01 a {
    display: block;
    font-size: 24px;
    color: #fff;
}

.title04_2 {
    height: 150px;
}

.floor04_02c {
    background: url(img/f4_02_cl.png) no-repeat;
    width: 100%;
    height: 595px;
}

.title_04_021 {
    height: 180px;
}

.title_04_02name {
    font-size: 37px;
    font-weight: bold;
    color: #ff6600;
}

.title_04_02desc {
    font-size: 18px;
    color: #333;
    position: relative;
    left: 18px;
    top: 22px;
}

.title_04_02name1 {
    font-size: 27px;
    color: #333;
    position: relative;
    top: 6px;
}

.title_04_02ul ul {
    position: relative;
    float: left;
    left: 35px;
}

.title_04_02ul li {
    width: 100%;
    height: 42px;
    cursor: pointer;
}

.title_04_02ul li .num {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    display: block;
    width: 38px;
    height: 20px;
}

.title_04_02ul li .num font {
    height: 20px;
    width: 20px;
    display: block;
    text-align: center;
    background: #ff6600;
}

.title_04_02ul li .txt {
    font-size: 16px;
    color: #333;
    line-height: 18px;
}

.title_04_02ul li .txt font {
    color: #ec6618;
}

.floor04_02_xyjz {
    width: 645px;
}

.floor04_02_sft {
    width: 555px;
}

.floor04_con_call_02 {
    width: 180px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #ff6600;
    position: relative;
    left: 195px;
    top: 15px;
}

.floor04_con_call_02 a {
    display: block;
    font-size: 16px;
    color: #fff;
}

.floor04_con_call_03 {
    width: 320px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: relative;
    left: 440px;
}

.floor04_con_call_03 a {
    display: block;
    font-size: 24px;
    color: #fff;
}

.xiaohai_con_call a {
    background: #ff6600;
}

.xiaohai_con_call a:hover {
    background: #333;
}

/* 悬浮效果（小海&其他） */
.xiaohai_con_call a:hover .hover {
    background: url(img/xiaoh_hover.gif) no-repeat;
    width: 30px;
    height: 48px;
    float: right;
    top: 110px;
    right: 55px;
    position: absolute;
    z-index: 99999;
    display: block;
}

.floor04_con_call_01 a:hover .hover {
    top: 45px;
    right: 140px;
}

.floor04_con_call_02 a:hover .hover {
    top: 35px;
    right: 70px;
}

.floor04_con_call_03 a:hover .hover {
    top: 45px;
    right: 145px;
}

.floor04_03c {
    height: 680px;
}

/* ========== 楼层05 ========== */
.how_m5 {
    height: 485px;
}

.how_m5 .pr {
    position: relative;
}

.how_m5 .rpa {
    position: absolute;
}

.howlist {
    height: 130px;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.howlist dl dt {
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 38px;
    color: #fff;
    font-weight: bold;
}

.howlist dl dd {
    width: 60px;
    height: 18px;
    background: url(img/dtshow.png) no-repeat;
    margin: 10px auto 0;
}

.howl1 dl dt { background: url(img/ycircle.png) no-repeat; }
.howl2 dl dt { background: url(img/bcircle.png) no-repeat; }

.hltext {
    width: 595px;
    height: 90px;
}

.hltext span {
    display: block;
    width: 510px;
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    position: relative;
    top: 20px;
    left: 50px;
}

#howlist2 .hltext span,
#howlist4 .hltext span {
    left: 30px;
}

.ytext {
    right: -1000px;
    top: 5px;
    background: url(img/hltext1.png) no-repeat;
}

.btext {
    left: -1000px;
    top: 5px;
    background: url(img/hltext2.png) no-repeat;
}

.floor05 {
    height: auto;
    width: 100%;
}

.title05 {
    height: 150px;
}

.floor05_con {
    height: 400px;
    overflow: hidden;
}

.floor05_con li {
    width: 100%;
    cursor: pointer;
    height: 103px;
}

.floor05_con li .floor05_con_0 {
    border: 1px solid #eaeaea;
    width: 220px;
    height: 89px;
}

.floor05_con li .ico {
    width: 85px;
    height: 100%;
}

.floor05_con li .ico span {
    background-image: url(img/floor05_num1.png);
    background-repeat: no-repeat;
    position: relative;
    left: 11px;
    top: 22px;
    height: 60px;
    width: 55px;
    display: block;
}

.floor05_con li .ico span.ico2 { background-position: -55px 0; }
.floor05_con li .ico span.ico3 { background-position: -109px 0; }
.floor05_con li .ico span.ico4 { background-position: -162px 0; }
.floor05_con li .ico span.ico5 { background-position: -215px 0; }
.floor05_con li .ico span.ico6 { background-position: -269px 0; }
.floor05_con li .ico span.ico7 { background-position: -322px 0; }

.floor05_con li .txt {
    width: 100px;
    height: 100%;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 30px;
}

.floor05_con_01 .triangle_right {
    border-left-color: #ff6600;
    display: none;
    float: right;
    top: 35px;
    left: 12px;
}

.floor05_con li.active .triangle_right,
.floor05_con li.active .triangle_left {
    display: block;
}

.floor05_con li.active .floor05_con_0 {
    background: #ff6600;
    border-color: #ff6600;
}

.floor05_con_03 .triangle_left {
    border-right-color: #ff6600;
    display: none;
    top: 45px;
    left: -200px;
}

.floor05_con li.active .ico span {
    background-image: url(img/floor05_num2.png);
    top: 30px;
    width: 45px;
}

.floor05_con li.active .ico span.ico2 { background-position: -45px 0; width: 42px; }
.floor05_con li.active .ico span.ico3 { background-position: -87px 0; width: 42px; }
.floor05_con li.active .ico span.ico4 { background-position: -129px 0; width: 42px; }
.floor05_con li.active .ico span.ico5 { background-position: -171px 0; width: 42px; }
.floor05_con li.active .ico span.ico6 { background-position: -212px 0; width: 42px; }
.floor05_con li.active .ico span.ico7 { background-position: -254px 0; width: 42px; }

.floor05_con_02 {
    z-index: 1;
    width: 750px;
    position: relative;
    overflow: hidden;
}

.floor05_con_02 .f5_con_0 {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.floor05_con_01,
.floor05_con_03 {
    width: 225px;
}

.floor05_con li .floor05_con_0m .txt {
    position: relative;
    left: 35px;
    width: 135px;
    text-align: left;
}

.floor05_con li .floor05_con_0m .txt a {
    font-size: 16px;
    color: #ff6600;
}

.floor05_con li .floor05_con_0m .ico {
    width: 44px;
}

.floor05_con li .floor05_con_0m .ico span {
    background-image: url(img/floor05_num3.png);
    height: 45px;
    width: 44px;
}

.floor05_con li.active .floor05_con_0m .ico span {
    background-position: -44px 0;
}

.title05_1 {
    width: 324px;
    font-size: 40px;
    font-weight: bold;
    height: 68px;
    margin: 0 auto;
}

/* ========== 楼层06 ========== */
.floor06 {
    height: 390px;
    width: 100%;
}

.floor06_fl {
    width: 50%;
    height: 100%;
    background: #ff6600;
}

.floor06_fl_1 {
    width: 602px;
    height: 100%;
}

.f6_fl_ct {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    height: 52px;
}

.f6_fl_ct1 {
    font-size: 14px;
    color: #fff;
    height: 32px;
}

.f6_fl_ct1 span.more {
    display: block;
    width: 108px;
    height: 20px;
    background: #fff;
    color: #ff6600;
}

.f6_fl_ct2 {
    height: 65px;
    font-size: 19px;
    color: #fff;
}

.f6_fl_ct2 font {
    font-size: 27px;
}

.f6_fl_name {
    height: 55px;
    font-size: 14px;
    color: #fff;
}

.f6_fl_name span {
    display: block;
    width: 48px;
    height: 100%;
    float: left;
    line-height: 42px;
}

.f6_fl_name input {
    background: url(img/f6_name_tel.png) no-repeat;
    width: 330px;
    border: 0;
    float: left;
    height: 42px;
    text-indent: 60px;
    line-height: 42px;
    color: #000;
}

.f6_fl_submit {
    position: relative;
    float: left;
    left: 50px;
    top: 12px;
}

.f6_fl_submit a {
    width: 152px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #d25909;
    color: #fff;
    border: 1px solid #ff9854;
    font-size: 16px;
    cursor: pointer;
    float: left;
    display: block;
}

.floor06_fr {
    width: 50%;
    height: 100%;
    background: #3f3f3f;
}

.floor06_fr_1 {
    width: 598px;
    height: 100%;
}

.floor06_fr_1 .floor06_fl_c {
    position: relative;
    float: left;
    left: 90px;
}

.floor06_fr_1 span.more {
    background: #ff6600;
    color: #fff;
}

.floor06_fr_1 .f6_fl_name input {
    background: url(img/f6_name_tel1.png) no-repeat;
}

.floor06_fr_1 .f6_fl_submit a {
    background: #ff9854;
}

.f6_fl_submit a:hover,
.floor06_fr_1 .f6_fl_submit a:hover {
    background: #333;
}

/* ========== 楼层07 ========== */
.floor07 {
    width: 100%;
    height: 640px;
    overflow: hidden;
    background: #f4f4f4;
}

.floor07_fl_1 {
    width: 815px;
    height: 100%;
}

.f7_fl_c1 {
    width: 770px;
    height: auto;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.f7_flc_ul1 {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid #ff6600;
}

.f7_flc_ul1 li {
    width: 160px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-right: 1px solid #e4e4e4;
}

.f7_flc_ul1 li.active {
    background: #ff6600;
}

.f7_flc_ul1 li.active a {
    color: #fff;
}

.f7_flc_ul1 li a {
    font-size: 16px;
    color: #333;
}

.f7_flc_cons {
    width: 720px;
    margin: 0 auto;
}

.f7_flc_const {
    height: 180px;
    width: 100%;
    border-bottom: 2px solid #e4e4e4;
}

.f7_flc_const_pic {
    width: 245px;
    height: 100%;
}

.f7_flc_const_fr {
    width: 475px;
}

.f7_flc_const_title {
    height: 45px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 18px;
    color: #333;
    line-height: 35px;
}

.f7_flc_const_desc {
    color: #777;
    line-height: 24px;
    height: 75px;
    overflow: hidden;
}

.f7_flc_ul ul {
    width: 100%;
    height: auto;
}

.f7_flc_ul li {
    width: 325px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin-right: 25px;
    border-bottom: 1px dashed #e4e4e4;
}

.f7_flc_ul li.fr {
    float: right;
}

.f7_flc_ul li .ico {
    width: 24px;
    height: 36px;
    background: url(img/f7_ico_fl.jpg) no-repeat;
}

.f7_flc_ul li a {
    font-size: 14px;
    color: #333;
}

.f7_flc_ul li .txt {
    width: 290px;
    overflow: hidden;
}

.f7_flc_ul li a:hover .txt {
    color: #ff6600;
}

.f7_fl_ct1 {
    position: relative;
    float: right;
}

.f7_fl_ct1 .floor02_more a {
    top: 15px;
}

.floor07_fr_1 {
    width: 385px;
    height: 100%;
}

.f7_fr_c1 {
    width: 383px;
    height: auto;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.f7_fr_ct {
    width: 350px;
    margin: 0 auto;
    height: 20px;
    position: relative;
    top: 15px;
}

.f7_fr_ct1 {
    width: 20px;
    height: 100%;
}

.f7_fr_ct1 span {
    display: block;
    width: 6px;
    height: 100%;
    background: #ff6600;
}

.f7_fr_ct2 {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    width: 250px;
    height: 100%;
}

.f7_fr_ct3 {
    width: 80px;
}

.f7_fr_ct3 .floor02_more a {
    top: 0;
    right: 0;
}

.f7_frc_ul .f7_fr_ct {
    height: auto;
}

.f7_frc_ul li {
    width: 100%;
    height: 112px;
    border-bottom: 1px solid #d9d9d9;
}

.f7_frc_ul .ico {
    width: 40px;
    height: 100%;
    background: url(img/f7_ico_q.jpg) no-repeat;
}

.f7_frc_ul .txt {
    width: 290px;
}

.f7_frc_ul .txt .txt_n {
    font-size: 16px;
    height: 38px;
    line-height: 26px;
}

.f7_frc_ul .txt .txt_n a,
.f7_flc_const_title a {
    color: #333;
}

.f7_frc_ul .txt .txt_n a:hover,
.f7_flc_const_title a:hover {
    color: #ff6600;
}

.f7_frc_ul .txt .txt_d {
    color: #777;
    line-height: 20px;
}

/* ========== 楼层08 & 底部快速链接 ========== */
.floor08 {
    height: 170px;
    width: 100%;
}

.f8_fl_c {
    width: 102px;
    height: 85px;
}

.f8_fl_ct {
    background: #ff6600;
    width: 95px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.f8_fl_more {
    width: 1096px;
    height: 83px;
    border: 1px solid #e4e4e4;
}

.f8_fl_mcon {
    width: 1020px;
    height: 45px;
    overflow: hidden;
    margin: 20px auto;
}

.f8_fl_mcon a {
    font-size: 14px;
    color: #666;
    margin: 8px 12px;
}

/* ==========  Banner 特殊效果（淡入淡出） ========== */
.banner_11_in {
    background: url(img/fadeIn.jpg) no-repeat top center;
    width: 100%;
    height: 373px;
    display: none;
}

.banner_11_out {
    background: url(img/fadeOut.gif) no-repeat top center;
    width: 100%;
    height: 119px;
    display: none;
}

.fadeIn_show {
    display: block;
    position: relative;
    float: right;
    right: 12px;
    top: 6px;
    background: url(img/fadeOut_show.png) no-repeat;
    width: 31px;
    height: 47px;
    cursor: pointer;
}

.fadeOut_show {
    display: block;
    position: relative;
    float: right;
    right: 12px;
    top: 6px;
    background: url(img/fadeIn_show.png) no-repeat;
    width: 31px;
    height: 47px;
    cursor: pointer;
}

.fadeIn_call {
    display: block;
    width: 115px;
    height: 40px;
    position: relative;
    left: 125px;
    top: 240px;
    cursor: pointer;
}

.banner_11_main {
    width: 1000px;
    margin: 0 auto;
}

.banner_11_out,
.banner_11_in {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* ========== 案例展示通用样式 ========== */
.case_uls {
    width: 100%;
    margin: 0 auto;
}

.case_uls ul {
    width: 1200px;
}

.case_uls li {
    width: 300px;
    height: 390px;
    overflow: hidden;
}

.case_ul_d {
    width: 290px;
    height: 280px;
    border: 1px solid #ddd;
    text-align: center;
}

.case_ul_n {
    width: 280px;
    margin: 0 auto;
    position: relative;
    top: 4px;
    overflow: hidden;
}

.case_ul_nc {
    height: 280px;
}

.case_ul_nc img {
    width: 100%;
    height: 280px;
}

.case_ul_nt {
    height: 35px;
    width: 100%;
    background: #efefef;
    text-align: center;
    line-height: 32px;
}

.case_ul_nt a {
    font-size: 15px;
    color: #333;
}

.case_ul_p {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: 350px;
}

.case_ul_p .web_case_bg {
    opacity: .5;
    filter: alpha(opacity=50);
    background: #333;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.case_ul_ncall {
    width: 118px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
    border-radius: 34px;
    border: 1px solid #cecece;
    font-size: 14px;
    margin: 10px auto;
}

.case_ul_ncall a {
    color: #666;
}

/* ========== VIP楼层适配 ========== */
.floor03_vip_div .case_ul_d,
.floor03_vip_div .case_ul_n {
    width: 230px;
    height: 94px;
}

.floor03_vip_div ul li {
    width: 235px;
    height: 105px;
}

.floor03_vip_div .case_ul_nc img {
    height: 53px;
}

.floor03_vip_div .case_ul_nc {
    height: 55px;
}

/* ========== 主Banner轮播 ========== */
.banner {
    height: 460px;
    margin-bottom: 40px;
}

.banner a {
    display: block;
    height: 460px;
}

.ban_bg {
    height: 460px;
    width: 100%;
    position: relative;
}

.ban_bg .bgitem {
    position: absolute;
    top: 0;
}

.ban_bg .btn {
    bottom: 5px;
    margin-right: -550px;
    padding: 5px 6px;
    position: absolute;
    right: 50%;
    z-index: 7;
}

.ban_bg .btn span {
    background: #3a3a3a;
    border: 1px solid #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px;
}

.ban_bg .btn span.cur {
    font-weight: bold;
    padding: 4px 8px;
}

.banner2 {
    height: 164px;
    width: 100%;
    background: url(img/bannerbg.gif);
}

.banneryy {
    height: 34px;
    background: url(img/banneryy.jpg) center no-repeat;
}

.bannerbox {
    width: 780px;
    margin: auto;
    height: 164px;
}

.bboxt1 {
    text-align: center;
    width: 436px;
    padding-top: 20px;
}

.bboxt1_1 {
    font-size: 30px;
    color: #ff0;
    line-height: 38px;
    font-weight: bold;
    margin-bottom: 5px;
}

.bboxt1_2 {
    width: 360px;
    height: 52px;
    line-height: 48px;
    background-color: #fff;
    color: #043d8e;
    font-size: 31px;
    margin: auto;
    font-weight: bold;
}

.bboxt1_3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    margin-top: 5px;
}

.bboxt2 {
    width: 216px;
    padding-top: 30px;
}

.bboxt2_1 {
    width: 168px;
    height: 46px;
    text-align: center;
}

.bboxt2_1 a {
    display: block;
    background-color: #fff;
    border-radius: 6px;
    line-height: 46px;
    color: #043d8e;
    font-size: 24px;
    font-weight: bold;
}

.bboxt2_1 a:hover {
    color: #f00;
}

.bboxt2_2 {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
}

.bboxt2_2 strong {
    font-family: impact;
    font-size: 32px;
    color: #fff;
    font-weight: normal;
}