@import url('font-awesome.css');
@import url('animate.css');

* {
    /*word-break: break-word;*/
    word-wrap: break-word;
/ / 只对英文起作用，以单词作为换行依据。 white-space: pre-wrap;
/ / 只对中文起作用，强制换行。 text-align: justify;
/ / css英文语句的两端对齐： text-justify: inter-ideograph;
}

body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    color: #656565;
}

a:active {
    outline: 0;
}

.clear {
    clear: both;
}

h1,
h2 {
    font-weight: 700;
    line-height: 1.1em;
    color: #333;
    margin-bottom: 20px;
}

h3,
h4,
h5,
h6 {
    line-height: 1.1em;
    color: #333;
    margin-bottom: 20px;
}

input,
button,
select,
textarea {
    border-radius: 0px !important;
}

#wrapper {
    position: relative;
    /* min-height:100vh; */
    padding-bottom: 120px; /*将padding-bottom大小设置为底部内容的高度 */
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}

.widget {
    color: #858585;
}

.row,
.row-fluid {
    margin-bottom: 10px;
}

.row .row,
.row-fluid .row-fluid {
    margin-bottom: 30px;
}

.row.nomargin,
.row-fluid.nomargin {
    margin-bottom: 0;
}

.about-image img {
    width: 100%;
}

img.img-polaroid {
    margin: 0 0 20px 0;
}

.img-box {
    max-width: 100%;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top: 13px;
}

/*  Header
==================================== */
.topbar {
    background-color: #3363AB;
    padding: 10px 0;
    color: #fff;
}

.topbar .container .row {
    margin: 0;
    padding: 0;
}

.topbar .container .row .col-md-12 {
    padding: 0;
}

.topbar p {
    margin: 0;
    display: inline-block;
    font-size: 14px;
}

.topbar p > i {
    margin-right: 5px;
}

.topbar p:last-child {
    text-align: right;
}

header .navbar {
    margin-bottom: 0;
}

.navbar-default {
    border: none;
}

.navbar-brand {
    color: #222;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -1px;
    margin-top: 14px;
    padding: 0 0 0 15px;
}

.navbar-default .navbar-brand {
    color: #1891EC;
}

header .navbar-collapse ul.navbar-nav {
    float: right;
    /*margin-right: 5%;*/
}

header .navbar {
    min-height: 70px;
    padding: 18px 0;
    background: #fff;
}

.home-page header .navbar-default {
    background: rgb(255, 255, 255);
    /* position: absolute; */
    width: 100%;
}

header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:hover,
header .navbar-default .navbar-nav > .open > a:focus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

header .navbar {
    /* min-height: 70px; */
    min-height: 85px;
    padding: 5px 0;
}

header .navbar-nav > li {
    padding-bottom: 12px;
    padding-top: 12px;
}

header .navbar-nav > li > a {
    padding:5px 8px 6px 8px;
    /*margin-left: 2px;*/
    line-height: 30px;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.dropdown-menu li a:hover {
    color: #fff !important;
    background: #3363AB !important;
}

header .nav .caret {
    border-bottom-color: #3363AB;
    border-top-color: #3363AB;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff;
}

.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    border: none;
}

.dropdown-menu li:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

header .nav li .dropdown-menu {
    padding: 0;
}

header .nav li .dropdown-menu li a {
    font-size: 14px;
    line-height: 28px;
    padding: 3px 12px;
}

/* --- menu --- */
.flex-caption p {
    line-height: 22px;
    font-weight: 300;
    color: #000;
}

header .navigation {
    float: right;
}

header ul.nav li {
    border: none;
    margin: 0;
}

header ul.nav li a {
    font-size: 14px;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
}

header ul.nav li ul li a {
    font-size: 12px;
    border: none;
    font-weight: 300;
    text-transform: uppercase;
}

.navbar .nav > li > a {
    color: #333;
    text-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0) !important;
    font-weight: 700;
}

.navbar .nav a:hover {
    background: none;
    /* color: #03A9F4; */
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover {
    background: none;
    font-weight: 700;
}

.navbar .nav > .active > a:active,
.navbar .nav > .active > a:focus {
    background: none;
    outline: 0;
    font-weight: 700;
}

.navbar .nav li .dropdown-menu {
    z-index: 2000;
}

header ul.nav li ul {
    margin-top: 1px;
}

header ul.nav li ul li ul {
    margin: 1px 0 0 1px;
}

.dropdown-menu .dropdown i {
    position: absolute;
    right: 0;
    margin-top: 3px;
    padding-left: 20px;
}

.navbar .nav > li > .dropdown-menu:before {
    display: inline-block;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-bottom-color: none;
    content: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background: #3363AB;
    border-radius: 0;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #3363AB;
    background-color: transparent;
}

ul.nav li.dropdown a {
    z-index: 1000;
    display: block;
}

select.selectmenu {
    display: none;
}

.pageTitle {
    color: #fff;
    margin: 30px 0 3px;
    display: inline-block;
}

#banner {
    width: 100%;
    background: #000;
    position: relative;
    margin: 0;
    padding: 0;
}

/*  Sliders
==================================== */
/* --- flexslider --- */
#main-slider:before {
    /* content: ''; */
    width: 100%;
    height: 100%;
    background: rgba(43, 150, 204, 0.1);
    z-index: 1;
    position: absolute;
}

.flex-direction-nav a {
    display: none;
}

.flexslider {
    padding: 15px 0 0 0;
    background: #fff;
    position: relative;
    zoom: 1;
}

.flex-direction-nav .flex-prev {
    left: 0px;
}

.flex-direction-nav .flex-next {
    right: 0px;
}

.flex-caption {
    zoom: 1;
    bottom: 198px;
    background-color: rgba(255, 255, 255, 0.44);
    color: #fff;
    margin: 0;
    padding: 25px 25px 25px 30px;
    position: absolute;
    left: 0;
    text-align: center;
    margin: 0 auto;
    right: 0px;
    display: inline-block;
    bottom: 50px;
}

.flex-caption h3 {
    color: #000;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 700;
}

.flex-caption p {
    margin: 12px 0 18px;
    font-size: 22px;
    font-weight: 600;
}

.skill-home {
    margin-bottom: 50px;
}

.c1 {
    border: #ed5441 1px solid;
    background: #ed5441;
}

.c2 {
    border: #24c4db 1px solid;
    background: #24c4db;
}

.c3 {
    border: #1891EC 1px solid;
    background: #1891EC;
}

.c4 {
    border: #609cec 1px solid;
    background: #609cec;
}

.skill-home .icons {
    padding: 30px 0 0 0;
    width: 94px;
    height: 94px;
    color: #fff;
    font-size: 42px;
    font-size: 38px;
    text-align: center;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 0;
    display: inline-table;
    border: 1px solid #3363AB;
    color: #3363AB;
    background: transparent;
    border-radius: 0 15px 0 0;
}

.skill-home h2 {
    padding-top: 20px;
    font-size: 36px;
    font-weight: 700;
}

.testimonial-solid {
    padding: 50px 0 60px 0;
    margin: 0 0 0 0;
    background: #FFFFFF;
    text-align: center;
}

.testi-icon-area {
    text-align: center;
    position: absolute;
    top: -84px;
    margin: 0 auto;
    width: 100%;
}

.testi-icon-area .quote {
    padding: 15px 0 0 0;
    margin: 0 0 0 0;
    background: #ffffff;
    text-align: center;
    color: #1891EC;
    display: inline-table;
    width: 70px;
    height: 70px;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 42px;
    border: 1px solid #1891EC;
    display: none;
}

.testi-icon-area .carousel-inner {
    margin: 20px 0;
}

.carousel-indicators {
    bottom: -30px;
}

.text-center img {
    margin: auto;
}

.aboutUs {
    padding: 40px 0;
    background: #F2F2F2;
}

img.img-center {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.home-about {
    padding: 20px 0 0px;
}

.home-about hr {
    padding: 0;
    margin: 0;
}

.home-about .info-box {
}

.tlinks {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

/* Testimonial
----------------------------------*/
.testimonial-area {
    padding: 0 0 0 0;
    margin: 0;
    /*background: url(../img/low-poly01.jpg) fixed center center;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}

.testimonial-solid p {
    color: #000000;
    font-size: 16px;
    line-height: 30px;
    font-style: italic;
}

section.hero-text {
    background: #F4783B;
    padding: 50px 0 50px 0;
    color: #fff;
}

section.hero-text h1 {
    color: #fff;
}

/* Clients
------------------------------------ */
#clients {
    padding: 60px 0;
}

#clients .client .img {
    height: 76px;
    width: 138px;
    cursor: pointer;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
}

#clients .client .img:hover {
    cursor: pointer;
    /*box-shadow: 0px 0px 2px 0px rgb(155, 155, 155);*/
    border-radius: 8px;
}

#clients .client .client1 {
    background: url("../img/client1.png") 0 -75px;
}

#clients .client .client1:hover {
    background-position: 1px 0px;
}

#clients .client .client2 {
    background: url("../img/client2.png") 0 -75px;
}

#clients .client .client2:hover {
    background-position: -1px 0px;
}

#clients .client .client3 {
    background: url("../img/client3.png") 0 -76px;
}

#clients .client .client3:hover {
    background-position: 0px 0px;
}

/* Content
==================================== */

#content {
    position: relative;
    background: #fff;
    padding: 20px 0 0px 0;
}

.cta-text {
    text-align: center;
    margin-top: 10px;
}

.big-cta .cta {
    margin-top: 10px;
}

.box {
    width: 100%;
}

.box-gray {
    background: #f8f8f8;
    padding: 20px 20px 30px;
}

.box-gray h4,
.box-gray i {
    margin-bottom: 20px;
}

.box-bottom {
    padding: 20px 0;
    text-align: center;
}

.box-bottom a {
    color: #fff;
    font-weight: 700;
}

.box-bottom a:hover {
    color: #eee;
    text-decoration: none;
}

/* Bottom
==================================== */

#bottom {
    background: #fcfcfc;
    padding: 50px 0 0;

}

/* twitter */
#twitter-wrapper {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

#twitter em {
    font-style: normal;
    font-size: 13px;
}

#twitter em.twitterTime a {
    font-weight: 600;
}

#twitter ul {
    padding: 0;
    list-style: none;
}

#twitter ul li {
    font-size: 20px;
    line-height: 1.6em;
    font-weight: 300;
    margin-bottom: 20px;
    position: relative;
    word-wrap: break-word;
}

/* page headline
==================================== */

#inner-headline {
    background: #fafafa;
    position: relative;
    margin: 0;
    padding: 0;
    color: #1891EC;
}

#inner-headline h2.pageTitle {
    color: #FFFFFF;
    padding: 5px 0;
    display: block;
}

/* --- breadcrumbs --- */
#inner-headline ul.breadcrumb {
    margin: 40px 0;
    float: left;
}

#inner-headline ul.breadcrumb li {
    margin-bottom: 0;
    padding-bottom: 0;
}

#inner-headline ul.breadcrumb li {
    font-size: 13px;
    color: #fff;
}

#inner-headline ul.breadcrumb li i {
    color: #dedede;
}

#inner-headline ul.breadcrumb li a {
    color: #fff;
}

ul.breadcrumb li a:hover {
    text-decoration: none;
}

/* Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
    width: 100%;
    border: 1px solid #f5f5f5;
    min-height: 40px;
    padding-left: 20px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

form#contactform textarea {
    border: 1px solid #f5f5f5;
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

form#contactform .validation {
    font-size: 11px;
}

#sendmessage {
    border: 1px solid #e6e6e6;
    background: #f6f6f6;
    display: none;
    text-align: center;
    padding: 15px 12px 15px 65px;
    margin: 10px 0;
    font-weight: 600;
    margin-bottom: 30px;

}

#sendmessage.show,
.show {
    display: block;
}

form#commentform input[type="text"] {
    width: 100%;
    min-height: 40px;
    padding-left: 20px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

/* --- search form --- */
.search {
    float: right;
    margin: 35px 0 0;
    padding-bottom: 0;
}

#inner-headline form.input-append {
    margin: 0;
    padding: 0;
}

.about-text h3 {
    font-size: 22px;
    padding-bottom: 20px;
}

.about-text .btn {
    margin-top: 20px;
    font-size: 15px;
    text-align: justify;
}

.about-text ul li span {
    display: inline-block;
    float: right;

}

.about-image img {
    border: 5px solid #F6F6F6;
}

.about-text ul {
    margin-top: 30px;
}

.about-text li {
    margin-bottom: 10px;
/ / font-weight: bold;
}

.about-text-2 img {
    border: 5px solid #ddd;
    margin-bottom: 20px;
}

.about-text-2 p {
    margin-bottom: 20px;
}

#call-to-action {
    /*background: url(../images/bg/about.jpg) no-repeat;*/
    background-attachment: fixed;
    background-position: top center;
    padding: 100px 0;
    color: #fff;
}

.call-to-action h3 {
    font-size: 40px;
    letter-spacing: 15px;
    color: #fff;
    padding-bottom: 30px;
}

.call-to-action p {
    color: #999;
    padding-bottom: 20px;
}

.call-to-action .btn-primary {
    background-color: transparent;
    border-color: #999;
}

.call-to-action .btn-primary:hover {
    background-color: #151515;
    color: #999;
    border-color: #151515;
}

#call-to-action-2 {
    background-color: #3363AB;
    padding: 50px 0;
}

#call-to-action-2 h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
}

#call-to-action-2 p {
    color: #fff;
}

#call-to-action-2 .btn-primary {
    border-color: #FFFFFF;
    background: #FFFFFF;
    margin-top: 50px;
    color: #000;
}

section.section-padding.gray-bg {
    background: url(../img/index_sns.jpg) no-repeat center;
    /* background: #3363AB; */
    /* padding: 60px; */
    /* color: #fff; */
}

#accordion-alt3 .panel-heading h4 {
    font-size: 13px;
    line-height: 28px;
}

.panel .panel-heading h4 {
    font-weight: 400;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px;
}

.panel {
    margin-bottom: 18px;
    background-color: #F4F4F4;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#accordion-alt3 .panel-heading h4 a i {
    font-size: 17px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    color: #3363AB;
    text-align: center;
    border-radius: 50%;
    margin-left: 6px;
    font-weight: bold;
}

.progress.pb-sm {
    height: 6px !important;
}

.progress {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
}

.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .progress-bar.progress-bar-red {
    background: #ed5441;
}

.progress .progress-bar.progress-bar-green {
    background: #51d466;
}

.progress .progress-bar.progress-bar-lblue {
    background: #32c8de;
}

/* --- portfolio detail --- */
.top-wrapper {
    margin-bottom: 20px;
}

.info-blocks {
    margin-bottom: 15px;
}

.info-blocks i.icon-info-blocks {
    float: left;
    color: #3363AB;
    font-size: 30px;
    min-width: 50px;
    margin-top: 7px;
    text-align: center;
    background: #E6E6E6;
    width: 72px;
    height: 72px;
    padding-top: 21px;
}

.info-blocks .info-blocks-in {
    padding: 0 10px;
    overflow: hidden;
}

.info-blocks .info-blocks-in h3 {
    color: #555;
    font-size: 20px;
    line-height: 28px;
    margin: 0px;
}

.info-blocks .info-blocks-in p {
    font-size: 14px;
}

blockquote {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    padding-left: 0;
    color: #a2a2a2;
    line-height: 1.6em;
    border: none;
}

blockquote cite {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
    color: #555;
}

/* --- pullquotes --- */

.pullquote-left {
    display: block;
    color: #a2a2a2;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    line-height: 1.6em;
    padding-left: 20px;
}

.pullquote-right {
    display: block;
    color: #a2a2a2;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    line-height: 1.6em;
    padding-right: 20px;
}

/* --- button --- */
.btn {
    text-align: center;
    color: #FFFFFF;
    padding: 12px 25px;
    border-radius: 0;
    /* background: #3363AB; */
    background-color: rgba(255, 255, 255, 0.44);
}

.btn-theme {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    padding: 12px 30px;
    font-weight: bold;
}

.btn-theme:hover {
    color: #eee;
}

/* --- list style --- */

ul.general {
    list-style: none;
    margin-left: 0;
}

ul.link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.link-list li {
    margin: 0;
    padding: 2px 0 2px 0;
    list-style: none;
}

footer {
    position: relative;

}

footer ul.link-list li a {
    color: #8C8C8C;
}

footer ul.link-list li a:hover {
    color: #eee;
}

/* --- Heading style --- */

h4.heading {
    font-weight: 700;
}

.heading {
    margin-bottom: 30px;
}

.heading {
    position: relative;

}

.widgetheading {
    width: 100%;

    padding: 0;
}

#bottom .widgetheading {
    position: relative;
    border-bottom: #e6e6e6 1px solid;
    padding-bottom: 9px;
}

aside .widgetheading {
    position: relative;
    border-bottom: #e9e9e9 1px solid;
    padding-bottom: 9px;
}

footer .widgetheading {
    position: relative;
}

footer .widget .social-network {
    position: relative;
}

.team-member h4 {
    text-align: center;
    margin-bottom: 5px;
}

.team-member .deg {
    text-align: center;
    display: block;
}

#bottom .widget .widgetheading span,
aside .widget .widgetheading span,
footer .widget .widgetheading span {
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: -1px;
    right: 0;

}

.box-area {
    padding: 0 0;
    /* padding-top: 16px; */
}

/* --- Map --- */
.map {
    position: relative;
    margin-top: -50px;
    margin-bottom: 40px;
}

.map iframe {
    width: 100%;
    height: 450px;
    border: none;
}

.map-grid iframe {
    width: 100%;
    height: 350px;
    border: none;
    margin: 0 0 -5px 0;
    padding: 0;
}

ul.team-detail {
    margin: -10px 0 0 0;
    padding: 0;
    list-style: none;
}

ul.team-detail li {
    border-bottom: 1px dotted #e9e9e9;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    list-style: none;
}

ul.team-detail li label {
    font-size: 13px;
}

ul.team-detail li h4,
ul.team-detail li label {
    margin-bottom: 0;
}

ul.team-detail li ul.social-network {
    border: none;
    margin: 0;
    padding: 0;
}

ul.team-detail li ul.social-network li {
    border: none;
    margin: 0;
}

ul.team-detail li ul.social-network li i {
    margin: 0;
}

.pricing-title {
    background: #fff;
    text-align: center;
    padding: 10px 0 10px 0;
}

.pricing-title h3 {
    font-weight: 600;
    margin-bottom: 0;
}

.pricing-offer {
    background: #fcfcfc;
    text-align: center;
    padding: 40px 0 40px 0;
    font-size: 18px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.pricing-box.activeItem .pricing-offer {
    color: #fff;
}

.pricing-offer strong {
    font-size: 78px;
    line-height: 89px;
}

.pricing-offer sup {
    font-size: 28px;
}

.pricing-container {
    background: #fff;
    text-align: center;
    font-size: 14px;
}

.pricing-container strong {
    color: #353535;
}

.pricing-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing-container ul li {
    border-bottom: 1px solid #CFCFCF;
    list-style: none;
    padding: 15px 0 15px 0;
    margin: 0 0 0 0;
    color: #222;
}

.pricing-action {
    margin: 0;
    background: #fcfcfc;
    text-align: center;
    padding: 20px 0 30px 0;
}

.pricing-wrapp {
    margin: 0 auto;
    width: 100%;
    background: #fd0000;
}

.pricing-box-item {
    border: 1px solid #e6e6e6;
    background: #fcfcfc;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.pricing-box-item .pricing-heading {
    background: #fcfcfc;
    text-align: center;
    padding: 50px 0;
    display: block;
}

.pricing-box-item.activeItem .pricing-heading {
    background: #fcfcfc;
    text-align: center;
    border-bottom: none;
    display: block;
    color: #fff;
}

.pricing-box-item.activeItem .pricing-heading h3 {
}

.pricing-box-item .pricing-heading h3 strong {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
}

.pricing-box-item .pricing-heading h3 {
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -1px;
}

.pricing-box-item .pricing-terms {
    text-align: center;
    background: #fff;
    display: block;
    overflow: hidden;
    padding: 11px 0 5px;
    border-top: 2px solid #BBBBBB;
    border-bottom: 2px dotted #CDCDCD;
}

.pricing-box-item .pricing-terms h6 {
    font-style: italic;
    margin-top: 10px;
    color: #3363AB;
    font-size: 17px;
    font-family: 'Noto Serif', serif;
}

.pricing-box-item .icon .price-circled {
    margin: 10px 10px 10px 0;
    display: inline-block !important;
    text-align: center !important;
    color: #fff;
    width: 68px;
    height: 68px;
    padding: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 68px;
    text-shadow: none;
    cursor: pointer;
    background-color: #888;
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}

.pricing-box-item .pricing-action {
    margin: 0;
    text-align: center;
    padding: 30px 0 30px 0;
}

.pricing-action .btn {
    background: #3363AB;
    color: #fff;
}

/* ===== Widgets ===== */

/* --- flickr --- */
.widget .flickr_badge {
    width: 100%;
}

.widget .flickr_badge img {
    margin: 0 9px 20px 0;
}

footer .widget .flickr_badge {
    width: 100%;
}

footer .widget .flickr_badge img {
    margin: 0 9px 20px 0;
}

.flickr_badge img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 9px 20px 0;
}

/* --- Recent post widget --- */

.recent-post {
    margin: 20px 0 0 0;
    padding: 0;
    line-height: 18px;
}

.recent-post h5 a:hover {
    text-decoration: none;
}

.recent-post .text h5 a {
    color: #353535;
}

footer {
    padding: 1px 0 0 0;
    color: #f8f8f8;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #eee;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #fff;
}

footer address {
    line-height: 1.6em;
    color: #797979;
}

footer h5 a:hover,
footer a:hover {
    text-decoration: none;
}

ul.social-network {
    list-style: none;
    margin: 0;
}

ul.social-network li {
    display: inline;
    margin: 0 5px;
    border: 1px solid #2D2D2D;
    padding: 5px 0 0;
    width: 32px;
    display: inline-block;
    text-align: center;
    height: 32px;
    vertical-align: baseline;
}

#sub-footer {
    text-shadow: none;
    color: #f5f5f5;
    padding: 0;
    padding-top: 15px;
    /* margin: 20px 0 0 0; */
    /* background: #2C3E50; */
    background: #3363AB;
}

#content-logo {
    background: #FFF;
    padding: 10px;
}

#sub-footer p {
    margin: 0;
    padding: 0;
}

#sub-footer span {
    color: #f5f5f5;
}

.copyright p {
    text-align: left;
    font-size: 10px;
}

#sub-footer ul.social-network {
    float: right;
}

/* scroll to top */
.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 0px;
    right: 20px;

    background: #000000;

}

a.scrollup {
    outline: 0;
    text-align: center;
}

a.scrollup:hover,
a.scrollup:active,
a.scrollup:focus {
    opacity: 1;
    text-decoration: none;
}

a.scrollup i {
    margin-top: 10px;
    color: #fff;
}

a.scrollup i:hover {
    text-decoration: none;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.aligncenter {
    text-align: center;
}

.aligncenter span {
    margin-left: 0;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.floatnone {
    float: none;
}

.aligncenter {
    text-align: center;
}

img.pull-left,
.align-left {
    float: left;
    margin: 0 15px 15px 0;
}

.widget img.pull-left {
    float: left;
    margin: 0 15px 15px 0;
}

img.pull-right,
.align-right {
    float: right;
    margin: 0 0 15px 15px;
}

article img.pull-left,
article .align-left {
    float: left;
    margin: 5px 15px 15px 0;
}

article img.pull-right,
article .align-right {
    float: right;
    margin: 5px 0 15px 15px;
}

.clear-marginbot {
    margin-bottom: 0;
}

.marginbot10 {
    margin-bottom: 10px;
}

.marginbot20 {
    margin-bottom: 20px;
}

.marginbot30 {
    margin-bottom: 30px;
}

.marginbot40 {
    margin-bottom: 40px;
}

.clear-margintop {
    margin-top: 0;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop30 {
    margin-top: 30px;
}

.margintop40 {
    margin-top: 40px;
}

.flex-control-paging li a {
    width: 30px;
    height: 10px;
    border-radius: 0;
}

.btn:hover,
.btn:focus {
    color: #FFF;
    text-decoration: none;
    background: #3363AB;
}

/*  Media queries
============================= */

/*@media (min-width: 768px) and (max-width: 979px) {*/

    /*a.detail {*/
        /*background: none;*/
        /*width: 100%;*/
    /*}*/

    /*footer .widget form input#appendedInputButton {*/
        /*display: block;*/
        /*width: 91%;*/
        /*-webkit-border-radius: 4px 4px 4px 4px;*/
        /*-moz-border-radius: 4px 4px 4px 4px;*/
        /*border-radius: 4px 4px 4px 4px;*/
    /*}*/

    /*footer .widget form .input-append .btn {*/
        /*display: block;*/
        /*width: 100%;*/
        /*padding-right: 0;*/
        /*padding-left: 0;*/
        /*-webkit-box-sizing: border-box;*/
        /*-moz-box-sizing: border-box;*/
        /*box-sizing: border-box;*/
        /*margin-top: 10px;*/
    /*}*/

    /*ul.related-folio li {*/
        /*width: 156px;*/
        /*margin: 0 20px 0 0;*/
    /*}*/
/*}*/

/*@media (max-width: 767px) {*/
    /*.navbar-default .navbar-collapse {*/
        /*border-color: none;*/
        /*background: #000000;*/
    /*}*/

    /*.navbar-default .navbar-toggle .icon-bar {*/
        /*background-color: #868686;*/
        /*border-radius: 0;*/
    /*}*/

    /*.navbar-default .navbar-toggle:hover,*/
    /*.navbar-default .navbar-toggle:focus {*/
        /*background-color: rgba(221, 221, 221, 0);*/
    /*}*/

    /*.navbar-default .navbar-collapse,*/
    /*.navbar-default .navbar-form {*/
        /*border-color: rgba(255, 255, 255, 0.58);*/
        /*margin-top: 15px;*/
    /*}*/

    /*body {*/
        /*font-family: "微软雅黑";*/
        /*padding-right: 0;*/
        /*padding-left: 0;*/
    /*}*/

    /*.navbar-brand {*/
        /*margin-top: 10px;*/
        /*border-bottom: none;*/
    /*}*/

    /*.navbar-header {*/
        /*!* margin-top: 20px; *!*/
        /*border-bottom: none;*/
    /*}*/

    /*.navbar-nav {*/
        /*border-top: none;*/
        /*float: none;*/
        /*width: 100%;*/
    /*}*/

    /*.navbar .nav > .active > a,*/
    /*.navbar .nav > .active > a:hover {*/
        /*background: none;*/
        /*font-weight: 700;*/
        /*color: #FFFFFF;*/
    /*}*/

    /*header .navbar-nav > li {*/
        /*padding-bottom: 2px;*/
        /*padding-top: 3px;*/
    /*}*/

    /*header .nav li .dropdown-menu {*/
        /*margin-top: 0;*/
    /*}*/

    /*.dropdown-menu {*/
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 40px;*/
        /*z-index: 1000;*/
        /*display: none;*/
        /*float: left;*/
        /*min-width: 160px;*/
        /*padding: 5px 0;*/
        /*margin: 2px 0 0;*/
        /*font-size: 14px;*/
        /*list-style: none;*/
        /*background-color: #fff;*/
        /*background-clip: padding-box;*/
        /*border: 1px solid #f5f5f5;*/
        /*border: 1px solid rgba(0, 0, 0, .15);*/
        /*border-radius: 0;*/
        /*-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
        /*box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
    /*}*/

    /*li.active {*/
        /*border: none;*/
        /*overflow: hidden;*/
        /*background: #3363AB;*/
    /*}*/

    /*.box {*/
        /*border-bottom: 1px solid #e9e9e9;*/
        /*padding-bottom: 20px;*/
    /*}*/

    /*.flexslider .slide-caption {*/
        /*width: 90%;*/
        /*padding: 2%;*/
        /*position: absolute;*/
        /*left: 0;*/
        /*bottom: -40px;*/
    /*}*/

    /*#inner-headline .breadcrumb {*/
        /*float: left;*/
        /*clear: both;*/
        /*width: 100%;*/
    /*}*/

    /*.breadcrumb > li {*/
        /*font-size: 13px;*/
    /*}*/

    /*ul.portfolio li article a i.icon-48 {*/
        /*width: 20px;*/
        /*height: 20px;*/
        /*font-size: 16px;*/
        /*line-height: 20px;*/
    /*}*/

    /*.left-sidebar {*/
        /*border-right: none;*/
        /*padding: 0 0 0 0;*/
        /*border-bottom: 1px dotted #e6e6e6;*/
        /*padding-bottom: 10px;*/
        /*margin-bottom: 40px;*/
    /*}*/

    /*.right-sidebar {*/
        /*margin-top: 30px;*/
        /*border-left: none;*/
        /*padding: 0 0 0 0;*/
    /*}*/

    /*footer .col-lg-1,*/
    /*footer .col-lg-2,*/
    /*footer .col-lg-3,*/
    /*footer .col-lg-4,*/
    /*footer .col-lg-5,*/
    /*footer .col-lg-6,*/
    /*footer .col-lg-7,*/
    /*footer .col-lg-8,*/
    /*footer .col-lg-9,*/
    /*footer .col-lg-10,*/
    /*footer .col-lg-11,*/
    /*footer .col-lg-12 {*/
        /*margin-bottom: 20px;*/
    /*}*/

    /*#sub-footer ul.social-network {*/
        /*float: left;*/
    /*}*/

    /*[class*="span"] {*/
        /*margin-bottom: 20px;*/
    /*}*/

/*}*/

/*@media (max-width: 480px) {*/
    /*.bottom-article a.pull-right {*/
        /*float: left;*/
        /*margin-top: 20px;*/
    /*}*/

    /*.search {*/
        /*float: left;*/
    /*}*/

    /*.flexslider .flex-caption {*/
        /*display: none;*/
    /*}*/

    /*.cta-text {*/
        /*margin: 0 auto;*/
        /*text-align: center;*/
    /*}*/

    /*ul.portfolio li article a i {*/
        /*width: 20px;*/
        /*height: 20px;*/
        /*font-size: 14px;*/
    /*}*/

/*}*/

/* <!-- pure css--> */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

.hn_new_pattern a:hover sup {
    color: #32beff !important;
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.hidden,
[hidden] {
    display: none !important
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block
}

.pure-g {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -.43em
}

.pure-u {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-g [class *="pure-u"] {
    font-family: sans-serif
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5%;
    *width: 12.469%
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.969%
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
    *width: 24.969%
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5%;
    *width: 37.469%
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.969%
}

.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
    *width: 49.969%
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%
}

.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.969%
}

.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5%;
    *width: 62.469%
}

.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%
}

.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
    *width: 74.969%
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.969%
}

.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%
}

.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5%;
    *width: 87.469%
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%
}

.pure-button {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: .5em 1em;
    color: #444;
    color: rgba(0, 0, 0, .8);
    border: 1px solid #999;
    border: 0 rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))
}

.pure-button:focus {
    outline: 0
}

.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset;
    border-color: #000 \9
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: 0;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    cursor: not-allowed;
    box-shadow: none
}

.pure-button-hidden {
    display: none
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: #0078e7;
    color: #fff
}

.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form select,
.pure-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input:not([type]) {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input[type=color] {
    padding: .2em .5em
}

.pure-form input[type=text]:focus,
.pure-form input[type=password]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input[ type=file]:focus,
.pure-form input[type=radio]:focus,
.pure-form input[type=checkbox]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA
}

.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: .5em 0;
    display: block
}

.pure-form input[type=text][disabled],
.pure-form input[type=password][disabled],
.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],
.pure-form input[type=date][disabled],
.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],
.pure-form input[type=datetime][disabled],
.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d
}

.pure-form input[type=file]:focus:invalid:focus,
.pure-form input[type=radio]:focus:invalid:focus,
.pure-form input[type=checkbox]:focus:invalid:focus {
    outline-color: #e9322d
}

.pure-form select {
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: #fff
}

.pure-form select[multiple] {
    height: auto
}

.pure-form label {
    margin: .5em 0 .2em
}

.pure-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0
}

.pure-form legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.pure-form-stacked input[type=text],
.pure-form-stacked input[type=password],
.pure-form-stacked input[type=email],
.pure-form-stacked input[type=url],
.pure-form-stacked input[type=date],
.pure-form-stacked input[type=month],
.pure-form-stacked input[type=time],
.pure-form-stacked input[type=datetime],
.pure-form-stacked input[type=datetime-local],
.pure-form-stacked input[type=week],
.pure-form-stacked input[type=number],
.pure-form-stacked input[type=search],
.pure-form-stacked input[type=tel],
.pure-form-stacked input[type=color],
.pure-form-stacked input[type=file],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
    display: block;
    margin: .25em 0
}

.pure-form-stacked input:not([type]) {
    display: block;
    margin: .25em 0
}

.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.pure-form-aligned textarea {
    vertical-align: top
}

.pure-form-aligned .pure-control-group {
    margin-bottom: .5em
}

.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0
}

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em
}

.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: .5em 1em
}

.pure-form .pure-group fieldset {
    margin-bottom: 10px
}

.pure-form .pure-group input,
.pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px
}

.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
    z-index: 3
}

.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0
}

.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0
}

.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0
}

.pure-form .pure-group button {
    margin: .35em 0
}

.pure-form .pure-input-1 {
    width: 100%
}

.pure-form .pure-input-2-3 {
    width: 66%
}

.pure-form .pure-input-1-2 {
    width: 50%
}

.pure-form .pure-input-1-3 {
    width: 33%
}

.pure-form .pure-input-1-4 {
    width: 25%
}

.pure-form .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #666;
    vertical-align: middle;
    font-size: .875em
}

.pure-form-message {
    display: block;
    color: #666;
    font-size: .875em
}

/*@media only screen and (max-width: 480px) {*/
    /*.pure-form button[type=submit] {*/
        /*margin: .7em 0 0*/
    /*}*/

    /*.pure-form input:not([type]),*/
    /*.pure-form input[type=text],*/
    /*.pure-form input[type=password],*/
    /*.pure-form input[type=email],*/
    /*.pure-form input[type=url],*/
    /*.pure-form input[type=date],*/
    /*.pure-form input[type=month],*/
    /*.pure-form input[type=time],*/
    /*.pure-form input[type=datetime],*/
    /*.pure-form input[type=datetime-local],*/
    /*.pure-form input[type=week],*/
    /*.pure-form input[type=number],*/
    /*.pure-form input[type=search],*/
    /*.pure-form input[type=tel],*/
    /*.pure-form input[type=color],*/
    /*.pure-form label {*/
        /*margin-bottom: .3em;*/
        /*display: block*/
    /*}*/

    /*.pure-group input:not([type]),*/
    /*.pure-group input[type=text],*/
    /*.pure-group input[type=password],*/
    /*.pure-group input[type=email],*/
    /*.pure-group input[type=url],*/
    /*.pure-group input[type=date],*/
    /*.pure-group input[type=month],*/
    /*.pure-group input[type=time],*/
    /*.pure-group input[type=datetime],*/
    /*.pure-group input[type=datetime-local],*/
    /*.pure-group input[type=week],*/
    /*.pure-group input[type=number],*/
    /*.pure-group input[type=search],*/
    /*.pure-group input[type=tel],*/
    /*.pure-group input[type=color] {*/
        /*margin-bottom: 0*/
    /*}*/

    /*.pure-form-aligned .pure-control-group label {*/
        /*margin-bottom: .3em;*/
        /*text-align: left;*/
        /*display: block;*/
        /*width: 100%*/
    /*}*/

    /*.pure-form-aligned .pure-controls {*/
        /*margin: 1.5em 0 0*/
    /*}*/

    /*.pure-form .pure-help-inline,*/
    /*.pure-form-message-inline,*/
    /*.pure-form-message {*/
        /*display: block;*/
        /*font-size: .75em;*/
        /*padding: .2em 0 .8em*/
    /*}*/
/*}*/

.pure-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3
}

.pure-menu-list,
.pure-menu-item {
    position: relative
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%
}

.pure-menu-link,
.pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap
}

.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap
}

.pure-menu-horizontal .pure-menu-list {
    display: inline-block
}

.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.pure-menu-item .pure-menu-item {
    display: block
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit
}

.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
    display: block;
    position: absolute
}

.pure-menu-has-children > .pure-menu-link:after {
    padding-left: .5em;
    content: "\25B8";
    font-size: small
}

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE"
}

.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden
}

.pure-menu-scrollable .pure-menu-list {
    display: block
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: .5em 0
}

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
    display: none
}

.pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64
}

.pure-menu-link {
    color: #777
}

.pure-menu-children {
    background-color: #fff
}

.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
    padding: .5em 1em
}

.pure-menu-disabled {
    opacity: .5
}

.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent
}

.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: #eee
}

.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
    color: #000
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em
}

.pure-table td:first-child,
.pure-tab le th:first-child {
    border-left-width: 0
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom
}

.pure-table td {
    background-color: transparent
}

.pure-table-odd td {
    background-color: #f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2
}

.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0
}

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px;
    border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0
}

/* <!-- hn_base.css start--> */

@charset "UTF-8";

input[type=search]::-ms-clear {
    display: none
}

input {
    outline: 0
}

div h1,
div h2,
div h3,
div h4 {
    margin: 20px 0;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

a:focus {
    outline: 0
}

/* a {
			color: #fff
		} */
.about-text a {
    color: #333
}

a:hover {
    color: #3363AB;
    text-decoration: none;
}

* {
    margin: 0 0;
    padding: 0 0;
    /* font-family: DeliciousRoman, arial, Microsoft Yahei, \5b8b\4f53, sans-serif !important; */
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    word-wrap: break-word;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

li,
ul {
    list-style: none
}

.datetimepicker {
    font-size: 12px
}

table {
    border-collapse: separate !important
}

body,
html {
    font-size: 10px !important
}

textarea {
    resize: none;
    border: 1px solid #e5e5e5;
    padding: 10px 10px;
    line-height: 22px !important;
    color: #999 !important;
    text-align: left;
    font-size: 14px !important
}

.z_indexfirst {
    z-index: 999 !important;
    position: relative
}

.z_index5 {
    z-index: 5 !important
}

.z_index10 {
    z-index: 10 !important
}

.z_index1 {
    z-index: 1 !important;
    position: relative
}

.z_index0 {
    z-index: 0 !important
}

.table {
    display: table
}

.cell {
    display: table-cell;
    vertical-align: middle
}

.hn_table {
    display: table
}

.hn_td {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

img {
    border: 0 none;
    outline: 0
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right;
    font-size: 10px;
}

.hid {
    display: none
}

.none {
    display: none !important
}

.shows {
    display: block !important
}

.inblock {
    display: inline-block
}

.selectbox input[type=text] {
    background: 0 0;
    border: none
}

.content {
    width: 1236px;
    margin: 0 auto;
    position: relative;
    z-index: 0
}

.border_l {
    border-left: 1px solid #e5e5e5
}

.border_t {
    border-top: 1px solid #e5e5e5
}

.noborder {
    border: none
}

.mainbody {
    width: 100%;
    /*min-width: 1236px;*/
    overflow: hidden;
    position: relative
}

.pb_20 {
    padding-bottom: 20px
}

.pt_20 {
    padding-top: 20px
}

.pb_20 {
    padding-bottom: 20px
}

.mt_20 {
    margin-top: 20px
}

.mt_10 {
    margin-top: 10px
}

.mt_30 {
    margin-top: 30px
}

.mt_35 {
    margin-top: 35px
}

.mb_5 {
    margin-bottom: 5px
}

.mb_10 {
    margin-bottom: 10px
}

.mb_20 {
    margin-bottom: 20px
}

.mb_30 {
    margin-bottom: 30px
}

.mr_10 {
    margin-right: 10px
}

.mr_20 {
    margin-right: 20px
}

.ml_15 {
    margin-left: 15px
}

.font_14 {
    font-size: 14px;
    line-height: 14px
}

.center {
    text-align: center
}

.color_white {
    color: #fff
}

.blue1,
.color_blue {
    color: #005aab
}

.blue2 {
    color: #33beff
}

.color_black {
    color: #000
}

.text_grey {
    color: #999
}

.color_333 {
    color: #333 !important
}

.color_999 {
    color: #999 !important
}

.color_e5 {
    color: #e5e5e5 !important
}

.color_666 {
    color: #666 !important
}

.color_lightblue {
    color: #32beff !important
}

.color_blue {
    color: #005aab !important
}

.hn_tith1 {
    font-size: 32px;
    line-height: 40px
}

.hn_tith2 {
    font-size: 28px;
    line-height: 36px
}

.hn_tith3 {
    font-size: 24px;
    line-height: 32px
}

.hn_tith4 {
    font-size: 18px;
    line-height: 26px
}

.hn_tith5 {
    font-size: 16px;
    line-height: 24px
}

.hn_tith6 {
    font-size: 14px;
    line-height: 22px
}

.hn_tith7 {
    font-size: 12px;
    line-height: 20px
}

.opcity60 {
    opacity: .6
}

.line_b {
    border-bottom: 1px solid #e5e5e5
}

.line_t_point {
    border-top: 1px dotted #e5e5e5
}

.t_center {
    text-align: center
}

.t_vcenter {
    vertical-align: middle
}

.t_left {
    text-align: left
}

.t_right {
    text-align: right
}

.ico25 {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.ico25.i_arrows_d {
    background-position: left -100px;
    width: 12px
}

.ico25.i_arrows_t {
    background-position: -50px -100px;
    width: 12px
}

.ico25.i_arrows_d_white {
    background-position: left -200px;
    width: 12px
}

.ico25.i_arrows_r {
    background-position: -25px -102px;
    width: 12px
}

.ico25.i_shopping {
    background-position: left top
}

.ico25.i_shopping.hover {
    background-position: -25px top
}

.ico25.i_menu {
    background-position: left -25px
}

.ico25.i_search {
    background-position: left -50px
}

.ico25.i_search2 {
    background-position: -25px -50px
}

.ico25.i_man {
    background-position: left -75px
}

.ico25.i_woman {
    background-position: 40px -75px
}

.ico25.i_more {
    background-position: left -150px
}

.ico25.i_star {
    background-position: left -125px;
    width: 14px
}

.ico25.i_star_light {
    background-position: -25px -325px;
    width: 14px
}

.ico25.i_help1 {
    background-position: 0 -450px
}

.ico25.i_menu2 {
    background-position: 0 -525px
}

.ico25.i_menu2.hover {
    background-position: -25px -525px
}

.ico25.i_per {
    background-position: 0 -575px
}

.ico25.i_next {
    background-position: -25px -575px
}

.ico25.i_add {
    background-position: 0 -700px
}

.ico25.i_good {
    background-position: 0 -785px
}

.ico25.i_bad {
    background-position: 0 -810px
}

.i_haier {
    display: block;
    padding-left: 50px;
    background: url(../img/hn_ico.png?r=126) no-repeat left -175px;
    font-size: 1.4em;
    line-height: 25px;
    height: 25px;
    width: 80px;
    box-sizing: border-box
}

.ico40 {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url(../img/hn_ico.png?r=126) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.i_jiantou1 {
    background: url(../img/hn_ico.png?r=126) left -875px no-repeat;
    display: inline-block;
    height: 6px;
    width: 11px
}

.ico40.i_tv {
    background-position: -77px top
}

li.cur .ico40.i_tv,
li:hover .ico40.i_tv {
    background-position: -117px top
}

.ico40.i_icebox {
    background-position: -77px -40px
}

li.cur .ico40.i_icebox,
li:hover .ico40.i_icebox {
    background-position: -117px -40px
}

.ico40.i_washer {
    background-position: -77px -80px
}

li.cur .ico40.i_washer,
li:hover .ico40.i_washer {
    background-position: -117px -80px
}

.ico40.i_air {
    background-position: -77px -120px
}

li.cur .ico40.i_air,
li:hover .ico40.i_air {
    background-position: -117px -120px
}

.ico40.i_heater {
    background-position: -77px -160px
}

li.cur .ico40.i_heater,
li:hover .ico40.i_heater {
    background-position: -117px -160px
}

.ico40.i_kitchen {
    background-position: -77px -200px
}

li.cur .ico40.i_kitchen,
li:hover .ico40.i_kitchen {
    background-position: -117px -200px
}

.ico40.i_digital {
    background-position: -77px -240px
}

li.cur .ico40.i_digital,
li:hover .ico40.i_digital {
    background-position: -117px -240px
}

.ico40.i_smallhousehold {
    background-position: -77px -280px
}

li.cur .ico40.i_smallhousehold,
li:hover .ico40.i_smallhousehold {
    background-position: -117px -280px
}

.ico40.i_other {
    background-position: -77px -320px
}

li.cur .ico40.i_other,
li:hover .ico40.i_other {
    background-position: -117px -320px
}

.ico40.i_lenggui {
    background-position: -77px -360px
}

li.cur .ico40.i_lenggui,
li:hover .ico40.i_lenggui {
    background-position: -117px -360px
}

.ico40.i_bingbajiugui {
    background-position: -77px -400px
}

li.cur .ico40.i_bingbajiugui,
li:hover .ico40.i_bingbajiugui {
    background-position: -117px -400px
}

.ico40.i_shouji {
    background-position: -77px -440px
}

li.cur .ico40.i_shouji,
li:hover .ico40.i_shouji {
    background-position: -117px -440px
}

.ico40.i_wuweidianqi {
    background-position: -77px -480px
}

li.cur .ico40.i_wuweidianqi,
li:hover .ico40.i_wuweidianqi {
    background-position: -117px -480px
}

.ico40.i_chuangxinchanpin {
    background-position: -77px -520px
}

li.cur .ico40.i_chuangxinchanpin,
li:hover .ico40.i_chuangxinchanpin {
    background-position: -117px -520px
}

.ico40.i_shumazhuanqu {
    background-position: -77px -560px
}

li.cur .ico40.i_shumazhuanqu,
li:hover .ico40.i_shumazhuanqu {
    background-position: -117px -560px
}

.ico40.i_diy {
    background-position: -77px -915px
}

li.cur .ico40.i_diy,
li:hover .ico40.i_diy {
    background-position: -117px -915px
}

.ico_25 {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico25.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px
}

.ico_25.i_tv {
    background-position: top left
}

a.cur .ico_25.i_tv,
a:hover .ico_25.i_tv {
    background-position: -25px top
}

.ico_25.i_icebox {
    background-position: left -25px
}

a.cur .ico_25.i_icebox,
a:hover .ico_25.i_icebox {
    background-position: -25px -25px
}

.ico_25.i_washer {
    background-position: left -50px
}

a.cur .ico_25.i_washer,
a:hover .ico_25.i_washer {
    background-position: -25px -50px
}

.ico_25.i_air {
    background-position: left -75px
}

a.cur .ico_25.i_air,
a:hover .ico_25.i_air {
    background-position: -25px -75px
}

.ico_25.i_heater {
    background-position: left -100px
}

a.cur .ico_25.i_heater,
a:hover .ico_25.i_heater {
    background-position: -25px -100px
}

.ico_25.i_kitchen {
    background-position: left -125px
}

a.cur .ico_25.i_kitchen,
a:hover .ico_25.i_kitchen {
    background-position: -25px -125px
}

.ico_25.i_digital {
    background-position: left -150px
}

a.cur .ico_25.i_digital,
a:hover .ico_25.i_digital {
    background-position: -25px -150px
}

.ico_25.i_smallhousehold {
    background-position: left -175px
}

a.cur .ico_25.i_smallhousehold,
a:hover .ico_25.i_smallhousehold {
    background-position: -25px -175px
}

.ico_25.i_other {
    background-position: left -200px
}

a.cur .ico_25.i_other,
a:hover .ico_25.i_other {
    background-position: -25px -200px
}

.ico_25.i_lenggui {
    background-position: left -225px
}

a.cur .ico_25.i_lenggui,
a:hover .ico_25.i_lenggui {
    background-position: -25px -225px
}

.ico_25.i_bingbajiugui {
    background-position: left -250px
}

a.cur .ico_25.i_bingbajiugui,
a:hover .ico_25.i_bingbajiugui {
    background-position: -25px -250px
}

.ico_25.i_shouji {
    background-position: left -275px
}

a.cur .ico_25.i_shouji,
a:hover .ico_25.i_shouji {
    background-position: -25px -275px
}

.ico_25.i_wuweidianqi {
    background-position: left -300px
}

a.cur .ico_25.i_wuweidianqi,
a:hover .ico_25.i_wuweidianqi {
    background-position: -25px -300px
}

.ico_25.i_chuangxinchanpin {
    background-position: left -325px
}

a.cur .ico_25.i_chuangxinchanpin,
a:hover .ico_25.i_chuangxinchanpin {
    background-position: -25px -325px
}

.ico_25.i_shumazhuanqu {
    background-position: left -350px
}

a.cur .ico_25.i_shumazhuanqu,
a:hover .ico_25.i_shumazhuanqu {
    background-position: -25px -350px
}

.ico_25.i_linejiantou_down {
    background: url(../img/hn_ico25_2.png?r=123) top left
}

.ico_25.i_linejiantou_up {
    background: url(../img/hn_ico25_2.png?r=123) left -200px
}

.ico_25.i_select_2 {
    background: url(../img/hn_ico25_2.png?r=123) left -50px
}

.ico_25.i_jiantou_line_left {
    background: url(../img/hn_ico25_2.png?r=123) left -75px
}

.ico_25.i_jiantou_line_right {
    background: url(../img/hn_ico25_2.png?r=123) left -100px
}

.ico_25.i_comment {
    background: url(../img/hn_ico25_2.png?r=123) left -175px
}

.ico_25.i_del {
    background: url(../img/hn_ico25_2.png?r=123) left -225px
}

.ico_25.i_collect {
    background: url(../img/hn_ico25_2.png?r=123) left -250px
}

a:hover .ico_25.i_collect {
    background-position: -25px -250px
}

.ico_25.i_share {
    background: url(../img/hn_ico25_2.png?r=123) left -275px
}

a:hover .ico_25.i_share {
    background: url(../img/hn_ico25_2.png?r=123) -25px -275px
}

.ico_25.i_add {
    background: url(../img/hn_ico25_2.png?r=123) left -300px;
    vertical-align: top
}

a:hover .ico_25.i_add {
    background: url(../img/hn_ico25_2.png?r=123) -25px -300px
}

.ico_25.i_erweima {
    background: url(../img/hn_ico25_2.png?r=123) left -325px;
    margin: 0 20px
}

a:hover .ico_25.i_erweima {
    background: url(../img/hn_ico25_2.png?r=123) -25px -325px
}

.ico_25.i_erweima {
    background: url(../img/hn_ico25_2.png?r=123) left -325px;
    margin: 0 20px
}

a:hover .ico_25.i_erweima {
    background: url(../img/hn_ico25_2.png?r=123) -25px -325px
}

.ico_25.i_del2 {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat -50px -25px;
    vertical-align: top
}

a:hover .ico_25.i_del2 {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat -25px -25px
}

.ico_25.i_heart {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -425px
}

a:hover .ico_25.i_heart {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat -25px -425px
}

.ico_25.i_comment_line {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -475px
}

.ico_25.i_file {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -500px
}

.ico_25.i_phone {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -525px
}

.ico_25.i_dingwei {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -550px
}

.ico_25.i_printer {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -575px
}

.ico_25.i_glass {
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -600px
}

.ico16 {
    vertical-align: middle;
    height: 16px;
    line-height: 16px;
    padding-left: 18px;
    background: url(../img/hn_ico.png?r=126) no-repeat;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-size: 1.6em;
    padding-right: 15px
}

.ico16.i_see {
    background-position: left -275px
}

.ico16.i_say {
    background-position: left -300px
}

.ico50 {
    vertical-align: middle;
    height: 50px;
    padding-left: 50px;
    background: url(../img/hn_ico.png?r=126) no-repeat;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-size: 1.6em;
    padding-right: 15px
}

.ico50.i_play {
    background-position: left -350px
}

.ico50.i_close {
    background-position: left -400px
}

.ico90 {
    width: 50px;
    height: 40px;
    background: url(../img/hn_ico2.png) no-repeat;
    display: block;
    margin: 0 auto
}

.ico90.i_show {
    background-position: -50px 14px
}

.ico90.i_show.none {
    display: none
}

.ico90.i_hide {
    background-position: 0 0
}

.ico90.i_hide.none {
    display: none
}

.sharebar .i_sina {
    width: 24px;
    height: 24px;
    background: url(../img/hn_share.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    z-index: 99
}

.sharebar .i_sina span,
.sharebar .i_sina span:hover {
    opacity: 0 !important;
    filter: Alpha(opacity=0)
}

.sharebar .i_qq {
    width: 24px;
    height: 24px;
    background: url(../img/hn_share.png) no-repeat left -24px;
    display: inline-block;
    vertical-align: middle
}

.sharebar .i_qq span,
.sharebar .i_qq span:hover {
    opacity: 0 !important;
    filter: Alpha(opacity=0)
}

.sharebar .i_weixin {
    width: 24px;
    height: 24px;
    background: url(../img/hn_share.png) no-repeat left -48px;
    display: inline-block;
    vertical-align: middle
}

.sharebar .i_weixin span,
.sharebar .i_weixin span:hover {
    opacity: 0 !important;
    filter: Alpha(opacity=0)
}

.sharebar .i_renren {
    width: 24px;
    height: 24px;
    background: url(../img/hn_share.png) no-repeat left -72px;
    display: inline-block;
    vertical-align: middle
}

.sharebar .i_renren span,
.sharebar .i_renren span:hover {
    opacity: 0 !important;
    filter: Alpha(opacity=0)
}

.sharebar #ckepop .jtico.i_more {
    float: none !important;
    width: 24px !important;
    height: 24px !important;
    background: url(../img/hn_share.png) no-repeat left -96px !important;
    display: inline-block !important;
    vertical-align: middle
}

.sharebar #ckepop {
    display: inline-block
}

a.a_arrows_blue {
    padding-right: 10px;
    background: url(../img/ico_arrows.png) no-repeat right center;
    color: #32beff
}

a.a_arrows_blue_left {
    padding-left: 10px;
    background: url(../img/ico_arrows_left.png) no-repeat left center !important;
    color: #32beff !important
}

.hn_msg_err {
    vertical-align: middle;
    margin: 5px 0;
    height: 25px;
    padding-left: 25px;
    background: url(../img/hn_ico.png?r=126) no-repeat left -475px;
    color: #ff0101;
    font-size: 1.4em;
    display: inline-block;
    vertical-align: middle
}

.hn_msg_alert {
    vertical-align: middle;
    margin: 5px 0;
    height: 25px;
    padding-left: 25px;
    background: url(../img/hn_ico.png?r=126) no-repeat left -500px;
    color: #ffb432;
    font-size: 1.4em;
    display: inline-block;
    vertical-align: middle
}

.hn_text_40 {
    position: relative;
    padding: 0 10px;
    line-height: 38px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    color: #999;
    font-size: 14px;
    height: 38px;
    vertical-align: middle
}

.qd_select {
    position: relative;
    background: no-repeat #fff;
    cursor: pointer;
    z-index: 10;
    height: 40px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    vertical-align: top
}

.qd_select li.sname {
    position: relative;
    z-index: 1;
    background: #fff;
    height: 40px;
    line-height: 40px;
    text-align: left;
    display: block;
    color: #666;
    display: block;
    padding-right: 25px;
    padding-left: 15px;
    font-size: 14px;
    overflow: hidden
}

.qd_select li.sname i {
    position: absolute;
    top: 7px;
    right: -5px;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) left -100px
}

.qd_select li.sname i.time {
    background-position: left -625px;
    right: 5px
}

.qd_select li .list {
    position: relative;
    top: -40px;
    z-index: 0
}

.qd_select ul {
    overflow: visible;
    zoom: 1;
    min-width: 100%;
    position: absolute;
    top: 39px;
    left: -1px;
    display: block;
    display: none;
    padding-bottom: 0;
    background: #fff;
    border: 1px solid #e5e5e5
}

.qd_select ul li {
    padding: 0 10px;
    text-align: left;
    white-space: nowrap;
    display: block;
    line-height: 40px;
    cursor: pointer;
    font-size: 100%
}

.qd_select ul li.cur,
.qd_select ul li.hover {
    background: #F7F7F7
}

.qd_select.down {
    background: #fff;
    border-bottom-color: #fff
}

.qd_select.down li.sname {
    color: #2a2a2a
}

.qd_select.down li ul {
    display: block;
    max-height: 300px;
    overflow-y: scroll
}

.qd_select35 {
    position: relative;
    background: no-repeat #fff;
    cursor: pointer;
    z-index: 10;
    height: 35px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    font-size: 14px
}

.qd_select35 li.sname {
    position: relative;
    z-index: 1;
    background: #fff;
    height: 35px;
    line-height: 35px;
    text-align: left;
    display: block;
    color: #666;
    display: block;
    padding-right: 25px;
    padding-left: 15px;
    font-size: 12px
}

.qd_select35 li.sname i {
    position: absolute;
    top: 7px;
    right: -5px;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) left -100px
}

.qd_select35 li.sname i.time {
    background-position: left -625px;
    right: 5px
}

.qd_select35 li.list {
    position: relative;
    top: -35px;
    z-index: 0;
    font-size: 1
}

.qd_select35 ul {
    overflow: visible;
    min-width: 100%;
    position: absolute;
    top: 34px;
    left: -1px;
    display: block;
    display: none;
    padding-bottom: 10px;
    background: #fff;
    border: 1px solid #e5e5e5
}

.qd_select35 ul li {
    padding: 0 10px;
    text-align: left;
    white-space: nowrap;
    display: block;
    line-height: 35px;
    cursor: pointer;
    font-size: 12px
}

.qd_select35 ul li.cur,
.qd_select35 ul li.hover {
    background: #F7F7F7
}

.qd_select35.down {
    background: #fff;
    border-bottom-color: #fff
}

.qd_select35.down li.sname {
    color: #2a2a2a
}

.qd_select35.down li ul {
    display: block;
    max-height: 300px;
    overflow-y: scroll
}

.qd_select2 {
    position: relative;
    cursor: pointer;
    z-index: 10;
    height: 40px;
    display: inline-block
}

.qd_select2:hover li.sname {
    height: 50px;
    border-bottom: #fff
}

.qd_select2 li.sname {
    z-index: 1;
    position: relative;
    border: 1px solid #e5e5e5;
    margin-left: 3px;
    text-align: left;
    display: block;
    color: #666;
    display: block;
    padding-right: 25px;
    padding-left: 12px;
    background: url(../img/hn_jiantou2.png) right 18px no-repeat #fff
}

.qd_select2 li.sname i {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 12px;
    height: 10px;
    background: url(../img/bbs_select1.png);
    background-size: 100% 100%
}

.qd_select2 .list {
    padding-top: 10px;
    position: relative;
    overflow: visible;
    white-space: nowrap;
    position: absolute;
    top: 50px;
    left: 3px;
    display: block;
    display: none;
    background: #fff;
    border: 1px solid #e5e5e5
}

.qd_select2 .list ul {
    padding: 0 19px 10px;
    display: inline-block;
    word-wrap: break-word;;
    width: 100px;
    vertical-align: top
}

.qd_select2 ul li {
    text-align: left;
    white-space: nowrap;
    display: inline-block;
    float: left;
    min-width: 90px;
    width: 100%;
    line-height: 28px;
    cursor: pointer;
    font-size: 100%;
    color: #666
}

.qd_select2 ul li.cur,
.qd_select2 ul li.hover {
    color: #34bfff
}

.qd_select2.down li.sname i {
    background-image: url(../img/bbs_select2.png)
}

.qd_select2.down li.sname {
    color: #2a2a2a
}

.star_12 {
    width: 64px;
    height: 12px;
    background: url(../img/hn_star12.png);
    display: inline-block
}

.star_12.s0 {
    background-position: -65px top
}

.star_12.s1 {
    background-position: -53px top
}

.star_12.s2 {
    background-position: -39px top
}

.star_12.s3 {
    background-position: -26px top
}

.star_12.s4 {
    background-position: -13px top
}

.star_12.s5 {
    background-position: 0 top
}

.QD_radio {
    margin-bottom: 5px;
    padding-right: 10px;
    font-weight: 400;
    color: #000;
    padding-left: 20px;
    line-height: 25px;
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -375px;
    display: inline-block;
    cursor: pointer
}

.QD_radio:hover {
    text-decoration: none
}

.QD_radiov {
    background-position: left -400px
}

.QD_radio input {
    display: none
}

.QD_checkbox {
    margin-bottom: 5px;
    padding-right: 10px;
    font-weight: 400;
    padding-left: 20px;
    line-height: 25px;
    height: 25px;
    background: url(../img/hn_ico25_2.png?r=123) no-repeat left -150px;
    cursor: pointer;
    display: inline-block
}

.QD_checkbox:hover {
    text-decoration: none
}

.QD_checkboxv {
    background-position: left -125px
}

.QD_checkbox input {
    display: none
}

.QD_checkbox.lose {
    background-position: left -445px;
    cursor: default
}

.text_40 {
    height: 38px;
    border: 1px solid #e5e5e5;
    background: #fff;
    display: inline-block;
    position: left;
    margin: 0 0;
    padding: 0 0
}

.inputdate {
    position: relative;
    display: inline-block;
    border: 1px solid #e5e5e5;
    vertical-align: top
}

.inputdate .text_40 {
    width: 98%;
    border-color: #fff;
    padding-left: 10px;
    background: 0 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    line-height: 40px
}

.inputdate i {
    z-index: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) left -600px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -12px
}

.hn_linktext_14 {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    color: #32beff;
    margin: 5px 0
}

.hn_line_bottom {
    border-bottom: 1px solid #e5e5e5
}

.hn_btnclose {
    background: #c6cacb;
    display: inline-block;
    cursor: pointer
}

.hn_btnclose img {
    float: left
}

.hn_btnclose:hover {
    background: #32beff
}

.prompt {
    border: 1px solid #ffb435;
    background: #fffbf5;
    padding: 20px 20px;
    font-size: 14px
}

.prompt h1 {
    color: #ffb435;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px
}

.prompt p {
    line-height: 20px;
    color: #666;
    vertical-align: middle
}

.prompt a {
    display: inline-block;
    padding: 0 5px;
    color: #32beff;
    font-size: 12px
}

.ask {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: relative;
    vertical-align: middle;
    top: -2px
}

.ask .ico_question {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) left -650px
}

.ask .info {
    display: none;
    position: absolute;
    width: 380px;
    padding: 15px 15px;
    background: #f6f6f6;
    border: 1px solid #c6cacb;
    line-height: 22px;
    left: -15px
}

.ask:hover .info {
    display: block
}

.ask .info i {
    width: 13px;
    height: 6px;
    display: block;
    background: url(../img/hn_ico.png?r=126) left -675px;
    position: absolute;
    left: 20px
}

.ask.godown .info i {
    top: -6px
}

.ask.gotop .info {
    bottom: 30px
}

.ask.gotop .info i {
    bottom: -6px;
    background-position: -25px -675px
}

.ask .info ul {
    padding-left: 15px
}

.ask .info li {
    list-style-type: disc
}

.hn_btn30 {
    line-height: 28px;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer
}

.hn_btn33 {
    line-height: 31px;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    cursor: pointer
}

.hn_btn30 span {
    display: inline-block;
    padding-right: 7px
}

.hn_btn30_icon {
    line-height: 28px;
    font-size: 12px;
    display: inline-block;
    cursor: pointer
}

.hn_btn30_icon .padding {
    padding: 0 10px 0 10px
}

.hn_btn30_icon.cur {
    color: #fff;
    background: #005aab;
    border-color: #005aab
}

.hn_btn40 {
    line-height: 38px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.hn_btn50 {
    line-height: 48px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.hn_btnblue {
    background: #32beff;
    color: #fff !important;
    border: 1px solid #32beff
}

.hn_btnblue:hover {
    color: #32beff !important;
    border: 1px solid #32beff;
    background: 0 0
}

.hn_btnblue.lose {
    line-height: 38px;
    color: #cbcbcb !important;
    border: 1px solid #e5e5e5;
    background: #f6f6f6;
    cursor: default
}

.hn_btnblue.lose:hover {
    color: #cbcbcb !important
}

.hn_btnwhite {
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5
}

.hn_btnwhite:hover {
    border: 1px solid #32beff
}

.hn_btnwhite_blueline {
    background: #fff;
    color: #33beff;
    border: 1px solid #33beff
}

.hn_btnwhite_blueline:hover {
    background: #e5f8ff
}

.hn_btngrey {
    border: 1px solid #e5e5e5;
    background: #f6f6f6;
    color: #ccc
}

.hn_btn14 {
    line-height: 40px;
    font-size: 1.4em;
    display: inline-block;
    padding: 0 10px;
    text-align: center
}

.hn_btn16_40 {
    line-height: 40px;
    font-size: 16em;
    display: inline-block;
    padding: 0 10px;
    text-align: center
}

.hn_btn16_50 {
    line-height: 50px;
    font-size: 16em;
    display: inline-block;
    padding: 0 10px;
    text-align: center
}

.hn_btn_white {
    color: #fff;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.hn_btn_white:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

@keyframes btn_hover_white {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .2)
    }
}

@-moz-keyframes btn_hover_white {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .2)
    }
}

@-webkit-keyframes btn_hover_white {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .2)
    }
}

@-o-keyframes btn_hover_white {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .2)
    }
}

.hn_btn_darkself {
    color: #005dad;
    border: 1px solid #005dad;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.hn_btn_darkself:hover {
    background-color: rgba(255, 255, 255, .6);
    color: #005dad;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

@keyframes btn_hover_darkself {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .6)
    }
}

@-moz-keyframes btn_hover_darkself {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .6)
    }
}

@-webkit-keyframes btn_hover_darkself {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .6)
    }
}

@-o-keyframes btn_hover_darkself {
    0% {
        background-color: rgba(255, 255, 255, 0)
    }

    100% {
        background-color: rgba(255, 255, 255, .5)
    }
}

.hn_btn_lightblue {
    color: #3bc0ff;
    border: 1px solid #3bc0ff;
    line-height: 38px;
    background-color: rgba(255, 255, 255, .2);
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

a.hn_btn_lightblue:hover {
    background-color: rgba(126, 213, 253, .2);
    color: #3bc0ff;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

@keyframes btn_hover_lightblue {
    0% {
        background-color: rgba(255, 255, 255, .2)
    }

    100% {
        background-color: rgba(126, 213, 253, .2)
    }
}

@-moz-keyframes btn_hover_lightblue {
    0% {
        background-color: rgba(255, 255, 255, .2)
    }

    100% {
        background-color: rgba(126, 213, 253, .2)
    }
}

@-webkit-keyframes btn_hover_lightblue {
    0% {
        background-color: rgba(255, 255, 255, .2)
    }

    100% {
        background-color: rgba(126, 213, 253, .2)
    }
}

@-o-keyframes btn_hover_lightblue {
    0% {
        background-color: rgba(255, 255, 255, .2)
    }

    100% {
        background-color: rgba(126, 213, 253, .2)
    }
}

.hn_btn_bluebg {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    background: #32beff;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.hn_btn_bluebg:hover {
    background-color: #2eabe5;
    color: #fff !important;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

@keyframes btn_hover_bluebg {
    0% {
        background-color: #33beff
    }

    100% {
        background-color: #2eabe5
    }
}

@-moz-keyframes btn_hover_bluebg {
    0% {
        background-color: #33beff
    }

    100% {
        background-color: #2eabe5
    }
}

@-webkit-keyframes btn_hover_bluebg {
    0% {
        background-color: #33beff
    }

    100% {
        background-color: #2eabe5
    }
}

@-o-keyframes btn_hover_bluebg {
    0% {
        background-color: #33beff
    }

    100% {
        background-color: #2eabe5
    }
}

.hn_btnmsg {
    background: #f6f6f6;
    color: #999
}

.hn_btnmsg i {
    color: #005aaa
}

.hn_btndoor {
    font-size: 14px;
    color: #32beff;
    line-height: 25px;
    padding-right: 20px;
    background: url(../img/hn_ico.png?r=126) right -725px no-repeat;
    display: inline-block
}

.hn_btndoor.close {
    background-position: right -750px
}

.imp {
    color: red
}

.bannerbtnbox a i {
    display: none;
    width: 50px;
    height: 90px;
    background: url(../img/hn_ico_banner.png) no-repeat;
    top: 50%;
    margin-top: -45px;
    position: relative
}

.bannerbtnbox a:hover i {
    display: block
}

.bannerbtnbox a.btn_prev i {
    background-position: left -90px;
    left: 15%
}

.bannerbtnbox a.btn_next i {
    background-position: left 0;
    left: 70%
}

.hn_banner li .img a.btn_imglink {
    width: 50%;
    position: absolute;
    left: 25%;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    background: url(../img/hn_ico.png?r=126) no-repeat -2000px 25000px;
    height: 100%
}

.hn_banner li .textinfo {
    width: 30%;
    background: #66a0cc;
    position: absolute;
    font-size: 1em;
    height: 440px;
    left: 70%
}

header {
    height: 60px;
    background: #fff;
    width: 100%;
    font-size: 1.6em;
    position: relative;
    z-index: 10
}

header .logo {
    height: 60px;
    margin-right: 20px;
    line-height: 52px
}

header .logo .logoImg {
    width: 71px;
    height: 21px;
    background: url(../img/hn_ico25_2.png?r=123) 0 -630px;
    display: inline-block;
    vertical-align: middle;
}

header .logo img {
    display: inline;
    vertical-align: middle;
    zoom: 1
}

header .hn_nav {
    display: inline-block;
    height: 60px
}

header .hn_nav li.l1 {
    display: block;
    float: left;
    vertical-align: middle;
    position: relative
}

header .hn_nav li .tab {
    color: #333;
    border: 1px solid #fff;
    height: 58px;
    line-height: 3.75em;
    padding: 0 20px;
    white-space: nowrap;
    display: block;
    line-height: 58px;
    font-weight: 700
}

header .hn_nav li .tab .i_arrows_d {
    position: relative;
    left: 5px
}

header .hn_nav li.havesub:hover .tab {
    position: relative;
    z-index: 10;
    background: #f6f6f6;
    border-bottom-color: #f6f6f6;
    border-top-color: #f6f6f6;
    border-left-color: #e5e5e5;
    border-right-color: #e5e5e5
}

header .hn_nav li:hover .tab {
    color: #005aab
}

header .hn_nav li .subnavbox1 {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    border: 1px solid #e5e5e5;
    border-bottom: none
}

header .hn_nav li.havesub:hover .js_navbox {
    display: block
}

header .hn_nav li .subnavbox1 ul.subnav {
    position: relative;
    width: 185px;
    display: block;
    top: 0
}

header .hn_nav li .subnavbox1 .subnav li {
    height: 45px;
    line-height: 45px;
    color: #666;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    border-right: 1px solid #e5e5e5;
    background: #f6f6f6
}

header .hn_nav li .subnavbox1 .subnav li.hover {
    border-right-color: #fff;
    border-left: 3px solid #005aab;
    background: #fff;
    left: -1px;
    position: relative
}

header .hn_nav li .subnavbox1 .subnav li.hover a {
    color: #005aab
}

header .hn_nav li .subnavbox1 .subnav li.hover a:hover {
    color: #32beff
}

header .hn_nav li .subnavbox1 .subnav li i {
    display: block;
    text-align: left;
    padding: 0 15px
}

header .hn_nav li .subnavbox1 .subnav li i a,
header .hn_nav li .subnavbox1 .subnav li i span {
    display: inline-block;
    line-height: 40px;
    padding: 0 5px;
    position: relative
}

header .hn_nav li .subnavbox1 .subitems {
    position: absolute;
    width: 588px;
    height: 414px;
    left: 186px;
    top: 0;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: none
}

header .hn_nav li .subnavbox1 .subitems.open {
    display: block
}

header .hn_nav li .subnavbox1 .subitems .item {
    width: 550px;
    height: 600px;
    display: none
}

header .hn_nav li .subnavbox1 .subitems .item.hover {
    display: block
}

header .hn_nav li .subnavbox1 .item {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: none;
    position: relative;
    top: -1px;
    left: 186px;
    width: 550px;
    padding: 20px;
    line-height: 30px;
    width: 718px;
    height: 368px;
    overflow: hidden
}

header .hn_nav li .subnavbox1 .item.cur {
    display: block
}

header .hn_nav li .subnavbox1 .item a {
    display: inline-block
}

header .hn_nav li .subnavbox1 .item .protag a {
    color: #32beff;
    font-size: .875em;
    border: 1px solid #32beff;
    margin: 0 5px;
    line-height: 40px;
    padding: 0 20px
}

header .hn_nav li .subnavbox1 .item .classify_tit {
    font-size: 1em;
    color: #333;
    line-height: 30px;
    padding: 20px 5px 0
}

header .hn_nav li .subnavbox1 .item .classifybox {
    color: #f0f0f0;
    line-height: 28px;
    font-size: .875em
}

header .hn_nav li .subnavbox1 .item .classifybox a {
    padding: 0 7px;
    color: #666
}

header .hn_nav li .subnavbox1 .item .classifybox b {
    padding: 0 7px;
    color: #666;
    font-weight: 400
}

header .hn_nav li .subnavbox1 .item .classifybox a.green {
    color: #98cb00
}

header .hn_nav li .subnavbox1 .item .classifybox a:hover {
    color: #30befe
}

header .hn_nav li .subnavbox2 {
    overflow: auto;
    padding: 20px 0;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 901px;
    background: #fff;
    border: 1px solid #e5e5e5
}

header .hn_nav li:hover .js_navbox {
    display: block
}

header .hn_nav li .subnavbox2 .side_l {
    width: 260px;
    padding: 0 20px;
    border-right: 1px solid #ececec
}

header .hn_nav li .subnavbox2 .side_r {
    width: 550px;
    padding: 0 20px
}

header .hn_nav li .subnavbox2 .classify_tit {
    font-size: 1em;
    line-height: 1em;
    color: #333;
    padding-bottom: 10px
}

header .hn_nav li .subnavbox2 .classifybox a {
    font-size: .875em;
    line-height: 28px
}

header .hn_nav li .subnavbox2 .side_l a {
    width: 49%;
    display: inline-block
}

header .hn_nav li .subnavbox2 .side_r a {
    width: 32%;
    display: inline-block
}

header .hn_nav li .subnavbox3 {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    width: 185px
}

header .hn_nav li .subnavbox3 li {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 1em;
    display: block;
    text-align: left;
    padding: 0 20px
}

header .hn_nav li .subnavbox3 a img {
    vertical-align: middle
}

header .hn_nav li .subnavbox3 li:hover {
    background: #fff;
    border-left: 3px solid #005aab;
    margin-left: -1px
}

header .rightbox {
    min-width: 332px
}

header .hn_userbox {
    height: 60px;
    font-size: .875em;
    margin-left: 142px
}

header .hn_userbox .be {
    line-height: 60px;
    color: #e5e5e5;
    width: 120px;
    margin-left: 10px
}

header .hn_userbox .be a {
    color: #666;
    padding: 0 6px;
    font-size: 14px
}

header .hn_userbox .be a:hover {
    color: #005aab
}

header .hn_userbox .af {
    line-height: 60px;
    width: 60px;
    color: #333;
    position: relative;
    font-size: 14px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

header .hn_userbox .af .box {
    height: 59px;
    position: relative;
    z-index: 1
}

header .hn_userbox .af .box .user {
    border-radius: 100%;
    display: block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    text-align: center
}

header .hn_userbox .af .box .user img {
    border-radius: 100%;
    position: relative;
    top: 10px
}

header .hn_userbox .af .box .user .jiao {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/hn_ico.png?r=126) -25px -850px;
    position: absolute;
    top: 47px;
    right: 2px
}

header .hn_userbox .af .box .user .point {
    display: none;
    width: 12px;
    height: 12px;
    background: url(../img/hn_ico.png?r=126) 0 -850px;
    position: absolute;
    top: 10px;
    right: 5px
}

header .hn_userbox .af .box .user.new .point {
    display: block
}

header .hn_userbox .af .box .user .zz {
    width: 60px;
    height: 60px;
    background: url(../img/hn_ico25_2.png?r=123) 0 -770px;
    position: absolute;
    top: 0;
    left: 0
}

header .hn_userbox .af:hover .box .user .zz {
    background-position: 0px -830px
}

header .hn_userbox .af a {
    color: #333
}

header .hn_userbox .af a:hover {
    color: #015aac
}

header .hn_userbox .af:hover {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #f6f6f6
}

header .hn_userbox .af:hover .box {
    background: #f6f6f6;
    height: 61px
}

header .hn_userbox .af .userinfo {
    z-index: 0;
    display: none;
    background: #fff;
    line-height: 40px;
    position: absolute;
    top: 60px;
    right: -1px;
    border: 1px solid #e5e5e5;
    width: 150px;
    text-align: left
}

header .hn_userbox .af:hover .userinfo {
    display: block;
    background: #f6f6f6
}

header .hn_userbox .af .userinfo .info {
    padding: 20px 20px
}

header .hn_userbox .af .userinfo .info .user {
    position: relative;
    height: 40px;
    width: 40px;
    display: block
}

header .hn_userbox .af .userinfo .info .user .i_man,
header .hn_userbox .af .userinfo .info .user .i_woman {
    position: absolute;
    top: 7px;
    right: 7px
}

header .hn_userbox .af .userinfo .info .usertext {
    color: #999;
    white-space: nowrap;
    line-height: 20px;
    padding: 0 18px
}

header .hn_userbox .af .userinfo .info .usertext b,
header .hn_userbox .af .userinfo .info .usertext span {
    display: block;
    font-weight: 400
}

header .hn_userbox .af .userinfo .info .usertext span {
    color: #005aab
}

header .hn_userbox .af .userinfo .tool {
    border-top: 1px solid #e5e5e5;
    line-height: 50px;
    font-size: 1em
}

header .hn_userbox .af .userinfo .tool a {
    padding: 0 20px;
    color: #666
}

header .hn_userbox .af .userinfo .tool a.goout {
    border-left: 1px solid #e5e5e5
}

header .hn_userbox .af .userinfo .username {
    display: block;
    line-height: 42px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    height: 42px
}

header .hn_userbox .af .userinfo .username span {
    display: inline-block;
    overflow: hidden;
    color: #005aab;
    line-height: 42px;
    padding: 0 18px
}

header .hn_userbox .af .userinfo .menu {
    padding: 6px 0;
    border-bottom: 1px solid #e5e5e5
}

header .hn_userbox .af .userinfo .menu li {
    line-height: 26px;
    height: 26px;
    display: block;
    padding: 0 18px;
    position: relative
}

header .hn_userbox .af .userinfo .menu li a {
    color: #666
}

header .hn_userbox .af .userinfo .menu li a:hover {
    color: #32beff
}

header .hn_userbox .af .userinfo .menu li .r {
    float: right;
    text-align: right;
    color: #005aab
}

header .hn_userbox .af .userinfo .menu li .r.red {
    color: #ff3131
}

header .hn_userbox .af .userinfo .menu li .point {
    display: none;
    width: 12px;
    height: 12px;
    background: url(../img/hn_ico.png?r=126) -50px -850px;
    position: absolute;
    top: 3px;
    left: 78px
}

header .hn_userbox .af .userinfo .menu li.new .point {
    display: block
}

header .hn_userbox .af .dropOut {
    line-height: 38px;
    height: 38px;
    padding-left: 18px;
    font-size: 14px;
    color: #999;
    display: block
}

header .hn_userbox .af .dropOut:hover {
    color: #32beff
}

header .shopping {
    width: 65px;
    height: 60px;
    text-align: center;
    display: block;
    line-height: 60px;
    border-right: 1px solid #e5e5e5
}

header .shopping:hover .i_shopping {
    background-position: -25px top
}

header .hn_menu {
    line-height: 60px;
    width: 60px;
    text-align: center;
    height: 60px;
    font-size: 1em
}

header .hn_menu .i_menu {
    position: absolute;
    top: 20px;
    right: 16px
}

header .hn_menu .menulist_box {
    overflow: auto;
    display: none;
    width: 1236px;
    padding: 15px 380px 20px;
    position: absolute;
    left: 50%;
    margin-left: -1000px;
    top: 59px;
    background: #f6f6f6;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    z-index: 1
}

header .hn_menu:hover .hn_menuImg {
    background: #f6f6f6;
    color: #666;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-bottom: 1px solid #f6f6f6
}

header .hn_menu:hover .menulist_box {
    display: block
}

.hn_menuImg {
    line-height: 59px;
    width: 58px;
    text-align: center;
    height: 59px;
    font-size: 1em;
    border: 1px solid #fff;
    border-top: none;
    z-index: 999;
    position: relative
}

header .hn_menu .menulist_box .border_l {
    border-color: #666
}

header .hn_menu .menulist_box h3 {
    color: #333;
    line-height: 38px;
    font-size: 16px;
    margin-bottom: 10px
}

header .hn_menu .menulist_box a {
    color: #666;
    line-height: 32px;
    display: inline-block;
    height: 30px;
    float: left;
    font-size: 13px
}

header .hn_menu .menulist_box a:hover {
    color: #fff;
    background: #005aab
}

header .hn_menu .menulist_box .col_1 {
    width: 355px;
    padding-right: 25px
}

header .hn_menu .menulist_box .col_1 a {
    width: 32%
}

header .hn_menu .menulist_box .col_2 {
    width: 269px;
    padding-left: 39px;
    min-height: 198px;
    border-right: 1px solid #e5e5e5
}

header .hn_menu .menulist_box .col_2:last-child {
    border-right: none
}

header .hn_menu .menulist_box .col_2 li {
    width: 49%;
    float: left
}

header .hn_menu .menulist_box .col_2 li a:hover {
    padding: 0 10px;
    position: relative;
    left: -10px
}

header .hn_menu .menulist_box .col_3 {
    width: 255px;
    padding: 0 25px
}

header .hn_menu .menulist_box .col_3 a {
    width: 49%
}

header .hn_menu .menulist_box .col_4 {
    width: 148px;
    padding: 0 25px
}

header .hn_menu .menulist_box .col_4 a {
    width: 100%
}

header .hn_menu .menulist_box .col_1 a:hover {
    display: inline-block;
    padding: 0 10px;
    width: auto
}

header .hn_search {
    z-index: 1;
    width: 65px;
    height: 60px;
    text-align: center;
    display: block;
    line-height: 60px;
    background: #005aab;
    position: relative
}

header .hn_search .btn {
    display: block;
    height: 60px
}

header .hn_search:hover {
    background: #f6f6f6
}

header .hn_search:hover .i_search {
    background-position: -25px -50px
}

header .hn_search .selectbox {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    min-height: 60px;
    background: #fff;
    width: 65px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    overflow: hidden;
    text-align: left;
    border-bottom: none
}

header .hn_search .selectbox .box {
    width: 362px;
    position: relative;
    top: 0;
    left: 0;
    background: #f6f6f6
}

header .hn_search .selectbox .i_search2 {
    position: relative;
    margin-left: 15px
}

header .hn_search .selectbox .text {
    height: 20px;
    line-height: 1em;
    font-size: 1.142em;
    outline: 0;
    width: 280px;
    margin-left: 10px;
    margin-top: 5px
}

header .hn_search .selectbox .box .listbox {
    line-height: 30px;
    font-size: 1em;
    border-bottom: 1px solid #e5e5e5
}

header .hn_search .selectbox .box .listbox a {
    color: #999;
    display: block
}

header .hn_search .selectbox .box .listbox a span {
    display: block;
    width: 240px;
    margin: 0 auto;
    overflow: hidden;
    height: 30px
}

header .hn_search .selectbox .box .listbox a:hover {
    color: #666;
    background: #f0f4f7
}

header .hn_search .selectbox .box .listbox a.a_showall {
    text-align: center;
    color: #32beff;
    line-height: 50px;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    margin-top: 10px
}

header .hn_shadow {
    height: 3px;
    width: 100%;
    background: url(../img/hn_shadow.png) top left;
    position: absolute;
    top: 60px
}

.hn_bottombox {
    width: 100%;
    background: #525455;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: auto;
    position: relative;
    z-index: 0
}

.hn_bottombox h2 {
    font-size: 1.6em;
    padding-bottom: 15px
}

.hn_bottombox a {
    color: #999;
    font-size: 1.2em;
    line-height: 1.8em
}

.hn_bottombox a:hover {
    color: #fff
}

.hn_bottombox .footer_tit {
    font-size: 1.4em;
    line-height: 2em;
    padding-top: 5px
}

.hn_bottombox p {
    font-size: 1.2em
}

.hn_bottombox p a {
    color: #32beff;
    font-size: 1em
}

.hn_bottombox p a:hover {
    color: #32beff;
    text-decoration: underline
}

footer a {
    font-size: 1.2em
}

footer .bottombar {
    background: #2b2c2d;
    padding: 20px 0;
    color: #515252
}

footer .bottombar span {
    color: #999;
    font-size: 1.2em
}

footer .text_grey {
    font-size: 1.2em
}

.hn_banner {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden
}

.hn_banner ul.banner,
.hn_banner ul.banner li.l1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 500px
}

.hn_banner ul.banner li.l1 {
    display: none;
    overflow: hidden
}

.hn_banner ul.banner li.l1.cur {
    display: block;
    overflow: hidden
}

.hn_banner li .img {
    width: 70%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block
}

.hn_banner li .img img {
    position: relative;
    z-index: 0
}

.bannerbtnbox {
    position: absolute;
    top: 0;
    width: 70%;
    left: 0
}

.bannerbtnbox .btn_prev {
    width: 25%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    background: url(../img/hn_ico.png?r=126) no-repeat -2000px 25000px;
    height: 100%
}

.bannerbtnbox .btn_next {
    width: 25%;
    position: absolute;
    left: 75%;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    background: url(../img/hn_ico.png?r=126) no-repeat -2000px 25000px;
    height: 100%
}

.hn_banner li .textinfo .box {
    padding: 10% 10%
}

.hn_banner li .textinfo .box h2 {
    font-size: 4.8em;
    line-height: 1.25em;
    overflow: hidden;
    max-height: 2.5em;
    width: 290px;
    margin-bottom: 5px
}

.hn_banner li .textinfo .box h3 {
    font-size: 2.8em;
    line-height: 1.4em;
    max-height: 2.8em;
    overflow: hidden;
    width: 290px;
    opacity: .6
}

.hn_banner li .textinfo .box ul {
    padding: 1.5em 0
}

.hn_banner li .textinfo .box ul ol {
    font-size: 1.4em;
    line-height: 1.5em;
    height: 1.45em;
    overflow: hidden;
    display: block
}

.hn_banner li .textinfo .hn_btn14 {
    position: relative;
    top: -30px;
    left: 10%
}

.hn_banner ul.nav {
    width: 35%;
    position: absolute;
    bottom: 3%;
    left: 32.5%;
    text-align: center
}

.hn_banner ul.nav li {
    display: inline-block;
    width: 50px;
    height: 3px;
    margin: 5px;
    padding: 5px 0;
    cursor: pointer
}

.hn_banner ul.nav li a {
    display: block;
    width: 50px;
    height: 3px;
    background: #c6cacb
}

.hn_banner ul.nav li.cur a {
    background: #27bbff
}

.h-1-1 {
    height: 235px
}

.h-1-2 {
    /*height: 210px*/
}

.l-box {
    padding: 12px 12px 12px 0;
}

.box2_6-2_2 {
    width: 396px;
    height: 396px;
    position: relative;
    background: #efefef;
    overflow: hidden
}

.box2_6-1_2 {
    width: 396px;
    /*height: 186px;*/
    /*height: 132px;*/
    position: relative;
    /*background: #efefef;*/
    overflow: hidden
}

.box1_6-1_2 {
    width: 186px;
    height: 200px;
    position: relative;
    background: #efefef
}

.box2_4-2_2 {
    width: 606px;
    height: 396px;
    position: relative;
    background: #efefef
}

.box1_4-2_2 {
    width: 291px;
    height: 396px;
    position: relative;
    background: #efefef
}

.box1_4-1_2 {
    width: 291px;
    height: 186px;
    position: relative;
    background: #efefef
}

.autobox_1_1 {
    background: #efefef;
    height: 186px
}

.box2_3-2_2 {
    width: 816px;
    height: 396px;
    background: #efefef;
    overflow: hidden;
    position: relative
}

.box1_3-2_2 {
    width: 396px;
    height: 396px;
    background: #efefef;
    overflow: hidden;
    position: relative
}

.box1_3-1_2 {
    width: 396px;
    height: 186px;
    background: #efefef;
    overflow: hidden;
    position: relative
}

.box1_6-1_1 {
    width: 186px;
    height: 186px;
    background: #efefef;
    overflow: hidden;
    position: relative
}

.hn_fix_tit_bottom {
    background: #342d34;
    background: rgba(52, 45, 52, .7);
    position: absolute;
    width: 100%;
    line-height: 20px;
    font-size: 16px;
    bottom: 0;
    padding: 7px 0
}

.hn_fix_tit_bottom a {
    color: #fff;
    padding: 0 18px;
    display: block;
    max-height: 80px;
    overflow: hidden;
    display: block;
    line-height: 20px;
    overflow: hidden
}

.hn_fix_br {
    position: absolute;
    bottom: 0;
    right: 5px
}

.hn_fix_tr {
    position: absolute;
    top: 0;
    right: 5px
}

@-moz-document url-prefix() {

    .hn_fix_br,
    .hn_fix_tr {
        right: 0
    }
}

.hn_proclassify {
    border: 1px solid #e5e5e5;
    background: #fff;
    position: relative;
    text-align: center;
    padding-top: 8px;
}

.hn_proclassify a {
    display: block;
    color: #333;
    width: 186px;
    height: 186px
}

.hn_proclassify a:hover h2 {
    color: #3363AB
}

.hn_proclassify h2 {
    text-align: center;
    /*padding-top:135px;*/
    margin-top: 5px;
    font-size: 1.2em;
    font-weight: normal;
}

/*.hn_proclassify .img {*/
/*position: absolute;*/
/*bottom: 12px;*/
/*right: 12px*/
/*}*/

.hn_proclassify:hover {
    animation: proclassify_hover .5s ease-out 0s;
    -moz-animation: proclassify_hover .5s ease-out 0s;
    -webkit-animation: proclassify_hover .5s ease-out 0s;
    -o-animation: proclassify_hover .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes proclassify_hover1 {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

@-moz-keyframes proclassify_hover1 {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

@-webkit-keyframes proclassify_hover1 {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

@-o-keyframes proclassify_hover1 {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

.pure-g {
    position: relative
}

.proclassify_btn {
    position: absolute;
    bottom: 0;
    right: 5px;
@-moz-right: 0
}

@-moz-document url-prefix() {
    .proclassify_btn {
        right: 0
    }
}

.hn_proclassify_btn {
    border: 1px solid #e5e5e5;
    background: #fff;
    position: relative
}

.hn_proclassify_btn a {
    display: table;
    text-align: center;
    width: 186px;
    height: 186px
}

.hn_proclassify_btn a div {
    display: table-cell;
    vertical-align: middle
}

.hn_proclassify_btn a div .text {
    font-size: 1.8em;
    color: #333
}

.hn_build {
    display: table;
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    position: relative;
    text-align: center
}

.hn_build div {
    display: table-cell;
    vertical-align: middle
}

.hn_build p {
    font-size: 1.2em;
    color: #666;
    margin-top: 10px
}

.hn_build p span {
    font-size: .8em;
    color: #999
}

.hn_caution_browser {
    display: none;
    background: #005aaa;
    color: #fff;
    font-size: 1.6em;
    line-height: 50px;
    height: 50px;
    overflow: auto;
    text-align: center;
    position: relative
}

.hn_caution_browser .i_close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

header .hn_nav li .subnavbox1 .itembox {
    position: absolute;
    background: #fff;
    margin: 15px 20px 25px 20px;
    width: 100%
}

header .hn_nav li .subnavbox1 .item2 .itembox {
    margin: 15px 20px 25px 20px
}

header .hn_nav li .subnavbox1 .itembox .scrollitem {
    position: relative
}

header .hn_nav li .subnavbox1 .item {
    width: 719px;
    height: 368px;
    position: absolute;
    overflow: hidden;
    padding: 0;
    left: 187px;
    top: -1px
}

header .hn_nav li .subnavbox1 .item.item1 {
    width: 616px
}

header .hn_nav li .subnavbox1 .item.item2 {
    width: 513px
}

header .hn_nav li .subnavbox1 .item.item3 {
    width: 322px
}

header .hn_nav li .subnavbox1 .item .title {
    width: 125px;
    text-align: right;
    margin-right: 35px
}

header .hn_nav li .subnavbox1 .item .title span {
    background: url(../img/hn_menutitle_arrows_.png) no-repeat center center;
    color: #c2c5d3
}

header .hn_nav li .subnavbox1 .item ul {
    /*display:inline-block;*/
    overflow: hidden;
    max-width: 490px
}

header .hn_nav li .subnavbox1 .item .itembottom {
    height: 27px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff
}

header .hn_nav li .subnavbox1 .item ul li {
    float: left
}

.classifybox:after {
    clear: both;
    content: "";
    display: block
}

.classifybox div:after {
    clear: both;
    content: "";
    display: block
}

header .hn_nav li .subnavbox1 ul.subnav {
    width: 186px
}

header .hn_nav li .subnavbox1 .item .classifybox .title a {
    padding: 0
}

header .hn_nav li .subnavbox1 .item .classifybox > div {
    line-height: 22px;
    margin-bottom: 5px
}

header .hn_nav li .subnavbox1 .item .classifybox {
    padding-bottom: 27px;
    font-size: 1em
}

header .hn_nav li .subnavbox1 .item .empclassifybox {
    height: 180px
}

header .hn_nav li .subnavbox1 .item .classifybox a {
    color: #C2C2C2
}

header .hn_nav li .subnavbox1 .item .classifybox b {
    color: #C2C2C2;
    padding: 0
}

header .hn_nav li .subnavbox1 .item .classifybox.boxcur a {
    color: #005aab
}

header .hn_nav li .subnavbox1 .item .classifybox.boxcur b {
    color: #005aab
}

header .hn_nav li .subnavbox1 .item .classifybox.boxcur i {
    color: #005aab
}

header .hn_nav li .subnavbox1 .item .classifybox.boxcur a:hover {
    color: #30befe
}

header .hn_nav li .subnavbox1 .subnav li {
    height: 40px;
    line-height: 40px
}

header {
    font-size: 1.4em
}

.scroll_top,
.scroll_topouter {
    position: absolute;
    overflow: hidden
}

.scroll_topouter {
    height: 320px;
    width: 1px;
    overflow: hidden;
    background: #ddd;
    right: 40px;
    top: 0
}

.scroll_top {
    width: 5px;
    height: 80px;
    top: 0;
    right: 18px;
    background: #005aab;
    right: 38px
}

.scroll_top#scroll_line2,
.scroll_top#scroll_line3 {
    display: none !important
}

.scroll_topouter#scroll_box2,
.scroll_topouter#scroll_box3 {
    display: none !important
}

.hn_indexheader {
    position: relative;
    z-index: 10;
    z-index: 12
}

.hn_protitbanner {
    width: 100%;
    height: 150px;
    background: url(../img/probanner2.jpg) center center no-repeat;
    background-size: auto 100%
}

.hn_protitbanner .content {
    height: 150px
}

.hn_protitbanner .content h2 {
    font-size: 3.2em;
    line-height: 1.25em
}

.hn_protitbanner .content .cell {
    height: 150px
}

.hn_proheader_parent {
    height: 61px;
    position: relative;
    z-index: 11
}

.hn_proheader {
    margin-bottom: 10px;
    position: relative;
    z-index: 9;
    background: #fff;
    width: 100%
}

.hn_proheader * {
    vertical-align: middle
}

.hn_proheader .name {
    padding-right: 17px;
    color: #005aab
}

.hn_proheader .ico {
    padding-right: 17px
}

.hn_proheader .menubtn {
    display: inline-block;
    width: 40px;
    height: 59px;
    line-height: 59px;
    vertical-align: middle;
    text-align: center
}

.hn_proheader .menubtn .i_jiantou1 {
    position: relative;
    top: -5px;
    z-index: 1;
    left: 15px;
    display: none
}

.hn_proheader .menubtn .ico25 {
    vertical-align: middle
}

.hn_proheader .menubtn .promenu_subbox {
    display: none;
    width: 2000px;
    background: #f6f6f6;
    top: 59px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: 50%;
    margin-left: -1000px
}

.hn_proheader .menubtn .promenu_subbox ul {
    padding: 10px 0;
    overflow: auto
}

.hn_proheader .menubtn .promenu_subbox ul li {
    width: 12.5%;
    float: left
}

.hn_proheader .menubtn .promenu_subbox ul li .ico_25 {
    float: left;
    margin-right: 10px
}

.hn_proheader .menubtn .promenu_subbox ul li span {
    position: relative;
    float: left;
    line-height: 25px;
    display: block
}

.hn_proheader .menubtn .promenu_subbox ul li a {
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 12px 0
}

.hn_proheader .menubtn:hover .ico25 {
    background-position: -25px -525px
}

.hn_proheader .menubtn:hover .i_jiantou1,
.hn_proheader .menubtn:hover .promenu_subbox {
    display: block
}

.hn_proheader .right a {
    font-size: 1.4em;
    line-height: 60px;
    color: #333;
    padding-left: 35px;
    display: inline-block
}

.hn_proheader .right a:hover {
    color: #32beff
}

.hn_pager {
    padding: 30px 0;
    font-size: 14px;
    display: block
}

.hn_pager a {
    line-height: 38px;
    padding: 0 18px;
    display: inline-block;
    margin-right: 8px;
    border: 1px solid #e5e5e5
}

.hn_pager span {
    display: inline-block;
    line-height: 38px;
    padding: 0 15px;
    margin-right: 10px
}

.hn_pager a:hover {
    border-color: #32beff
}

.hn_pager a.cur {
    background: #005aab;
    color: #fff;
    border-color: #005aab
}

.hn_pager a.lose {
    background: #f6f6f6;
    color: #ccc;
    cursor: default
}

.hn_pager a.lose:hover {
    border-color: #e5e5e5
}

.hn_floatbox {
    background: #fff
}

.hn_floatbox h3 {
    line-height: 60px;
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    border-bottom: 1px solid #e5e5e5
}

.hn_floatbox .float_cont {
    padding: 20px 20px
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
    z-index: 0
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: 0;
    display: none
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: 0 0
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: 0;
    position: relative;
    overflow: visible;
    z-index: 1102;
    border: 0 solid transparent;
    background: #fff
}

#fancybox-content div {
    overflow: visible !important
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 1101
}

#fancybox-close {
    position: absolute;
    display: block;
    right: 15px;
    top: 18px;
    font-size: 14px;
    background: url(../img/hn_ico25_2.png?r=123) left -350px no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: block;
    z-index: 1103
}

#fancybox-close:hover {
    background-position: -50px -350px
}

#fancybox-error {
    color: #444;
    font: 400 12px/20px Arial;
    padding: 14px;
    margin: 0
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    line-height: 0;
    vertical-align: top
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    z-index: 1102;
    display: none
}

#fancybox-left {
    left: 0
}

#fancybox-right {
    right: 0
}

#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}

#fancybox-left-ico {
    background-position: -40px -30px
}

#fancybox-right-ico {
    background-position: -40px -60px
}

#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 20px
}

#fancybox-right:hover span {
    left: auto;
    right: 20px
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-position: -40px -162px
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-position: -20px 0
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-position: -40px -182px
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-position: 0 -20px
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-position: -40px -142px
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-position: -40px -122px
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left
}

#fancybox-title-over {
    padding: 10px;
    display: block
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap
}

#fancybox-title-float-left {
    padding: 0 0 0 15px
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: 700;
    padding: 0 0 3px 0
}

#fancybox-title-float-right {
    padding: 0 0 0 15px
}

.fancybox-ie6 #fancybox-close {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    font-size: 14px;
    background: url(../img/qd_from.png) left bottom no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block
}

#fancybox-hide-sel-frame,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right {
    height: expression(this.parentNode.clientHeight + "px")
}

#fancybox-loading.fancybox-ie6 {
    position: absolute;
    margin-top: 0;
    top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2) + (ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px')
}

#fancybox-loading.fancybox-ie6 div {
    background: 0 0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale')
}

.fancybox-ie .fancybox-bg {
    background: 0 0 !important
}

.datetimepicker {
    width: 190px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    position: absolute;
    display: none;
    z-index: 160;
    background: #fff
}

.top_search {
    min-width: 140px;
    vertical-align: middle;
    padding-top: 10px;
    position: absolute;
    z-index: 99
}

.top_search input {
    width: 90px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e5e5e5;
    padding-left: 15px;
    padding-right: 35px;
    color: #999
}

.top_search input:focus {
    border: 1px solid #999;
    color: #333
}

.top_search input::-ms-clear {
    display: none
}

.top_search .search_img {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 3
}

.top_search .search_img {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../img/hn_ico25_2.png?r=123) left -53px no-repeat;
    display: inline-block;
    vertical-align: middle
}

.top_search .search_img:hover {
    background-position: -32px -53px
}

header .hn_menu .menulist_box a.menu_red_li:hover {
    background: #e51c22;
    color: #fff
}

.menu_red_li:hover .menu_red {
    background: #fff;
    color: #e51c22
}

.menu_red {
    width: 16px;
    height: 16px;
    background: #e51c22;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    margin-top: -4px
}

header .hn_menu .menulist_box a.menu_green_li:hover {
    width: auto;
    background: #8bc348;
    color: #fff;
    padding: 0 10px;
    display: inline-block
}

.menu_green_li:hover .menu_green {
    background: #fff;
    color: #8bc348;
}

.menu_green {
    width: 16px;
    height: 16px;
    background: #8bc348;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    margin-top: -4px
}

.js_userinfo {
    float: left
}

.news_box {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin-left: 10px;
    float: left;
    position: relative
}

.news_box:hover {
    background: #f6f6f6
}

.news_box:hover .news_list {
    display: block
}

.news_box span {
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
    margin-top: 18px
}

.news_box a img {
    position: relative;
    top: -660px;
}

.news_box:hover a img {
    position: relative;
    top: -728px
}

.news_box .news_box_img {
    width: 60px;
    height: 60px;
    display: inline-block
}

.news_box:hover .news_box_img {
    width: 58px;
    height: 58px;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5
}

.news_box .orange {
    position: relative;
    top: -694px
}

.news_box .hasNews {
    position: absolute;
    top: 14px;
    right: 15px;
    width: 5px;
    height: 5px;
    background: url(../img/hn_ico25_2.png?r=123) 0 -762px no-repeat
}

.news_box .hasNews.orangeQ {
    background-position: left -762px
}

.news_box:hover .orangeQ {
    background-position: -15px -762px
}

.news_list {
    z-index: 0;
    display: block;
    background: #f6f6f6;
    line-height: 24px;
    position: absolute;
    top: 60px;
    border: 1px solid #e5e5e5;
    padding: 15px;
    width: 150px;
    text-align: left;
    display: none
}

.news_list a {
    width: 100%;
    margin: 0
}

.news_list .all_buttun {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #005aab;
    color: #fff
}

.rightbox .top_listbox {
    position: absolute;
    top: 50px;
    background: #fff;
    width: 238px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 15px 15px 5px 15px;
    z-index: 9
}

.rightbox .top_listbox h4 {
    color: #999;
    margin-bottom: 10px
}

.rightbox .top_listbox h4 a {
    color: #999;
    float: right
}

.rightbox .top_listbox li {
    padding: 10px
}

.rightbox .top_listbox li a {
    width: 100%;
    display: inline-block
}

.rightbox .top_listbox li:hover {
    background: #f8f8f8 url(../img/ico_arrows.png) right center no-repeat
}

.rightbox .listbox_like {
    position: absolute;
    top: 50px;
    background: #fff;
    width: 268px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 15px 0 10px
}

.rightbox .listbox_like h4 {
    color: #999;
    padding: 10px 15px
}

.rightbox .listbox_like li {
    padding: 10px 15px
}

.rightbox .listbox_like li a {
    width: 100%;
    display: inline-block;
    color: #999
}

.rightbox .listbox_like li:hover {
    background: #005aab
}

.rightbox .listbox_like li:hover a,
.rightbox .listbox_like li:hover a font {
    color: #fff
}

.toutiao {
    width: 100%;
    height: 51px;
    line-height: 51px;
    background: url(../img/hn_transbg.png) repeat-x;
    color: #fff;
    position: absolute;
    top: 60px;
    z-index: -1
}

.toutiao_left {
    margin-right: 15px
}

.js_ico_close {
    width: 13px;
    height: 51px;
    top: 20px;
    padding-right: 45px;
    background: url(../img/toutiao_colse.png) center no-repeat;
    float: right
}

/*.mainbody {
	min-width: 1340px;
	font-size:10px;
}*/

.hn_banner_new {
    width: 100%;
    height: 475px;
    position: relative;
    overflow: hidden
}

.hn_banner_new_list {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 475px;
    z-index: 1
}

.hn_banner_new_item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 475px;
    overflow: hidden
}

.hn_banner_new_item.cur {
    display: block
}

.hn_banner_new_item .img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block
}

.hn_banner_imgWrap {
    width: auto;
    max-width: 1366px;
    height: 475px;
    margin: 0 auto;
    position: relative
}

.hn_banner_imgWrap_img {
    position: relative;
    z-index: 0;
    width: auto;
    height: 475px
}

.hn_banner_imgWrap_link {
    width: 813px;
    position: absolute;
    left: 65px;
    top: 0;
    height: 100%;
    z-index: 20;
    background-color: rgba(255, 255, 255, 0);
    background: url(../img/hn_ico.png?r=126) no-repeat -2000px 25000px
}

.hn_banner_new_item_textinfo {
    width: 423px;
    height: 475px;
    box-sizing: border-box;
    padding: 36px 45px 45px 45px;
    font-size: 1em;
    position: absolute;
    top: 0;
    left: 878px;
    background: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff, endColorstr=#B2ffffff)
}

.hn_banner_new_item_textContent h2 {
    font-size: 48px;
    color: #0162c7;
    line-height: 71px;
    overflow: hidden;
    max-height: 140px;
    margin-bottom: 4px;
    letter-spacing: -1px;
    text-align: right
}

.hn_banner_new_item_textContent h3 {
    font-size: 30px;
    line-height: 40px;
    max-height: 40px;
    overflow: hidden;
    color: #666;
    text-align: right
}

.hn_banner_new_item_textContent ul {
    padding: 8px 0
}

.hn_banner_new_item_textContent ol {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    text-align: right;
    color: #333;
    opacity: .7;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7
}

.hn_banner_new_lookMore_line {
    display: block;
    width: 44px;
    height: 2px;
    position: absolute;
    right: 45px;
    bottom: 85px;
    background-color: #32beff;
    opacity: .6;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6
}

.hn_banner_new_item_textinfo .hn_btn14 {
    position: absolute;
    bottom: 25px;
    right: 45px;
    padding: 0 27px
}

.hn_banner_new .nav {
    width: 813px;
    position: absolute;
    bottom: 10px;
    left: 65px;
    text-align: center;
    z-index: 12
}

.hn_banner_new .nav li {
    display: inline-block;
    margin: 5px 2px;
    cursor: pointer
}

.hn_banner_new .nav li a {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/hn_ico.png?r=126) no-repeat -122px -732px
}

.hn_banner_new .nav li.cur a {
    background-position: -99px -732px
}

/*修改头部导航*/
header .hn_nav li .subnavbox1 .item .classifybox > div:hover a {
    color: #005aab !important;
}

header .hn_nav li .subnavbox1 .item .classifybox > div a:hover {
    color: #30befe !important;
}

header .hn_nav li .subnavbox1 .item .classifybox > div:hover b {
    color: #005aab !important;
}

header .hn_nav li .subnavbox1 .item .classifybox > div b:hover {
    color: #30befe !important;
}

/* 修改顶部搜索 */
.fs0 {
    font-size: 0;
}

.bsbb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.top_search_new {
    min-width: 90px;
    padding: 0 35px 0 15px;
    border: 1px solid #999;
    margin-top: 10px;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.top_search_new input {
    font-size: 14px;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0;
    padding-right: 0;
}

.top_search_new input:focus {
    color: #666;
    border: none;
}

.top_search_new .search_img {
    top: 10px;
}

.listbox_new {
    display: none;
    width: 270px;
    border: 1px solid #999;
    border-top: 0;
    position: absolute;
    top: 50px;
    background: #fff;
    z-index: 9;
    padding-bottom: 10px;
}

.model_title {
    font-size: 12px;
    color: #999;
    line-height: 1;
    padding: 15px 13px 8px;
}

.model_li {
    font-size: 14px;
    color: #666;
    height: 38px;
    line-height: 38px;
    position: relative;
}

.model_li:hover {
    background-color: #f6f6f6;
}

.model_li:hover .del_item {
    display: block;
}

.model_li:hover font {
    color: #32beff;
}

.model_li .text {
    display: inline-block;
    width: 235px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 31px;
    padding-right: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.model_li .txt {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 31px;
    padding-right: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.del_item {
    display: none;
    position: absolute;
    right: 13px;
    top: 0;
}

.listbox_new .js_a_fuseacher {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px !important;
    text-align: left !important;
}

.top_search_text {
    font-size: 14px;
    color: #999;
    display: block;
    height: 38px;
    line-height: 38px;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff;
}

.opacity0 {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.clearfu {
    clear: both;
    display: block;
    overflow: hidden;
    content: ""
}

.hn_cookie_notice {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 64px;
    background: rgba(68, 68, 68, .9);
    line-height: 64px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5444444, endColorstr=#E5444444)
}

.hn_cookie_notice .icon {
    float: left;
    display: block;
    margin: 24px 20px 0 36px;
    width: 16px;
    height: 16px;
    background: url(../img/hn_ico.png?r=126) -2px -930px no-repeat
}

.hn_cookie_notice .cookie_notice_text {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    font-size: 12px
}

.hn_cookie_notice * {
    font-family: '微软雅黑', DeliciousRoman, arial, Microsoft Yahei, \5b8b\4f53, sans-serif !important;
}

.hn_cookie_notice .more {
    color: #fff;
    text-decoration: underline;
    font-size: 12px
}

.hn_cookie_notice .confirm {
    float: right;
    display: block;
    margin-top: 16px;
    margin-right: 20px;
    width: 98px;
    height: 30px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 30px
}

/* <!-- hn_base.css end-->
	<!-- hn_module.css start-->
	<style type="text/css"> */
@charset "UTF-8";

.hn_probanner {
    background: white;
    overflow: hidden;
    border: 1px solid #e5e5e5
}

@keyframes porbanner {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

@-moz-keyframes porbanner {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

@-webkit-keyframes porbanner {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

@-o-keyframes porbanner {
    0% {
        box-shadow: 0 0 1px #dbdbdb
    }

    100% {
        box-shadow: 0 0 10px #dbdbdb
    }
}

.hn_interaction_content {
    width: 1260px;
    margin: 30px auto;
    /* min-height: 420px; */
    zoom: 1;
    display: block
}

.hn_interaction_content.cur {
    display: block
}

.hn_probanner ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 400%;
    display: block;
    white-space: nowrap;
    z-index: 0
}

.hn_probanner ul li {
    display: block;
    float: left;
    background: white;
    position: relative;
    overflow: hidden
}

.hn_probanner ul li a {
    display: table;
    vertical-align: middle
}

.hn_probanner ul li img {
    position: absolute;
    z-index: 0;
    vertical-align: middle
}

.hn_probanner ul li .infobox {
    color: #666;
    position: relative;
    z-index: 10;
    white-space: normal
}

.hn_probanner ul li .infobox h2 {
    /*font-size: 3.2em;*/
    line-height: 1.25em;
    font-weight: normal;
    color: #333
}

.hn_probanner ul li .infobox p {
    font-size: 1.6em;
    line-height: 1.5em;
    color: #999
}

.hn_probanner .nav {
    position: absolute;
    bottom: 0;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_probanner .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 5px;
    /*background: white*/
}

.hn_probanner .nav span i {
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #c6cacb
}

.hn_probanner .nav span:hover i,
.hn_probanner .nav span.cur i {
    background: #3363AB
}

.hn_probanner ul li .infobox a:hover h2 {
    color: #32beff
}

.hn_probanner ul li .infobox a:hover p {
    color: #32beff
}

.hn_probanner.r3_2 ul li,
.hn_probanner.r3_2 ul li a {
    width: 814px;
    height: 394px
}

.hn_probanner.r3_2 ul li img {
    top: 25px;
    left: 60px
}

.hn_probanner.r3_2 .infobox {
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 33%;
    right: 135px
}

.hn_probanner.r3_2 .infobox h2 {
    font-size: 3.2em;
    line-height: 1.25em;
    max-height: 2.5em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_probanner.r3_2 .infobox p {
    font-size: 1.6em;
    line-height: 1.5em;
    max-height: 3em;
    overflow: hidden;
    word-wrap: break-word;
}

.hn_probanner.r3_2 .nav {
    right: 20px
}

.hn_probanner.r3_2 .nav span i {
    width: 50px
}

.hn_probanner.r3_2 ul li img:hover {
    animation: imgr32 .2s ease-out 0s;
    -moz-animation: imgr32 .2s ease-out 0s;
    -webkit-animation: imgr32 .2s ease-out 0s;
    -o-animation: imgr32 .2s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    width: 370px;
    height: 370px;
    top: 15px;
    left: 50px
}

@keyframes imgr32 {
    0% {
        width: 350px;
        height: 350px;
        top: 25px;
        left: 60px
    }

    100% {
        width: 370px;
        height: 370px;
        top: 15px;
        left: 50px
    }
}

@-moz-keyframes imgr32 {
    0% {
        width: 350px;
        height: 350px;
        top: 25px;
        left: 60px
    }

    100% {
        width: 370px;
        height: 370px;
        top: 15px;
        left: 50px
    }
}

@-webkit-keyframes imgr32 {
    0% {
        width: 350px;
        height: 350px;
        top: 25px;
        left: 60px
    }

    100% {
        width: 370px;
        height: 370px;
        top: 15px;
        left: 50px
    }
}

@-o-keyframes imgr32 {
    0% {
        width: 350px;
        height: 350px;
        top: 25px;
        left: 60px
    }

    100% {
        width: 370px;
        height: 370px;
        top: 15px;
        left: 50px
    }
}

.hn_probanner.r2_2 ul li,
.hn_probanner.r2_2 ul li a {
    width: 604px;
    height: 394px
}

.hn_probanner.r2_2 ul li img {
    top: 50px;
    left: 32px
}

.hn_probanner.r2_2 .infobox {
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 33%;
    right: 50px
}

.hn_probanner.r2_2 .infobox h2 {
    font-size: 3.2em;
    line-height: 1.25em;
    max-height: 2.5em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_probanner.r2_2 .infobox p {
    font-size: 1.6em;
    line-height: 1.5em;
    max-height: 3em;
    overflow: hidden;
    word-wrap: break-word;
}

.hn_probanner.r2_2 .nav {
    right: 20px
}

.hn_probanner.r2_2 ul li img:hover {
    animation: imgr22 .2s ease-out 0s;
    -moz-animation: imgr22 .2s ease-out 0s;
    -webkit-animation: imgr22 .2s ease-out 0s;
    -o-animation: imgr22 .2s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    width: 318px;
    height: 318px;
    top: 41px;
    left: 23px
}

@keyframes imgr22 {
    0% {
        width: 300px;
        height: 300px;
        top: 50px;
        left: 32px
    }

    100% {
        width: 318px;
        height: 318px;
        top: 41px;
        left: 23px
    }
}

@-moz-keyframes imgr22 {
    0% {
        width: 300px;
        height: 300px;
        top: 50px;
        left: 32px
    }

    100% {
        width: 318px;
        height: 318px;
        top: 41px;
        left: 23px
    }
}

@-webkit-keyframes imgr22 {
    0% {
        width: 300px;
        height: 300px;
        top: 50px;
        left: 32px
    }

    100% {
        width: 318px;
        height: 318px;
        top: 41px;
        left: 23px
    }
}

@-o-keyframes imgr22 {
    0% {
        width: 300px;
        height: 300px;
        top: 50px;
        left: 32px
    }

    100% {
        width: 318px;
        height: 318px;
        top: 41px;
        left: 23px
    }
}

.hn_probanner.r1312 ul li,
.hn_probanner.r1312 ul li a {
    width: 396px;
    height: 184px
}

.hn_probanner.r1312 ul li img {
    top: 20px;
    left: 30px
}

.hn_probanner.r1312 .infobox {
    width: 125px;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 33%;
    right: 50px
}

.hn_probanner.r1312 .infobox h2 {
    font-size: 1.8em;
    line-height: 1.4em;
    max-height: 2.8em;
    overflow: hidden;
    margin-bottom: 3px
}

.hn_probanner.r1312 .infobox p {
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 1.57em;
    overflow: hidden;
    word-wrap: break-word;
}

.hn_probanner.r1312 .nav {
    right: 20px
}

.hn_probanner.r1312 .nav span {
    display: inline-block;
    float: none;
    margin: 0 3px
}

.hn_probanner.r1312 .nav span i {
    width: 20px
}

.hn_probanner.r1312 ul li img:hover {
    animation: imgr1312 .2s ease-out 0s;
    -moz-animation: imgr1312 .2s ease-out 0s;
    -webkit-animation: imgr1312 .2s ease-out 0s;
    -o-animation: imgr1312 .2s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    width: 160px;
    height: 160px;
    top: 15px;
    left: 25px
}

@keyframes imgr1312 {
    0% {
        width: 150px;
        height: 150px;
        top: 20px;
        left: 30px
    }

    100% {
        width: 160px;
        height: 160px;
        top: 15px;
        left: 25px
    }
}

@-moz-keyframes imgr1312 {
    0% {
        width: 150px;
        height: 150px;
        top: 20px;
        left: 30px
    }

    100% {
        width: 160px;
        height: 160px;
        top: 15px;
        left: 25px
    }
}

@-webkit-keyframes imgr1312 {
    0% {
        width: 150px;
        height: 150px;
        top: 20px;
        left: 30px
    }

    100% {
        width: 160px;
        height: 160px;
        top: 15px;
        left: 25px
    }
}

@-o-keyframes imgr1312 {
    0% {
        width: 150px;
        height: 150px;
        top: 20px;
        left: 30px
    }

    100% {
        width: 160px;
        height: 160px;
        top: 15px;
        left: 25px
    }
}

.hn_probanner.r1_2 ul li,
.hn_probanner.r1_2 ul li a {
    width: 289px;
    height: 394px
}

.hn_probanner.r1_2 ul li img {
    bottom: 30px;
    left: 45px
}

.hn_probanner.r1_2 .infobox {
    width: 280px;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px
}

.hn_probanner.r1_2 .infobox h2 {
    font-size: 2.4em;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    width: 80%;
    margin: 0 auto
}

.hn_probanner.r1_2 .infobox p {
    font-size: 1.6em;
    line-height: 1.5em;
    max-height: 1.5em;
    overflow: hidden;
    width: 80%;
    margin: 0 auto
}

.hn_probanner.r1_2 .nav {
    width: 92%;
    text-align: center;
    left: 4%;
    background: url(../img/hn_null.gif)
}

.hn_probanner.r1_2 .nav span {
    display: inline-block;
    float: none;
    margin: 0 3px
}

.hn_probanner.r1_2 .nav span i {
    width: 20px
}

.hn_probanner.r1_2 ul li img:hover {
    animation: imgr12 .2s ease-out 0s;
    -moz-animation: imgr12 .2s ease-out 0s;
    -webkit-animation: imgr12 .2s ease-out 0s;
    -o-animation: imgr12 .2s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    width: 212px;
    height: 212px;
    bottom: 24px;
    left: 39px
}

@keyframes imgr12 {
    0% {
        width: 200px;
        height: 200px;
        bottom: 30px;
        left: 45px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 24px;
        left: 39px
    }
}

@-moz-keyframes imgr12 {
    0% {
        width: 200px;
        height: 200px;
        bottom: 30px;
        left: 45px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 24px;
        left: 39px
    }
}

@-webkit-keyframes imgr12 {
    0% {
        width: 200px;
        height: 200px;
        bottom: 30px;
        left: 45px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 24px;
        left: 39px
    }
}

@-o-keyframes imgr12 {
    0% {
        width: 200px;
        height: 200px;
        bottom: 30px;
        left: 45px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 24px;
        left: 39px
    }
}

.hn_probanner.r1_1 ul li,
.hn_probanner.r1_1 ul li a {
    width: 289px;
    height: 184px
}

.hn_probanner.r1_1 ul li img {
    bottom: 20px;
    right: 25px
}

.hn_probanner.r1_1 .infobox {
    position: absolute;
    top: 25px;
    left: 20px;
    width: 120px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.hn_probanner.r1_1 .infobox h2 {
    font-size: 1.8em;
    line-height: 1.4em;
    max-height: 2.8em;
    overflow: hidden;
    margin-bottom: 0
}

.hn_probanner.r1_1 .infobox p {
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 1.57em;
    overflow: hidden
}

.hn_probanner.r1_1 .nav {
    left: 20px
}

.hn_probanner.r1_1 .nav span {
    padding: 10px 0;
    margin: 0 3px
}

.hn_probanner.r1_1 .nav span i {
    width: 20px
}

.hn_probanner.r1_1 ul li img:hover {
    animation: imgr11 .2s ease-out 0s;
    -moz-animation: imgr11 .2s ease-out 0s;
    -webkit-animation: imgr11 .2s ease-out 0s;
    -o-animation: imgr11 .2s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    width: 106px;
    height: 106px;
    bottom: 17px;
    right: 22px
}

@keyframes imgr11 {
    0% {
        width: 100px;
        height: 100px;
        bottom: 20px;
        right: 25px
    }

    100% {
        width: 106px;
        height: 106px;
        bottom: 17px;
        right: 22px
    }
}

@-moz-keyframes imgr11 {
    0% {
        width: 100px;
        height: 100px;
        bottom: 20px;
        right: 25px
    }

    100% {
        width: 106px;
        height: 106px;
        bottom: 17px;
        right: 22px
    }
}

@-webkit-keyframes imgr11 {
    0% {
        width: 100px;
        height: 100px;
        bottom: 20px;
        right: 25px
    }

    100% {
        width: 106px;
        height: 106px;
        bottom: 17px;
        right: 22px
    }
}

@-o-keyframes imgr11 {
    0% {
        width: 100px;
        height: 100px;
        bottom: 20px;
        right: 25px
    }

    100% {
        width: 106px;
        height: 106px;
        bottom: 17px;
        right: 22px
    }
}

.hn_probanner.r1_1fang ul li,
.hn_probanner.r1_1fang ul li a {
    width: 396px;
    height: 396px
}

.hn_probanner.r1_1fang ul li img {
    bottom: 0px;
    right: 0px
}

.hn_probanner.r1_1fang .infobox {
    position: absolute;
    top: 25px;
    left: 20px;
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.hn_probanner.r1_1fang .infobox h2 {
    /*font-size: 3.2em;*/
    line-height: 1.25em;
    font-weight: normal;
    max-height: 2.5em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_probanner.r1_1fang .infobox p {
    font-size: 1.6em;
    line-height: 1.5em;
    max-height: 1.5em;
    overflow: hidden;
    word-wrap: break-word;
}

.hn_probanner.r1_1fang .nav {
    left: 12px
}

.hn_probanner.r1_1fang .nav span {
    padding: 10px 0;
    margin: 0 5px
}

.hn_probanner.r1_1fang .nav span i {
    width: 30px
}

/*.hn_probanner.r1_1fang ul li img:hover {*/
/*animation: imgr11fang .2s ease-out 0s;*/
/*-moz-animation: imgr11fang .2s ease-out 0s;*/
/*-webkit-animation: imgr11fang .2s ease-out 0s;*/
/*-o-animation: imgr11fang .2s ease-out 0s;*/
/*animation-fill-mode: forwards;*/
/*-webkit-animation-fill-mode: forwards;*/
/*width: 212px;*/
/*height: 212px;*/
/*bottom: 34px;*/
/*right: 34px*/
/*}*/

@keyframes imgr11fang {
    0% {
        width: 200px;
        height: 200px;
        bottom: 40px;
        right: 40px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 34px;
        right: 34px
    }
}

@-moz-keyframes imgr11fang {
    0% {
        width: 200px;
        height: 200px;
        bottom: 40px;
        right: 40px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 34px;
        right: 34px
    }
}

@-webkit-keyframes imgr11fang {
    0% {
        width: 200px;
        height: 200px;
        bottom: 40px;
        right: 40px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 34px;
        right: 34px
    }
}

@-o-keyframes imgr11fang {
    0% {
        width: 200px;
        height: 200px;
        bottom: 40px;
        right: 40px
    }

    100% {
        width: 212px;
        height: 212px;
        bottom: 34px;
        right: 34px
    }
}

.hn_fans a {
    background: #32beff;
    display: block;
    color: white
}

.hn_fans a h2 {
    padding: 20px 20px 0;
    line-height: 1.4em;
    padding-top: 25px
}

.hn_fans a h3 {
    padding: 0 20px;
    font-size: 1.6em;
    line-height: 1.5em;
    opacity: .5
}

.hn_fans a p {
    padding: 20px 20px 0
}

.hn_fans a img.img {
    position: absolute;
    bottom: 20px;
    right: 25px
}

.hn_fans.r1_2 a {
    width: 291px;
    height: 396px
}

.hn_fans.r1_2 a h2 {
    font-size: 2.4em;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    width: 200px
}

.hn_fans.r1_2 a h3 {
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 1.57em;
    width: 200px
}

.hn_fans.r1_2 a p {
    font-size: 1.6em;
    line-height: 1.5em
}

.hn_fans.r1_2 a img.img {
    width: 64px;
    height: 64px;
    right: 25px
}

.hn_fans.r1_1 a {
    width: 291px;
    height: 186px;
    position: relative
}

.hn_fans.r1_1 a h2 {
    font-size: 2.4em;
    padding-top: 25px;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    position: relative;
    width: 200px
}

.hn_fans.r1_1 a h3 {
    font-size: 1.4em;
    line-height: 1.57em;
    display: none
}

.hn_fans.r1_1 a p {
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 1.4em;
    line-height: 1.57em
}

.hn_fans.r1_1 a img.img {
    width: 64px;
    height: 64px
}

.hn_fans.r1312 a {
    width: 396px;
    height: 186px
}

.hn_fans.r1312 a h2 {
    font-size: 2.4em;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    width: 200px
}

.hn_fans.r1312 a h3 {
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 1.57em;
    overflow: hidden;
    width: 200px
}

.hn_fans.r1312 a p {
    font-size: 1.6em;
    line-height: 1.5em
}

.hn_fans.r1312 a img.img {
    width: 64px;
    height: 64px;
    bottom: 20px;
    right: 30px
}

.hn_fans.r1612 a {
    width: 186px;
    height: 186px
}

.hn_fans.r1612 a h2 {
    font-size: 1.8em;
    line-height: 1.4em;
    max-height: 4.2em;
    overflow: hidden;
    width: 110px;
    padding-top: 20px
}

.hn_fans.r1612 a h3 {
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 1.57em;
    overflow: hidden;
    display: none
}

.hn_fans.r1612 a p {
    font-size: 1.6em;
    line-height: 1.5em
}

.hn_fans.r1612 a img.img {
    width: 48px;
    height: 48px;
    bottom: 20px;
    right: 25px
}

.hn_fans:hover a {
    background: #005aab;
    animation: fans_hover .5s ease-out 0s;
    -moz-animation: fans_hover .5s ease-out 0s;
    -webkit-animation: fans_hover .5s ease-out 0s;
    -o-animation: fans_hover .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes fans_hover {
    0% {
        background: #32beff
    }

    100% {
        background: #005aab
    }
}

@-moz-keyframes fans_hover {
    0% {
        background: #32beff
    }

    100% {
        background: #005aab
    }
}

@-webkit-keyframes fans_hover {
    0% {
        background: #32beff
    }

    100% {
        background: #005aab
    }
}

@-o-keyframes fans_hover {
    0% {
        background: #32beff
    }

    100% {
        background: #005aab
    }
}

.hn_textbox1312 {
    width: 394px;
    height: 184px
}

.hn_textbox1312 a {
    display: block;
    width: 394px;
    height: 184px
}

.hn_textbox1312 a h2 {
    font-size: 2.4em;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    padding: 0 20px 5px;
    padding-top: 20px;
    line-height: 1.4em
}

.hn_textbox1312 a h3 {
    margin: 0 20px;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden;
    opacity: .5
}

.hn_textbox1612 {
    width: 184px;
    height: 184px
}

.hn_textbox1612 a {
    display: block;
    width: 184px;
    height: 184px
}

.hn_textbox1612 a h2 {
    font-size: 1.8em;
    line-height: 1.4em;
    max-height: 4.2em;
    overflow: hidden;
    margin: 0 20px 5px;
    padding-top: 20px;
    line-height: 1.4em;
    width: 105px
}

.hn_textbox1612 a h3 {
    display: none
}

.hn_textbox1412 {
    width: 289px;
    height: 184px
}

.hn_textbox1412 a {
    display: block;
    width: 289px;
    height: 184px
}

.hn_textbox1412 a h2 {
    font-size: 2.4em;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    padding: 0 20px 5px;
    padding-top: 20px;
    line-height: 1.4em
}

.hn_textbox1412 a h3 {
    margin: 0 20px;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden;
    opacity: .5
}

.hn_textbox_gray {
    background: #f6f6f6;
    border: 1px solid #f6f6f6
}

.hn_textbox_gray a:hover h3 {
    color: #666
}

.hn_textbox_gray:hover {
    background: white;
    border-color: #e5e5e5;
    animation: textbox_gray .5s ease-out 0s;
    -moz-animation: textbox_gray .5s ease-out 0s;
    -webkit-animation: textbox_gray .5s ease-out 0s;
    -o-animation: textbox_gray .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes textbox_gray {
    0% {
        background: #f6f6f6;
        border-color: #f6f6f6
    }

    100% {
        background: white;
        border-color: #e5e5e5
    }
}

@-moz-keyframes textbox_gray {
    0% {
        background: #f6f6f6;
        border-color: #f6f6f6
    }

    100% {
        background: white;
        border-color: #e5e5e5
    }
}

@-webkit-keyframes textbox_gray {
    0% {
        background: #f6f6f6;
        border-color: #f6f6f6
    }

    100% {
        background: white;
        border-color: #e5e5e5
    }
}

@-o-keyframes textbox_gray {
    0% {
        background: #f6f6f6;
        border-color: #f6f6f6
    }

    100% {
        background: white;
        border-color: #e5e5e5
    }
}

.hn_textbox_blue {
    background: #32beff;
    border: 1px solid #32beff
}

.hn_textbox_blue a {
    color: white
}

.hn_textbox_blue a:hover {
    color: white
}

.hn_textbox_blue:hover {
    background: #005aab;
    border-color: #005aab;
    animation: textbox_blue .5s ease-out 0s;
    -moz-animation: textbox_blue .5s ease-out 0s;
    -webkit-animation: textbox_blue .5s ease-out 0s;
    -o-animation: textbox_blue .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes textbox_blue {
    0% {
        background: #32beff;
        border-color: #32beff
    }

    100% {
        background: #005aab;
        border-color: #005aab
    }
}

@-moz-keyframes textbox_blue {
    0% {
        background: #32beff;
        border-color: #32beff
    }

    100% {
        background: #005aab;
        border-color: #005aab
    }
}

@-webkit-keyframes textbox_blue {
    0% {
        background: #32beff;
        border-color: #32beff
    }

    100% {
        background: #005aab;
        border-color: #005aab
    }
}

@-o-keyframes textbox_blue {
    0% {
        background: #32beff;
        border-color: #32beff
    }

    100% {
        background: #005aab;
        border-color: #005aab
    }
}

.hn_textimglist1422 {
    width: 289px;
    height: 394px;
    background: white;
    border: 1px solid #e5e5e5
}

.hn_textimglist1422 h2 {
    margin: 20px 20px 0
}

.hn_textimglist1422 ul {
    display: block;
    padding: 0 20px;
    height: 320px;
    overflow: hidden
}

.hn_textimglist1422 ul li {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    overflow: auto
}

.hn_textimglist1422 ul li .img {
    float: left;
    margin-right: 12px
}

.hn_textimglist1422 ul li h3 a {
    max-height: 3.14em;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    top: -5px
}

.hn_textimglist1422 ul li p {
    overflow: hidden;
    max-height: 1.57em;
    position: relative;
    top: 5px
}

.hn_textimglist1322 {
    width: 394px;
    height: 394px;
    background: white;
    border: 1px solid #e5e5e5
}

.hn_textimglist1322 h2 {
    margin: 20px 20px 0
}

.hn_textimglist1322 ul {
    display: block;
    padding: 0 20px;
    height: 320px;
    overflow: hidden
}

.hn_textimglist1322 ul li {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    overflow: auto
}

.hn_textimglist1322 ul li .img {
    float: left;
    margin-right: 12px
}

.hn_textimglist1322 ul li h3 a {
    max-height: 3.14em;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    top: -2px
}

.hn_textimglist1322 ul li p {
    overflow: hidden;
    max-height: 1.57em;
    position: relative;
    top: 5px
}

.hn_textimglist1312 {
    width: 394px;
    background: white;
    height: 186px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    position: relative
}

.hn_textimglist1312 h2 {
    margin: 20px 20px 0;
    width: 270px;
    overflow: hidden
}

.hn_textimglist1312 .showbox {
    width: 394px;
    height: 90px;
    overflow: hidden;
    position: relative;
    margin: 27px auto 0
}

.hn_textimglist1312 ul {
    display: block;
    height: 320px;
    overflow: hidden;
    width: 3000px
}

.hn_textimglist1312 ul li {
    display: block;
    overflow: auto;
    float: left;
    width: 394px
}

.hn_textimglist1312 ul li .box {
    padding: 0 20px;
    display: block
}

.hn_textimglist1312 ul li .img {
    float: left;
    margin-right: 12px
}

.hn_textimglist1312 ul li h3 a {
    max-height: 2.8em;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    top: -2px
}

.hn_textimglist1312 ul li p {
    overflow: hidden;
    max-height: 1.57em;
    position: relative;
    top: 5px
}

.hn_textimglist1312 .btn_per {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 30px;
    right: 47px;
    cursor: pointer;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) no-repeat #c6cacb;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background-position: 0 -575px
}

.hn_textimglist1312 .btn_next {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 30px;
    right: 20px;
    cursor: pointer;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) no-repeat #c6cacb;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background-position: -25px -575px
}

.hn_textimglist1312 .btn_per:hover,
.hn_textimglist1312 .btn_next:hover {
    background-color: #32beff
}

.hn_textlist1422 {
    width: 289px;
    height: 394px;
    background: white;
    border: 1px solid #e5e5e5
}

.hn_textlist1422 h2 {
    margin: 20px 20px 0
}

.hn_textlist1422 ul {
    display: block;
    padding: 0 20px;
    height: 320px;
    overflow: hidden
}

.hn_textlist1422 ul li {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    overflow: auto
}

.hn_textlist1422 ul li h3 a {
    max-height: 1.57em;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.hn_textlist1422 ul li p {
    overflow: hidden;
    max-height: 1.57em;
    position: relative
}

.hn_textlist1322 {
    width: 394px;
    height: 394px;
    background: white;
    border: 1px solid #e5e5e5
}

.hn_textlist1322 h2 {
    margin: 20px 20px 0
}

.hn_textlist1322 ul {
    display: block;
    padding: 0 20px;
    height: 320px;
    overflow: hidden
}

.hn_textlist1322 ul li {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    overflow: auto
}

.hn_textlist1322 ul li h3 a {
    max-height: 1.57em;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.hn_textlist1322 ul li p {
    overflow: hidden;
    max-height: 1.57em;
    position: relative
}

.hn_textlist1312 {
    width: 394px;
    background: white;
    height: 186px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    position: relative
}

.hn_textlist1312 h2 {
    margin: 20px 20px 0;
    width: 270px;
    overflow: hidden
}

.hn_textlist1312 .showbox {
    width: 394px;
    height: 90px;
    overflow: hidden;
    position: relative;
    margin: 20px auto 0
}

.hn_textlist1312 ul {
    display: block;
    height: 320px;
    overflow: hidden;
    width: 3000px
}

.hn_textlist1312 ul li {
    display: block;
    overflow: auto;
    float: left;
    width: 394px
}

.hn_textlist1312 ul li h3 a {
    margin: 0 20px;
    max-height: 2.8em;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    display: inline-block
}

.hn_textlist1312 ul li p {
    padding: 0 20px;
    overflow: hidden;
    max-height: 1.57em;
    position: relative
}

.hn_textlist1312 .btn_per {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 30px;
    right: 47px;
    cursor: pointer;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) no-repeat #c6cacb;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background-position: 0 -575px
}

.hn_textlist1312 .btn_next {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 30px;
    right: 20px;
    cursor: pointer;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(../img/hn_ico.png?r=126) no-repeat #c6cacb;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background-position: -25px -575px
}

.hn_textlist1312 .btn_per:hover,
.hn_textlist1312 .btn_next:hover {
    background-color: #32beff
}

.hn_activityimg1_2 {
    background: white
}

.hn_activityimg1_2 a {
    color: #333;
    display: block
}

.hn_activityimg1_2 a:hover {
    color: #32beff
}

.hn_activityimg1_2 .imgbox {
    height: 140px;
    position: relative;
    overflow: hidden
}

.hn_activityimg1_2 .imgbox img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_activityimg1_2 .cont {
    padding: 20px 19px
}

.hn_activityimg1_2 .cont h2 {
    font-size: 2.4em;
    color: #333;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_activityimg1_2 .cont p {
    font-size: 1.4em;
    color: #999;
    line-height: 1.57em;
    max-height: 7.85em;
    overflow: hidden
}

.hn_activityimg1_2 .tool {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.hn_activityimg1_2 .imgbox:hover img {
    animation: atv_img1 .2s ease-out 0s;
    -moz-animation: atv_img1 .2s ease-out 0s;
    -webkit-animation: atv_img1 .2s ease-out 0s;
    -o-animation: atv_img1 .2s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    top: -5px;
    left: -5px;
    width: 300px;
    height: 150px
}

@keyframes atv_img1 {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 146px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 150px
    }
}

@-moz-keyframes atv_img1 {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 146px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 150px
    }
}

@-webkit-keyframes atv_img1 {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 146px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 150px
    }
}

@-o-keyframes atv_img1 {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 146px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 150px
    }
}

.hn_activityimg1_2_fang {
    background: white
}

.hn_activityimg1_2_fang a {
    color: #333;
    display: block
}

.hn_activityimg1_2_fang a:hover {
    color: #32beff
}

.hn_activityimg1_2_fang .imgbox {
    height: 291px;
    position: relative;
    overflow: hidden
}

.hn_activityimg1_2_fang .imgbox img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_activityimg1_2_fang .cont {
    padding: 17px 19px
}

.hn_activityimg1_2_fang .cont h2 {
    font-size: 2em;
    color: #333;
    line-height: 1.2em;
    max-height: 1.2em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_activityimg1_2_fang .cont p {
    font-size: 1.4em;
    color: #999;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden
}

.hn_activityimg1_2_fang .tool {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.hn_activityimg1_2_fang .imgbox:hover img {
    animation: atv_img .2s ease-out 0s;
    -moz-animation: atv_img .2s ease-out 0s;
    -webkit-animation: atv_img .2s ease-out 0s;
    -o-animation: atv_img .2s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    top: -5px;
    left: -5px;
    width: 300px;
    height: 300px
}

@keyframes atv_img {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 291px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 300px
    }
}

@-moz-keyframes atv_img {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 291px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 300px
    }
}

@-webkit-keyframes atv_img {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 291px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 300px
    }
}

@-o-keyframes atv_img {
    0% {
        top: 0;
        left: 0;
        width: 291px;
        height: 291px
    }

    100% {
        top: -5px;
        left: -5px;
        width: 300px;
        height: 300px
    }
}

.hn_activityimg1_1 {
    position: relative
}

.hn_activityimg1_1 .imgbox {
    height: 146px;
    position: relative;
    overflow: hidden
}

.hn_activityimg1_1 .imgbox img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_activityimg1_1 .cont {
    background: white;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.hn_activityimg1_1 .cont h2 {
    padding: 0 20px;
    font-size: 1.4em;
    line-height: 2.5em;
    max-height: 2.5em;
    overflow: hidden
}

.hn_activityimg1_1 .cont h2 a {
    color: #666
}

.hn_activityimg1_1 .cont h2 a:hover {
    color: #36c1ff
}

.hn_activityimg1_1 .cont p {
    font-size: 1.4em;
    color: #999;
    line-height: 1.57em;
    max-height: 4.71em;
    overflow: hidden
}

.hn_activityimg1_1 .tool {
    width: 100%;
    padding: 12px 0;
    display: block;
    position: absolute;
    background: white;
    position: absolute;
    bottom: 0;
    text-align: right
}

.hn_activityimg1_1 .tool .i_see {
    margin-left: 10px
}

.hn_activityimg1_1:hover .cont {
    bottom: 30px;
    animation: atv_tit .2s ease-out 0s;
    -moz-animation: atv_tit .2s ease-out 0s;
    -webkit-animation: atv_tit .2s ease-out 0s;
    -o-animation: atv_tit .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes atv_tit {
    0% {
        bottom: 0
    }

    100% {
        bottom: 30px
    }
}

@-moz-keyframes atv_tit {
    0% {
        bottom: 0
    }

    100% {
        bottom: 30px
    }
}

@-webkit-keyframes atv_tit {
    0% {
        bottom: 0
    }

    100% {
        bottom: 30px
    }
}

@-o-keyframes atv_tit {
    0% {
        bottom: 0
    }

    100% {
        bottom: 30px
    }
}

.hn_activitytext1_2 {
    background: white
}

.hn_activitytext1_2 a {
    color: #333
}

.hn_activitytext1_2 .imgbox {
    height: 140px;
    position: relative;
    overflow: hidden
}

.hn_activitytext1_2 .imgbox img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_activitytext1_2 .cont {
    padding: 20px 19px
}

.hn_activitytext1_2 .cont h2 {
    font-size: 2.4em;
    color: #333;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_activitytext1_2 .cont p {
    font-size: 1.4em;
    color: #999;
    line-height: 1.57em;
    max-height: 9.42em;
    overflow: hidden
}

.hn_activitytext1_2 .tool {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.hn_activitytext1_2 a:hover {
    color: #36c1ff
}

.hn_activitytext1_1 {
    background: white
}

.hn_activitytext1_1 a {
    color: #333
}

.hn_activitytext1_1 .imgbox {
    height: 140px;
    position: relative;
    overflow: hidden
}

.hn_activitytext1_1 .imgbox img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_activitytext1_1 .cont {
    padding: 20px 19px
}

.hn_activitytext1_1 .cont h2 {
    font-size: 1.8em;
    color: #333;
    line-height: 1.4em;
    max-height: 2.3em;
    overflow: hidden;
    padding-bottom: 12px
}

.hn_activitytext1_1 .cont p {
    font-size: 1.4em;
    color: #999;
    line-height: 1.57em;
    max-height: 4.71em;
    overflow: hidden
}

.hn_activitytext1_1 .tool {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.hn_activitytext1_1 a:hover {
    color: #36c1ff
}

.hn_evaluation2_2 {
    width: 606px;
    height: 396px
}

.hn_evaluation2_2 {
    display: block;
    background: white
}

.hn_evaluation2_2 .l {
    position: absolute;
    left: 0;
    top: 0;
    width: 291px !important;
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
    height: 396px
}

.hn_evaluation2_2 .l h2 {
    margin: 25px 20px 0;
    color: #333;
    font-size: 3.2em;
    line-height: 1.25em;
    max-height: 2.5em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_evaluation2_2 .l p {
    padding: 0 20px 0;
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 6.28em;
    overflow: hidden
}

.hn_evaluation2_2 .l .scorebox {
    vertical-align: middle;
    line-height: 25px;
    position: absolute;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

.hn_evaluation2_2 .l .scorebox p {
    color: #666
}

.hn_evaluation2_2 .l .scorebox p b {
    color: #32beff;
    font-weight: normal
}

.hn_evaluation2_2 .r {
    width: 314px !important;
    position: absolute;
    left: 291px;
    top: 0;
    display: table;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    height: 394px;
    border: 1px solid #e5e5e5;
    border-left: none
}

.hn_evaluation2_2 .r .imgbox {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -125px;
    width: 250px;
    height: 250px
}

.hn_evaluation2_2 .r .imgbox img {
    width: 100%;
    height: 100%
}

.hn_evaluation2_2 a {
    color: #333
}

.hn_evaluation2_2 a:hover {
    color: #32beff
}

.hn_evaluation2_2 .r .imgbox:hover {
    animation: evaluation_img .2s ease-out 0s;
    -moz-animation: evaluation_img .2s ease-out 0s;
    -webkit-animation: evaluation_img .2s ease-out 0s;
    -o-animation: evaluation_img .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 266px;
    height: 266px;
    margin-top: -133px;
    margin-left: -133px
}

@keyframes evaluation_img {
    0% {
        width: 250px;
        height: 250px;
        margin-top: -125px;
        margin-left: -125px
    }

    100% {
        width: 266px;
        height: 266px;
        margin-top: -133px;
        margin-left: -133px
    }
}

@-moz-keyframes evaluation_img {
    0% {
        width: 250px;
        height: 250px;
        margin-top: -125px;
        margin-left: -125px
    }

    100% {
        width: 266px;
        height: 266px;
        margin-top: -133px;
        margin-left: -133px
    }
}

@-webkit-keyframes evaluation_img {
    0% {
        width: 250px;
        height: 250px;
        margin-top: -125px;
        margin-left: -125px
    }

    100% {
        width: 266px;
        height: 266px;
        margin-top: -133px;
        margin-left: -133px
    }
}

@-o-keyframes evaluation_img {
    0% {
        width: 250px;
        height: 250px;
        margin-top: -125px;
        margin-left: -125px
    }

    100% {
        width: 266px;
        height: 266px;
        margin-top: -133px;
        margin-left: -133px
    }
}

.hn_evaluation1_2 {
    width: 291px;
    height: 396px
}

.hn_evaluation1_2 {
    display: block;
    background: white
}

.hn_evaluation1_2 .l {
    height: 186px !important;
    background: #f6f6f6;
    position: absolute;
    bottom: 0
}

.hn_evaluation1_2 .l h2 {
    margin: 20px 20px 0;
    color: #333;
    font-size: 3.2em;
    line-height: 1.25em;
    max-height: 1.25em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_evaluation1_2 .l p {
    padding: 0 20px 0;
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden
}

.hn_evaluation1_2 .l .scorebox {
    vertical-align: middle;
    line-height: 25px;
    position: absolute;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

.hn_evaluation1_2 .l .scorebox p {
    color: #666
}

.hn_evaluation1_2 .l .scorebox p b {
    color: #32beff;
    font-weight: normal
}

.hn_evaluation1_2 .r {
    height: 209px !important;
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 289px;
    border: 1px solid #e5e5e5;
    position: relative;
    border-bottom: 0
}

.hn_evaluation1_2 .r .imgbox {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    border-bottom: 0;
    width: 150px;
    height: 150px;
    margin-top: -75px;
    margin-left: -75px
}

.hn_evaluation1_2 .r .imgbox img {
    width: 100%;
    height: 100%
}

.hn_evaluation1_2 a {
    color: #333
}

.hn_evaluation1_2 a:hover {
    color: #32beff
}

.hn_evaluation1_2 .r .imgbox:hover {
    animation: evaluation_img123 .2s ease-out 0s;
    -moz-animation: evaluation_img123 .2s ease-out 0s;
    -webkit-animation: evaluation_img123 .2s ease-out 0s;
    -o-animation: evaluation_img123 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 160px;
    height: 160px;
    margin-top: -80px;
    margin-left: -80px
}

@keyframes evaluation_img123 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

@-moz-keyframes evaluation_img123 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

@-webkit-keyframes evaluation_img123 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

@-o-keyframes evaluation_img123 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

.hn_evaluation2322 {
    width: 816px;
    height: 396px
}

.hn_evaluation2322 {
    display: block;
    background: white
}

.hn_evaluation2322 .l {
    position: absolute;
    left: 0;
    top: 0;
    width: 291px !important;
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
    height: 396px
}

.hn_evaluation2322 .l h2 {
    margin: 25px 20px 0;
    color: #333;
    font-size: 3.2em;
    line-height: 1.25em;
    max-height: 2.5em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_evaluation2322 .l p {
    padding: 0 20px 0;
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 6.28em;
    overflow: hidden
}

.hn_evaluation2322 .l .scorebox {
    vertical-align: middle;
    line-height: 25px;
    position: absolute;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

.hn_evaluation2322 .l .scorebox p {
    color: #666
}

.hn_evaluation2322 .l .scorebox p b {
    color: #32beff;
    font-weight: normal
}

.hn_evaluation2322 .r {
    width: 525px !important;
    position: absolute;
    left: 291px;
    top: 0;
    display: table;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    height: 394px;
    border: 1px solid #e5e5e5;
    border-left: none
}

.hn_evaluation2322 .r .imgbox {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -175px;
    margin-left: -175px;
    width: 350px;
    height: 350px
}

.hn_evaluation2322 .r .imgbox img {
    width: 100%;
    height: 100%
}

.hn_evaluation2322 a {
    color: #333
}

.hn_evaluation2322 a:hover {
    color: #32beff
}

.hn_evaluation2322 .r .imgbox:hover {
    animation: evaluation_img2322 .2s ease-out 0s;
    -moz-animation: evaluation_img2322 .2s ease-out 0s;
    -webkit-animation: evaluation_img2322 .2s ease-out 0s;
    -o-animation: evaluation_img2322 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 370px;
    height: 370px;
    margin-top: -185px;
    margin-left: -185px
}

@keyframes evaluation_img2322 {
    0% {
        width: 350px;
        height: 350px;
        margin-top: -175px;
        margin-left: -175px
    }

    100% {
        width: 370px;
        height: 370px;
        margin-top: -185px;
        margin-left: -185px
    }
}

@-moz-keyframes evaluation_img2322 {
    0% {
        width: 350px;
        height: 350px;
        margin-top: -175px;
        margin-left: -175px
    }

    100% {
        width: 370px;
        height: 370px;
        margin-top: -185px;
        margin-left: -185px
    }
}

@-webkit-keyframes evaluation_img2322 {
    0% {
        width: 350px;
        height: 350px;
        margin-top: -175px;
        margin-left: -175px
    }

    100% {
        width: 370px;
        height: 370px;
        margin-top: -185px;
        margin-left: -185px
    }
}

@-o-keyframes evaluation_img2322 {
    0% {
        width: 350px;
        height: 350px;
        margin-top: -175px;
        margin-left: -175px
    }

    100% {
        width: 370px;
        height: 370px;
        margin-top: -185px;
        margin-left: -185px
    }
}

.hn_evaluation1322 {
    width: 396px;
    height: 396px
}

.hn_evaluation1322 {
    display: block;
    background: white
}

.hn_evaluation1322 .l {
    height: 186px !important;
    background: #f6f6f6;
    position: absolute;
    bottom: 0
}

.hn_evaluation1322 .l h2 {
    margin: 20px 20px 0;
    color: #333;
    font-size: 3.2em;
    line-height: 1.25em;
    max-height: 1.25em;
    overflow: hidden;
    margin-bottom: 5px
}

.hn_evaluation1322 .l p {
    padding: 0 20px 0;
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden
}

.hn_evaluation1322 .l .scorebox {
    vertical-align: middle;
    line-height: 25px;
    position: absolute;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

.hn_evaluation1322 .l .scorebox p {
    color: #666
}

.hn_evaluation1322 .l .scorebox p b {
    color: #32beff;
    font-weight: normal
}

.hn_evaluation1322 .r {
    height: 209px !important;
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 394px;
    border: 1px solid #e5e5e5;
    position: relative;
    border-bottom: 0
}

.hn_evaluation1322 .r .imgbox {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    border-bottom: 0;
    width: 150px;
    height: 150px;
    margin-top: -75px;
    margin-left: -75px
}

.hn_evaluation1322 .r .imgbox img {
    width: 100%;
    height: 100%
}

.hn_evaluation1322 a {
    color: #333
}

.hn_evaluation1322 a:hover {
    color: #32beff
}

.hn_evaluation1322 .r .imgbox:hover {
    animation: evaluation_img12 .2s ease-out 0s;
    -moz-animation: evaluation_img12 .2s ease-out 0s;
    -webkit-animation: evaluation_img12 .2s ease-out 0s;
    -o-animation: evaluation_img12 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 160px;
    height: 160px;
    margin-top: -80px;
    margin-left: -80px
}

@keyframes evaluation_img12 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

@-moz-keyframes evaluation_img12 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

@-webkit-keyframes evaluation_img12 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

@-o-keyframes evaluation_img12 {
    0% {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px
    }

    100% {
        width: 160px;
        height: 160px;
        margin-top: -80px;
        margin-left: -80px
    }
}

.hn_video2_2 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #e5e5e5
}

.hn_video2_2 .imgbox {
    overflow: hidden;
    width: 140% !important;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -70%;
    height: 396px
}

.hn_video2_2 .imgbox img {
    position: relative;
    top: 0
}

.hn_video2_2 .imgbox .zz {
    width: 100% !important;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    height: 1000px
}

.hn_video2_2 .imgbox .i_play {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px
}

.hn_video2_2 .textbox {
    display: block;
    background: white;
    padding: 20px 15px 25px
}

.hn_video2_2 .textbox h2 {
    color: #333;
    font-size: 2em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_video2_2 .textbox p {
    color: #999;
    font-size: 1.2em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_video1_2 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #e5e5e5
}

.hn_video1_2 .imgbox {
    overflow: hidden;
    height: 295px !important;
    text-align: center;
    position: relative
}

.hn_video1_2 .imgbox img {
    position: relative;
    top: 0
}

.hn_video1_2 .imgbox .zz {
    width: 100% !important;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    height: 1000px
}

.hn_video1_2 .imgbox .i_play {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px
}

.hn_video1_2 .textbox {
    display: block;
    background: white;
    padding: 27px 15px 30px
}

.hn_video1_2 .textbox h2 {
    color: #333;
    font-size: 1.8em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_video1_2 .textbox p {
    color: #999;
    font-size: 1.3em;
    line-height: 1.4em;
    height: 1.4em;
    overflow: hidden
}

.hn_video1_1 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #e5e5e5
}

.hn_video1_1 .imgbox {
    overflow: hidden;
    width: 140% !important;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -70%
}

.hn_video1_1 .imgbox img {
    position: relative;
    top: 0
}

.hn_video1_1 .imgbox .zz {
    width: 100% !important;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    height: 700px
}

.hn_video1_1 .imgbox .i_play {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px
}

.hn_video1_1 .textbox {
    display: block;
    background: white;
    padding: 5px 15px 10px
}

.hn_video1_1 .textbox h2 {
    color: #333;
    font-size: 1.8em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_video1_1 .textbox p {
    color: #999;
    font-size: 1.2em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_video1312 {
    position: relative;
    overflow: hidden
}

.hn_video1312 .imgbox {
    overflow: hidden;
    height: 146px !important;
    width: 396px;
    text-align: center;
    position: relative
}

.hn_video1312 .imgbox img {
    position: absolute;
    width: 396px;
    height: 198px;
    top: 0;
    margin-top: -26px;
    left: 0
}

.hn_video1312 .imgbox .zz {
    width: 100% !important;
    background: rgba(0, 90, 171, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 500px
}

.hn_video1312 .imgbox .i_play {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px
}

.hn_video1312 .textbox {
    display: block;
    background: white;
    height: 39px;
    border: 1px solid #e5e5e5;
    border-top: 0
}

.hn_video1312 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    margin: 0 18px
}

.hn_video1312 .imgbox:hover .zz {
    display: none
}

.hn_video1312 .imgbox:hover img {
    animation: video1312 .2s ease-out 0s;
    -moz-animation: video1312 .2s ease-out 0s;
    -webkit-animation: video1312 .2s ease-out 0s;
    -o-animation: video1312 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 420px;
    height: 210px;
    margin-top: -32px;
    left: -12px
}

@keyframes video1312 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

@-moz-keyframes video1312 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

@-webkit-keyframes video1312 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

@-o-keyframes video1312 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

.hn_video1412 {
    position: relative;
    overflow: hidden
}

.hn_video1412 .imgbox {
    overflow: hidden;
    height: 146px !important;
    width: 291px;
    text-align: center;
    position: relative
}

.hn_video1412 .imgbox img {
    position: absolute;
    width: 291px;
    height: 146px;
    top: 0;
    margin-top: 0;
    left: 0
}

.hn_video1412 .imgbox .zz {
    width: 100% !important;
    background: rgba(0, 90, 171, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 500px
}

.hn_video1412 .imgbox .i_play {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px
}

.hn_video1412 .textbox {
    display: block;
    background: white;
    height: 39px;
    border: 1px solid #e5e5e5;
    border-top: 0
}

.hn_video1412 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    margin: 0 18px
}

.hn_video1412 .imgbox:hover .zz {
    display: none
}

.hn_video1412 .imgbox:hover img {
    animation: video1412 .2s ease-out 0s;
    -moz-animation: video1412 .2s ease-out 0s;
    -webkit-animation: video1412 .2s ease-out 0s;
    -o-animation: video1412 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 309px;
    height: 155px;
    margin-top: -4px;
    left: -9px
}

@keyframes video1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-moz-keyframes video1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-webkit-keyframes video1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-o-keyframes video1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

.hn_imgtext1322_1 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 394px;
    height: 394px;
    overflow: visible;
    background: white
}

.hn_imgtext1322_1 .showbox {
    width: 396px;
    height: 396px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext1322_1 .showbox ul {
    width: 30000px
}

.hn_imgtext1322_1 .showbox ul li {
    width: 396px;
    height: 396px;
    float: left
}

.hn_imgtext1322_1 .imgbox {
    overflow: hidden;
    height: 356px !important;
    width: 396px;
    text-align: center;
    position: relative
}

.hn_imgtext1322_1 .imgbox img {
    position: absolute;
    width: 396px;
    height: 396px;
    top: 0;
    margin-top: -20px;
    left: 0
}

.hn_imgtext1322_1 .textbox {
    display: block;
    height: 39px
}

.hn_imgtext1322_1 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext1322_1 .nav {
    position: absolute;
    bottom: 40px;
    right: 10px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1322_1 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 5px
}

.hn_imgtext1322_1 .nav span i {
    display: inline-block;
    width: 30px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext1322_1 .nav span:hover i,
.hn_imgtext1322_1 .nav span.cur i {
    background: #33beff
}

.hn_imgtext1322_1 .imgbox:hover img {
    animation: imgtext1322_1 .2s ease-out 0s;
    -moz-animation: imgtext1322_1 .2s ease-out 0s;
    -webkit-animation: imgtext1322_1 .2s ease-out 0s;
    -o-animation: imgtext1322_1 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 420px;
    height: 420px;
    margin-top: -32px;
    left: -13px
}

@keyframes imgtext1322_1 {
    0% {
        width: 396px;
        height: 396px;
        margin-top: -20px;
        left: 0
    }

    100% {
        width: 420px;
        height: 420px;
        margin-top: -32px;
        left: -13px
    }
}

@-moz-keyframes imgtext1322_1 {
    0% {
        width: 396px;
        height: 396px;
        margin-top: -20px;
        left: 0
    }

    100% {
        width: 420px;
        height: 420px;
        margin-top: -32px;
        left: -13px
    }
}

@-webkit-keyframes imgtext1322_1 {
    0% {
        width: 396px;
        height: 396px;
        margin-top: -20px;
        left: 0
    }

    100% {
        width: 420px;
        height: 420px;
        margin-top: -32px;
        left: -13px
    }
}

@-o-keyframes imgtext1322_1 {
    0% {
        width: 396px;
        height: 396px;
        margin-top: -20px;
        left: 0
    }

    100% {
        width: 420px;
        height: 420px;
        margin-top: -32px;
        left: -13px
    }
}

.hn_imgtext1422 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 289px;
    height: 394px;
    overflow: visible;
    background: white
}

.hn_imgtext1422 .showbox {
    width: 291px;
    height: 396px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext1422 .showbox ul {
    width: 30000px
}

.hn_imgtext1422 .showbox ul li {
    width: 291px;
    height: 396px;
    float: left
}

.hn_imgtext1422 .imgbox {
    overflow: hidden;
    height: 303px !important;
    width: 291px;
    text-align: center;
    position: relative
}

.hn_imgtext1422 .imgbox img {
    position: absolute;
    width: 303px;
    height: 303px;
    top: 0;
    margin-top: 0;
    left: -6px
}

.hn_imgtext1422 .textbox {
    display: block;
    padding: 20px 0
}

.hn_imgtext1422 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext1422 .textbox p {
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    height: 1.57em;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext1422 .nav {
    position: absolute;
    bottom: 95px;
    right: 15px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1422 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 3px
}

.hn_imgtext1422 .nav span i {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext1422 .nav span:hover i,
.hn_imgtext1422 .nav span.cur i {
    background: #33beff
}

.hn_imgtext1422 .imgbox:hover img {
    animation: imgtext1422 .2s ease-out 0s;
    -moz-animation: imgtext1422 .2s ease-out 0s;
    -webkit-animation: imgtext1422 .2s ease-out 0s;
    -o-animation: imgtext1422 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 321px;
    height: 321px;
    margin-top: -15px;
    left: -15px
}

@keyframes imgtext1422 {
    0% {
        width: 303px;
        height: 303px;
        margin-top: 0;
        left: -6px
    }

    100% {
        width: 321px;
        height: 321px;
        margin-top: -9px;
        left: -15px
    }
}

@-moz-keyframes imgtext1422 {
    0% {
        width: 303px;
        height: 303px;
        margin-top: 0;
        left: -6px
    }

    100% {
        width: 321px;
        height: 321px;
        margin-top: -9px;
        left: -15px
    }
}

@-webkit-keyframes imgtext1422 {
    0% {
        width: 303px;
        height: 303px;
        margin-top: 0;
        left: -6px
    }

    100% {
        width: 321px;
        height: 321px;
        margin-top: -9px;
        left: -15px
    }
}

@-o-keyframes imgtext1422 {
    0% {
        width: 303px;
        height: 303px;
        margin-top: 0;
        left: -6px
    }

    100% {
        width: 321px;
        height: 321px;
        margin-top: -9px;
        left: -15px
    }
}

.hn_imgtext1312 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 394px;
    height: 184px;
    overflow: visible;
    background: white
}

.hn_imgtext1312 .showbox {
    width: 396px;
    height: 186px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext1312 .showbox ul {
    width: 30000px
}

.hn_imgtext1312 .showbox ul li {
    width: 396px;
    height: 186px;
    float: left;
    position: relative
}

.hn_imgtext1312 .imgbox {
    overflow: hidden;
    height: 186px !important;
    width: 186px;
    text-align: center;
    position: relative
}

.hn_imgtext1312 .imgbox img {
    position: absolute;
    width: 186px;
    height: 186px;
    top: 0;
    margin-top: 0;
    left: 0
}

.hn_imgtext1312 .textbox {
    display: block;
    width: 200px;
    position: absolute;
    right: 0;
    top: 20px
}

.hn_imgtext1312 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 1.5em;
    max-height: 3em;
    overflow: hidden;
    margin: 0 18px;
    display: block;
    margin-bottom: 5px
}

.hn_imgtext1312 .textbox p {
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden;
    margin: 0 18px;
    display: block
}

.hn_imgtext1312 .nav {
    position: absolute;
    bottom: 0;
    right: 15px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1312 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 3px
}

.hn_imgtext1312 .nav span i {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext1312 .nav span:hover i,
.hn_imgtext1312 .nav span.cur i {
    background: #33beff
}

.hn_imgtext1312 .imgbox:hover img {
    animation: imgtext1312 .2s ease-out 0s;
    -moz-animation: imgtext1312 .2s ease-out 0s;
    -webkit-animation: imgtext1312 .2s ease-out 0s;
    -o-animation: imgtext1312 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 197px;
    height: 197px;
    margin-top: -5px;
    left: -5px
}

@keyframes imgtext1312 {
    0% {
        width: 186px;
        height: 186px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 197px;
        height: 197px;
        margin-top: -5px;
        left: -5px
    }
}

@-moz-keyframes imgtext1312 {
    0% {
        width: 186px;
        height: 186px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 197px;
        height: 197px;
        margin-top: -5px;
        left: -5px
    }
}

@-webkit-keyframes imgtext1312 {
    0% {
        width: 186px;
        height: 186px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 197px;
        height: 197px;
        margin-top: -5px;
        left: -5px
    }
}

@-o-keyframes imgtext1312 {
    0% {
        width: 186px;
        height: 186px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 197px;
        height: 197px;
        margin-top: -5px;
        left: -5px
    }
}

.hn_imgtext2322 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 814px;
    height: 394px;
    overflow: visible;
    background: white
}

.hn_imgtext2322 .showbox {
    width: 816px;
    height: 396px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext2322 .showbox ul {
    width: 30000px
}

.hn_imgtext2322 .showbox ul li {
    width: 816px;
    height: 396px;
    float: left
}

.hn_imgtext2322 .imgbox {
    overflow: hidden;
    height: 356px !important;
    width: 816px;
    text-align: center;
    position: relative
}

.hn_imgtext2322 .imgbox img {
    position: absolute;
    width: 816px;
    height: 408px;
    top: 0;
    margin-top: -26px;
    left: 0
}

.hn_imgtext2322 .textbox {
    display: block;
    height: 39px
}

.hn_imgtext2322 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext2322 .nav {
    position: absolute;
    bottom: 40px;
    right: 10px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext2322 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 5px
}

.hn_imgtext2322 .nav span i {
    display: inline-block;
    width: 30px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext2322 .nav span:hover i,
.hn_imgtext2322 .nav span.cur i {
    background: #33beff
}

.hn_imgtext2322 .imgbox:hover img {
    animation: imgtext2322 .2s ease-out 0s;
    -moz-animation: imgtext2322 .2s ease-out 0s;
    -webkit-animation: imgtext2322 .2s ease-out 0s;
    -o-animation: imgtext2322 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 865px;
    height: 432px;
    margin-top: -38px;
    left: -26px
}

@keyframes imgtext2322 {
    0% {
        width: 816px;
        height: 408px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 865px;
        height: 432px;
        margin-top: -38px;
        left: -26px
    }
}

@-moz-keyframes imgtext2322 {
    0% {
        width: 816px;
        height: 408px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 865px;
        height: 432px;
        margin-top: -38px;
        left: -26px
    }
}

@-webkit-keyframes imgtext2322 {
    0% {
        width: 816px;
        height: 408px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 865px;
        height: 432px;
        margin-top: -38px;
        left: -26px
    }
}

@-o-keyframes imgtext2322 {
    0% {
        width: 816px;
        height: 408px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 865px;
        height: 432px;
        margin-top: -38px;
        left: -26px
    }
}

.hn_imgtext1312_1 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 394px;
    height: 184px;
    overflow: visible;
    background: white
}

.hn_imgtext1312_1 .showbox {
    width: 396px;
    height: 186px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext1312_1 .showbox ul {
    width: 30000px
}

.hn_imgtext1312_1 .showbox ul li {
    width: 396px;
    height: 186px;
    float: left
}

.hn_imgtext1312_1 .imgbox {
    overflow: hidden;
    height: 146px !important;
    width: 396px;
    text-align: center;
    position: relative
}

.hn_imgtext1312_1 .imgbox img {
    position: absolute;
    width: 396px;
    height: 198px;
    top: 0;
    margin-top: -26px;
    left: 0
}

.hn_imgtext1312_1 .textbox {
    display: block;
    height: 39px
}

.hn_imgtext1312_1 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext1312_1 .nav {
    position: absolute;
    bottom: 40px;
    right: 10px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1312_1 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 5px;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1312_1 .nav span i {
    display: inline-block;
    width: 30px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext1312_1 .nav span:hover i,
.hn_imgtext1312_1 .nav span.cur i {
    background: #33beff
}

.hn_imgtext1312_1 .imgbox:hover img {
    animation: imgtext1312_1 .2s ease-out 0s;
    -moz-animation: imgtext1312_1 .2s ease-out 0s;
    -webkit-animation: imgtext1312_1 .2s ease-out 0s;
    -o-animation: imgtext1312_1 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 420px;
    height: 210px;
    margin-top: -32px;
    left: -12px
}

@keyframes imgtext1312_1 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

@-moz-keyframes imgtext1312_1 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

@-webkit-keyframes imgtext1312_1 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

@-o-keyframes imgtext1312_1 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -26px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -32px;
        left: -12px
    }
}

.hn_imgtext1412 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 289px;
    height: 184px;
    overflow: visible;
    background: white
}

.hn_imgtext1412 .showbox {
    width: 291px;
    height: 186px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext1412 .showbox ul {
    width: 30000px
}

.hn_imgtext1412 .showbox ul li {
    width: 291px;
    height: 186px;
    float: left
}

.hn_imgtext1412 .imgbox {
    overflow: hidden;
    height: 146px !important;
    width: 291px;
    text-align: center;
    position: relative
}

.hn_imgtext1412 .imgbox img {
    position: absolute;
    width: 291px;
    height: 146px;
    top: 0;
    margin-top: -0px;
    left: 0
}

.hn_imgtext1412 .textbox {
    display: block;
    height: 39px
}

.hn_imgtext1412 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext1412 .nav {
    position: absolute;
    bottom: 40px;
    right: 10px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1412 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 3px
}

.hn_imgtext1412 .nav span i {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext1412 .nav span:hover i,
.hn_imgtext1412 .nav span.cur i {
    background: #33beff
}

.hn_imgtext1412 .imgbox:hover img {
    animation: imgtext1412 .2s ease-out 0s;
    -moz-animation: imgtext1412 .2s ease-out 0s;
    -webkit-animation: imgtext1412 .2s ease-out 0s;
    -o-animation: imgtext1412 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 309px;
    height: 155px;
    margin-top: -4px;
    left: -9px
}

@keyframes imgtext1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-moz-keyframes imgtext1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-webkit-keyframes imgtext1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-o-keyframes imgtext1412 {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

.hn_imgtext64a,
.hn_imgtext2422 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 604px;
    height: 394px;
    overflow: visible;
    background: white
}

.hn_imgtext64a .showbox,
.hn_imgtext2422 .showbox {
    width: 606px;
    height: 396px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext2422 .showbox ul {
    width: 30000px
}

.hn_imgtext2422 .showbox ul li {
    width: 606px;
    height: 396px;
    float: left
}

.hn_imgtext64a .imgbox {
    overflow: hidden;
    height: 396px !important;
    width: 606px;
    text-align: center;
    position: relative
}

.hn_imgtext64a .imgbox img {
    position: absolute;
    width: 606px;
    height: 396px;
    top: 0;
    margin-top: 0;
    left: 0
}

.hn_imgtext2422 .imgbox {
    overflow: hidden;
    height: 303px !important;
    width: 606px;
    text-align: center;
    position: relative
}

.hn_imgtext2422 .imgbox img {
    position: absolute;
    width: 606px;
    height: 303px;
    top: 0;
    margin-top: 0;
    left: 0
}

.hn_imgtext2422 .textbox {
    display: block;
    padding: 20px 0
}

.hn_imgtext2422 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext2422 .textbox p {
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    height: 1.57em;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext2422 .nav {
    position: absolute;
    bottom: 95px;
    right: 15px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext2422 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 3px
}

.hn_imgtext2422 .nav span i {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext2422 .nav span:hover i,
.hn_imgtext2422 .nav span.cur i {
    background: #33beff
}

.hn_imgtext2422 .imgbox:hover img {
    animation: imgtext2422 .2s ease-out 0s;
    -moz-animation: imgtext2422 .2s ease-out 0s;
    -webkit-animation: imgtext2422 .2s ease-out 0s;
    -o-animation: imgtext2422 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 642px;
    height: 321px;
    margin-top: -9px;
    left: -18px
}

@keyframes imgtext2422 {
    0% {
        width: 606px;
        height: 303px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 321px;
        margin-top: -9px;
        left: -18px
    }
}

@-moz-keyframes imgtext2422 {
    0% {
        width: 606px;
        height: 303px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 321px;
        margin-top: -9px;
        left: -18px
    }
}

@-webkit-keyframes imgtext2422 {
    0% {
        width: 606px;
        height: 303px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 321px;
        margin-top: -9px;
        left: -18px
    }
}

@-o-keyframes imgtext2422 {
    0% {
        width: 606px;
        height: 303px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 321px;
        margin-top: -9px;
        left: -18px
    }
}

.hn_imgtext64a .imgbox:hover img {
    animation: imgtext64a .2s ease-out 0s;
    -moz-animation: imgtext64a .2s ease-out 0s;
    -webkit-animation: imgtext64a .2s ease-out 0s;
    -o-animation: imgtext64a .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 642px;
    height: 414px;
    margin-top: -18px;
    left: -18px
}

@keyframes imgtext64a {
    0% {
        width: 606px;
        height: 396px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 414px;
        margin-top: -18px;
        left: -18px
    }
}

@-moz-keyframes imgtext64a {
    0% {
        width: 606px;
        height: 396px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 414px;
        margin-top: -18px;
        left: -18px
    }
}

@-webkit-keyframes imgtext64a {
    0% {
        width: 606px;
        height: 396px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 414px;
        margin-top: -18px;
        left: -18px
    }
}

@-o-keyframes imgtext64a {
    0% {
        width: 606px;
        height: 396px;
        margin-top: 0;
        left: 0
    }

    100% {
        width: 642px;
        height: 414px;
        margin-top: -18px;
        left: -18px
    }
}

.hn_imgtext1322 {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 394px;
    height: 394px;
    overflow: visible;
    background: white
}

.hn_imgtext1322 .showbox {
    width: 396px;
    height: 396px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext1322 .showbox ul {
    width: 30000px
}

.hn_imgtext1322 .showbox ul li {
    width: 396px;
    height: 396px;
    float: left
}

.hn_imgtext1322 .imgbox {
    overflow: hidden;
    height: 186px !important;
    width: 396px;
    text-align: center;
    position: relative
}

.hn_imgtext1322 .imgbox img {
    position: absolute;
    width: 396px;
    height: 198px;
    top: 0;
    margin-top: -6px;
    left: 0
}

.hn_imgtext1322 .textbox {
    display: block;
    padding: 20px 0
}

.hn_imgtext1322 .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
    margin: 0 18px 5px
}

.hn_imgtext1322 .textbox p {
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext1322 .nav {
    position: absolute;
    bottom: 208px;
    right: 15px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1322 .tool {
    position: absolute;
    bottom: 11px;
    left: 15px;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden;
    color: #666
}

.hn_imgtext1322 .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 3px
}

.hn_imgtext1322 .nav span i {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext1322 .nav span:hover i,
.hn_imgtext1322 .nav span.cur i {
    background: #33beff
}

.hn_imgtext1322 .imgbox:hover img {
    animation: imgtext1322 .2s ease-out 0s;
    -moz-animation: imgtext1322 .2s ease-out 0s;
    -webkit-animation: imgtext1322 .2s ease-out 0s;
    -o-animation: imgtext1322 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 420px;
    height: 210px;
    margin-top: -12px;
    left: -12px
}

@keyframes imgtext1322 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -12px;
        left: -12px
    }
}

@-moz-keyframes imgtext1322 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -12px;
        left: -12px
    }
}

@-webkit-keyframes imgtext1322 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -12px;
        left: -12px
    }
}

@-o-keyframes imgtext1322 {
    0% {
        width: 396px;
        height: 198px;
        margin-top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        margin-top: -12px;
        left: -12px
    }
}

.hn_imgtext1422_n {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 289px;
    height: 394px;
    overflow: visible;
    background: white
}

.hn_imgtext1422_n .showbox {
    width: 291px;
    height: 396px;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hn_imgtext1422_n .showbox ul {
    width: 30000px
}

.hn_imgtext1422_n .showbox ul li {
    width: 291px;
    height: 396px;
    float: left
}

.hn_imgtext1422_n .imgbox {
    overflow: hidden;
    height: 146px !important;
    width: 291px;
    text-align: center;
    position: relative
}

.hn_imgtext1422_n .imgbox img {
    position: absolute;
    width: 291px;
    height: 146px;
    top: 0;
    margin-top: -0px;
    left: 0
}

.hn_imgtext1422_n .textbox {
    display: block;
    padding: 10px 0
}

.hn_imgtext1422_n .textbox h2 {
    color: #666;
    font-size: 1.6em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
    margin: 0 18px 5px
}

.hn_imgtext1422_n .textbox p {
    color: #999;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 4.71em;
    overflow: hidden;
    margin: 0 18px
}

.hn_imgtext1422_n .nav {
    position: absolute;
    bottom: 250px;
    right: 13px;
    text-align: left;
    float: right;
    display: inline-block;
    z-index: 10;
    background: url(../img/hn_null.gif)
}

.hn_imgtext1422_n .tool {
    position: absolute;
    bottom: 11px;
    left: 15px;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 3.14em;
    overflow: hidden;
    color: #666
}

.hn_imgtext1422_n .nav span {
    cursor: pointer;
    float: left;
    display: block;
    padding: 10px 0;
    margin: 0 3px
}

.hn_imgtext1422_n .nav span i {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #c6cacb
}

.hn_imgtext1422_n .nav span:hover i,
.hn_imgtext1422_n .nav span.cur i {
    background: #33beff
}

.hn_imgtext1422_n .imgbox:hover img {
    animation: imgtext1422_n .2s ease-out 0s;
    -moz-animation: imgtext1422_n .2s ease-out 0s;
    -webkit-animation: imgtext1422_n .2s ease-out 0s;
    -o-animation: imgtext1422_n .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 309px;
    height: 155px;
    margin-top: -4px;
    left: -9px
}

@keyframes imgtext1422_n {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-moz-keyframes imgtext1422_n {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-webkit-keyframes imgtext1422_n {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

@-o-keyframes imgtext1422_n {
    0% {
        width: 291px;
        height: 146px;
        margin-top: -0px;
        left: 0
    }

    100% {
        width: 309px;
        height: 155px;
        margin-top: -4px;
        left: -9px
    }
}

.hn_picture2_2 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #e5e5e5
}

.hn_picture2_2 .imgbox {
    overflow: hidden;
    width: 140% !important;
    height: 305px;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -70%
}

.hn_picture2_2 .imgbox img {
    position: relative;
    top: 0
}

.hn_picture2_2 .textbox {
    display: block;
    background: white;
    padding: 20px 15px 25px
}

.hn_picture2_2 .textbox h2 {;
    font-size: 2em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_picture2_2 .textbox h2 a {
    color: #333
}

.hn_picture2_2 .textbox p {
    color: #999;
    font-size: 1.2em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_picture2_2 .textbox h2 a:hover {
    color: #32beff
}

.hn_picture1_2 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #e5e5e5
}

.hn_picture1_2 .imgbox {
    overflow: hidden;
    height: 295px !important;
    text-align: center;
    position: relative
}

.hn_picture1_2 .imgbox img {
    position: relative;
    top: 0
}

.hn_picture1_2 .textbox {
    display: block;
    background: white;
    padding: 27px 15px 30px
}

.hn_picture1_2 .textbox h2 {
    color: #333;
    font-size: 1.8em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_picture1_2 .textbox h2 a {
    color: #333
}

.hn_picture1_2 .textbox p {
    color: #999;
    font-size: 1.3em;
    line-height: 1.4em;
    height: 1.4em;
    overflow: hidden
}

.hn_picture1_2 .textbox h2 a:hover {
    color: #32beff
}

.hn_picture1_1 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #e5e5e5
}

.hn_picture1_1 .imgbox {
    overflow: hidden;
    width: 140% !important;
    height: 147px;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -70%
}

.hn_picture1_1 .imgbox img {
    position: relative;
    top: 0
}

.hn_picture1_1 .textbox {
    display: block;
    background: white;
    padding: 5px 15px 10px
}

.hn_picture1_1 .textbox h2 {
    color: #333;
    font-size: 1.8em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_picture1_1 .textbox h2 a {
    color: #333
}

.hn_picture1_1 .textbox p {
    color: #999;
    font-size: 1.2em;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden
}

.hn_picture1_1 h2 a:hover {
    color: #32beff
}

.hn_hotbox {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    background: white
}

.hn_hotbox .tit {
    height: 100px
}

.hn_hotbox .tit p {
    font-size: 1.6em;
    color: #999;
    line-height: 1.5em;
    padding: 25px 20px 0;
    height: 1.5em;
    overflow: hidden
}

.hn_hotbox .tit h2 {
    color: #333;
    padding: 0 20px 0;
    font-weight: normal;
    height: 1.25em;
    overflow: hidden
}

.hn_hotbox ul.prolist {
    padding: 0 20px;
    display: block
}

.hn_hotbox ul.prolist li {
    padding: 2px 0;
    position: relative;
    padding: 7px 0;
    height: 24px;
    overflow: hidden
}

.hn_hotbox ul.prolist i {
    float: left;
    vertical-align: top;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    background: #e6ebec;
    color: #8d8e8f;
    line-height: 24px
}

.hn_hotbox ul.prolist .textbox {
    position: relative;
    display: block;
    margin-left: 10px;
    line-height: 24px;
    float: left;
    width: 86%
}

.hn_hotbox ul.prolist .textbox h2 {
    height: 24px;
    overflow: hidden;
    width: 65%;
    overflow: hidden;
    display: inline-block;
    color: #666
}

.hn_hotbox ul.prolist .textbox.big {
    width: 90%
}

.hn_hotbox ul.prolist .textbox.big h2 {
    width: 75%
}

.hn_hotbox ul.prolist .textbox p {
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: top;
    display: inline-block;
    line-height: 24px;
    max-height: 24px;
    overflow: hidden;
    margin-left: 5px;
    width: 60px;
    overflow: hidden;
    color: #999
}

.hn_hotbox ul.prolist .img {
    position: absolute;
    top: 14px;
    right: 0;
    display: none
}

.hn_hotbox ul.prolist li.cur {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin: 5px 0;
    padding: 15px 0;
    height: 65px
}

.hn_hotbox ul.prolist li.cur i {
    font-size: 1.8em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #005aaa;
    color: white
}

.hn_hotbox ul.prolist li.cur .textbox {
    width: 50%;
    position: relative;
    top: -3px
}

.hn_hotbox ul.prolist li.cur .textbox h2 {
    display: block;
    height: auto;
    font-size: 1.6em;
    line-height: 1.5em;
    max-height: 3em;
    overflow: hidden;
    width: 100%
}

.hn_hotbox ul.prolist li.cur .textbox p {
    position: relative;
    display: block;
    height: auto;
    margin-left: 0;
    width: 100%
}

.hn_hotbox ul.prolist li.cur .img {
    display: block
}

.hn_hotbox ul.prolist li.cur .img.big {
    display: block;
    right: 20px
}

@keyframes hotimg {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 0
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: -2px
    }
}

@-moz-keyframes hotimg {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 0
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: -2px
    }
}

@-webkit-keyframes hotimg {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 0
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: -2px
    }
}

@-o-keyframes hotimg {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 0
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: -2px
    }
}

@keyframes hotimgbig {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 20px
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: 18px
    }
}

@-moz-keyframes hotimgbig {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 20px
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: 18px
    }
}

@-webkit-keyframes hotimgbig {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 20px
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: 18px
    }
}

@-o-keyframes hotimgbig {
    0% {
        width: 70px;
        height: 70px;
        top: 10px;
        right: 20px
    }

    100% {
        width: 74px;
        height: 74px;
        top: 8px;
        right: 18px
    }
}

.hn_text_ad_box h2 {
    padding-top: 20px;
    width: 80%;
    margin: 0 auto;
    font-size: 2.3em;
    line-height: 1.2em;
    padding-bottom: 5px
}

.hn_text_ad_box h2 a {
    font-size: 24px;
    line-height: 1.2em;
    max-height: 2.3em;
    display: block;
    overflow: hidden
}

.hn_text_ad_box p {
    width: 80%;
    margin: 0 auto;
    font-size: 1.4em;
    line-height: 1.57em;
    max-height: 4.71em;
    overflow: hidden
}

.boxcolor_blue {
    background: #32beff;
    color: #abe0ff
}

.boxcolor_blue a {
    color: white
}

.boxcolor_gray {
    background: #f0f4f7;
    color: #b2b6b9
}

.boxcolor_gray a {
    color: #666
}

.hn_imgbox3_2 {
    width: 816px;
    height: 396px;
    position: relative
}

.hn_imgbox3_2 img {
    position: absolute;
    left: 0;
    top: -6px
}

.hn_imgbox3_2 img:hover {
    animation: imgbox32 .2s ease-out 0s;
    -moz-animation: imgbox32 .2s ease-out 0s;
    -webkit-animation: imgbox32 .2s ease-out 0s;
    -o-animation: imgbox32 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 865px;
    height: 432px;
    left: -25px;
    top: -12px
}

@keyframes imgbox32 {
    0% {
        width: 816px;
        height: 408px;
        left: 0;
        top: -6px
    }

    100% {
        width: 865px;
        height: 432px;
        left: -25px;
        top: -12px
    }
}

@-moz-keyframes imgbox32 {
    0% {
        width: 816px;
        height: 408px;
        left: 0;
        top: -6px
    }

    100% {
        width: 865px;
        height: 432px;
        left: -25px;
        top: -12px
    }
}

@-webkit-keyframes imgbox32 {
    0% {
        width: 816px;
        height: 408px;
        left: 0;
        top: -6px
    }

    100% {
        width: 865px;
        height: 432px;
        left: -25px;
        top: -12px
    }
}

@-o-keyframes imgbox32 {
    0% {
        width: 816px;
        height: 408px;
        left: 0;
        top: -6px
    }

    100% {
        width: 865px;
        height: 432px;
        left: -25px;
        top: -12px
    }
}

.hn_imgbox2_2 {
    width: 396px;
    height: 222.75px
}

.hn_imgbox2_2 img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_imgbox2_2 img:hover {
    animation: imgbox22 .2s ease-out 0s;
    -moz-animation: imgbox22 .2s ease-out 0s;
    -webkit-animation: imgbox22 .2s ease-out 0s;
    -o-animation: imgbox22 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 420px;
    height: 224px;
    left: -13px;
    top: -13px
}
.hn_imgbox3_3 {
    width: 396px;
    height: 66px;
}
.hn_imgbox3_3 img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_imgbox3_3 img:hover {
    animation: imgbox33 .2s ease-out 0s;
    -moz-animation: imgbox33 .2s ease-out 0s;
    -webkit-animation: imgbox33 .2s ease-out 0s;
    -o-animation: imgbox33 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 420px;
    height: 68px;
    left: -13px;
    top: -6px

}
@keyframes imgbox22 {
    0% {
        width: 396px;
        height: 222.75px;
        left: 0;
        top: 0
    }

    100% {
        width: 420px;
        height: 230px;
        left: -13px;
        top: -13px
    }
}

@-moz-keyframes imgbox22 {
    0% {
        width: 396px;
        height: 222.75px;
        left: 0;
        top: 0
    }

    100% {
        width: 420px;
        height: 230px;
        left: -13px;
        top: -13px
    }
}

@-webkit-keyframes imgbox22 {
    0% {
        width: 396px;
        height: 222.75px;
        left: 0;
        top: 0
    }

    100% {
        width: 420px;
        height: 230px;
        left: -13px;
        top: -13px
    }
}

@-o-keyframes imgbox22 {
    0% {
        width: 396px;
        height: 222.75px;
        left: 0;
        top: 0
    }

    100% {
        width: 420px;
        height: 230px;
        left: -13px;
        top: -13px
    }
}

.hn_imgbox2_1 {
    width: 396px;
    height: 186px;
    position: relative
}

.hn_imgbox2_1 img {
    position: absolute;
    top: -6px;
    left: 0
}

.hn_imgbox2_1 img:hover {
    animation: imgbox21 .2s ease-out 0s;
    -moz-animation: imgbox21 .2s ease-out 0s;
    -webkit-animation: imgbox21 .2s ease-out 0s;
    -o-animation: imgbox21 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 420px;
    height: 210px;
    top: -12px;
    left: -12px
}

@keyframes imgbox21 {
    0% {
        width: 396px;
        height: 198px;
        top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        top: -12px;
        left: -12px
    }
}

@-moz-keyframes imgbox21 {
    0% {
        width: 396px;
        height: 198px;
        top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        top: -12px;
        left: -12px
    }
}

@-webkit-keyframes imgbox21 {
    0% {
        width: 396px;
        height: 198px;
        top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        top: -12px;
        left: -12px
    }
}

@-o-keyframes imgbox21 {
    0% {
        width: 396px;
        height: 198px;
        top: -6px;
        left: 0
    }

    100% {
        width: 420px;
        height: 210px;
        top: -12px;
        left: -12px
    }
}

.hn_imgbox1_1 {
    width: 186px;
    height: 186px;
    position: relative
}

.hn_imgbox1_1 img {
    position: absolute;
    top: 0;
    left: 0
}

.hn_imgbox1_1 img:hover {
    animation: imgbox11 .2s ease-out 0s;
    -moz-animation: imgbox11 .2s ease-out 0s;
    -webkit-animation: imgbox11 .2s ease-out 0s;
    -o-animation: imgbox11 .2s ease-out 0s;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: forwards;
    width: 198px;
    height: 198px;
    left: -6px;
    top: -6px
}

@keyframes imgbox11 {
    0% {
        width: 186px;
        height: 186px;
        left: 0;
        top: 0
    }

    100% {
        width: 198px;
        height: 198px;
        left: -6px;
        top: -6px
    }
}

@-moz-keyframes imgbox11 {
    0% {
        width: 186px;
        height: 186px;
        left: 0;
        top: 0
    }

    100% {
        width: 198px;
        height: 198px;
        left: -6px;
        top: -6px
    }
}

@-webkit-keyframes imgbox11 {
    0% {
        width: 186px;
        height: 186px;
        left: 0;
        top: 0
    }

    100% {
        width: 198px;
        height: 198px;
        left: -6px;
        top: -6px
    }
}

@-o-keyframes imgbox11 {
    0% {
        width: 186px;
        height: 186px;
        left: 0;
        top: 0
    }

    100% {
        width: 198px;
        height: 198px;
        left: -6px;
        top: -6px
    }
}

/* <!-- hn_module.css end--> */

@charset "UTF-8";

.hn_new_pattern {
    height: 200px;
    background-size: 100% 100%;
    vertical-align: middle;
    text-align: center;
    display: table;
    width: 100%;
    line-height: 30px
}

.hn_new_pattern .content {
    display: table-cell;
    vertical-align: middle
}

.hn_new_pattern .linkbox {
    width: 1236px;
    margin: 0 auto
}

.hn_new_pattern * {
    display: inline-block;
    color: #d5cdcb;
    line-height: 30px;
    vertical-align: middle
}

.hn_new_pattern a {
    font-size: 1.6em;
    padding: 0 8px;
    color: #333
}

.hn_new_pattern a:hover {
    color: #32beff
}

.hn_new_pattern h2 {
    width: 100%;
    font-size: 3.2em;
    line-height: 1.5em;
    color: #333;
    padding-bottom: 10px
}

.hn_newpro {
    width: 1236px;
    height: 655px;
    margin: 40px auto;
    position: relative
}

.hn_newpro .adbox {
    width: 100%;
    height: 605px;
    position: relative;
    overflow: hidden
}

.hn_newpro .adbox li {
    display: none;
    width: 100%;
    height: 605px;
    background: #5f87ae;
    position: absolute;
    top: 0;
    left: 0
}

.hn_newpro .adbox li.cur {
    display: block
}

.hn_newpro .adbox li .img {
    position: absolute
}

.hn_newpro .adbox li .img.side_bottom {
    top: -10px;
    left: 268px;
    top: 0 \9
}

.hn_newpro .adbox li .img.side_bottom.show {
    animation: img_bottom .5s ease-out 0s;
    -moz-animation: img_bottom .5s ease-out 0s;
    -webkit-animation: img_bottom .5s ease-out 0s;
    -o-animation: img_bottom .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes img_bottom {
    0% {
        top: -10px;
        opacity: .0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-moz-keyframes img_bottom {
    0% {
        top: -10px;
        opacity: .0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes img_bottom {
    0% {
        top: -10px;
        opacity: .0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-o-keyframes img_bottom {
    0% {
        top: -10px;
        opacity: .0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

.hn_newpro .adbox li .img.side_left {
    left: -40px;
    top: -100px;
    left: -50px \9
}

.hn_newpro .adbox li .img.side_left.show {
    animation: img_left .5s ease-out 0s;
    -moz-animation: img_left .5s ease-out 0s;
    -webkit-animation: img_left .5s ease-out 0s;
    -o-animation: img_left .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes img_left {
    0% {
        left: -40px
    }

    100% {
        left: -50px
    }
}

@-moz-keyframes img_left {
    0% {
        left: -40px
    }

    100% {
        left: -50px
    }
}

@-webkit-keyframes img_left {
    0% {
        left: -40px
    }

    100% {
        left: -50px
    }
}

@-o-keyframes img_left {
    0% {
        left: -40px
    }

    100% {
        left: -50px
    }
}

.hn_newpro .adbox li .img.side_right {
    right: -110px;
    top: -100px;
    right: -120px \9
}

.hn_newpro .adbox li .img.side_right.show {
    animation: img_right .5s ease-out 0s;
    -moz-animation: img_right .5s ease-out 0s;
    -webkit-animation: img_right .5s ease-out 0s;
    -o-animation: img_right .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes img_right {
    0% {
        right: -110px
    }

    100% {
        right: -120px
    }
}

@-moz-keyframes img_right {
    0% {
        right: -110px
    }

    100% {
        right: -120px
    }
}

@-webkit-keyframes img_right {
    0% {
        right: -110px
    }

    100% {
        right: -120px
    }
}

@-o-keyframes img_right {
    0% {
        right: -110px
    }

    100% {
        right: -120px
    }
}

.hn_newpro .adbox li .img.side_right_b {
    right: -32px;
    top: -100px;
    right: -42px \9
}

.hn_newpro .adbox li .img.side_right_b.show {
    animation: img_right_b .5s ease-out 0s;
    -moz-animation: img_right_b .5s ease-out 0s;
    -webkit-animation: img_right_b .5s ease-out 0s;
    -o-animation: img_right_b .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes img_right_b {
    0% {
        right: -32px
    }

    100% {
        right: -42px
    }
}

@-moz-keyframes img_right_b {
    0% {
        right: -32px
    }

    100% {
        right: -42px
    }
}

@-webkit-keyframes img_right_b {
    0% {
        right: -32px
    }

    100% {
        right: -42px
    }
}

@-o-keyframes img_right_b {
    0% {
        right: -32px
    }

    100% {
        right: -42px
    }
}

.hn_newpro .adbox li .img_l {
    position: absolute;
    top: -100px;
    right: -145px
}

.hn_newpro .adbox li .img_v {
    position: absolute;
    top: -30px;
    right: -120px
}

.hn_newpro .adbox li .infobox {
    width: 440px;
    padding: 0 180px;
    position: absolute;
    height: 595px;
    top: 0;
    display: table;
    vertical-align: middle
}

.hn_newpro .adbox li .infobox .textbox {
    display: table-cell;
    vertical-align: middle
}

.hn_newpro .adbox li .infobox.side_left {
    left: -60px;
    left: -70px \9
}

.hn_newpro .adbox li .infobox.side_left.show {
    animation: infobox_left .5s ease-out 0s;
    -moz-animation: infobox_left .5s ease-out 0s;
    -webkit-animation: infobox_left .5s ease-out 0s;
    -o-animation: infobox_left .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes infobox_left {
    0% {
        left: -60px
    }

    100% {
        left: -70px
    }
}

@-moz-keyframes infobox_left {
    0% {
        left: -60px
    }

    100% {
        left: -70px
    }
}

@-webkit-keyframes infobox_left {
    0% {
        left: -60px
    }

    100% {
        left: -70px
    }
}

@-o-keyframes infobox_left {
    0% {
        left: -60px
    }

    100% {
        left: -70px
    }
}

.hn_newpro .adbox li .infobox.side_right {
    right: -90px;
    right: -100px \9
}

.hn_newpro .adbox li .infobox.side_right.show {
    animation: infobox_right .5s ease-out 0s;
    -moz-animation: infobox_right .5s ease-out 0s;
    -webkit-animation: infobox_right .5s ease-out 0s;
    -o-animation: infobox_right .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes infobox_right {
    0% {
        right: -90px
    }

    100% {
        right: -100px
    }
}

@-moz-keyframes infobox_right {
    0% {
        right: -90px
    }

    100% {
        right: -100px
    }
}

@-webkit-keyframes infobox_right {
    0% {
        right: -90px
    }

    100% {
        right: -100px
    }
}

@-o-keyframes infobox_right {
    0% {
        right: -90px
    }

    100% {
        right: -100px
    }
}

.hn_newpro .adbox li .infobox.side_top {
    width: 70%;
    text-align: center;
    height: 335px;
    padding: 0;
    left: 15%;
    top: 10px;
    top: 0 \9
}

.hn_newpro .adbox li .infobox.side_top.show {
    animation: infobox_top .5s ease-out 0s;
    -moz-animation: infobox_top .5s ease-out 0s;
    -webkit-animation: infobox_top .5s ease-out 0s;
    -o-animation: infobox_top .5s ease-out 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@keyframes infobox_top {
    0% {
        top: 10px
    }

    100% {
        top: 0
    }
}

@-moz-keyframes infobox_top {
    0% {
        top: 10px
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes infobox_top {
    0% {
        top: 10px
    }

    100% {
        top: 0
    }
}

@-o-keyframes infobox_top {
    0% {
        top: 10px
    }

    100% {
        top: 0
    }
}

.hn_newpro .adbox li .infobox h3 {
    font-size: 2.8em;
    line-height: 1em;
    vertical-align: bottom;
    display: table
}

.hn_newpro .adbox li .infobox h3 i,
.hn_newpro .adbox li .infobox h3 span {
    display: inline-block;
    font-size: .5em;
    vertical-align: bottom;
    line-height: 1em
}

.hn_newpro .adbox li .infobox h3 i.heart {
    padding-left: 18px;
    padding-right: 5px;
    background: url(../img/hn_ico.png?r=126) no-repeat left -225px;
    color: #32beff
}

.hn_newpro .adbox li .infobox h1 {
    font-size: 4.8em;
    line-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
    font-weight: normal;
    padding: 0;
    margin: 10px 0
}

.hn_newpro .adbox li .infobox h2 {
    font-size: 1.6em;
    line-height: 1.2em;
    font-weight: normal;
    margin: 10px 0;
    opacity: .6
}

.hn_newpro .adbox li .infobox p {
    font-size: 1.4em;
    line-height: 1.55em;
    font-weight: normal;
    margin: 10px 0 20px;
    max-height: 4.65em;
    overflow: hidden
}

.hn_newpro .adbox li .infobox.side_top h3 {
    display: inline-block;
    white-space: nowrap
}

.hn_newpro .adbox li .infobox.side_top h3 i,
.hn_newpro .adbox li .infobox.side_top h3 span {
    display: inline-block
}

.hn_newpro .tabbox {
    width: 1030px;
    background: white;
    height: 95px;
    position: absolute;
    bottom: 0;
    left: 105px;
    z-index: 100;
    box-shadow: 0 0 2px #8d9296;
    border: 1px solid #e5e5e5 \9
}

.hn_newpro .tabbox ul {
    display: table;
    width: 890px;
    border-right: 1px solid #e5e5e5
}

.hn_newpro .tabbox ul li {
    display: table-cell;
    vertical-align: middle;
    height: 95px;
    cursor: pointer
}

.hn_newpro .tabbox ul li a {
    display: table-cell;
    height: 95px;
    vertical-align: middle;
    width: 222px
}

.hn_newpro .tabbox ul li img {
    vertical-align: middle;
    margin-left: 20px
}

.hn_newpro .tabbox ul li p {
    width: 80px;
    display: inline-block;
    line-height: 20px;
    font-size: 1.4em;
    color: #666;
    margin-left: 15px;
    height: 40px;
    vertical-align: middle
}

.hn_newpro .tabbox .listbox {
    width: 890px;
    height: 95px;
    position: relative
}

.hn_newpro .tabbox .bar {
    background: #32beff;
    height: 2px;
    width: 25%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block
}

.hn_newpro .tabbox .bar i {
    width: 8px;
    height: 4px;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -4px;
    background: url(../img/hn_ico.png?r=126) left -250px;
    display: block
}

.hn_newpro .link {
    width: 135px;
    height: 95px;
    display: table;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    color: #666
}

.hn_newpro .link span {
    display: table-cell;
    vertical-align: middle
}

.hn_newpro .link .i_more {
    margin: 0 auto;
    display: block
}

.hn_newpro .link:hover {
    color: #32beff
}

.hn_newpro .link:hover .i_more {
    background-position: -25px -150px
}

.hn_interaction_box {
    width: 100%;
    background: #f6f6f6;
    /* padding-bottom: 1px; */
   /*  min-height: 572px */
}

.hn_interaction_tab {
    background: white;
    height: 92px;
    text-align: center;
    box-shadow: 0 0 3px #797d80
}

.hn_interaction_tab ul {
    width: 990px;
    margin: 0 auto;
    position: relative
}

.hn_interaction_tab ul li {
    display: table;
    width: 110px;
    height: 94px;
    float: left;
    /*font-size: 1.4em*/
}

.hn_interaction_tab ul li .cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    color: #666
}

.hn_interaction_tab ul li .cell span {
    display: inline-block;
    width: 100%;
    text-align: center
}

.hn_interaction_tab ul li.cur,
.hn_interaction_tab ul li:hover {
    background: #f6f6f6
}

.hn_interaction_tab ul li.cur .cell,
.hn_interaction_tab ul li:hover .cell {
    color: #3363AB
}

.hn_interaction_tab ul li .cell .i_more {
    margin-top: 8px;
    margin-bottom: 7px
}

.hn_interaction_tab ul li.cur .cell .i_more,
.hn_interaction_tab ul li:hover .cell .i_more {
    background-position: -25px -150px
}

.hn_interaction_tab .line {
    width: 110px;
    background: #3363AB;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.hn_interaction_content {
    width: 1260px;
    margin: 30px auto;
   /*  min-height: 420px; */
    zoom: 1;
    display: none
}

.hn_interaction_content.cur {
    display: block
}

.hn_preferential {
    padding: 30px 0 50px;
    position: relative
}

.hn_preferential .content {
    position: relative
}

.hn_preferential h2 {
    height: 20px;
    border-bottom: 1px solid #e5e5e5;
    overflow: normal;
    text-align: center
}

.hn_preferential h2 span {
    background: white;
    width: 220px;
    display: inline-block
}

.hn_preferential ul {
    display: block;
    text-align: center;
    width: 3000000px;
    position: absolute;
    top: 0;
    left: 0
}

.hn_preferential ul li {
    display: inline-block;
    width: 215px;
    text-align: center;
    float: left
}

.hn_preferential .showbox {
    height: 80px;
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 50px
}

.hn_preferential .btn_per {
    width: 45px;
    height: 200px;
   /* background: url(image.genehk.com/cn/images/hn_porlist_btn.png) no-repeat left 0;*/
    top: 50%;
    margin-top: -70px;
    cursor: pointer;
    left: 20px;
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hn_preferential .btn_next {
    width: 45px;
    height: 200px;
    background: url(../img/hn_porlist_btn.png) no-repeat right 0;
    top: 50%;
    margin-top: -70px;
    cursor: pointer;
    right: 20px;
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hot_news_title {
    /*margin: 5px 0;*/
}

.hot_news_title a {
    font-weight: bold;
    font-size: 1.6em;

}

.hot_news_date {

    line-height: 38px;
}

.hot_news_link {
    text-align: right;
}

.hn_tith5 {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

/* 列表�?*/
.crumbs {
    line-height: 1;
    padding: 30px 0 10px;
    background-color: #fafafa;
}

.crumbs ul {
    overflow: hidden
}

.crumbs ul li {
    float: left
}

.crumbs ul li.sign {
    width: 7px;
    padding: 0 5px;
    padding-top: 1px;
    background: url("../img/crumbs-sign.png") no-repeat center
}

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

.crumbs .container {
    padding-top: 20px;

}

.news-list {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 30px
}

.news-list ul li {
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 20px
}

.news-list ul li.last {
    border-bottom: 0
}

.news-list ul li .pic {
    float: left;
    width: 450px
}

.news-list ul li:hover {
    box-shadow: 0 0 38px 0 rgba(203, 211, 216, 0.4);
    background: #fff
}

.news-list ul li:hover .text .title {
    color: #3363AB
}

.news-list ul li .text {
    padding-left: 480px
}

.news-list ul li .text .title {
    font-size: 24px;
    color: #333;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.news-list ul li .text .desc {
    font-size: 16px;
    color: #333;
    padding: 15px 0 35px 0;
    line-height: 2
}

.news-list ul li .text .time {
    background: url("../img/icon-news-list-time.png") no-repeat left center;
    padding-left: 30px;
    color: #666;
    font-size: 16px
}

.news-list ul li .pic img {
    width: 450px
}

.page-wrap {
    text-align: center
}

.page {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    overflow: hidden;
    padding: 40px 0
}

.page a,
.page span {
    float: left;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    padding: 0 2px;
    background: #fff;
    color: #333;
    margin: 0 5px
}

.page a {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.page a.prev {
    background: url("../img/icon-page-prev.png") no-repeat center #fff
}

.page a.prev:hover {
    background: url("../img/icon-page-prev-hover.png") no-repeat center #0193d8
}

.page a.next {
    background: url("../img/icon-page-next.png") no-repeat center #fff
}

.page a.next:hover {
    background: url("../img/icon-page-next-hover.png") no-repeat center #0193d8
}

.page a:hover {
    background-color: #3363AB;
    color: #fff
}

.page a.active,
.page span.active {
    background: #3363AB;
    color: #fff
}

.page a.prev.disabled {
    cursor: not-allowed;
    color: #999;
    background: url("../img/icon-page-prev.png") no-repeat center #f2f2f2
}

.page a.prev.disabled:hover {
    cursor: not-allowed;
    color: #999;
    background: url("../img/icon-page-prev.png") no-repeat center #f2f2f2
}

.page a.next.disabled {
    cursor: not-allowed;
    color: #999;
    background: url("../img/icon-page-next.png") no-repeat center #f2f2f2
}

.page a.next.disabled:hover {
    cursor: not-allowed;
    color: #999;
    background: url("../img/icon-page-next.png") no-repeat center #f2f2f2
}

.sub-nav {
    padding: 50px 0;
    min-width: 1200px
}

.sub-nav ul {
    text-align: center
}

.sub-nav ul li {
    width: 130px;
    display: inline-block;
    margin-bottom: 20px
}

.sub-nav ul li:hover .text {
    color: #3363AB
}

.sub-nav ul li .pic {
    padding: 0 30%
}

.sub-nav ul li .pic img {
    width: 100%;
    height: auto
}

.sub-nav ul li .text {
    padding-top: 30px;
    font-size: 16px;
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sub-nav ul li a {
    display: block;
    padding: 0 5px;
    text-align: center
}

.sub-nav ul li .text {
    padding-top: 20px
}

.sub-nav ul li .pic {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0
}

.sub-nav ul li .pic img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.sub-nav ul li .pic .pic-hover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    visibility: hidden;
    opacity: 0
}

.sub-nav ul li a:hover .pic img {
    visibility: hidden;
    opacity: 0
}

.sub-nav ul li a:hover .pic .pic-hover {
    visibility: visible;
    opacity: 1
}

/*!产品中心 */
a,
button,
img,
input,
select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

img {
    border: 0 none;
    vertical-align: top
}

em,
i {
    font-style: normal
}

ol,
ul {
    list-style: none
}

/* button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
	font-size: 100%;
	font-family: inherit
} */

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    color: #333
}

body {
    height: 100%;
    background-color: #fff;
    color: #666;
    font: 14px/1.5 DeliciousRoman, arial, Microsoft Yahei, \5b8b\4f53, sans-serif !important;
    /* font-family: DeliciousRoman , arial, Microsoft Yahei, \5b8b\4f53, sans-serif !important;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    word-break: break-word; */
}

.h,
.hide {
    display: none !important
}

.link_blue {
    color: #007aff
}

.cate_cell .cate_cell_bd .cate_list,
.mod_layer_ft,
.recommend_list_wrap,
.search_empty_result_right .more_recommend {
    zoom: 1
}

.cate_cell .cate_cell_bd .cate_list:after,
.mod_layer_ft:after,
.recommend_list_wrap:after,
.search_empty_result_right .more_recommend:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod_tip,
.mod_tip .suc_ico {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.close_ico,
.suc_ico {
    background: url("//img.mdcdn.cn/pc/img/common/layer_ico.png") no-repeat 0 0
}

.mod_layer_bd .suc_ico {
    width: 48px;
    height: 48px;
    background-position: 0 0
}

.mod_tip .suc_ico {
    width: 15px;
    height: 15px;
    background-position: -54px 0
}

.close_ico {
    width: 8px;
    height: 8px;
    background-position: -78px 0
}

.close_ico:hover {
    width: 8px;
    height: 8px;
    background-position: -78px -12px
}

body {
    color: #333;
    /* font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, tahoma, arial, Hiragino Sans GB, \5b8b\4f53, sans-serif */
    font-family: DeliciousRoman, arial, Microsoft Yahei, \5b8b\4f53, sans-serif !important;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    word-wrap: break-word;;
}

.show {
    display: block !important
}

.mod_mask {
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2
}

.mod_layer,
.mod_mask {
    position: fixed;
    display: none
}

.mod_layer {
    top: 50%;
    left: 50%;
    z-index: 1000;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    border: 1px solid #c8c8c8;
    max-width: 600px;
    min-width: 360px
}

.mod_tip {
    padding: 17px;
    font-size: 12px;
    white-space: nowrap;
    max-width: none;
    min-width: 0
}

.mod_tip .suc_ico {
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer
}

.close_ico {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 1001
}

.mod_layer_bd {
    padding: 60px 50px;
    text-align: center;
    font-size: 14px;
    position: relative
}

.mod_layer_bd .suc_ico {
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -25px
}

.mod_layer_bd .suc_ico ~ p {
    padding-left: 70px;
    text-align: left
}

.prompt_txt {
    font-size: 18px
}

.mod_layer_ft {
    border-top: 1px solid #e6e6e6
}

.layer_btn {
    padding: 17px 0;
    font-size: 12px;
    color: #08c;
    text-align: center;
    float: left;
    display: block;
    width: 50%;
    min-width: 30%;
    cursor: pointer
}

.layer_btn:hover {
    background: #f0f0f0
}

.layer_btn + .layer_btn {
    border-left: 1px solid #e6e6e6;
    margin-left: -1px
}

.layer_btn.one {
    width: 100%;
    *min-width: 100%
}

.red_txt {
    color: #f30
}

.gray_txt {
    color: #999
}

.login_page .header {
    height: 44px;
    width: 100%
}

.login_page .header .logo {
    width: 120px;
    height: 44px;
    background: url(//img.mdcdn.cn/pc/img/mall/index_sprite.png?t=20150821) no-repeat 0 -242px
}

.login_page .header .logo a {
    display: block;
    width: 120px;
    height: 44px;
    overflow: hidden;
    text-indent: -999em
}

.login_page .copyright {
    width: 90%;
    border-top: 1px solid #e0e0e0;
    margin: 0 auto 30px;
    padding-top: 15px;
    color: #999;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    font-family: \\5FAE\8F6F\96C5\9ED1;
    text-align: center
}

.login_container {
    background: #fff
}

.login_container:after,
.login_main_wrap:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.login_main_wrap {
    width: 1190px;
    margin: 0 auto;
    position: relative;
    height: 620px
}

.login_main_col1 {
    float: left;
    width: 700px;
    padding-top: 80px;
    text-align: left
}

.login_main_col2 {
    float: right
}

#activity_img {
    position: absolute;
    right: 520px;
    top: 66px;
    width: 560px;
    height: 485px;
    line-height: 485px;
    display: table-cell
}

#activity_img img {
    margin: auto;
    vertical-align: middle;
    max-height: 485px
}

.login_wrap {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    width: 300px;
    padding: 29px 38px 38px;
    margin: 66px 100px 0 0;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 4px 0 #d6d6d6;
    border-radius: 2px;
    min-height: 412px
}

.login_way {
    padding-bottom: 20px
}

.login_form_tit,
.login_way_tit {
    margin-bottom: 15px;
    font-size: 20px
}

.login_type1 .mobile_form,
.login_type2 .ap_form {
    display: none
}

.ap_form .login_form_tit,
.mobile_form .login_form_tit {
    margin-top: 20px
}

.login_way_list {
    overflow: hidden;
    position: relative;
    top: -1px;
    left: -2px
}

.login_way_item {
    float: left;
    *width: 60px;
    margin-right: 24px;
    text-align: center
}

.login_way_item i {
    display: block;
    width: 49px;
    height: 48px;
    margin: 0 auto;
    background: url(//img.mdcdn.cn/pc/img/mall/login.png) no-repeat;
    text-indent: -999em;
    overflow: hidden
}

.login_way_item span {
    display: block;
    margin-top: 8px;
    color: #999
}

.login_way_qq i {
    background-position: 0 0
}

.login_way_wx i {
    background-position: -57px 0
}

.login_way_msg i {
    background-position: -114px 0
}

.login_way_qq a:hover i {
    background-position: 0 -58px
}

.login_way_wx a:hover i {
    background-position: -57px -58px
}

.login_way_msg a:hover i {
    background-position: -114px -58px
}

.login_type {
    border-top: 1px solid #eee
}

.login_form_row {
    position: relative;
    clear: both;
    margin: 10px 0
}

.login_from_error_tips {
    display: none
}

.login_form input {
    display: block;
    width: 288px;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    background: transparent
}

.login_form_label {
    position: absolute;
    z-index: 2;
    top: 11px;
    left: 11px;
    color: #bbb
}

.login_form_cnt {
    position: relative;
    z-index: 3
}

.login_form_cnt_extra {
    position: absolute;
    top: 0;
    right: 1px;
    width: 80px;
    height: 39px;
    line-height: 39px;
    padding: 0 10px;
    border-left: 1px solid #c8c8c8
}

.login_get_code {
    display: block;
    height: 39px;
    line-height: 40px;
    text-align: center;
    color: #3f3f3f;
    white-space: nowrap
}

.login_get_code_disabled {
    top: 1px;
    height: 38px;
    line-height: 38px;
    background-color: #f2f2f2;
    color: #999;
    cursor: not-allowed
}

.login_form_cnt_extra .code {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 39px;
    border: none
}

.login_form_cnt_extra .code img {
    vertical-align: middle;
    width: 65px;
    *height: 24px;
    *margin-top: 10px
}

.login_form_cnt_extra .refresh_btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(//img.mdcdn.cn/pc/img/mall/login.png) no-repeat 0 -118px;
    text-indent: -9999em;
    margin-top: 12px;
    line-height: 40px;
    padding: 0;
    border: none;
    right: 5px
}

.login_form_row .hidden {
    display: none
}

.show_error .login_from_error_tips {
    display: block
}

.login_from_error_tips {
    color: red;
    font-size: 12px;
    margin-top: 10px
}

.login_form .editing .login_form_label {
    display: none
}

.login_from_tips {
    color: #999
}

.login_btn {
    display: block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #0092d8;
    color: #fff;
    margin: 20px 0 17px;
    border: 0;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.login_btn:hover {
    background-color: #0078cf
}

.login_links {
    overflow: hidden
}

.login_links a {
    color: #999
}

.login_links a:hover {
    color: #f30
}

.login_links .line {
    margin: 0 15px;
    color: #e0e0e0
}

.login_links .forget_pwd {
    float: right
}

.login_links .other_login {
    float: right;
    color: #0086e6
}

.md_login_layer {
    position: fixed;
    z-index: 999;
    width: 380px;
    top: 50%;
    margin-top: -220px;
    left: 50%;
    margin-left: -190px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 4px 0 #d6d6d6
}

.md_login_layer_close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 15px;
    background: url(//img.mdcdn.cn/pc/img/mall/login.png) no-repeat -23px -119px;
    text-indent: -999em;
    overflow: hidden
}

.md_login_layer_inner {
    padding: 20px 40px 30px
}

.md_login_layer .login_type {
    border-top: none
}

.md_login_layer .login_way {
    margin-top: 26px;
    padding-top: 30px;
    padding-bottom: 0;
    border-top: 1px solid #eee
}

.md_login_layer .login_way_item {
    *width: 75px
}

.md_login_layer .login_way_qq {
    margin-right: 0
}

.md_login_layer .login_way_wx {
    margin: 0 65px;
    *margin: 0 25px
}

.md_login_layer .login_way_msg {
    margin-right: 0
}

.md_login_layer .login_form_tit {
    margin-top: 16px;
    margin-bottom: 35px
}

.find_pwd_form .login_type {
    border-top: none
}

.find_pwd_form .login_type1 .mobile_form,
.find_pwd_form .login_type2 .ap_form {
    display: block
}

.find_pwd_container .pwd_text {
    display: block;
    font-size: 32px;
    margin: 32px auto 0;
    text-align: center
}

.find_pwd_form {
    width: 300px;
    margin: 30px auto 60px
}

.login_page .step ul {
    width: 612px;
    margin: 0 auto;
    border-top: 1px solid #eee
}

.login_page .step ul li {
    list-style: none;
    float: left;
    margin-right: 159px;
    text-align: center;
    width: 60px;
    margin-top: -13px
}

.login_page .step ul li.step_item1 {
    margin-left: 58px
}

.login_page .step ul li.step_item3 {
    margin-right: 33px
}

.login_page .step ul li .step_ico {
    display: block;
    width: 24px;
    height: 26px;
    background: url(//img.mdcdn.cn/pc/img/mall/login.png) no-repeat;
    padding-top: 5px;
    padding-bottom: 6px;
    margin-left: 17px;
    font-family: Lucida Grande, Arial, \\5FAE\8F6F\96C5\9ED1, \\5B8B\4F53
}

.login_page .step ul li p {
    margin: -3px 0 60px;
    color: #b0b0b0
}

.login_page .step .step_item1 .step_ico {
    background-position: 0 -143px;
    color: #fff
}

.login_page .step .step_item1 p {
    color: #000
}

.login_page .step .step_item2 .step_ico,
.login_page .step .step_item3 .step_ico {
    background-position: -30px -143px
}

.login_page .step1 .step_item1 .step_ico {
    background-position: -63px -144px;
    text-indent: 99px;
    overflow: hidden
}

.login_page .step1 .step_item1 p {
    color: #b0b0b0
}

.login_page .step1 .step_item2 .step_ico {
    background-position: 0 -143px;
    color: #fff
}

.login_page .step1 .step_item2 p {
    color: #000
}

.login_page .step1 .step_item3 .step_ico {
    background-position: -30px -143px
}

.login_page .comment {
    color: #999
}

.pwd_success_container {
    width: 100%;
    margin: 80px auto;
    text-align: center
}

.pwd_success_container .success_img {
    display: inline-block;
    width: 83px;
    height: 83px;
    background: url(//img.mdcdn.cn/pc/img/mall/login.png) no-repeat -120px -146px
}

.pwd_success_container {
    margin-bottom: 400px
}

.pwd_success_container .success_text {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    font-size: 32px;
    margin-left: 40px;
    width: 350px
}

.pwd_success_container .success_text a {
    display: block;
    margin-top: 18px;
    padding-bottom: 7px;
    font-size: 12px;
    color: #0086e6
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50)
}

.mod_imagecode .mod_imagecode_bd .row_img {
    zoom: 1
}

.mod_imagecode .mod_imagecode_bd .row_img:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.c {
    color: #999
}

.cover {
    idth: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #3c3c3c;
    filter: alpha(opacity=20);
    -moz-opacity: .2;
    opacity: .2;
    z-index: 1000
}

.icon_close {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    background-position: -180px -40px;
    cursor: pointer
}

.mod_imagecode {
    font-family: microsoft yahei;
    z-index: 10000;
    box-sizing: border-box;
    width: 480px;
    height: 390px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -195px;
    margin-left: -240px;
    background-color: #fff;
    color: #333;
    box-shadow: 0 0 21px rgba(0, 0, 0, .45)
}

.mod_imagecode .mod_imagecode_hd {
    height: 50px;
    padding: 16px 16px 0
}

.mod_imagecode .mod_imagecode_hd .word {
    float: left;
    color: #333;
    font-size: 14px
}

.mod_imagecode .mod_imagecode_bd {
    height: 340px;
    padding: 0 135px
}

.mod_imagecode .mod_imagecode_bd .title {
    font-size: 18px
}

.mod_imagecode .mod_imagecode_bd .row_input {
    margin-top: 40px
}

.mod_imagecode .mod_imagecode_bd .row_img {
    margin-top: 20px
}

.mod_imagecode .mod_imagecode_bd .row_img .img_code_wrap {
    float: left
}

.mod_imagecode .mod_imagecode_bd .row_img .re_code {
    float: left;
    margin-top: 8px;
    margin-left: 17px;
    color: #0093d5;
    cursor: pointer
}

.mod_imagecode .mod_imagecode_bd .row_button {
    margin-top: 40px
}

.mod_imagecode .mod_imagecode_bd .img_code {
    height: 40px;
    font-size: 14px;
    width: 190px;
    padding-left: 5px;
    color: #666;
    border: 1px solid #d6d6d6;
    background-color: transparent
}

.mod_imagecode .mod_imagecode_bd button {
    cursor: pointer
}

.mod_imagecode .mod_imagecode_bd .cancel_btn {
    float: left;
    width: 90px;
    height: 40px;
    border: 1px solid #bbb;
    color: #666;
    background-color: #fff
}

.mod_imagecode .mod_imagecode_bd .continue_btn {
    float: right;
    width: 90px;
    height: 40px;
    border: 1px solid #0093d5;
    color: #fff;
    background-color: #0093d5
}

.mod_login_cover {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #3c3c3c;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    opacity: .4;
    z-index: 100
}

.mod_login_cover .icon_cover_close {
    float: right;
    width: 20px;
    height: 20px;
    margin: 23px 23px 0 0;
    background-position: -60px -40px;
    cursor: pointer
}

.mod_login_cover .notice {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    *margin-top: -13px;
    *margin-left: -53px
}

body {
    z-index: 1
}

.recommend_wrap_span {
    width: 120px;
    text-align: center;
    word-wrap: break-word;
    word-wrap: break-word;;
    font-size: 12px;
    height: 12px;
    line-height: 12px
}

.over_ellipsis,
.recommend_wrap_span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.over_ellipsis {
    white-space: nowrap
}

.clear,
.compare_list_wrap .list_nav:after {
    clear: both;
    content: " ";
    display: block
}

.compare_list_wrap {
    position: fixed;
    bottom: -211px;
    left: 50%;
    margin-left: -595px;
    z-index: 98;
    background: #fff;
    width: 1190px;
    border: 1px solid #e6e6e6;
    　　-webkit-box-shadow: 0 1px 3px 0 #e6e6e6;
    　　-moz-box-shadow: 0 1px 3px 0 #e6e6e6;
    　　-ms-box-shadow: 0 1px 3px 0 #e6e6e6;
    box-shadow: 0 1px 3px 0 #e6e6e6
}

.compare_list_wrap .tip {
    height: 30px;
    line-height: 30px;
    background: #ffeadc;
    border: 1px solid #f60;
    color: #f60;
    font-size: 12px;
    text-align: center
}

.compare_list_wrap .list_nav {
    font-size: 0;
    line-height: 1;
    height: 46px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 10px
}

.compare_list_wrap .list_nav .nav_item {
    float: left;
    font-size: 16px;
    line-height: 1;
    margin: 0 20px;
    cursor: pointer;
    color: #333;
    padding: 15px 0;
    border-bottom: none
}

.compare_list_wrap .compare_list .list_item {
    float: left;
    padding: 25px 20px 25px 18px;
    border-right: 1px solid #e6e6e6;
    width: 234px
}

.compare_list_wrap .compare_list .list_item .item_img {
    display: inline-block;
    width: 80px;
    height: 80px
}

.compare_list_wrap .compare_list .list_item .right {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    width: 140px;
    *display: inline;
    *zoom: 1
}

.compare_list_wrap .compare_list .list_item .item_name {
    color: #333;
    margin-bottom: 15px;
    width: 140px;
    height: 34px;
    overflow: hidden
}

.compare_list_wrap .compare_list .list_item .item_price {
    color: #f60;
    font-weight: 700;
    float: left
}

.compare_list_wrap .compare_list .list_item .item_delete {
    float: right;
    color: #f60;
    font-weight: 700;
    cursor: pointer
}

.compare_list_wrap .compare_list .list_item .left_text {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    font-size: 42px;
    color: #ccc;
    text-align: center;
    line-height: 80px;
    *display: inline;
    *zoom: 1
}

.compare_list_wrap .compare_list .list_item .right_text {
    display: inline-block;
    font-size: 12px;
    color: #999;
    width: 140px;
    height: 80px;
    vertical-align: top;
    *display: inline;
    *zoom: 1
}

.compare_list_wrap .compare_list .item_action {
    width: 60px;
    border-right: none;
    font-size: 12px
}

.compare_list_wrap .compare_list .item_action .compare_btn {
    display: block;
    width: 54px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #f60;
    color: #fff;
    margin-bottom: 18px;
    border-radius: 2px;
    cursor: pointer
}

.compare_list_wrap .compare_list .item_action .compare_btn a {
    color: #fff
}

.compare_list_wrap .compare_list .item_action .clear_text {
    color: #333;
    cursor: pointer
}

.compare_list_wrap .compare_list .no_compare .compare_btn {
    background: #999;
    color: #f9f9f9
}

.fade {
    bottom: 0;
    　　-webkit-transform: translateY(0);
    　　-moz-transform: translateY(0);
    　　-ms-transform: translateY(0);
    transform: translateY(0);
    　　-webkit-transition: all .5s ease;
    　　-moz-transition: all .5s ease;
    　　-ms-transition: all .5s ease;
    transition: all .5s ease
}

.recommend_list_wrap li .pro_name,
.search_list_wrap .hproduct .sell_point {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search_list_wrap .hproduct .fn {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

body {
    background: #f4f4f4
}

.col_8 .cate_cell_bd .cate_list li i,
.icon_atom,
.icon_detail {
    display: inline-block;
    width: 0;
    height: 0;
    /*background: url(//img.mdcdn.cn/pc/img/common/atom_sprite.png?t=20161107) no-repeat 10000px 10000px*/
}

.crumb {
    height: 21px
}

.crumb a {
    color: #333
}

.icon_crumb {
    width: 12px;
    height: 15px;
    float: left;
    margin: 4px 10px 4px 12px;
    background-position: -30px -30px
}

.crumb .home_page {
    color: #333;
    height: 21px;
    float: left;
    line-height: 21px
}

.col_8 .cate_cell_bd .cate_list li.selected i,
.filter_cur .icon_stock,
.icon_selected {
    width: 20px;
    height: 20px;
    background-position: -242px -100px
}

.col_8 .cate_cell_bd .cate_list li i,
.icon_stock,
.icon_unselect {
    width: 20px;
    height: 20px;
    background-position: -263px -100px
}

.col_8 .cate_cell_bd .cate_list li.disable_select i,
.icon_disable_select {
    width: 20px;
    height: 20px;
    background-position: -280px -100px
}

.icon_up_arrow {
    width: 10px;
    height: 10px;
    background-position: 0 -50px
}

.icon_down_arrow {
    width: 10px;
    height: 9px;
    background-position: 0 -42px
}

.filter_wrap .filter_price .icon_price,
.icon_price_arrow {
    width: 10px;
    height: 12px;
    background-position: 0 -30px
}

.filter_wrap .filter_cur .icon_price,
.icon_price_up_arrow {
    width: 10px;
    height: 12px;
    background-position: -10px -30px
}

.filter_wrap .filter_price_desc .icon_price,
.icon_price_down_arrow {
    width: 10px;
    height: 12px;
    background-position: -20px -30px
}

.main_wrap {
    width: 1200px;
    margin: 20px auto 40px
}

.cate_bar {
    background: #fcfcfc
}

.cate_cells {
    background-color: #fff;
    font-size: 12px;
    border: 1px solid #eee;
    color: #333;
    margin: 0;
    auto;

}

.cate_cells .crumb {
    margin: 0
}

.cate_cells .cate_cell_ft .cate_count {
    padding: 0 4px
}

.cate_cell {
    padding: 10px 24px;
    position: relative;
    border-top: 1px solid #eee;
}

.cate_cell:first-child {
    border: none
}

.cate_cell .cate_cell_hd {
    float: left;
    color: #999
}

.cate_cell .cate_cell_bd .cate_list {
    overflow: hidden;
    height: 21px;
    color: #666
}

.cate_cell .cate_cell_bd .cate_list li {
    height: 21px
}

.cate_cell .cate_cell_bd .cate_list li a:hover {
    color: #3363AB;
    cursor: pointer
}

.cate_cell .cate_cell_bd .cate_list .filter_cur a {
    color: #3363AB
}

.cate_cell .cate_cell_bd .cate_list i {
    vertical-align: top;
    margin-right: 9px
}

.cate_cell .cate_cell_bd .more {
    overflow: visible;
    height: auto
}

.cate_cell .cate_cell_ft {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 19px
}

.cate_cell .mod_filter_item_disable,
.cate_cell .mod_filter_item_disable:hover {
    color: #999;
    cursor: default
}

.cate_cell .more_attr_box {
    top: 19px
}

.col_10 {
    padding: 10px 24px
}

.col_10 .cate_cell_hd {
    width: 120px;
    height: 21px;
    line-height: 21px
}

.col_10 .cate_cell_bd {
    margin-left: 120px
}

.col_10 .cate_cell_bd .cate_list {
    overflow: visible;
    height: auto
}

.col_10 .cate_cell_bd .cate_list li {
    float: left;
    height: 21px;
    line-height: 21px;
    margin-right: 50px
}

.col_8 {
    padding: 10px 24px
}

.col_8 .cate_cell_hd {
    width: 120px;
    height: 21px;
    line-height: 21px
}

.col_8 .cate_cell_bd {
    display: inline-block;
    zoom: 1;
    vertical-align: bottom
}

.col_8 .cate_cell_bd .cate_list li {
    line-height: 21px;
    height: 21px;
    margin-right: 50px;
    float: left
}

.col_8 .cate_cell_bd .cate_list li i {
    vertical-align: middle
}

.col_8 .cate_cell_bd .cate_list li:hover {
    color: #f60;
    cursor: pointer
}

.col_8 .cate_cell_bd .cate_list li.selected {
    color: #0092d8
}

.col_8 .cate_cell_bd .cate_list li.disable_select {
    color: #cacaca
}

.col_8 .cate_cell_ft {
    width: 55px;
    height: 22px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 22px;
    top: 9px;
    display: none
}

.col_8 .cate_cell_bd .cate_list li .cate_cell_ft i,
.col_8 .cate_cell_ft .cate_cell_bd .cate_list li i,
.col_8 .cate_cell_ft .icon_atom {
    margin-left: 4px
}

.col_8 .cate_cell_ft:hover {
    cursor: pointer
}

.more_attr .cate_cell_bd .cate_list {
    overflow: visible;
    height: auto
}

.condition_wrap .col_8 {
    border-top: 1px solid #eee;
    display: none
}

.condition_wrap .col_1 .cate_cell_bd:hover {
    cursor: pointer
}

.more_condition .col_8 {
    display: block
}

.col_1 {
    line-height: 21px;
    height: 21px
}

.col_1 .cate_cell_bd {
    width: 100%;
    text-align: center
}

.col_1 .cate_cell_bd .icon_atom,
.col_1 .col_8 .cate_cell_bd .cate_list li i,
.col_8 .col_1 .cate_cell_bd .cate_list li i {
    margin-left: 9px
}

.range_attr_box .cate_cell_bd .cate_list li i {
    display: none
}

.filter_wrap {
    margin: 16px 0
}

.filter_wrap .mod_filter_item {
    display: inline-block;
    *display: inline;
    margin-right: 38px;
    cursor: pointer;
    vertical-align: middle
}

.filter_wrap .mod_filter_item:hover {
    cursor: pointer;
    color: #f60
}

.col_8 .cate_cell_bd .cate_list li .filter_wrap .mod_filter_item i,
.filter_wrap .mod_filter_item .col_8 .cate_cell_bd .cate_list li i,
.filter_wrap .mod_filter_item .icon_atom {
    vertical-align: middle;
    margin: 0 8px
}

.filter_wrap .filter_cur {
    color: #0092d8
}

.filter_wrap .cate_cell_ft:hover {
    cursor: pointer;
    color: #f60
}

.col_8 .cate_cell_bd .cate_list li .filter_wrap .cate_cell_ft i,
.filter_wrap .cate_cell_ft .col_8 .cate_cell_bd .cate_list li i,
.filter_wrap .cate_cell_ft .icon_atom {
    vertical-align: top;
    margin-right: 8px
}

.filter_wrap .mod_filter_item_disable,
.filter_wrap .mod_filter_item_disable:hover {
    color: #999;
    cursor: default
}

.filter_wrap .mod_filter_item_disable:hover .price_box {
    display: none
}

.filter_wrap .filter_price {
    margin-right: 24px;
    position: relative
}

.filter_wrap .filter_price .price_box {
    display: none
}

.filter_wrap .filter_price:hover .price_box {
    display: block
}

.filter_wrap .filter_address:hover {
    cursor: default;
    color: #333
}

.filter_wrap .filter_address .address_selected:hover {
    cursor: pointer;
    color: #f60
}

.filter_wrap .price_box {
    color: #333;
    position: absolute;
    width: 123px;
    height: 100px;
    border: 1px solid #eee;
    top: -11px;
    padding: 24px;
    box-sizing: border-box;
    background: #fff;
    z-index: 50;
    left: -25px;
    border-top: none
}

.filter_wrap .price_box li {
    margin-bottom: 19px
}

.filter_wrap .price_box li:hover {
    color: #f60
}

.filter_wrap .cate_bar {
    line-height: 22px;
    height: 22px
}

.filter_wrap_disable .filter_cur .mod_filter_item {
    color: #999;
    cursor: default
}

.filter_wrap_disable .filter_price:hover .price_box {
    display: none
}

.search_list_wrap {
    width: 1217px;
    overflow: hidden;
    margin-top: 16px
}

.search_list_wrap .hproduct {
    padding: 0 24px 21px;
    float: left;
    position: relative;
    width: 238px;
    height: 494px;
    margin: 0 16px 10px 0;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #eee
}

.search_list_wrap .hproduct:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .05)
}

.search_list_wrap .hproduct .category_cover {
    display: block;
    width: 240px;
    height: 240px;
    margin: 40px 0
}

.search_list_wrap .hproduct .category_cover img {
    width: 240px;
    height: 240px
}

.search_list_wrap .hproduct .fn {
    display: block;
    max-height: 42px;
    font-size: 14px;
    overflow: hidden;
    word-wrap: break-word;;
    margin: 8px auto 0
}

.search_list_wrap .hproduct .fn:hover {
    color: #0093d5
}

.search_list_wrap .hproduct .sell_point {
    color: #999;
    font-size: 12px;
    height: 18px
}

.search_list_wrap .hproduct .ft_message {
    font-size: 18px;
    height: 27px
}

.search_list_wrap .hproduct .ft_message .price_new {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.search_list_wrap .hproduct .ft_message .price_new .price {
    color: #f60
}

.search_list_wrap .hproduct .ft_message .price_new .price em {
    margin-left: 4px
}

.search_list_wrap .hproduct .ft_message .price_old {
    float: left;
    margin-left: 10px;
    margin-top: 4px
}

.search_list_wrap .hproduct .ft_message .status {
    float: right;
    margin-top: 4px;
    color: #d68135
}

.search_list_wrap .hproduct .ft_message:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.search_list_wrap .hproduct .ft_message .right_tip {
    float: right;
    font-size: 12px;
    line-height: 27px
}

.search_list_wrap .hproduct .ft_message .comment_box {
    color: #999
}

.search_list_wrap .hproduct .ft_message .comment_box em {
    padding-left: 4px
}

.search_list_wrap .hproduct .ft_message .stock_box {
    color: #d69256
}

.search_list_wrap .hproduct .onsale_tag {
    margin-left: 5px
}

.search_list_wrap .hproduct .act_11_11_tab {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 30px;
    line-height: 30px;
    background-color: #f60;
    color: #fff;
    text-align: center
}

.search_list_wrap .empty_result {
    text-align: center
}

.search_list_wrap .empty_result .icon_unit {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 64px;
    height: 64px;
    background: url("//img.mdcdn.cn/pc/img/common/unit_sprite.png") no-repeat 10000px 10000px
}

.search_list_wrap .empty_result .icon_unit_notice {
    margin: 120px 20px 0 0;
    background-position: -100px -100px
}

.search_list_wrap .empty_result .desc {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    bottom: 23px;
    *bottom: 17px
}

.search_empty_result {
    width: 1200px;
    height: 270px;
    margin-bottom: 20px;
    background-color: #fff;
    zoom: 1
}

.search_empty_result:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.search_empty_result_left {
    float: left;
    width: 260px;
    height: 180px
}

.search_empty_result_left .not_found_pic {
    margin: 60px 48px 0 60px
}

.search_empty_result_right {
    float: left;
    width: 640px
}

.search_empty_result_right .search_empty_notice {
    margin: 60px 0 18px;
    font-size: 18px;
    font-weight: 400;
    color: #333
}

.search_empty_result_right .search_empty_notice .word {
    color: #f60;
    padding: 0 4px
}

.search_empty_result_right .empty_tip {
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.search_empty_result_right .more_recommend {
    margin-top: 24px
}

.search_empty_result_right .more_recommend span {
    float: left
}

.search_empty_result_right .more_recommend ul li {
    position: relative;
    padding: 0 15px;
    float: left
}

.search_empty_result_right .more_recommend ul li a {
    color: #0092d8
}

.search_empty_result_right .more_recommend ul li:before {
    content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    left: 1px;
    background: #ccc;
    top: 3px
}

.search_empty_result_right .more_recommend ul li:first-child {
    padding-left: 3px
}

.search_empty_result_right .more_recommend ul li:first-child:before {
    background: transparent
}

.pagination {
    /*width: 1236px*/
}

.filter_address,
.filter_address .address_wrap {
    height: 22px;
    line-height: 22px
}

.filter_address .address_wrap .address_selected {
    border: none;
    height: 22px;
    line-height: 22px;
    padding: 0
}

.recommend_wrap .cate_cells .cate_cell_bd {
    font-size: 18px
}

.recommend_list_wrap {
    font-size: 12px;
    border-right: 1px solid #eee;
    width: 1201px
}

.recommend_list_wrap .cate_cell {
    padding: 16px 24px
}

.recommend_list_wrap li {
    text-align: center;
    float: left;
    padding: 32px 40px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    width: 240px;
    height: 290px;
    box-sizing: border-box
}

.recommend_list_wrap li img {
    width: 160px;
    height: 160px
}

.recommend_list_wrap li .pro_name {
    margin-top: 30px;
    color: #333
}

.recommend_list_wrap li .pro_price {
    margin-top: 5px;
    color: #f60
}

.recommend_list_wrap li .sku_tag {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 10px
}

.recommend_list_wrap li .sku_tag_notice {
    background-color: #1bce8d
}

.recommend_list_wrap li .sku_tag_important {
    background-color: #f60
}

.address_wrap .arrow {
    margin-left: 7px;
    position: static
}

.mod_filter_item {
    *float: left
}

.address-wrap .address_selected {
    *height: 28px !important
}

.address_wrap .address_selected {
    height: 22px
}

.address_wrap .address_selected .address_option {
    line-height: 22px
}

.address_list {
    left: 0
}

.address_wrap .arrow {
    *position: relative
}

.address_wrap .address_list {
    left: 0
}

.address_wrap {
    *line-height: 1
}

.address_wrap .arrow {
    position: relative;
    top: -1px;
    *top: 11px
}

.address_wrap .address_list,
.cate_cells {
    *z-index: 100
}

.cate_cells {
    *position: relative
}

.cate_cell {
    *overflow: visible !important;
    *height: 28px;
    *line-height: 28px
}

.self_tag {
    bottom: 44px;
    height: 14px;
    line-height: 14px;
    padding: 1px 4px;
    border: 1px solid #f60;
    border-radius: 2px;
    color: #f60
}

.item_compare,
.self_tag {
    position: absolute;
    left: 24px;
    font-size: 12px
}

.item_compare {
    overflow: hidden;
    margin: 13px auto 0;
    width: 238px;
    bottom: 21px
}

.item_compare .cart,
.item_compare .compare {
    cursor: pointer
}

.item_compare .cart i,
.item_compare .compare i {
    width: 18px;
    height: 18px;
    background: url("//img.mdcdn.cn/wp/src/p_mall/img/item_compare.png") no-repeat;
    background-size: 100px 100px;
    display: inline-block;
    vertical-align: bottom
}

.item_compare .cart span,
.item_compare .compare span {
    margin-left: 5px
}

.item_compare .cart {
    float: left
}

.item_compare .cart .common_cart_icon {
    background-position: -39px -33px
}

.item_compare .cart .active_cart_icon {
    background-position: -12px -33px
}

.item_compare .compare {
    float: right
}

.item_compare .compare .compare_icon {
    background-position: -12px -9px
}

.item_compare .active_compare_icon {
    float: right
}

.item_compare .active_compare_icon .compare_icon {
    background-position: -38px -9px
}

/*# sourceMappingURL=category_v2.20190314.8dbe4.css.map*/

#inner-headline1 {
    /* background: #fafafa; */
    position: relative;
    /* margin: 20px; */
    color: #1891EC;
}

.p-cat-list {
    /* background:#f4f4f4; */
}

.p-cat-list ul li {
    overflow: hidden;
    position: relative;
    background: #fff;
    margin-bottom: 10px
}

.p-cat-list ul li .pic {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 430px;
    text-align: center
}

.p-cat-list ul li .pic img {
    width: 430px;
    height: auto;
    display: inline-block
}

.p-cat-list ul li .text {
    width: 50%;
    float: left;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -126px
}

.p-cat-list ul li .text .title {
    font-size: 40px;
    color: #333131
}

.p-cat-list ul li .text .desc {
    padding: 30px 0;
    font-size: 16px;
    color: #656564;
    min-height: 80px
}

.p-cat-list ul li .text .desc p {
    padding: 5px 0
}

.p-cat-list ul li .text .btn {
    border: 1px solid #3363AB;
    color: #3363AB;
    background: 0
}

.p-cat-list ul li .text .btn:hover {
    background: #3363AB;
    color: #fff
}

.p-cat-list ul li.r .pic {
    float: right
}

.p-cat-list ul li.r .text {
    left: 0
}

.p-cat-ad {
    padding-bottom: 50px
}

.p-cat-ad img {
    width: 100%;
    height: auto
}

.icon_atom {
    display: inline-block;
    width: 0;
    height: 0;
    background: url(../img/atom_sprite.png) no-repeat 10000px 10000px;
}

.icon_crumb {
    width: 12px;
    height: 15px;
    margin: 4px 10px 4px 12px;
    background-position: -30px -30px;
}

/*内容左侧区域*/
.d_content {
    width: 100%;
    display: inline-block;
}

.d_content_l {
    width: 920px;
    margin-right: 24px;
}

.d_content_l_box {
    width: 1236px;
    border: 1px solid #E5E5E5;
    padding: 30px 30px 0 30px;
    display: inline-block;
    background: #fff;
    /*margin-top: 20px;*/
}

.d_content_l_box .infoempty {
    font-size: 16px;
    color: #c3c3c3;
    text-align: center;
    font-weight: bold
}

.d_content_l_box_top {
    width: 100%;
    display: inline-block;
    height: 64px;
}

.d_applicationlist .d_content_l_box_top_img img {
    border-radius: 5px;
    width: 64px;
    height: 64px;
}

.d_applicationlist .d_content_l_box_top_text {
    margin-left: 20px;
    position: relative;
    top: 4px;
    width: 90%;
}

.d_applicationlist .d_content_l_box_top_text p {
    line-height: 18px;
    margin-top: 10px;
}

.d_applicationlist .d_content_l_box_top_text .name {
    font-size: 24px;
    color: #333;
}

.d_applicationlist .d_content_l_box_top_text .type span {
    font-size: 16px;
    color: #999;
}

.d_applicationlist .d_content_l_box_top_text .type span a {
    font-size: 14px;
    color: #33beff;
    margin-right: 20px;
}

.d_content_l_box_area {
    display: inline-block;
    margin-top: 20px;
    width: 859px; /*cursor: pointer;*/
}

.d_applicationlist .d_content_l_box_area_img, .d_content_l_box_area_img img {
    width: 600px;
    height: 300px;
}

.d_applicationlist .d_content_l_box_area_txt {
    width: 217px;
    height: 258px;
    padding: 20px;
    border: 1px solid #E5E5E5;
    position: relative;
    font-size: 12px;
    line-height: 21px;
    color: #666;
}

.d_applicationlist .d_content_l_box_area_txt span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    line-height: 25px;
}

.d_applicationlist .d_content_l_box_area_txt span i {
    /*background: url(hn_comment.png) no-repeat;*/
    width: 16px;
    height: 17px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: sub;
}

.d_content_l_box .title {
    font-size: 28px;
    padding-left: 12px;
}

.d_content_l_box .type {
    font-size: 16px;
    color: #999999;
    margin: 15px;
}

.d_content_l_box_bottom {
    background: #fff;
    border-top: none;
    border: 1px solid #E5E5E5;
    border-top: none;
    /*margin-top: -4px;*/
    width: 1236px;
    padding: 0 30px 0 30px;
    display: inline-block;
}

.d_applicationdetail .d_content_l_box_bottom_txt {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.d_applicationdetail .d_content_l_box_bottom .border {
    border-bottom: 1px solid #E5E5E5;
    margin: 36px 0px;
}

.d_applicationdetail .d_content_l_box_bottom_img, .d_applicationdetail .d_content_l_box_bottom_img img {
    width: 590px;
    height: 485px;
}

.d_applicationdetail .d_content_l_box_l {
    width: 538px;
}

.d_applicationdetail .d_content_l_box_top_l {
    width: 538px;
    display: inline-block;
    height: 64px;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
}

.d_applicationdetail .d_content_l_box_top_img, .d_applicationdetail .d_content_l_box_top_img img {
    border-radius: 5px;
    width: 64px;
    height: 64px;
}

.d_applicationdetail .d_content_l_box_top_text {
    margin-left: 20px;
    position: relative;
    top: 4px;
}

.d_applicationdetail .d_content_l_box_top_text p {
    line-height: 18px;
    margin-top: 10px;
}

.d_applicationdetail .d_content_l_box_top_text .name {
    font-size: 24px;
    color: #333;
}

.d_applicationdetail .d_content_l_box_top_text .type {
    font-size: 16px;
    color: #999;
}

.d_applicationdetail .criticism {
    margin: 17px 0px;
}

.d_applicationdetail .hn_start {
    position: relative;
    top: -4px;
    display: inline-block;
    line-height: 21px;
    vertical-align: middle;
    height: 21px;
    overflow: hidden;
}

.d_applicationdetail ul.hn_start li {
    line-height: 21px;
    display: inline-block;
    width: 22px;
    height: 21px;
    padding-right: 8px;
}

.d_applicationdetail ul.hn_start li.show {
    background: url(hn_star3.png) no-repeat;
    background-position: left -21px;
}

.d_applicationdetail ul.hn_start li.hide {
    background: url(hn_star3.png) top left no-repeat;
}

.d_applicationdetail .criticism span {
    font-size: 12px;
    line-height: 25px;
    color: #666666;
}

.d_applicationdetail .criticism div a {
    font-size: 14px;
    line-height: 18px;
    color: #33beff;
}

.d_applicationdetail .criticism div a:first-child {
    margin-right: 20px;
}

.d_applicationdetail .d_content_l_box_r, .d_applicationdetail .d_content_l_box_r img {
    width: 291px;
    height: 145px;
}

.d_applicationdetail .d_content_l_box_bottom {
    background: #fff;
    border-top: none;
    border: 1px solid #E5E5E5;
    margin-top: -4px;
    width: 859px;
    padding: 30px;
    display: inline-block;
}

.d_applicationdetail .d_content_l_box_bottom_txt {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.d_applicationdetail .d_content_l_box_bottom .border {
    border-bottom: 1px solid #E5E5E5;
    margin: 36px 0px;
}

.d_applicationdetail .d_content_l_box_bottom_img, .d_applicationdetail .d_content_l_box_bottom_img img {
    width: 590px;
    height: 485px;
}

.d_content_l_box_bottom_area_txt {
    font-size: 14px;
    line-height: 25px;
    color: #666666;
}

.d_content_l_box_bottom_area_txt p img {
    max-width: 100%;
}

.d_applicationdetail .record {
    border: 1px solid #f2f2f2;
    padding: 30px;
    margin-top: 15px;
}

.record h1 {
    font-size: 18px;
    line-height: 25px;
    color: #333333;
    margin-bottom: 10px;
}

.record p {
    font-size: 12px;
    line-height: 21px;
    color: #666666;
}

.d_share_box {
    width: 859px;
    border: 1px solid #E5E5E5;
    padding: 0px 30px;
    display: inline-block;
    background: #fff;
    margin-top: 20px;
}

.d_share_box .sharebar {
    padding: 30px 0px;
}

.d_share_box_txt {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    vertical-align: middle;
}

#mrq {
    width: 1170px;
}

#Marquee_x {
    overflow: hidden;
    width: 1170px
}

#Marquee_x ul {
    width: 1170px;
}

#Marquee_x ul li {
    overflow: hidden;
    text-align: center;
}

/* 横向滚动必须让所有li左浮�?*/
#Marquee_x ul li div {
    display: inline-block;
    margin: 0px 5px;
}

#Marquee_x ul li div a {
    /*border:1px solid #f1f1f1;*/
    padding: 3px;
    display: inline-block;

}

/*关于我们-集团概况*/

.situa {
    width: 1200px;
    height: auto;
    margin: 0 auto 65px;
    overflow: hidden;
}

.situa_left {
    width: 238px;
    height: auto;
    border-top: 1px solid #ddd;
    margin-top: 80px;
}

.situa_left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.situa_left ul li {
    width: 238px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    float: left;
}

.situa_left ul li a {
    width: 180px;
    height: 48px;
    line-height: 48px;
    padding: 0 21px 0 36px;
    color: #666;
    text-decoration: none;
    font-size: 15px;
    display: block;
}

.situa_left ul li a span {
    float: left;
}

.situa_left ul li a p {
    float: right;
    height: 48px;
    line-height: 48px;
    margin: 0;
    display: none;
}

.situa_left ul li a:hover span, .situa_left ul li .active span {
    color: #0b4c94;
}

.situa_left ul li a:hover p, .situa_left ul li .active p {
    display: block;
}

.situa_left ul li a:hover p, .situa_left ul li .active p img {
    border: 0;
}

.situa_right {
    width: 933px;
    height: auto;
    background: #fff;
    overflow: hidden;
    min-height: 590px;
}

.situa_rightc {
    width: 855px;
    height: auto;
    margin: 0 auto;
}

.situa_tit {
    width: 100%;
    color: #0b4c94;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    font-weight: bold;
    min-height: 65px;
    line-height: 35px;
    margin-top: 15px;
    padding: 15px 0;
}

.situa_gaik {
    width: 100%;
    margin: 20px auto;
}

.situa_gaikt {
    width: 100%;
    background: url(../img/ab1_07.jpg) no-repeat;
    height: 268px;
}

.situa_gaikt dl {
    width: 435px;
    height: 165px;
    padding: 64px 0 0 48px;
    margin: 0;
}

.situa_gaikt dl dt {
    width: 470px;
    height: 45px;
    margin: 0;
}

.situa_gaikt dl dt span {
    width: 152px;
    height: 32px;
    margin: 0;
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #0b4c94;
    border-right: 1px solid #2362a7;
}

.situa_gaikt dl dt em {
    margin: 0 0 0 20px;
    float: left;
    font-size: 12px;
    color: #06376c;
}

.situa_gaikt dl dd {
    margin: 15px 0 0 0px;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

.situa_gaikb {
    width: 100%;
    margin: 0 auto;
}

.situa_gaikb em {
    line-height: 25px;
    font-size: 14px;
    color: #666;
    display: block;
    margin-top: 20px;
}

.situa_jidi {
    width: 100%;
    min-height: 195px;
    background: #f6f6f6;
    padding-bottom: 0;
    overflow: hidden;
}

.situa_jidi dl {
    width: 425px;
    min-height: 100px;
    padding-top: 35px;
    display: block;
    margin: 0;
    float: left;
}

.situa_jidi dl dt {
    width: 89px;
    float: left;
    text-align: center;
}

.situa_jidi dl dd {
    width: 300px;
    height: auto;
    margin: 0;
    float: left;
}

.situa_jidi dl dd span {
    width: 303px;
    height: 25px;
    margin: 0 auto;
    display: block;
}

.situa_jidi dl dd span em {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    color: #0b4d95;
    font-size: 16px;
    font-weight: bold;
}

.situa_jidi dl dd span p {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    color: #666;
    font-size: 12px;
    margin: 0;
}

.situa_jidi dl dd i {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    color: #666;
    font-size: 14px;
    margin: 5px 0 0 0;
}

.situa_fenbu {
    width: 100%;
    min-height: 190px;
    padding: 25px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}

.situa_fenbu span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #0b4c94;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    display: block;
}

.situa_fenbu em {
    width: 100%;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    display: block;
}

.situa_xianz {
    width: 100%;
    min-height: 140px;
    padding: 25px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}

.situa_xianz span {
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #0b4c94;
    font-size: 24px;
    margin: 0 auto;
    display: block;
}

.situa_xianz em {
    width: 100%;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}

.fxkz_wrap {
    overflow: hidden;
}

.fxkz_wrap .tab_title {
    height: 67px;
    line-height: 67px;
    font-size: 18px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.fxkz_wrap .tab_title ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fxkz_wrap .tab_title li {
    min-width: 90px;
    float: left;
    display: inline;
    height: 67px;
    line-height: 67px;
    margin-right: 90px;
}

.fxkz_wrap .tab_title li a {
    color: #666;
    display: block;
    padding: 0;
    font-size: 18px;
    text-align: right;
    position: relative;
    padding: 0 15px;
}

.fxkz_wrap .tab_title li a img {
    float: left;
    border: 0;
    margin-top: 20px;
    margin-right: 5px;
}

.fxkz_wrap .tab_title li a:hover {
    text-decoration: none;
}

.fxkz_wrap .tab_title li.first a {
    padding: 0;
}

.fxkz_wrap .tab_title li.active a,
.fxkz_wrap .tab_title li a:hover {
    color: #0b4c94;
    height: 65px;
    border-bottom: 2px solid #0b4c94
}

.k_hidden {
    display: none;
}

.risk_cont {
    margin: 35px auto 35px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.risk_cont dl {
    margin: 0;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.risk_cont dl dt {
    margin: 0;
    width: 286px;
    height: 294px;
    float: left;
}

.risk_cont dl dd {
    margin: 0;
    width: 548px;
    min-height: 295px;
    float: right;
    position: relative;
    top: -7px;
}

.risk_cont dl dd span {
    margin: 0;
    width: 548px;
    margin-bottom: 10px;
    display: block;
}

.risk_cont dl dd span b {
    margin: 0;
    font-size: 16px;
    color: #444;
    display: block;
    font-weight: 100;
}

.risk_cont dl dd span i {
    margin: 0;
    font-size: 14px;
    color: #999;
    display: block;
    line-height: 25px;
}

.risk_cont dl dd .emsn {
    margin: 0;
    font-size: 14px;
    color: #666;
    display: block;
    line-height: 25px;
    text-indent: 2rem;
}

.risk_cont dl dd .emsn p {
    margin: 0;
    font-size: 14px;
    color: #666;
    display: block;
    line-height: 25px;
    text-indent: 2rem;
}

body {
    font-family: "微软雅黑";
    position: relative;
    padding: 0;
    margin: 0;
}

.about {
    width: 100%;
    /* min-height: 773px; */
    margin: 0 auto;
    background: url(../img/abbg_02.jpg) no-repeat;
    background-position: center center;
}

.about_cen {
    width: 1200px;
    min-height: 665px;
    margin: 0 auto;
}

.about_top {
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    padding-top: 30px;
}

.about_topt {
    width: auto;
    height: 55px;
    line-height: 55px;
    font-size: 30px;
    font-weight: bold;
    color: #06376c;
}

.about_topb {
    width: auto;
    /*height: 25px;*/
    /*line-height: 25px;*/
    color: #888;
    font-size: 12px;
}

.about_topb span {
    width: auto;
    height: 25px;
    line-height: 25px;
    color: #888;
    font-size: 12px;
}

.about_topb span a {
    width: auto;
    height: 25px;
    line-height: 25px;
    color: #888;
    font-size: 12px;
    text-decoration: none;
}

.about_bot {
    width: 1200px;
    height: 547px;
    margin: 0 auto;
}

.about_botl {
    width: 485px;
    height: 547px;
    background: #226abc;
}

.about_botl span {
    width: 485px;
    height: 281px;
}

.about_botl dl {
    width: 442px;
    height: 190px;
    padding: 37px 0 0 30px;
    margin: 0;
}

.about_botl dl dt {
    width: 442px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-weight: bold;
}

.about_botl dl dd {
    width: 442px;
    height: 145px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    margin: 10px 0 0 0;
}

.about_botl dl dd em {
    width: 442px;
    height: 110px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    margin: 10px 0 0px;
    display: block;
}

.about_botl dl dd i {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: 1px solid #5095e3;
    display: block;
    cursor: pointer;
}

.about_botl a:hover dl dd i {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #5095e3;
    border: 1px solid #5095e3;
    background: #fff;
    display: block;
    cursor: pointer;
}

.about_botr {
    width: 715px;
    height: 547px;
}

.about_botrt {
    width: 715px;
    height: 547px;
}

.about_botrt a {
    width: 346px;
    height: 267px;
    float: left;
    margin: 0 0 15px 11px;
    display: block;
    text-decoration: none;
}

.about_botrt dl {
    width: 272px;
    height: 205px;
    padding: 35px 40px 25px 33px;
    margin: 0;
}

.about_botrt dl dt {
    width: 272px;
    height: 25px;
    margin: 0 0 25px 0;
    display: block;
    line-height: 25px;
    font-size: 18px;
    color: #0067b5;
    font-weight: bold;
}

.about_botrt dl dd {
    width: 272px;
    height: 153px;
    margin: 0;
    display: block;
    line-height: 25px;
    color: #666;
    font-size: 13px;
    position: relative;
}

.about_botrt dl dd em {
    width: 272px;
    margin: 0;
    display: block;
    line-height: 25px;
    color: #666;
    font-size: 13px;
}

.about_botrt dl dd p {
    width: 272px;
    margin: 0;
    display: block;
    line-height: 25px;
    color: #666;
    font-size: 13px;
    margin-top: 5px;
}

.about_botrt dl dd i {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #666;
    border: 1px solid #e0e0e0;
    display: block;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
}

.about_botrt a:hover dl dd i {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #5095e3;
    border: 1px solid #5095e3;
    background: #fff;
    display: block;
    cursor: pointer;
}

.about_botrt a dl dd #liajs {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: 1px solid #5095e3;
    display: block;
    cursor: pointer;
}

.about_botrt a:hover dl dd #liajs {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #5095e3;
    border: 1px solid #5095e3;
    background: #fff;
    display: block;
    cursor: pointer;
}

.shipin_bot dl dt img {
    width: 248px !important;
    height: 136px !important;
}

/*关于我们-集团概况*/

.situa {
    width: 1200px;
    height: auto;
    margin: 0 auto 65px;
    overflow: hidden;
}

.situa_left {
    width: 238px;
    height: auto;
    border-top: 1px solid #ddd;
}

.situa_left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.situa_left ul li {
    width: 238px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    float: left;
}

.situa_left ul li a {
    width: 180px;
    height: 48px;
    line-height: 48px;
    padding: 0 21px 0 36px;
    color: #666;
    text-decoration: none;
    font-size: 15px;
    display: block;
}

.situa_left ul li a span {
    float: left;
}

.situa_left ul li a p {
    float: right;
    height: 48px;
    line-height: 48px;
    margin: 0;
    display: none;
    margin: 18px -60px;
}

.situa_left ul li a:hover span, .situa_left ul li .active span {
    color: #0b4c94;
}

.situa_left ul li a:hover p, .situa_left ul li .active p {
    display: block;
}

.situa_left ul li a:hover p, .situa_left ul li .active p img {
    border: 0;
}

.situa_right {
    width: 933px;
    height: auto;
    background: #fff;
    overflow: hidden;
    min-height: 590px;
}

.situa_rightc {
    width: 855px;
    height: auto;
    margin: 0 auto;
}

.situa_tit {
    width: 100%;
    color: #0b4c94;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    font-weight: bold;
    min-height: 65px;
    line-height: 35px;
    margin-top: 15px;
    padding: 15px 0;
}

.situa_gaik {
    width: 100%;
    margin: 20px auto;
}

.situa_gaikt {
    width: 100%;
    background: url(../img/ab1_07.jpg) no-repeat;
    height: 268px;
}

.situa_gaikt dl {
    width: 435px;
    height: 165px;
    padding: 64px 0 0 48px;
    margin: 0;
}

.situa_gaikt dl dt {
    width: 470px;
    height: 45px;
    margin: 0;
}

.situa_gaikt dl dt span {
    width: 152px;
    height: 32px;
    margin: 0;
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #0b4c94;
    border-right: 1px solid #2362a7;
}

.situa_gaikt dl dt em {
    margin: 0 0 0 20px;
    float: left;
    font-size: 12px;
    color: #06376c;
}

.situa_gaikt dl dd {
    margin: 15px 0 0 0px;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

.situa_gaikb {
    width: 100%;
    margin: 0 auto;
}

.situa_gaikb em {
    line-height: 25px;
    font-size: 14px;
    color: #666;
    display: block;
    margin-top: 20px;
}

.situa_jidi {
    width: 100%;
    min-height: 195px;
    background: #f6f6f6;
    padding-bottom: 0;
    overflow: hidden;
}

.situa_jidi dl {
    width: 425px;
    min-height: 100px;
    padding-top: 35px;
    display: block;
    margin: 0;
    float: left;
}

.situa_jidi dl dt {
    width: 89px;
    float: left;
    text-align: center;
}

.situa_jidi dl dd {
    width: 300px;
    height: auto;
    margin: 0;
    float: left;
}

.situa_jidi dl dd span {
    width: 303px;
    height: 25px;
    margin: 0 auto;
    display: block;
}

.situa_jidi dl dd span em {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    color: #0b4d95;
    font-size: 16px;
    font-weight: bold;
}

.situa_jidi dl dd span p {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    color: #666;
    font-size: 12px;
    margin: 0;
}

.situa_jidi dl dd i {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    color: #666;
    font-size: 14px;
    margin: 5px 0 0 0;
}

.situa_fenbu {
    width: 100%;
    min-height: 190px;
    padding: 25px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}

.situa_fenbu span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #0b4c94;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    display: block;
}

.situa_fenbu em {
    width: 100%;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    display: block;
}

.situa_xianz {
    width: 100%;
    min-height: 140px;
    padding: 25px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}

.situa_xianz span {
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #0b4c94;
    font-size: 24px;
    margin: 0 auto;
    display: block;
}

.situa_xianz em {
    width: 100%;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}

.fxkz_wrap {
    overflow: hidden;
}

.fxkz_wrap .tab_title {
    height: 67px;
    line-height: 67px;
    font-size: 18px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.fxkz_wrap .tab_title ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fxkz_wrap .tab_title li {
    min-width: 90px;
    float: left;
    display: inline;
    height: 67px;
    line-height: 67px;
    margin-right: 90px;
}

.fxkz_wrap .tab_title li a {
    color: #666;
    display: block;
    padding: 0;
    font-size: 18px;
    text-align: right;
    position: relative;
    padding: 0 15px;
}

.fxkz_wrap .tab_title li a img {
    float: left;
    border: 0;
    margin-top: 20px;
    margin-right: 5px;
}

.fxkz_wrap .tab_title li a:hover {
    text-decoration: none;
}

.fxkz_wrap .tab_title li.first a {
    padding: 0;
}

.fxkz_wrap .tab_title li.active a,
.fxkz_wrap .tab_title li a:hover {
    color: #0b4c94;
    height: 65px;
    border-bottom: 2px solid #0b4c94
}

.k_hidden {
    display: none;
}

.risk_cont {
    margin: 35px auto 35px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.risk_cont dl {
    margin: 0;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.risk_cont dl dt {
    margin: 0;
    width: 286px;
    height: 294px;
    float: left;
}

.risk_cont dl dd {
    margin: 0;
    width: 548px;
    min-height: 295px;
    float: right;
    position: relative;
    top: -7px;
}

.risk_cont dl dd span {
    margin: 0;
    width: 548px;
    margin-bottom: 10px;
    display: block;
}

.risk_cont dl dd span b {
    margin: 0;
    font-size: 16px;
    color: #444;
    display: block;
    font-weight: 100;
}

.risk_cont dl dd span i {
    margin: 0;
    font-size: 14px;
    color: #999;
    display: block;
    line-height: 25px;
}

.risk_cont dl dd .emsn {
    margin: 0;
    font-size: 14px;
    color: #666;
    display: block;
    line-height: 25px;
    text-indent: 2rem;
}

.risk_cont dl dd .emsn p {
    margin: 0;
    font-size: 14px;
    color: #666;
    display: block;
    line-height: 25px;
    text-indent: 2rem;
}

/*关于我们-发展历程*/

.fxkz_wrap2 {
    overflow: hidden;
}

.fxkz_wrap2 .tab_title2 {
    height: 67px;
    line-height: 67px;
    font-size: 18px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.fxkz_wrap2 .tab_title2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fxkz_wrap2 .tab_title2 li {
    min-width: 130px;
    float: left;
    display: inline;
    height: 34px;
    line-height: 34px;
    margin-top: 15px;
}

.fxkz_wrap2 .tab_title2 span {
    width: 630px;
    float: left;
    display: inline;
    height: 67px;
    line-height: 67px;
    /*margin-top:12px;*/
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.fxkz_wrap2 .tab_title2 li a {
    color: #666;
    display: block;
    padding: 0;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    text-align: center;
    position: relative;
    margin: 0 15px 0 0;
    border: 1px solid #ddd;
    border-radius: 17px;
}

.fxkz_wrap2 .tab_title2 li a:hover {
    text-decoration: none;
}

.fxkz_wrap2 .tab_title2 li.first a {
    padding: 0;
}

.fxkz_wrap2 .tab_title2 li.active a,
.fxkz_wrap2 .tab_title2 li a:hover {
    color: #fff;
    height: 34px;
    background: #0b4c94;
}

.k_hidden2 {
    display: none;
}

.risk_cont2 {
    margin: 0 auto 35px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.chuhu {
    width: 100%;
    height: 78px;
    line-height: 78px;
    color: #333;
}

.risk_cont2 dl {
    margin: 0;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
    min-height: 103px;
    padding-bottom: 24px;
    background: url(../img/ab2_06.jpg) repeat-y left;
}

.risk_cont2 dl dt {
    width: 64px;
    float: left;
    min-height: 103px;
    margin: 0;
}

.shijians {
    width: 64px;
    height: 66px;
    border-radius: 5px;
}

.shijians span {
    width: 62px;
    height: 20px;
    background: #0b4c94;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    display: block;
    color: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

.shijians em {
    width: 62px;
    height: 45px;
    background: #fff;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: "Arial";
    display: block;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.risk_cont2 dl dd {
    margin: 0;
    width: 760px;
    min-height: 63px;
    padding: 0 0 0 8px;
    float: right;
    background: url(../img/ab2_03.jpg) no-repeat left top;
    position: relative;
    top: -1px;
}

.risk_cont2 dl dd .chungbg {
    background: #f8f8f8;
    padding: 20px 0 30px;
}

.risk_cont2 dl dd em {
    margin: 0;
    display: block;
    padding: 0 20px;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    display: block;
    font-weight: 100;
    background: #f8f8f8
}

.risk_cont2 dl dd i {
    width: 748px;
    height: 6px;
    background: #fff url(../img/ab2_09.jpg) no-repeat bottom;
    position: absolute;
    bottom: 0;
    right: 0px;
    padding-right: 15px;
}

/*关于我们-发展战略*/

.strategy {
    width: 100%;
    height: auto;
    background: url(../img/ab3_03.jpg) no-repeat top;
}

.strategy_top {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    padding-top: 155px;
    text-align: center;
}

.strategy_top span {
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    font-size: 20px;
    color: #444;
    font-weight: bold;
    display: block;
}

.strategy_top em {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    font-size: 14px;
    color: #888;
    display: block;
}

.strategy_bot {
    width: 100%;
    height: 185px;
    margin: 165px auto 108px;
}

.strategy_bot dl {
    width: 284px;
    height: 185px;
    margin: 0;
    float: left;
    text-align: center;
}

.strategy_bot dl dt {
    margin: 0;
    width: 212px;
    height: 41px;
    margin-bottom: 20px;
}

.strategy_bot dl dd {
    margin: 0;
    width: 212px;
}

.strategy_bot dl dd span {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #444;
    display: block;
    margin-bottom: 10px;
}

.strategy_bot dl dd em {
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    color: #888;
    display: block;
}

/*关于我们-业界荣誉*/

.honor {
    width: 100%;
    height: auto;
    margin: 10px auto 58px;
    overflow: hidden;
}

.honor_left {
    width: 510px;
    height: auto;
    margin-left: 5px;
}

.honor_left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.honor_left ul li {
    width: 100%;
    line-height: 25px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
    color: #666;
    font-size: 14px;
}

.honor_left ul li span {
    padding-right: 20px;
}

.honor_right {
    width: 305px;
    height: 413px;
    background: url(../img/ab4_04.jpg) no-repeat;
}

.honor_right span {
    width: 282px;
    height: 391px;
    padding: 11px 0 0 11px;
    display: block;
}

/*社会责任*/

.about2 {
    width: 100%;
    min-height: 773px;
    margin: 0 auto;
    background: url(../img/abbg_02.jpg) no-repeat;
    background-position: center center;
}

.about2_cen {
    width: 1200px;
    min-height: 665px;
    margin: 0 auto;
}

.about2_top {
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    padding-top: 30px;
}

.about2_topt {
    width: auto;
    height: 55px;
    line-height: 55px;
    font-size: 30px;
    font-weight: bold;
    color: #06376c;
}

.about2_topb {
    width: auto;
    height: 25px;
    line-height: 25px;
}

.about2_topb span {
    width: auto;
    height: 25px;
    line-height: 25px;
    color: #888;
    font-size: 12px;
}

.about2_topb span a {
    width: auto;
    height: 25px;
    line-height: 25px;
    color: #888;
    font-size: 12px;
    text-decoration: none;
}

.about2_bot {
    width: 1200px;
    height: 547px;
    margin: 0 auto;
}

.about2_botl {
    width: 485px;
    height: 547px;
    background: #226abc;
}

.about2_botl span {
    width: 485px;
    height: 281px;
    position: relative;
}

.about2_botl dl {
    width: 415px;
    height: 190px;
    padding: 37px 0 0 35px;
    margin: 0;
}

.about2_botl dl dt {
    width: 415px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    margin: 0 0 20px 0;
}

.about2_botl dl dt em {
    width: 415px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    margin: 10px 0 0px;
    display: block;
}

.about2_botl dl dd {
    width: 415px;
    height: 145px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    margin: 10px 0 0 0;
}

.about2_botl dl dd ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about2_botl dl dd ul li a {
    width: 198px;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: 1px solid #5095e3;
    display: block;
    cursor: pointer;
    margin: 0 15px 20px 0;
    float: left;
}

.about2_botl dl dd ul li a:hover {
    width: 198px;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    color: #5095e3;
    border: 1px solid #5095e3;
    background: #fff;
    display: block;
    cursor: pointer;
}

.about2_botr {
    width: 715px;
    height: 547px;
}

.about2_botrt {
    width: 715px;
    height: 282px;
}

.about2_botrt a {
    width: 346px;
    height: 282px;
    float: left;
    margin: 0 11px 0px 0;
    display: block;
    text-decoration: none;
}

.about2_botrt dl {
    width: 272px;
    height: 205px;
    padding: 35px 40px 25px 33px;
    margin: 0;
}

.about2_botrt dl dt {
    width: 272px;
    height: 25px;
    margin: 0 0 25px 0;
    display: block;
    line-height: 25px;
    font-size: 18px;
    color: #0067b5;
    font-weight: bold;
}

.about2_botrt dl dd {
    width: 272px;
    height: 153px;
    margin: 0;
    display: block;
    line-height: 25px;
    color: #666;
    font-size: 13px;
    position: relative;
}

.about2_botrt dl dd em {
    width: 272px;
    margin: 0;
    display: block;
    line-height: 25px;
    color: #666;
    font-size: 13px;
}

.about2_botrt dl dd p {
    width: 272px;
    margin: 0;
    display: block;
    line-height: 25px;
    color: #666;
    font-size: 13px;
    margin-top: 5px;
}

.about2_botrt dl dd i {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #666;
    border: 1px solid #e0e0e0;
    display: block;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
}

.about2_botrt a:hover dl dd i {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #5095e3;
    border: 1px solid #5095e3;
    background: #fff;
    display: block;
    cursor: pointer;
}

.about2_botrt a dl dd #liajs {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: 1px solid #5095e3;
    display: block;
    cursor: pointer;
}

.about2_botrt a:hover dl dd #liajs {
    width: 104px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #5095e3;
    border: 1px solid #5095e3;
    background: #fff;
    display: block;
    cursor: pointer;
}

.news_botltm {
    width: 430px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: -234px;
    left: 30px;
}

.news_botltm span {
    width: auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    float: left;
    color: #fff;
}

.news_botltm a {
    width: auto;
    float: right;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.news_botltm img {
    border: 0;
    padding: 0 0 0 10px;

}

.news_botltm a:hover {
    color: #fff;
}

.news_topl2 {
    width: 703px;
    background: #fff;
    display: block;
    height: 267px;
}

.news_topl2 .news_toplt {
    width: 642px;
    height: 25px;
    margin: 30px auto 10px;
}

.news_topl2 .news_toplt span {
    width: auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    float: left;
    color: #0067b5;
}

.news_topl2 .news_toplt a {
    width: auto;
    float: right;
    text-decoration: none;
    color: #888;
    font-size: 14px;
}

.news_topl2 .news_toplt a img {
    border: 0;
    padding: 0 0 0 10px;
}

.news_topl2 .news_toplt a:hover {
    color: #0067b5;
}

.news_topl2 .news_toplb {
    width: 642px;
    height: 245px;
    margin: 0 auto;
}

.news_topl2 .news_toplb .news_toplbl {
    width: 247px;
    height: 163px;
    margin: 10px 0 0 0;
}

.news_topl2 .news_toplb .news_toplbr {
    width: 362px;
    height: 170px;
    margin-right: 10px;
    overflow: hidden;
}

.news_topl2 .news_toplb .news_toplbr ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.news_topl2 .news_toplb .news_toplbr ul li {
    width: 362px;
    line-height: 34px;
    float: left;
    border-bottom: 1px solid #ddd;
}

.news_topl2 .news_toplb .news_toplbr ul li a {
    text-decoration: none;
    color: #666;
    font-size: 13px;
}

.news_topl2 .news_toplb .news_toplbr ul li a span {
    width: 285px;
    float: left;
}

.news_topl2 .news_toplb .news_toplbr ul li a p {
    width: 70px;
    font-size: 12px;
    float: right;
    margin: 0;
}

.news_topl2 .news_toplb .news_toplbr ul li a:hover {
    color: #0067b5;
}

/*社会责任-公益慈善*/

.picScroll-left4 {
    overflow: hidden;
    position: relative;
}

.picScroll-left4 .hd {
    overflow: hidden;
    padding: 0;
    position: absolute;
    bottom: 18px;
    right: 3%;
    z-index: 9;
}

.picScroll-left4 .hd .zhixi {
    width: auto;
    color: #666;
    font-size: 24px;
    float: left;
    margin-left: 10px;
}

.picScroll-left4 .hd .pageState {
    float: right;
    font-size: 14px;
    color: #666;
}

.picScroll-left4 .hd .prevStop {
    background-position: -60px 0;
}

.picScroll-left4 .hd .nextStop {
    background-position: -60px -50px;
}

.picScroll-left4 .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left4 .hd ul li {
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../img/icoCircle.png) 0 -10px no-repeat;
}

.picScroll-left4 .hd ul li.on {
    background-position: 0 0;
}

.picScroll-left4 .bd {
    width: 853px;
    height: 325px;
    margin: 25px auto;
    background: #f6f6f6;
}

.picScroll-left4 .bd ul {
    width: 853px;
    height: 325px;
    overflow: hidden;
    zoom: 1;
    list-style: none;
    padding: 0;
}

.picScroll-left4 .bd ul li {
    width: 853px;
    height: 325px;
    position: relative;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.picScroll-left4 .bd ul li:hover .title span {
    color: #fff;
}

.picScroll-left4 .bd ul li:hover .title p {
    color: #0b4c94;
}

.picScroll-left4 .bd ul li .pic {
    width: 100%;
    height: 325px;
    float: left;
}

.picScroll-left4 .bd ul li .pic img {
    width: 100%;
    height: 325px;
    display: block;
    max-width: 100%;
}

.picScroll-left4 .bd ul li .pic a:hover img {
}

.picScroll-left4 .bd ul li .title {
    width: 283px;
    height: 275px;
    position: absolute;
    float: right;
    text-align: left;
    color: #fff;
    margin: 42px 45px 0 0;
}

.picScroll-left4 .bd ul li .title a {
    text-decoration: none;
    color: #444;
}

.picScroll-left4 .bd ul li .title span {
    width: 850px;
    line-height: 30px;
    display: block;
    position: absolute;
    bottom: -8px;
    font-size: 16px;
    color: #fff;
    background: #000;
    opacity: 0.6;
    padding: 0 15px;
}

.picScroll-left4 .bd ul li .title p {
    width: 135px;
    height: 35px;
    border: 1px solid #ddd;
    display: none !important;
    text-align: center;
    line-height: 30px;
    color: #444;
    font-size: 15px;
}

.picScroll-left4 .bd ul li .title p img {
    margin-left: 10px;
    position: relative;
    top: 5px;
}

.picScroll-left4 .bd ul li .title em {
    width: 283px;
    height: 92px;
    line-height: 20px;
    display: none !important;
    font-size: 14px;
    display: block;
    color: #666;
    margin-top: 15px;
}

.charity_list {
    width: 853px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.charity_list dl {
    width: 851px;
    height: 165px;
    border: 1px solid #ddd;
    margin: 0 auto 20px;
}

.charity_list dl dt {
    width: 770px;
    height: 55px;
    margin: 28px auto 0;
}

.charity_list dl dt span {
    width: 100%;
    line-height: 30px;
    color: #444;
    font-size: 16px;
    display: block;
}

.charity_list dl dt em {
    width: 100%;
    line-height: 20px;
    color: #666;
    font-size: 12px;
    margin: 5px auto 0;
}

.charity_list dl dt em i {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    float: left;
    position: relative;
    top: 2px;
}

.charity_list dl dt em p {
    margin: 0;
    float: left;
}

.charity_list dl dd {
    width: 770px;
    height: 53px;
    line-height: 22px;
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}

.charity_list a:hover dl dt span {
    color: #0b4c94;
}

body {
    background: #fff;
}

/*联系我们-下载中心*/

.situa_gaik2 {
    width: 855px;
    margin: 20px auto;
}

.situa_gaikt2 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.situa_gaikt2 dl {
    width: 263px;
    height: 221px;
    border: 1px solid #ddd;
    float: left;
    margin: 12px 10px;
}

.situa_gaikt2 dl dt {
    width: 263px;
    height: 170px;
    margin: 0;
}

.situa_gaikt2 dl dd {
    width: 243px;
    height: 50px;
    margin: 0;
    background: #f6f6f6;
    line-height: 50px;
    margin: 0 auto;
    padding: 0 10px;
}

.situa_gaikt2 dl dd span {
    float: left;
    color: #666;
    font-size: 14px;
}

.situa_gaikt2 dl dd p {
    float: right;
    color: #666;
    font-size: 14px;
    margin: 0;
}

.situa_gaikt2 dl:hover dd span {
    float: left;
    color: #5095e3;
    font-size: 14px;
}

.book_next2 {
    width: auto;
    margin: 62px auto 71px;
    text-align: center;
}

/*联系我们*/

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

.contact dl {
    width: 100%;
    height: auto;
    margin: 35px auto 0;
}

.contact dl dt {
    width: 100%;
    line-height: 40px;
    margin: 0 auto;
    color: #666;
    font-size: 18px;
    font-weight: bold;
}

.contact dl dt span {
    margin: 0;
}

.contact dl dd {
    margin: 0;
}

.contact dl dd em {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    display: block;
}

.ditus {
    width: 100%;
    margin: 20px auto 40px;
}

/*投诉建议*/

.suggest {
    width: 100%;
    margin: 20px 0 0;
    overflow: hidden;
}

.suggest ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.suggest ul li {
    width: 50%;
    line-height: 50px;
    margin: 10px 0;
    float: left;
}

.suggest ul li {
    width: 50%;
    line-height: 50px;
    margin: 10px 0;
    float: left;
}

.suggest ul li span {
    width: 73px;
    line-height: 50px;
    float: left;
    text-align: left;
    color: #444;
    font-size: 15px;

}

.suggest ul li .inpu {
    width: 314px;
    height: 50px;
    line-height: 50px;
    float: left;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 10px;
    color: #666;
    font-size: 15px;
}

.suggest ul li .texta {
    width: 500px;
    /*height: 318px;*/
    float: left;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #666;
    font-size: 15px;
}

.tijiaos {
    /*width: 700px;*/
    /*height: 48px;*/
    /*float: left;*/
    /*margin: 10px 0 82px 76px;*/
    width: 100%;
    height: 48px;
    float: left;
    margin: 30px auto;
    text-align: center;
}

.tijiaos .submit {
    width: 135px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #3363AB;
    margin-right: 20px;
    /*float: left;*/
    border-radius: 5px;
    border: 0;
    cursor: pointer;
}

.tijiaos .reset {
    width: 135px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #696969;
    margin-right: 20px;
    /*float: left;*/
    border-radius: 5px;
    border: 0;
    cursor: pointer;
}

header .hn_shadow {
    height: 3px;
    width: 100%;
    background: url(../haier/hn_shadow.png) top left;
    position: absolute;
    top: 77px;
}

/* 分页 */

.pagination {
    font-size: 0px;
    /* margin-right: -5px;*/
    padding-top: 15px;
    text-align: center;
}

.pagination ul li {
    float: left;
}

.pagination a {
    font-size: 12px;
    color: #333;
    display: inline-block;
    _display: inline;
    padding: 0 7px;
    border: 1px solid #ddd;
    margin-right: 5px;
    line-height: 26px;
}

.pagination a.prev, .pagination a.next {
    padding: 0 15px;
}

.pagination a:hover,
.pagination a.cur,
.pagination a.active,
.pagination li.active a,
.pagination li.active a:hover {
    background: #3363AB;
    font-weight: bold;
    color: #fff;
    border: 1px solid #0066a5;
}

/* 产品中心 */
#nr_ac .nr_ac_business_property .center {
    width: 1236px;
    margin: 0 auto;
    clear: both
}

#nr_ac .nr_ac_business_property .kv {
    height: 400px;
    background-color: #fff
}

#nr_ac .nr_ac_business_property .kv img {
    display: block;
    margin: 10px auto
}

#nr_ac .nr_ac_business_property .kv .product-view,
#nr_ac .nr_ac_business_property .kv .product-info {
    float: left
}

#nr_ac .nr_ac_business_property .kv .product-view {
    /*width: 510px*/
    width: 47%;
}

#nr_ac .nr_ac_business_property .kv .product-info {
    /*width: 490px*/
    width: 50%;
}

#nr_ac .nr_ac_business_property .kv .product-info h3 {
    margin-top: 35px;
    font-size: 24px;
    font-weight: bold
}

#nr_ac .nr_ac_business_property .kv .product-info h4 {
    font-size: 30px;
    font-weight: bold
}

#nr_ac .nr_ac_business_property .kv .product-info h5 {
    height: 30px;
    margin: 12px 0;
    font-size: 16px;
    color: #fff
}

#nr_ac .nr_ac_business_property .kv .product-info h5 span {
    display: block;
    float: left;
    /*width: 80px;*/
    height: 30px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    line-height: 30px
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .green {
    background-color: #23b123
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .blue {
    background-color: #0b6ea7
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .cyan {
    background-color: #6dc2db
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .color1 {
    background-color: #23b123
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .color2 {
    background-color: #0b6ea7
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .color3 {
    background-color: #6dc2db
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .color4 {
    background-color: #f1870a
}

#nr_ac .nr_ac_business_property .kv .product-info h5 .color5 {
    background-color: #d84251
}

#nr_ac .nr_ac_business_property .kv .product-info p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

#nr_ac .nr_ac_business_property .kv .product-info .division {
    height: 1px;
    margin: 20px 0;
    background-color: #e2e2e2
}

#nr_ac .nr_ac_business_property .tab {
    position: relative;
    clear: both
}

#nr_ac .nr_ac_business_property .tab .bg {
    position: absolute;
    width: 100%;
    height: 45px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    z-index: -1
}

#nr_ac .nr_ac_business_property .tab .tab-content:first-child a {
    border-left: 1px solid #dcdcdc
}

#nr_ac .nr_ac_business_property .tab .tab-content {
    float: left;
    width: 333px
}

#nr_ac .nr_ac_business_property .tab .tab-content a {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #dcdcdc;
    border-left: none;
    background-color: #fff;
    color: #005aaa;
    text-align: center;
    line-height: 45px;
    cursor: pointer
}

#nr_ac .nr_ac_business_property .tab .tab-content ul,
#nr_ac .nr_ac_business_property .tab .tab-content .rule,
#nr_ac .nr_ac_business_property .tab .tab-content .case {
    display: none;
    width: 1000px
}

#nr_ac .nr_ac_business_property .tab .tab-content .rule {
    padding: 66px 0;
    margin-left: -333px
}

#nr_ac .nr_ac_business_property .tab .tab-content .rule table tbody {
    border: 1px solid #e5e5e5;
    border-bottom: none
}

#nr_ac .nr_ac_business_property .tab .tab-content .rule table tr {
    border-bottom: 1px solid #e5e5e5
}

#nr_ac .nr_ac_business_property .tab .tab-content .rule table td {
    width: 325px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    background-color: #f7f7f7;
    font-size: 12px
}

#nr_ac .nr_ac_business_property .tab .tab-content .rule table .title {
    width: 175px;
    background-color: #f1f1f1
}

#nr_ac .nr_ac_business_property .tab .tab-content .case {
    height: 400px;
    margin: 66px 0;
    margin-left: -666px
}

#nr_ac .nr_ac_business_property .tab .tab-content .case img {
    float: right
}

#nr_ac .nr_ac_business_property .tab .tab-content .case div {
    float: left;
    width: 434px
}

#nr_ac .nr_ac_business_property .tab .tab-content .case h3 {
    margin-top: 21px;
    margin-bottom: 22px;
    border-bottom: 1px solid #b0cbe3;
    font-size: 28px;
    font-weight: bold;
    color: #005aaa;
    line-height: 42px
}

#nr_ac .nr_ac_business_property .tab .tab-content .case h4 {
    font-size: 16px
}

#nr_ac .nr_ac_business_property .tab .tab-content .case .info {
    margin: 26px 0
}

#nr_ac .nr_ac_business_property .tab .tab-content .case dt,
#nr_ac .nr_ac_business_property .tab .tab-content .case dd {
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 33px
}

#nr_ac .nr_ac_business_property .tab .tab-content .case dt {
    text-align: left;
    width: 33%
}

#nr_ac .nr_ac_business_property .tab .tab-content .case dd {
    width: 67%;
    text-align: right
}

#nr_ac .nr_ac_business_property .tab .tab-content .case dl {
    height: 33px;
    padding: 0 20px;
    background-color: #f4f4f4;
    border-top: 1px solid #dbdbdb
}

#nr_ac .nr_ac_business_property .tab .tab-content .case a {
    width: 150px;
    height: 37px;
    border: none;
    color: #fff;
    line-height: 37px;
    clear: both
}

#nr_ac .nr_ac_business_property .tab .tab-content li {
    height: 400px;
    margin-bottom: 20px
}

#nr_ac .nr_ac_business_property .tab .tab-content li .left {
    float: left
}

#nr_ac .nr_ac_business_property .tab .tab-content li .right {
    float: right
}

#nr_ac .nr_ac_business_property .tab .tab-content li img {
    display: block;
    float: right;
    width: 600px;
    height: 400px
}

#nr_ac .nr_ac_business_property .tab .tab-content li div {
    float: left;
    width: 360px;
    height: 400px;
    margin: 0 20px
}

#nr_ac .nr_ac_business_property .tab .tab-content li h3 {
    margin-top: 100px;
    font-size: 28px;
    color: #005aaa;
    font-weight: bold;
    line-height: 1em
}

#nr_ac .nr_ac_business_property .tab .tab-content li p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;

}

#nr_ac .nr_ac_business_property .tab .tab-content.active a {
    background-color: #005aaa;
    color: #fff
}

#nr_ac .nr_ac_business_property .tab .tab-content.active ul,
#nr_ac .nr_ac_business_property .tab .tab-content.active .rule,
#nr_ac .nr_ac_business_property .tab .tab-content.active .case {
    display: block
}

/*# sourceMappingURL=nr_ac_business_property.css.map */

/* 搜索 */
.search_form {
    width: 345px;
    height: 38px;
    float: right;
    border: 1px solid #f3f3f3;
    margin-bottom: 25px;
}

.search_form .input {
    width: 300px;
    height: 38px;
    border: 0;
    vertical-align: top;
}

.search_form .submit {
    width: 39px;
    height: 40px;
    background: url("../img/product_submit.jpg") no-repeat;
    border: 0;
}

/* 产品中心列表 */
.product_box {
    float: left;
    width: 404px;
    height: 460px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #ffffff;
    margin: 2px 8px 4px 0;
    cursor: pointer;
}

.product_box:hover {
    box-shadow: 5px 5px 13px #a8a8a8;
    -webkit-box-shadow: 5px 5px 13px #a8a8a8;
    -moz-box-shadow: 5px 5px 13px #a8a8a8;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#a8a8a8', Direction=125, Strength=7);
}

.product_box .pic {
    margin: 18px 0;
}

.product_box table {
    height: 85px;
    padding-left: 10px;
    text-align: left;
}

.product_box table td {
    height: 46px;
}

.product_box .name {
    color: #000000;
    font-size: 16px;
}

.product_box .type {
    color: #666666;
    font-size: 10px;
    padding-top: 8px
}

.product_box .color {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #9e9e9e;
    margin-right: 5px;
    margin-top: 8px
}

.product_box .more {
    color: #3363AB;
    width: 123px;
    height: 37px;
    border: 1px solid #3363AB;
    display: inline-block;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
}

.product_box .more:hover {
    color: #ffffff;
    background: #3363AB
}

.product_box .widht {
    width: 165px;
}

.product_boxp .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 2px;
    border: 0;
}

.d_content_l_box_bottom_area_txt p {
    text-indent: 28px;
}

.btn_imglink {
    width: 50%;
    position: absolute;
    left: 25%;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    height: 100%;

}

.col-xs-1 {
    position: static;
    width: 55px;
    padding: 0;
    text-align: center;
}

.col-xs-1 a img {
    margin-top: 5px;
}

#search-form {
    -moz-transition: max-height, 0.5s;
    -o-transition: max-height, 0.5s;
    -webkit-transition: max-height, 0.5s;
    transition: max-height, 0.5s;
    position: absolute;
    top: 70px;
    right: 20%;
    width: 25%;
    max-height: 0;
    overflow: hidden;
    background-color: #F4F4F4;
    font-size: 13px;
}

#search-form.open {
    max-height: 60px;
}

#search-form fieldset {
    position: relative;
    margin: 0 60px 0 0;
    padding: 0;
    border: none;
}

#search-form input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 60px;
}

#search-form input[type="search"] {
    width: 100%;
    padding: 0 5px 0 22px;
    background: transparent;
    border: none;
}

#search-form input[type="submit"] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    background: #3363AB;
    border: none;
    cursor: pointer;
}

#toggle-search {
    float: right;
    background-position: -60px 0;
}

#toggle-search.open:after {
    top: 40px;
}

#toggle-search:after {
    -moz-transition: top, 0.5s;
    -o-transition: top, 0.5s;
    -webkit-transition: top, 0.5s;
    transition: top, 0.5s;
    position: absolute;
    top: 52px;
    left: 50%;
    margin-left: -8px;
    content: "";
    /* border-color: transparent transparent #e1e4e7;
	border-style: solid;
	border-width: 8px 8px 12px; */
}

.suggest li p {
    margin-left: 10%;
    color: red;
}

.hn_pro_tab {
    height: 60px;
    margin: 0 0 35px 90px;
    background: #fafafa;
    position: relative;
    margin: 0;
    padding: 0;
}

.hn_pro_tab .fixed {
    height: 60px;
    background: #f6f6f6;
    width: 100%;
}

.hn_pro_tab .fixed ul {
    border-left: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
    display: block;
    height: 60px;
}

.hn_pro_tab .fixed ul li {
    height: 58px;
    line-height: 58px;
    display: inline-block;
    width: 205px;
    float: left;
    cursor: pointer;
    border: 1px solid #f6f6f6;
    border-right: 1px solid #e5e5e5;
    border-left: none;
    text-align: center;
}

.hn_pro_tab .fixed ul li.cur {
    background: white;
    border-top-color: #005aab;
    border-bottom-color: white;
    color: #005aab;
    font-weight: bold;
}

.hn_pro_tab .fixed ul li span.imp {
    color: #005aab;
}

.hn_pro_tab .fixed ul li span.num {
    color: white;
    background: #005aab;
    display: inline-block;
    padding: 0 8px;
    line-height: 18px;
    font-size: 12px;
    height: 18px;
    margin: 0 5px;
}

.typetext {
    font-size: 18px;
    color: #999;
    font-style: italic;
    line-height: 20px;
    text-align: left;
}

/*html{height:100%;}*/
/*body{min-height:100%;margin:0;padding:0;position:relative;}*/

/*.main{padding-bottom:100px;}!* main的padding-bottom值要等于或大于footer的height�?*!*/
/*footer{position:absolute;bottom:0;width:100%;}*/
/* 动态为footer添加类fixed-bottom */
.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.joblist {
    width: 100%;
    margin-top: 27px;
}

.joblist .jobsTable {
    width: 100%;
}

.joblist .jobsTable td {
    padding: 10px;
    font-size: 13px;
    height: 35px;
    color: #444;
}

.joblist .jobsTable td a {
    color: #444;
    word-wrap: break-word;;
    max-width: 290px;
    display: block;
}

.joblist .jobsTable td a:hover {
    color: #1d9cfe
}

.joblist .jobsTable tr {
    height: 38px;
}

.joblist .jobsTable tr.bgGray {
    background: #fbfbfb;
}

.joblist .jobsTable tr.title {
    width: 100%;
    background: #ebebeb;
}

.joblist .jobsTable tr.title td {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    text-align: left;
}

.joblist .jobsTable td.w1 {
    width: 230px;
}

.joblist .jobsTable td.w2 {
    width: 145px;
}

.joblist .jobsTable td.w3 {
    width: 140px;
}

.litJobList {
    width: 235px;
    margin: 18px 0px 0px 0px;
}

.litJobList li {
    width: 235px;
    height: 30px;
}

.litJobList li.bgGray {
    background: #fbfbfb;
}

.litJobList li a {
    width: 218px;
    padding: 0px 0px 0px 17px;
    color: #444;
    font-size: 13px;
    line-height: 30px;
    height: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.litJobList li a:hover {
    text-decoration: underline;
}

.positionlist-smallblue {
    width: 1200px;
}