.backInfo {
    background-size:100% 100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.top-box-index {
    position:absolute;
    z-index:99;
    width:100%;
    height:90px;
    line-height:90px;
    background:#fff;
    border-bottom:1px solid #4067cc
}
.top-box {
    background:rgba(255, 255, 255, 0.6) !important;
    z-index:99;
    width:100%;
    height:90px;
    line-height:90px;
    background:#fff;
    border-bottom:1px solid #4067cc
}
.top-box .logo a, .top-box-index .logo a {
    display:block;
    line-height:90px
}
.top-box .logo a img, .top-box-index .logo a img {
    vertical-align:middle
}
.top-box .nav-box, .top-box-index .nav-box {
    float:right;
    width:900px;
    text-align:right;
    font-size:0
}
.nav-box a {
    display:block;
    font-size:14px
}
.nav-box .lst-nav>li {
    display:inline-block;
    position:relative;
    width:128px;
    text-align:center;
    vertical-align:top
}
.nav-box .lst-nav>li.active a {
    color:#4067cc
}
.nav-box .lst-nav>li>a {
    position:relative;
    font-size:16px
}
.nav-box .lst-nav>li>a:after {
    content:'';
    width:0;
    position:absolute;
    height:1px;
    left:0;
    bottom:-1px;
    z-index:9;
    background:#fc3;
    transition:width .4s
}
.nav-box .lst-nav>li:hover>a:after {
    width:100%
}
.nav-box .lst-nav>li .sec-box {
    display:none;
    position:absolute;
    z-index:99;
    top:91px;
    width:100%;
    line-height:30px;
    background:#fff;
    border-radius:0 0 5px 5px;
    padding:6px 0
}
.nav-box .lst-nav>li .sec-box a:hover {
    color:#4067cc
}
.nav-box .lst-nav .active>a:after {
    width:100%
}
.nav-box .lst-nav .down>a:before {
    position:absolute;
    right:0;
    background-image:url("../images/icon.png");
    background-repeat:no-repeat;
    background-position:-54px -210px;
    top:45%;
    display:inline-block;
    width:12px;
    height:8px;
    display:block
}
.banner-box {
    position:relative;
    overflow:hidden
}
.banner-box .m-slide {
    position:relative;
    width:100%
}
.banner-box .m-slide .scroll-box {
    overflow:hidden;
    height:750px;
    width:100%
}
.banner-box .m-slide .scroll-box li {
    width:100%;
    height:750px
}
.banner-box .m-slide .scroll-box li a {
    display:block;
    height:750px
}
.banner-box .banner-slider {
    text-align:center;
    position:absolute;
    width:100%;
    bottom:26px;
    z-index:9
}
.banner-box .banner-slider li {
    display:inline-block;
    width:56px;
    height:5px;
    overflow:hidden;
    line-height:40px;
    background-color:#fff;
    margin:0 5px
}
.banner-box .banner-slider li.active {
    background-color:#333
}
.banner-box .fixed-menu {
    position:absolute;
    width:200px;
    height:750px;
    overflow:hidden;
    z-index:10;
    padding:30px
}
.banner-box .fixed-menu .menu, .banner-box .fixed-menu .show {
    display:block;
    width:58px;
    height:58px;
    background-color:#fff
}
.banner-box .fixed-menu .menu-box {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:-200px;
    padding:30px;
    background-color:rgba(51, 51, 51, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f333333, 33, endColorstr=#7f333333, 33);
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.banner-box .fixed-menu .menu-box .menu-list {
    margin-top:12px
}
.banner-box .fixed-menu .menu-box .menu-list a {
    display:block;
    font-size:28px;
    color:#fff;
    line-height:64px
}
.banner-box .fixed-menu .menu-box .menu-list a:hover, .banner-box .fixed-menu .menu-box .menu-list a.active {
    color:#4067cc
}
.banner-box .fixed-menu .menu {
    background-image:url("../images/default_menu.png");
    background-position:center center;
    background-repeat:no-repeat
}
.banner-box .fixed-menu .show {
    background-image:url("../images/show_menu.png");
    background-position:center center;
    background-repeat:no-repeat
}
.banner-box .fixed-menu.show-menu .menu {
    display:none
}
.banner-box .fixed-menu.show-menu .menu-box {
    left:0
}
.notice-box {
    height:64px;
    background-color:#4067cc;
    position:relative;
    z-index:10;
    margin-bottom:20px
}
.notice-box .notice-title {
    position:absolute;
    left:-8px;
    top:-4px;
    height:74px;
    width:138px;
    line-height:74px;
    background-image:url("../images/notice.png");
    background-position:center center;
    background-repeat:no-repeat;
    padding-left:65px;
    font-size:26px;
    color:#fff;
    font-weight:bold
}
.notice-box .notice-list {
    max-width:860px;
    margin-left:152px;
    overflow:hidden;
    height:64px
}
.notice-box .notice-list li {
    line-height:64px;
    overflow:hidden
}
.notice-box .notice-list li a {
    display:block;
    font-size:14px;
    color:#fff
}
.notice-box .more {
    display:block;
    width:120px;
    height:43px;
    line-height:43px;
    position:absolute;
    right:0;
    top:11px;
    background-color:#4067cc;
    text-align:center;
    font-size:18px;
    color:#fff;
    font-weight:bold;
    border-radius:5px;
    border:1px dashed #308dea
}
.m-title {
    position:relative;
    overflow:hidden
}
.m-title .title {
    z-index:2;
    background-color:#f4f5f4;
    padding-right:15px;
    position:relative;
    float:left
}
.m-title .title .cn {
    font-size:32px;
    color:#4067cc;
    font-weight:bold
}
.m-title .title .en {
    display:inline-block;
    margin-left:10px;
    text-transform:uppercase;
    font-size:14px;
    color:#999
}
.m-title .line {
    display:block;
    width:100%;
    height:1px;
    border-bottom:1px dotted #ccc;
    position:absolute;
    left:0;
    bottom:10px
}
.m-title .more {
    position:absolute;
    right:0;
    padding-left:17px;
    line-height:55px;
    float:right;
    font-size:14px;
    color:#999;
    z-index:2;
    background-color:#f4f5f4
}
.m-title .more:hover {
    color:#4067cc
}
.m-them .m-title {
    margin:30px auto 20px
}
.m-them .act-list {
    height:460px !important
}
.m-them .act-item {
    width:386px;
    height:460px;
    overflow:hidden;
    float:left;
    background-image:url("../images/shadow.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    margin-right:20px
}
.m-them .act-item a {
    display:block;
    width:386px;
    height:449px;
    background-color:#fff
}
.m-them .act-item a .img {
    width:386px;
    height:230px;
    overflow:hidden
}
.m-them .act-item a .info {
    width:386px;
    height:220px;
    overflow:hidden;
    padding:14px;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
    border-bottom:4px solid #fff;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.m-them .act-item a .info .title {
    height:38px;
    line-height:38px;
    font-size:20px;
    color:#666;
    overflow:hidden
}
.m-them .act-item a .info .title:before {
    content:'';
    display:inline-block;
    width:2px;
    height:19px;
    margin-right:17px;
    background-color:#4067cc;
    vertical-align:middle
}
.m-them .act-item a .info .content {
    height:96px;
    overflow:hidden;
    font-size:14px;
    color:#666;
    line-height:24px;
    margin-top:16px
}
.m-them .act-item a .info .more {
    display:block;
    font-size:14px;
    color:#666;
    margin-top:12px
}
.m-them .act-item a:hover .info {
    border-bottom-color:#4067cc
}
.m-them .act-item a:hover .info .title {
    color:#4067cc
}
.x-slider {
    text-align:right
}
.x-slider a {
    display:inline-block;
    font-size:22px;
    color:#999;
    margin-left:8px;
    font-weight:bold;
    font-family:SimSun
}
.x-slider a:hover {
    color:#4067cc
}
.m-hotPro .m-title {
    margin:30px auto 25px
}
.hot-pro {
    width:100%;
    min-width:1200px;
    height:464px;
    position:relative;
    overflow:hidden;
    background:#f4f5f4;
    text-align:center;
    margin-bottom:10px
}
.hot-pro .caroufredsel_wrapper {
    height:464px !important;
    margin-left:-352px !important
}
.hot-pro .hot-box {
    width:1200px;
    margin:0 auto
}
.hot-pro .hot-box li {
    float:left;
    width:610px;
    height:419px;
    margin-top:23px;
    overflow:hidden
}
.hot-pro .hot-box li a {
    display:block;
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden
}
.hot-pro .hot-box li a .img {
    display:block;
    width:100%;
    height:100%
}
.hot-pro .hot-box li a .jqthumb * {
    width:100% !important;
    height:100% !important
}
.hot-pro .hot-box li a .shadow {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(51, 51, 51, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f333333, 33, endColorstr=#7f333333, 33);
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    text-align:center
}
.hot-pro .hot-box li a .shadow .box {
    width:312px;
    height:155px;
    overflow:hidden;
    margin:130px auto
}
.hot-pro .hot-box li a .shadow .name {
    font-size:28px;
    color:#fff;
    margin-bottom:18px
}
.hot-pro .hot-box li a .shadow .content {
    font-size:14px;
    color:#ccc;
    line-height:24px
}
.hot-pro .hot-box li a:hover .shadow {
    top:100%
}
.hot-pro .hot-box .current {
    width:710px !important;
    height:460px;
    margin-top:0;
    border:3px solid #4067cc
}
.hot-pro .hot-box .current .shadow {
    top:100%
}
.hot-pro .tempWrap {
    overflow:visible !important;
    height:466px
}
.hot-pro .tempWrap ul {
    margin-left:-462px !important
}
.m-case {
    margin-bottom:36px
}
.m-case .m-title {
    margin:27px auto
}
.m-case .case-list {
    height:496px;
    overflow:hidden
}
.m-case .case-item {
    display:block;
    width:285px;
    height:236px;
    overflow:hidden;
    -webkit-box-shadow:0 3px 3px #ccc;
    -moz-box-shadow:0 3px 3px #ccc;
    box-shadow:0 3px 3px #ccc;
    border:1px solid #dcdcdc
}
.m-case .case-item:hover {
    box-shadow:0 4px 1px #4067cc
}
.m-case .case-item:hover .name {
    color:#4067cc
}
.m-case .case-item .img {
    display:block;
    width:100%;
    height:199px;
    overflow:hidden
}
.m-case .case-item .name {
    font-size:14px;
    color:#666;
    height:38px;
    line-height:38px;
    overflow:hidden;
    padding:0 8px
}
.m-case .case-item .name:before {
    content:'';
    display:inline-block;
    width:2px;
    height:13px;
    background-color:#4067cc;
    vertical-align:middle;
    margin-right:10px
}
.m-case .lg-case {
    width:589px;
    height:492px;
    overflow:hidden
}
.m-case .lg-case .case-item {
    width:589px;
    height:488px
}
.m-case .lg-case .case-item .img {
    height:409px
}
.m-case .lg-case .case-item .name {
    height:77px;
    line-height:77px;
    font-size:20px;
    padding:0 14px
}
.m-case .lg-case .case-item .name:before {
    height:19px
}
.m-case .sm-case-box {
    margin-left:589px
}
.m-case .sm-case-box .case-item {
    float:left;
    margin-left:20px;
    margin-bottom:15px
}
.m-news {
    background-color:#e7e8e9;
    padding-bottom:32px
}
.m-news .m-title {
    margin:0 auto 23px;
    padding-top:34px
}
.m-news .m-title .more, .m-news .m-title .title {
    background-color:#e7e8e9
}
.m-news .news-page .lg-news {
    display:block;
    width:274px;
    height:603px;
    overflow:hidden
}
.m-news .news-page .lg-news .img {
    width:100%;
    height:100%
}
.news-list {
    float:left;
    width:897px;
    margin-right:28px
}
.news-list li a {
    display:block;
    border-bottom:1px dotted #cecece;
    padding-bottom:13px;
    padding-top:13px
}
.news-list li a:after {
    content:'';
    display:block;
    height:0;
    overflow:hidden;
    clear:both
}
.news-list li a:hover .jqthumb {
    -webkit-filter:brightness(0.9)
}
.news-list li a:hover .info .title {
    color:#4067cc
}
.news-list li a .img {
    width:287px;
    height:178px;
    overflow:hidden
}
.news-list li a .info {
    margin-left:306px
}
.news-list li a .info .title {
    font-size:20px;
    color:#666;
    line-height:24px;
    margin-top:16px;
    height:24px;
    margin-bottom:12px
}
.news-list li a .info .content {
    height:94px;
    line-height:24px;
    overflow:hidden;
    font-size:14px;
    color:#666
}
.news-list li:first-child a {
    padding-top:0
}
.m-company {
    height:724px;
    background-image:url("../images/contact_bg.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden
}
.m-company .m-title {
    text-align:center;
    margin-top:127px;
    margin-bottom:40px
}
.m-company .m-title .title {
    float:none;
    background-color:transparent
}
.m-company .m-title .title .cn {
    color:#fff;
}
.m-company .m-title .title .en {
    color:#fff;
}
.m-company .contact {
    width:960px;
    margin:0 auto 22px;
    height:180px;
    max-height:370px;
    overflow:hidden;
    font-size:14px;
    color:#fff;
    line-height:24px
} 
.m-company .more {
    display:block;
    width:125px;
    height:41px;
    margin:0 auto;
    line-height:41px;
    border:2px solid #fff;
    color: #fff;
    text-align:center
}
.m-company .more:hover {
    color:#4067cc;
    border-color:#4067cc
}
.m-qus {
    padding-bottom:40px
}
.m-qus .m-title {
    margin:36px auto 28px
}
.m-qus .qus-list {
    border-bottom:1px dotted #cecece;
    padding-bottom:40px
}
.m-qus .qus-list .qus-item {
    width:399px;
    border-left:1px solid #c9c9c9;
    padding:15px 15px 8px;
    float:left
}
.m-qus .qus-list .qus-item:first-child {
    border-left:0
}
.m-qus .qus-list .qus-item .title {
    display:block;
    line-height:28px;
    max-height:55px;
    overflow:hidden;
    font-size:20px;
    color:#666;
    margin-bottom:22px
}
.m-qus .qus-list .qus-item .content {
    font-size:14px;
    color:#666;
    height:120px;
    overflow:hidden;
    line-height:24px;
    margin-bottom:18px
}
.m-qus .qus-list .qus-item a:hover {
    color:#4067cc
}
.m-video {
    background-color:#393939
}
.m-video .m-title {
    margin:0 auto 38px;
    padding-top:38px
}
.m-video .m-title .title {
    background-color:#393939
}
.m-video .m-title .title .cn, .m-video .m-title .title .en {
    color:#fff
}
.m-video .video-box {
    width:797px;
    height:433px;
    overflow:hidden
}
.m-video .video-list {
    margin-left:797px;
    height:435px;
    overflow:hidden
}
.m-video .video-list .video-item {
    display:block;
    height:144px;
    padding-left:28px;
    padding-right:23px;
    border-bottom:1px dotted #000;
    padding-top:10px
}
.m-video .video-list .video-item:hover {
    background-color:#1f1f1f;
    border-bottom:2px solid #4067cc
}
.m-video .video-list .video-item:hover .cur {
    background-image:url("../images/active_arrow.png")
}
.m-video .video-list .video-item .title {
    font-size:24px;
    color:#ccc;
    line-height:24px;
    height:24px;
    overflow:hidden;
    margin-bottom:18px
}
.m-video .video-list .video-item .content {
    font-size:14px;
    color:#999;
    line-height:24px;
    height:45px;
    overflow:hidden
}
.m-video .video-list .video-item .cur {
    display:block;
    width:12px;
    height:13px;
    margin-top:11px;
    background-image:url("../images/arrow.png");
    background-position:center center;
    background-repeat:no-repeat
}
.m-video .slider {
    text-align:right;
    margin-top:6px;
    margin-bottom:45px
}
.m-video .slider a {
    display:inline-block;
    width:13px;
    height:7px;
    margin-left:8px
}
.m-video .slider .prev {
    background-image:url("../images/up.png");
    background-position:center center;
    background-repeat:no-repeat
}
.m-video .slider .next {
    background-image:url("../images/down.png");
    background-position:center center;
    background-repeat:no-repeat
}
.footer {
    height:310px;
    background-image:url("../images/footer_bg.jpg");
    background-position:center center;
    background-repeat:no-repeat
}
.footer .link-box {
    float:left;
    width:210px;
    padding-left:40px;
    padding-top:23px
}
.footer .link-box.last {
    width:246px
}
.footer .link-box.last .partner-box {
    font-size:0;
    line-height:0
}
.footer .link-box.last .partner-box a {
    display:inline-block;
    float:left;
    width:97px;
    height:42px;
    line-height:42px;
    overflow:hidden;
    margin:3px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    text-align:center
}
.footer .link-box.last .partner-box a img {
    margin:0;
    padding:0;
    max-width:100%;
    max-height:100%;
    vertical-align:middle
}
.footer .link-box h4 {
    font-size:16px;
    color:#fff
}
.footer .link-box .line {
    display:block;
    width:30px;
    height:1px;
    background-color:#4067cc;
    margin:22px 0 12px
}
.footer .link-box a {
    display:block;
    font-size:12px;
    color:#767f88;
    line-height:28px
}
.footer .link-box a:hover {
    color:#ccc
}
.footer .bottom {
    margin-top:30px;
    border-top:1px solid #37404a;
    height:56px;
    line-height:56px
}
.footer .bottom .copyright {
    font-size:12px;
    color:#767f88;
    padding-left:41px
}
.footer .bottom .copyright a {
    color:#767f88
}
.footer .bottom .subshare {
    float:right;
    margin-right:125px;
    margin-top:6px
}
.footer .bottom .subshare .tip-link, .footer .bottom .subshare .bdshare-button-style0-16 a {
    background:0;
    width:34px;
    height:34px;
    position:relative;
    padding-left:0
}
.footer .bottom .subshare .tip-link i, .footer .bottom .subshare .bdshare-button-style0-16 a i {
    display:block;
    width:34px;
    height:34px;
    overflow:hidden;
    background-image:url("../images/footer_icon.png");
    background-position:0 0;
    background-repeat:no-repeat
}
.footer .bottom .subshare .tip {
    position:absolute;
    background:#fff;
    display:none;
    box-shadow:0 1px 1px 1px #ddd;
    z-index:9;
    font-size:14px;
    color:#333;
    line-height:35px;
    text-align:center;
    font-weight:bold;
    left:-70px;
    width:170px;
    top:-49px;
    transition:all .4s ease
}
.footer .bottom .subshare .tip:after {
    content:'';
    width:0;
    height:0;
    position:absolute;
    bottom:-13px;
    left:80px;
    border:6px solid transparent;
    border-top:6px solid #fff
}
.footer .bottom .subshare .bds_tsina {
    background-image:url("../images/footer_icon.png") !important;
    background-position:0 0 !important;
    background-repeat:no-repeat !important
}
.footer .bottom .subshare .bds_weixin {
    background-image:url("../images/footer_icon.png") !important;
    background-position:-42px 0 !important;
    background-repeat:no-repeat !important
}
.footer .bottom .subshare .phone .icon {
    background-position:-85px 0
}
.footer .bottom .subshare .phone:hover .tip {
    display:block
}
.footer .bottom .subshare .addr .icon {
    background-position:-128px 0
}
.inner .banner-box {
    height:531px
}
.inner .banner-box .fixed-menu {
    height:531px
}
.inner .banner-box .fixed-menu .menu-box a {
    font-size:22px;
    line-height:50px
}
.inner .banner-box .fixed-menu .menu, .inner .banner-box .fixed-menu .show {
    width:48px;
    height:48px
}
.inner .banner-box .fixed-menu .menu {
    background-image:url("../images/sm_menu.png")
}
.inner .banner-box .fixed-menu .show {
    background-image:url("../images/sm_show_menu.png")
}
.inner .banner-box .m-slide .scroll-box {
    overflow:hidden;
    height:531px
}
.inner .banner-box .m-slide .scroll-box li {
    height:531px
}
.inner .banner-box .m-slide .scroll-box li a {
    display:block;
    height:531px
}
.inner .banner-box .m-slide .banner-slider {
    bottom:4px
}
.inner .banner-box .m-slide .banner-slider li {
    width:36px;
    height:3px;
    background-color:#fff
}
.inner .banner-box .m-slide .banner-slider li.active {
    background-color:#a2b631
}
.inner .main-box {
    margin-bottom:27px
}
.u-menubox {
    width:270px
}
.u-menubox .u-title-box {
    height:85px;
    overflow:hidden;
    color:#fff;
    padding:12px 22px 0;
    background-color:#4067cc;
    background-image:url("../images/title_bg.png");
    background-position:right top;
    background-repeat:no-repeat
}
.u-menubox .u-title-box h2 {
    font-size:24px;
    font-weight:bold;
    line-height:36px
}
.u-menubox .u-title-box .toupper {
    font-size:14px
}
.u-menubox .u-menulist {
    background-color:#4067cc;
    margin-bottom:20px
}
.u-menubox .u-menulist h4 {
    margin:0 9px;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #acbe45;
    position:relative
}
.u-menubox .u-menulist h4 a {
    display:block;
    width:230px;
    height:40px;
    overflow:hidden;
    padding-left:24px;
    font-size:14px;
    color:#fff
}
.u-menubox .u-menulist h4.active:after {
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.u-menubox .u-menulist h4:after {
    content:'';
    position:absolute;
    right:6px;
    top:13px;
    display:inline-block;
    width:14px;
    height:14px;
    background-image:url("../images/c-up.png");
    background-position:center center;
    background-repeat:no-repeat
}
.u-menubox .u-menulist .sm-menu {
    display:none
}
.u-menubox .u-menulist .sm-menu li {
    padding:0 9px;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #acbe45;
    position:relative
}
.u-menubox .u-menulist .sm-menu li a {
    display:block;
    width:230px;
    height:40px;
    overflow:hidden;
    padding-left:40px;
    font-size:14px;
    color:#fff
}
.u-menubox .u-menulist .sm-menu li:after {
    content:'';
    position:absolute;
    right:15px;
    top:13px;
    display:none;
    width:14px;
    height:14px;
    background-image:url("../images/right.png");
    background-position:center center;
    background-repeat:no-repeat
}
.u-menubox .u-menulist .sm-menu li:hover {
    background-color:#4067cc
}
.u-menubox .u-menulist .sm-menu li:hover:after {
    display:block
}
.u-menubox .tel {
    min-height:272px;
    background-color:#4067cc;
    background-image:url("../images/map.png");
    background-position:center center;
    background-repeat:no-repeat;
    color:#fff;
    padding:20px 12px
}
.u-menubox .tel p {
    padding-left:34px;
    background-image:url("../images/inner-tel.png");
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:14px;
    line-height:36px
}
.u-menubox .tel .phone {
    line-height:34px;
    font-size:22px;
    font-weight:bold;
    background-position:0 6px
}
.u-menubox .tel .email {
    background-position:0 -26px
}
.u-menubox .tel .addr {
    background-position:0 -56px
}
.u-menubox .tel .code {
    background-position:0 -90px
}
.u-page {
    margin-left:304px
}
.u-page .u-content {
    overflow:hidden
}
.u-page .u-content .title-box {
    text-align:center;
    padding:20px 0
}
.u-page .u-content .title-box h2 {
    margin-bottom:10px;
    font-size:24px;
    color:#333;
    line-height:38px
}
.u-page .u-content .title-box p {
    font-size:16px;
    color:#666
}
.u-page .u-content .content {
    font-size:14px;
    color:#666;
    line-height:24px;
	padding:15px 5px;
	border-top:1px solid #bbb;
}
.u-page .u-content .content .video-box {
    width: 100%;
    height: 600px;
}
.u-page .u-content .detail-img {
    text-align:center;
    position:relative;
    margin:10px 0
}
.u-page .u-content .detail-img a {
    position:absolute;
    display:block;
    width:41px;
    height:64px;
    top:50%;
    background:url(../images/scroll.png) no-repeat;
    filter:alpha(opacity=80);
    opacity:.8;
    -moz-opacity:.8
}
.u-page .u-content .detail-img a:hover {
    opacity:1;
    filter:alpha(opacity=100)
}
.u-page .u-content .detail-img .debtn-prev {
    left:0;
    background-position:0 0
}
.u-page .u-content .detail-img .debtn-next {
    right:0;
    background-position:-41px 0
}
.pic-list {
    margin:-3px -10px
}
.pic-list li {
    float:left;
    margin:3px 10px
}
.pic-list li a {
    display:block;
    width:285px;
    height:212px;
    overflow:hidden;
    font-size:16px;
    color:#999;
    text-align:center;
    line-height:32px
}
.pic-list li a .img {
    width:285px;
    height:180px;
    overflow:hidden;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.pic-list li a:hover .jqthumb {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.sub-message {
    padding:50px 30px;
    color:#333;
    font-family:"microsoft yahei"
}
.sub-message .m-textimg {
    font-size:14px;
    margin-bottom:20px;
    line-height:24px
}
.sub-message .m-textimg img {
    float:left;
    margin-right:15px
}
.sub-message i {
    font-style:normal;
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding-right:5px;
    color:#c00
}
.sub-message .m-tage {
    padding:5px 0
}
.sub-message .m-form {
    padding:10px;
    margin-bottom:10px
}
.sub-message table {
    width:100%
}
.sub-message .m-form table td {
    padding:7px 0
}
.sub-message label {
    display:inline-block;
    width:95px;
    height:30px;
    line-height:30px;
    text-align:right;
    position:relative;
    top:-1px;
    font-size:14px
}
.sub-message .m-form table input {
    width:60%;
    height:28px;
    line-height:28px;
    padding-left:5px;
    vertical-align:middle
}
.sub-message .m-form .td-textarea {
    vertical-align:middle;
    width:60%
}
.sub-message .m-form .td-textarea label {
    float:left
}
.sub-message .m-form .td-textarea textarea {
    width:70%;
    height:168px;
    padding:5px
}
.sub-message .m-submit {
    text-align:right;
    vertical-align:top
}
.sub-message .m-submit img {
    margin-left:5px;
    vertical-align:top
}
.sub-message .m-submit .btn {
    width:80px;
    height:28px;
    line-height:24px;
    margin:0;
    margin-left:5px;
    border:0;
    font-family:"microsoft yahei";
    cursor:pointer;
    font-size:14px
}
.sub-message .m-submit .btn:hover {
    filter:alpha(opacity=90);
    opacity:.9;
    -moz-opacity:.9;
    -khtml-opacity:.9
}
.sub-message .m-submit input {
    vertical-align:top;
    height:24px;
    line-height:24px;
    margin:0;
    width:80px;
    cursor:auto;
    padding-left:5px
}
.sub-message .m-submit input, .sub-message .m-form table input, .sub-message .m-form .td-textarea textarea {
    border:1px solid #e1e1e1;
    background:#FFF
}
.sub-message .m-form {
    border:1px solid #e0e0e0;
    background:#f5f3f3
}
.sub-message .m-submit .btn {
    color:#fff;
    background:#4067cc
}

.u-page .content .video {
    height: 600px;
}