@charset "utf-8";
@import "//www.hj800.cn/css/Public_Other.css";
body {
    font-size: 14px;
    color: ##313131;
    font-family: "Microsoft Yahei"
}

samp {
    font-family: "Microsoft Yahei"
}

body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

li,
ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse
}

address,
caption,
cite,
code,
dfn,
var {
    font-style: normal;
    font-weight: 400
}

button,
input,
select,
textarea {
    outline: 0;
    font-family: "Microsoft Yahei"
}

textarea {
    resize: none
}

fieldset,
img {
    border: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    touch-callout: none;
    cursor: pointer
}

body,
dd,
dl,
dt,
form,
img,
li,
ol,
p,
pre,
span,
strong,
td,
tr,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    background-repeat: no-repeat
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-size: 100%;
    font-weight: 400
}

body,
html {
    width: 100%;
    height: 100%
}

.clear {
    clear: both
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

a {
    color: #535353;
    text-decoration: none
}

a:hover {
    color: #04b59a;
    text-decoration: none;
}

.bg_huise {
    background: #f1f4f9
}

.bg_baise {
    background: #fff;
}

.bg_shuise {
    background: #f2f2f2
}

.font_heise_color {
    color: #535353
}

.font_baise_color {
    color: #fff
}

.font36 {
    font-size: 36px
}

.font30 {
    font-size: 30px
}

.font24 {
    font-size: 24px
}

.font22 {
    font-size: 22px
}

.font20 {
    font-size: 20px
}

.font18 {
    font-size: 18px
}

.font16 {
    font-size: 16px
}

.font15 {
    font-size: 15px
}

.font14 {
    font-size: 14px
}

.font12 {
    font-size: 12px
}

.huoban {
    width: 100%;
    padding: 70px 0 75px 0;
    margin: 0 auto;
    overflow: hidden
}

.about-huoban {
    width: 100%;
    padding: 55px 0 75px 0;
    margin: 0 auto;
    overflow: hidden
}

.commonweb {
    margin: 0px auto;
    width: 1200px;
    padding: 0;
}


/*顶部导航*/

.menu .header {
    width: 100%;
    background: #f1f4f9;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
}

.menu .inner {
    width: 1200px;
    margin: 0 auto;
}

.menu .logo {
    width: 320px;
    float: left
}

.menu .logo h1 {
    position: absolute;
    left: 9999px;
}

.menu .large .logo img {
    height: 83px;
    display: block;
    margin-left: 8px;
}

.menu .small .logo img {
    height: 60px;
    display: block;
    margin-left: 8px;
}

.menu .nav_r {
    float: right;
    width: 840px;
    font-size: 14px;
}

.menu .nav_r li {
    float: left;
    position: relative;
}


/*这一级是导航*/

.menu .large .nav_r li:active>a,
.menu .large .nav_r li:hover>a {
    background: #04b59a url(../images/menubg.jpg) repeat-x left top;
    color: #FFF;
}

.menu .small .nav_r li:active>a,
.menu .small .nav_r li:hover>a {
    background: #04b59a url(../images/menubg.jpg) repeat-x left top;
    color: #FFF;
}

.menu .large .nav_r li a {
    display: block;
    height: 83px;
    line-height: 83px;
    text-decoration: none;
    width: 105px;
    text-align: center
}

.menu .small .nav_r li a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    width: 105px;
    text-align: center
}

.menu .nav_r li a:hover {
    background: #04b59a url(../images/menubg.jpg) repeat-x left top;
    color: #FFF;
}

.menu .nav_r li a.more:after {
    content: " » ";
}

.menu .nav_r li ul {
    position: absolute;
    float: left;
    width: 105px;
    display: none;
    background-color: #424242;
    z-index: 9999;
}

.menu .large .nav_r li ul a {
    width: 105px;
    text-decoration: none;
    color: #d6d6d6;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #494949;
    font-size: 13px;
}

.menu .small .nav_r li ul a {
    width: 105px;
    text-decoration: none;
    color: #d6d6d6;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #494949;
    font-size: 13px;
}

.menu .large .nav_r li ul a:hover {
    background: #000;
}

.menu .small .nav_r li ul a:hover {
    background: #000;
}

.menu .nav_r li ul ul {
    top: 0;
    left: 105px;
}

.menu a.clickon:link,
.menu a.clickon:visited,
.menu a.clickon:active,
.menu a.clickon:hover {
    background: #04b59a url(../images/menubg.jpg) repeat-x left top;
    color: #FFF
}

.menu .header,
.menu .inner,
.menu a,
.menu img,
.menu li {
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
}


/*底部内容*/

footer {
    background: #333333;
    padding-top: 60px;
}

footer li a {
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
    line-height: 30px;
}

footer li p {
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
    line-height: 30px;
}

footer li span {
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
    line-height: 30px;
}

footer li strong {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

footer li h2 {
    color: rgba(255, 255, 255, .4);
    font-size: 15px;
    margin-bottom: 20px;
}

footer ul {
    float: left;
    margin-right: 65px;
}

.f_logo {
    float: left;
    margin-right: 40px;
    margin-top: 20px;
}

footer p {
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
}

.f_ewm p {
    line-height: 40px;
}

.f_ewm {
    text-align: center;
    float: right;
}

.f_b {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 50px;
    line-height: 63px;
}

.f_b p {
    float: left;
}

.f_b a {
    float: right;
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
    padding: 0 7px;
}


/*统一栏目标题*/

.index_title_cn {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.index_title_en {
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 35px;
    font-size: 14px;
}

.index_title_xian {
    display: block;
    background: #04b59a;
    height: 2px;
    width: 30px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 8px;
}


/*左右滚动*/

.ipages {
    position: absolute;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 10;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.ipages span {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 10px;
    border: 1px solid #8e8987;
    margin: 0 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: none;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.ipages .swiper-pagination-bullet-active {
    background-color: #ffb003;
    border-color: #ffb003;
}

.index-btn {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 30px;
    -o-background-size: 30px;
    background-size: 30px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.index-btn.index-prev {
    background-image: url(/template/images/l_baise.png);
    left: -106px;
}

.index-btn.index-prev:hover {
    background-image: url(/template/images/l_baise2.png);
}

.index-btn.index-next {
    background-image: url(/template/images/r_baise.png);
    right: -106px;
}

.index-btn.index-next:hover {
    background-image: url(/template/images/r_baise2.png);
}


/*.index-btn.index-prev.swiper-button-disabled {
    display: none !important;
}

.index-btn.index-next.swiper-button-disabled {
    display: none !important;
}*/

.index-btn.index-prev_hs {
    background-image: url(/template/images/l_huise.png);
    left: -106px;
}

.index-btn.index-prev_hs:hover {
    background-image: url(/template/images/l_huise2.png);
}

.index-btn.index-next_hs {
    background-image: url(/template/images/r_huise.png);
    right: -106px;
}

.index-btn.index-next_hs:hover {
    background-image: url(/template/images/r_huise2.png);
}


/*.index-btn.index-prev_hs.swiper-button-disabled {
    display: none !important;
}

.index-btn.index-next_hs.swiper-button-disabled {
    display: none !important;
}
*/