/*create by kgu, Inc.
 *kgu.less v1.0
 * Copyright 2010-2017 kgu.cn(http://kgu.cn)
*/

/*reset*/
@charset "utf_8";

*{margin: 0;padding: 0;font-size: 14px;outline: none}

body{font-family:"微软雅黑", "Arial";-webkit-text-size-adjust: 100%;font-size: 14px;position: relative}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

img{
    max-height: 100%;
    max-width: 100%;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.col_l, .col_l, .col_c, .col_c {
    float: left;
}

.col_r, .col_r, dt span, .ul_txt li span, .ul_txt li span {
    float: right;
}

.c {
    clear: both;
}

.n, em {
    font-weight: normal;
    font-style: normal;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tdu {
    text-decoration: underline;
}

.tdn, .tdn:hover, a.tdl:hover {
    text-decoration: none;
}

.fc0 {
    color: #000000;
}

.fc3 {
    color: #333333;
}

.fc6 {
    color: #666666;
}

.fc9 {
    color: #999999;
}

.fcr {
    color: red;
}

.fcw {
    color: white;
}

.fcb {
    color: blue;
}

.fcg {
    color: green;
}

.f0 {
    font-size: 0;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}
.m0 {
    margin: 0;
}

.ml0 {
    margin-left: 0;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mr0 {
    margin-right: 0;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml_1 {
    margin-left: -1px;
}

.mt_1 {
    margin-top: -1px;
}

.p1 {
    padding: 1px;
}

.pl5 {
    padding-left: 5px;
}

.p5 {
    padding: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.rel, .pr {
    position: relative;
}

.abs, .pa {
    position: absolute;
}

.dn {
    display: none;
}

.db {
    display: block;
}

.dib {
    -moz-inline-stack: inline-block;
    display: inline-block;
}

.lh14 {
    line-height: 14px;
}

.lh16 {
    line-height: 16px;
}

.lh18 {
    line-height: 18px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh24 {
    line-height: 24px;
}

.fix {
    *zoom: 1;
}

.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.h1 {
    height: 1px;
}

.h5 {
    height: 5px;
}

.h10, .h {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h1, .h5, .h10, .h15, .h20, .h25, .h, .h30, .h35, .h40, .h45, .h50, .h55, .h60 {
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}

a {
    opacity: 1;
    text-decoration: none;
    -webkit-transition: color 0.5s , all 0.5s;
    -moz-transition: color 0.5s , all 0.5s;
    -ms-transition: color 0.5s , all 0.5s;
    -o-transition: color 0.5s , all 0.5s;
    transition: color 0.5s , all 0.5s;
}

a:hover {
    /*opacity: 0.8;*/
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.h55 {
    height: 55px;
}

.h60 {
    height: 60px;
}

.slick_slider *,
.slick_slider {
    outline: none;
}

.pull_right{
    float: right;
}

.pull_left{
    float: left;
}

.relative{
    position: relative;
}
.text_center{
    text-align: center;
}
/*reset end*/


/*frame*/
.container {
    width: 1230px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
    *margin-right: 0px;
    *margin-left: 0px;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after{
    display: table;
    content: " ";

}
.container:after,
.container-fluid:after,
.row:after{
    clear: both;
}
*:before,
*:after ,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col_xs_1, .col_sm_1, .col_md_1, .col_lg_1, .col_xs_2, .col_sm_2, .col_md_2, .col_lg_2, .col_xs_3, .col_sm_3, .col_md_3, .col_lg_3, .col_xs_4, .col_sm_4, .col_md_4, .col_lg_4, .col_xs_5, .col_sm_5, .col_md_5, .col_lg_5, .col_xs_6, .col_sm_6, .col_md_6, .col_lg_6, .col_xs_7, .col_sm_7, .col_md_7, .col_lg_7, .col_xs_8, .col_sm_8, .col_md_8, .col_lg_8, .col_xs_9, .col_sm_9, .col_md_9, .col_lg_9, .col_xs_10, .col_sm_10, .col_md_10, .col_lg_10, .col_xs_11, .col_sm_11, .col_md_11, .col_lg_11, .col_xs_12, .col_sm_12, .col_md_12, .col_lg_12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    *padding-right: 0px;
    *padding-left: 0px;
}
.col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12 {
    float: left;
}
.col_lg_12 {
    width: 100%;
}
.col_lg_11 {
    width: 91.66666667%;
}
.col_lg_10 {
    width: 83.33333333%;
}
.col_lg_9 {
    width: 75%;
}
.col_lg_8 {
    width: 66.66666667%;
}
.col_lg_7 {
    width: 58.33333333%;
}
.col_lg_6 {
    width: 50%;
}
.col_lg_5 {
    width: 41.66666667%;
}
.col_lg_4 {
    width: 33.33333333%;
}
.col_lg_3 {
    width: 25%;
}
.col_lg_2 {
    width: 16.66666667%;
}
.col_lg_1 {
    width: 8.33333333%;
}
.col_lg_pull_12 {
    right: 100%;
}
.col_lg_pull_11 {
    right: 91.66666667%;
}
.col_lg_pull_10 {
    right: 83.33333333%;
}
.col_lg_pull_9 {
    right: 75%;
}
.col_lg_pull_8 {
    right: 66.66666667%;
}
.col_lg_pull_7 {
    right: 58.33333333%;
}
.col_lg_pull_6 {
    right: 50%;
}
.col_lg_pull_5 {
    right: 41.66666667%;
}
.col_lg_pull_4 {
    right: 33.33333333%;
}
.col_lg_pull_3 {
    right: 25%;
}
.col_lg_pull_2 {
    right: 16.66666667%;
}
.col_lg_pull_1 {
    right: 8.33333333%;
}
.col_lg_pull_0 {
    right: auto;
}
.col_lg_push_12 {
    left: 100%;
}
.col_lg_push_11 {
    left: 91.66666667%;
}
.col_lg_push_10 {
    left: 83.33333333%;
}
.col_lg_push_9 {
    left: 75%;
}
.col_lg_push_8 {
    left: 66.66666667%;
}
.col_lg_push_7 {
    left: 58.33333333%;
}
.col_lg_push_6 {
    left: 50%;
}
.col_lg_push_5 {
    left: 41.66666667%;
}
.col_lg_push_4 {
    left: 33.33333333%;
}
.col_lg_push_3 {
    left: 25%;
}
.col_lg_push_2 {
    left: 16.66666667%;
}
.col_lg_push_1 {
    left: 8.33333333%;
}
.col_lg_push_0 {
    left: auto;
}
.col_lg_offset_12 {
    margin-left: 100%;
}
.col_lg_offset_11 {
    margin-left: 91.66666667%;
}
.col_lg_offset_10 {
    margin-left: 83.33333333%;
}
.col_lg_offset_9 {
    margin-left: 75%;
}
.col_lg_offset_8 {
    margin-left: 66.66666667%;
}
.col_lg_offset_7 {
    margin-left: 58.33333333%;
}
.col_lg_offset_6 {
    margin-left: 50%;
}
.col_lg_offset_5 {
    margin-left: 41.66666667%;
}
.col_lg_offset_4 {
    margin-left: 33.33333333%;
}
.col_lg_offset_3 {
    margin-left: 25%;
}
.col_lg_offset_2 {
    margin-left: 16.66666667%;
}
.col_lg_offset_1 {
    margin-left: 8.33333333%;
}
.col_lg_offset_0 {
    margin-left: 0;
}


/*表格*/
table {
    background-color: transparent;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.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: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.table .table {
    background-color: #fff;
}
.table_condensed > thead > tr > th,
.table_condensed > tbody > tr > th,
.table_condensed > tfoot > tr > th,
.table_condensed > thead > tr > td,
.table_condensed > tbody > tr > td,
.table_condensed > tfoot > tr > td {
    padding: 5px;
}
.table_bordered {
    border: 1px solid #ddd;
}
.table_bordered > thead > tr > th,
.table_bordered > tbody > tr > th,
.table_bordered > tfoot > tr > th,
.table_bordered > thead > tr > td,
.table_bordered > tbody > tr > td,
.table_bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table_bordered > thead > tr > th,
.table_bordered > thead > tr > td {
    border_bottom_width: 2px;
}
.table_striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.table_hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
table col[class*="col_"] {
    position: static;
    display: table-column;
    float: none;
}
table td[class*="col_"],
table th[class*="col_"] {
    position: static;
    display: table-cell;
    float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table_hover > tbody > tr > td.active:hover,
.table_hover > tbody > tr > th.active:hover,
.table_hover > tbody > tr.active:hover > td,
.table_hover > tbody > tr:hover > .active,
.table_hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
.table_hover > tbody > tr > td.success:hover,
.table_hover > tbody > tr > th.success:hover,
.table_hover > tbody > tr.success:hover > td,
.table_hover > tbody > tr:hover > .success,
.table_hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.table_hover > tbody > tr > td.info:hover,
.table_hover > tbody > tr > th.info:hover,
.table_hover > tbody > tr.info:hover > td,
.table_hover > tbody > tr:hover > .info,
.table_hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.table_hover > tbody > tr > td.warning:hover,
.table_hover > tbody > tr > th.warning:hover,
.table_hover > tbody > tr.warning:hover > td,
.table_hover > tbody > tr:hover > .warning,
.table_hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.table_hover > tbody > tr > td.danger:hover,
.table_hover > tbody > tr > th.danger:hover,
.table_hover > tbody > tr.danger:hover > td,
.table_hover > tbody > tr:hover > .danger,
.table_hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
.table_responsive {
    min-height: .01%;
    overflow-x: auto;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
    width: 100%;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

.slick-slide:focus {
    outline: none;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}




/*制造模糊文本*/
.blurry_text {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/*CSS动画实现省略号动画*/
.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis 2s infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
}
@keyframes ellipsis {
    from {
        width: 2px;
    }
    to {
        width: 15px;
    }
}


/*跨浏览器的透明*/
.transparent {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}


/*为logo隐藏H1*/
.logo {
    position: relative;
    width: 200px;
    height: 70px;
    margin: 15px 0 15px 80px ;
}
.logo .logo_white{
    position: absolute;
    top:0;
    left:0;
    opacity: 1;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{
    display: none;
}
.header_transparent .logo .logo_color{
    display: none;
}
.header.header_visible .logo .logo_white{
    display: none;
}
.header_color .logo .logo_white{
    display: none;
}
.header_color .logo .logo_color{
    display: block;
}
.index{
    height: 100% ;
    overflow: hidden;
}

.fullpage{
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}
.header.hover .logo .logo_white,
.header.m_hover .logo .logo_white{
    opacity: 0;
    display: none\9;
}
.header.hover .logo .logo_color,
.header.m_hover .logo .logo_color{
    display: block;
}


/*header*/
.header{
    display: block;
    width: 100%;
    height: 100px;
    background: transparent;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: relative;
    z-index: 1006;
}
.header_absolute{
    position: absolute;
    top: 0;
    z-index: 1006;
}
.header.hover{
    background: #fff;
}
.header.m_hover{
    background: #fff;
}



.mail_box{
    margin: 41px 40px 23px 20px;
}
.mail_box i{
    font-size: 20px;
    color: #fff;
}
/*搜索盒子*/
.search_box{
    border-bottom: 1px solid transparent;
    padding: 10px;
    position: relative;
    overflow: hidden;
    margin: 29px 10px 23px 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.search_box .sec_inp{
    width:26px;
    height: 27px;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.search_box input{
    width: 0px;
    height: 26px;
    margin-right: 10px;
    border:none;
    font-size: 14px;
    line-height: 26px;
    color:#333;
    outline: none;
    background: transparent;
    float: left;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.search_box button,.search_box a{
    height: 26px;
    width: 26px;
    border: none;
    background: url("/Public/Images/home/phpcms/zh-cn/search.png") no-repeat;
    outline: none;
    -webkit-transition: background-position 0.8s;
    -moz-transition: background-position 0.8s;
    -ms-transition: background-position 0.8s;
    -o-transition: background-position 0.8s;
    transition: background-position 0.8s;
    cursor: pointer;
}
.header.hover .search_box button,.header.hover .search_box a,
.header.header_color .search_box button,.header.header_color .search_box a{
    background: url("/Public/Images/home/phpcms/zh-cn/search.png") no-repeat right;
}
.header.hover .mail_box i,.header.hover .mail_box i,
.header.header_color .mail_box i,.header.header_color .mail_box i{
    color: #333;
}
.search_box #search_btn{
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}
.search_box.active,.search_box.on{
    border-bottom: 1px solid #333;
}
.search_box.active input,.search_box.on input{
    width: 180px;
}
.search_box.active .sec_inp,.search_box.on .sec_inp{
    width: 220px;
}
.search_box.active a,.search_box.on a{
    right: -26px;
}

/*nav*/
.nav {
    font-size: 0;
    position: relative;
}
.header .nav_bg{
    position: absolute;
    top:100%;
    right: 0;
    width: 100%;
    height: 60px;
    background: transparent;
    display: none;
    -webkit-transition: background 1s , border-top 1s ;
    -moz-transition: background 1s , border-top 1s ;
    -ms-transition: background 1s , border-top 1s ;
    -o-transition: background 1s , border-top 1s ;
    transition: background 1s , border-top 1s ;
    border-top: 1px solid transparent;
    z-index: 998;
}

.header.header_color
.header.header_visible{
    background: #fff;
    margin-bottom: 60px;
}
.header.hover .nav_bg{
    background: #fff;
    border-top: 1px solid #f7f7f7;
}
.header.header_visible .nav_bg{
    display: block;
    border-top: 1px solid #eee
}
.header.hover .nav > li > a span,
.header.header_color .nav > li > a span{
    color: #333333;
}
.header.m_hover .nav_bg{
    background: #fff;
    border-top: 1px solid #f7f7f7;
}
.header.m_hover .nav > li > a span{
    color: #333333;
}
.nav > li{
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.nav > li > a{
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 0 40px;
}
.nav > li > a span{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: 16px;
    color: #fff;
    padding: 40px 2px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.nav .dropdown_menu{
    position: absolute;
    top:100px;
    right: 28px;
    display: none;
    *width: 600px;
    *text-align: right;
    z-index: 999;
}
.nav .nav_childbox{
    width: 100%;
    height: 60px;
}
.nav > li > ul{
    font-size: 0;
    white-space: nowrap;
}
.nav > li > ul > li{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.nav > li > ul > li > a{
    font-size: 12px;
    color: #666;
    line-height: 60px;
    padding:21px 15px;
    font-weight: bold;
}
.nav > li > ul > li > a:hover{
    color: #af251c;
}
.nav > li > ul > li.on a{
    color: #af251c;
}
.nav .move_line{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    line-height: 0;
    background: transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav.hover .move_line{
    background: #333;
}

/*手机X*/
#nav_toggle {
    position: absolute; right: 14px; top: 18px; color: #fff;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 50% 50%;

    display: none;
}

#nav_toggle {
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}

#nav_toggle span, #nav_toggle span:before, #nav_toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #bf0017;
    position: absolute;
    display: block;
    content: '';
}

#nav_toggle span:before {
    top: -10px;
}

#nav_toggle span:after {
    bottom: -10px;
}

#nav_toggle span, #nav_toggle span:before, #nav_toggle span:after {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}

#nav_toggle.active span {
    background-color: transparent;
}

#nav_toggle.active span:before, #nav_toggle.active span:after {
    top: 0;
}

#nav_toggle.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#nav_toggle.active span:after {
    transform: translateY(-10px) rotate(-45deg);
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    top: 10px;
}



/*全屏banner*/
.banner{
    position: relative;
}
.banner_full{
    margin-bottom: 50px;
}
.banner_full,
.banner_full .banner_in,
.banner_full .banner_slick,
.banner_full .slick-list,
.banner_full .slick-track,
.banner_full .banner_sh{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.banner_full .banner_sh{
    background-image: url("/Public/Images/home/phpcms/zh-cn/banner_sh.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: left center;
    background-repeat: repeat;
}
.banner_full .item{
    height: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.banner_full .item h2{
    position: absolute;
    bottom: 113px;
    font-size: 36px;
    line-height: 1;
    color:#fff;
    z-index: 10;
    text-align: center;
    width: 100%;
    font-weight: normal;
}
.slick-prev,

.slick-next

{

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    /*margin-top: -45px;*/


    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    z-index: 2;

}

.banner_full .slick-prev{

    left: 25px;

    width:38px;height:70px;

    background:url("/Public/Images/home/phpcms/zh-cn/fig1.png") no-repeat 0 -189px;

}


.banner_full .slick-next{

    right: 25px;

    width:38px;height:70px;

    background:url("/Public/Images/home/phpcms/zh-cn/fig1.png") no-repeat -51px -189px;

}

.slick-dots{

    position: absolute;

    bottom: 75px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

    font-size: 0;

    z-index: 1005;

}

.slick-dots li{

    position: relative;

    display: inline-block;

    *display: inline;

    zoom:1;

    width: 12px;

    height: 12px;

    padding: 0;

    background: url("/Public/Images/home/phpcms/zh-cn/fig1.png") no-repeat -18px bottom ;

    cursor: pointer;

    *display:inline;

    *zoom:1;

    _display:inline;

    _zoom:1;
    margin: 0 4px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slick-dots li button{

    font-size: 0;

    line-height: 0;

    display: block;

    width: 25px;

    height: 20px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}

.slick-dots li.slick-active {

    background: url("/Public/Images/home/phpcms/zh-cn/fig1.png") no-repeat 0px bottom;

}
.slick-dots li a{
    font-size: 0;
    color: transparent;
    outline: none;
}
.bannerin_slick .slick-dots{
    bottom:20px;
}

.footer{
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    background: #f0f0f0;
    clear: both;
    overflow: hidden;
}
.footer.footer_white{
    background: #fff;
}
.fullpage .footer{
    position: absolute;
    bottom: 0;
    z-index: 99999;
    display: block;
    width: 100%;
    margin-top: 0;
}
.footer .pull_left{
    margin-left: 30px;
}
.footer .pull_left span{
    margin: 0 5px;
    color: #999;
    font-size: 12px;
}
.footer .pull_left span a{
    color: #999;
    font-size: 12px;

}
.footer .pull_left span a:hover{
    opacity: 0.8;
}
.footer .pull_right{
    margin-right: 30px;
}
.jiathis_style_32x32 em{
    float: left;
    color: #999;
    font-size: 12px;
}
.jiathis_style_32x32  .jiathis_button_cqq .jiathis_txt,
.jiathis_style_32x32  .jiathis_button_weixin .jiathis_txt,
.jiathis_style_32x32  .jiathis_button_tsina .jiathis_txt,
.jiathis_style_32x32  .jiathis_button_qzone .jiathis_txt{
    background-image: url("/Public/Images/home/phpcms/zh-cn/fig1.png");
    /*overflow: hidden;*/
    /*padding-left: 0 !important;*/
    margin-top: 8px;
}
.jiathis_style_32x32  .jiathis_button_cqq .jiathis_txt{
    background-position: 0px -143px;
}
.jiathis_style_32x32  .jiathis_button_weixin .jiathis_txt{
    background-position: 0px 0px;
}
.jiathis_style_32x32  .jiathis_button_tsina .jiathis_txt{
    background-position: 0px -45px;
}
.jiathis_style_32x32  .jiathis_button_qzone .jiathis_txt{
    background-position: 0px -91px;
}
.jiathis_style_32x32  .jiathis_button_cqq:hover .jiathis_txt{
    background-position: -47px -143px;
}
.jiathis_style_32x32  .jiathis_button_weixin:hover .jiathis_txt{
    background-position: -47px 0px;
}
.jiathis_style_32x32  .jiathis_button_tsina:hover .jiathis_txt{
    background-position: -47px -45px;
}
.jiathis_style_32x32  .jiathis_button_qzone:hover .jiathis_txt{
    background-position: -47px -91px;

}
.jiathis_style_32x32 a:hover{
    opacity: 1;
}

.banner_inside{
    width: 100%;
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 50%;
}
.banner_inside .container{
    height: 100%;
}
.banner_in_sh{
    position: absolute;
    top:0;
    left:0;
    background-image: url("/Public/Images/home/phpcms/zh-cn/bannerin_sh.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: left center;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    z-index: 1003;
}

/*面包屑*/
.cur-pos{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 50px;
    line-height: 50px;
    color: #999999;
    font-size: 15px;
}
.cur-pos a{
    color: #999999;
    margin-right: 4px;
    line-height: 50px;
    font-size: 12px;
}
.cur-pos a:hover{
    /*color: #336db3;*/
}
.banner .cur-pos{
    color: #fff;
    height: 35px;
}
.banner .cur-pos a{
    color: #fff;

}
.banner_con{
    position: absolute;
    top: 100px;
    bottom: 50px;
    width: 100%;
    z-index: 1003;
}

.banner_con h2{
    color:#fff;
    line-height: 2;
    font-size: 26px;
    font-weight: 500;
    border-bottom: 1px solid #7d7773;
}

.banner_con .txt{
    width: 845px;
    color:#fff;
    line-height: 2;
    margin: auto;
}
.banner_con .txt h3{
    color:#fff;
    line-height: 2;
    margin: 10px 0;
    font-size: 40px;
    text-align: center;
    font-weight: 500;
}
.banner_con .txt p{
    color:#fff;
    line-height: 2;
    font-size: 16px;
}
.vertical_middle{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.vertical_middle1{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.banner_con .vertical_middle{
    top: 50%;
    margin-top: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.border_top{
    background: url("/Public/Images/home/phpcms/zh-cn/border_line.png") repeat-x top;
}
.banner_con h2.no_border{
    border: none;
}

.main{
    /*padding: 50px 0;*/
}
.ico_cup{
    color: #e6a40a;
    padding-right: 8px;
    font-size: 20px;
    line-height: 2;
    float: left;
}
.social_honor {
    margin: 80px 0 80px 0;
}
.social_honor h3{
    font-size: 34px;
    line-height: 40px;
    font-weight: 600;
    width: 50%;
    color:#333;
}
.social_honor p{
    font-size: 20px;
    line-height: 2;
    color:#333;
}
.social_honor .bg_img{
    position: absolute;
    right: 15px;
    bottom: -115px;
}



.client_list{
    position: fixed;
    top: 50%;
    z-index: 1005;
    width: 100%;
    display: none;
    max-height: 80%;
}
.client_list img{
    border:1px solid #dedede;
}
.client_list .row > div {
    text-align: center;
}
.client_list .list_box{
    position: relative;
    padding: 35px 50px;
    background: #fff;
}
.client_list h3{
    font-size: 34px;
    line-height: 40px;
    font-weight: 600;
    color:#000;
    text-align: center;
    margin-bottom: 30px;
}
.client_list .close_btn{
    position: absolute;
    top:0;
    right:0;
    display: block;
    height: 42px;
    width: 42px;
    font-size: 50px;
    background: #eee;
    line-height: 32px;
    text-align: center;
    color: #8f8f8f;
}



.company_intro{
    width: 100%;
    border-top: 1px solid #dfdfdf;
}
.company_intro img{
    display: block;
}
.company_intro .img_left,
.company_intro .img_right{
    clear: both;
    overflow: hidden;
    font-size: 0;
    position: relative;
}
.company_intro .right_col,
.company_intro .left_col{
    width: 50%;
    /*position: relative;*/
    font-size: 0;
    /*overflow: hidden;*/
    /*height: 100%;*/
    line-height: 0;
}

.company_intro .img_left .left_col{
    /*float: left;*/
}
.company_intro .img_right .left_col{
    margin-left: 50%;
}
.company_intro .img_left .right_col{
    /*float: left;*/
    width: 600px;
}
.company_intro .img_right .right_col{
    /*float: right;*/
    width: 600px;

}
.company_intro .img_left .right_col .txt{
    margin-left:50px;
}
.company_intro .img_right .right_col .txt{
    margin-right:50px;
}
.company_intro .img_left .right_col{
    left: 50%;
}
.company_intro .img_right .right_col{
    right: 50%;
    left:auto;
}
.company_intro .txt h3{
    font-size: 24px;
    line-height: 2;
    color: #333;
    font-weight: 500;
    margin-bottom: 20px;
}

.company_intro .txt p{
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 14px;
    color:#666
}

.company_num{
    background: url(/Public/Images/home/phpcms/zh-cn/fix_bg.jpg) center ;
    /*background-size: cover;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    background-repeat: no-repeat;
    /*background-attachment:fixed;*/
}
.company_num h3{
    font-size: 30px;
    line-height: 1;
    text-align: center;
    color:#333;
    font-weight: 500;
    margin: 100px 0;
}
.company_num p{
    font-size: 40px;
    text-align: center;
    color:#333;
}
.company_num .num{
    font-size: 40px;
    text-align: center;
    color:#333;
}
.company_num h4{
    font-size: 14px;
    line-height: 80px;
    text-align: center;
    color:#333;
    font-weight: normal;
}

.company_num .ico_num{
    font-size: 40px;
    text-align: center;
    line-height: 1.5;
    color:#333;
}
.btn_check{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size:14px ;
    line-height: 40px;
    color:#fff;
    padding: 0 50px;
    background: #af251c;
    margin-top: 70px;
    margin-bottom: 240px;
}

.company_imgtxt.company_imgtxt_m{
    display: none;
}
.company_imgtxt{
    margin-top: 60px;
    overflow: hidden;
}
.company_imgtxt .txt{
    margin-bottom: 30px;
}
.company_imgtxt .txt h3{
    font-size: 20px;
    line-height: 2;
    text-align: left;
    color:#333;
    font-weight: 500;
    margin: 18px 0;
}
.company_imgtxt p{
    font-size: 14px;
    text-align: left;
    line-height: 1.5;
    color:#666;
    margin-bottom: 10px;
}
.company_imgtxt .txt_top{
    text-align: left;
}
.company_imgtxt .txt_bot{
    text-align: right;
}
.company_imgtxt .txt,
.company_imgtxt .img_box{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.company_imgtxt .imgtxt11,
.company_imgtxt .imgtxt12{
    width: 50%;
    min-height: 730px;
}
.company_imgtxt .imgtxt11 .txt,
.company_imgtxt .imgtxt11 .img_box,
.company_imgtxt .imgtxt21 .txt,
.company_imgtxt .imgtxt21 .img_box
{
    margin-right: 30px;
}
.company_imgtxt .imgtxt12 .txt,
.company_imgtxt .imgtxt12 .img_box,
.company_imgtxt .imgtxt22 .txt,
.company_imgtxt .imgtxt22 .img_box{
    margin-left: 30px;
}
.company_imgtxt .imgtxt11 .txt{
    margin-top: 110px;
}

.company_imgtxt .imgtxt21{
    width: 63%;
    min-height: 820px;
}
.company_imgtxt .imgtxt22{
    width: 37%;
    min-height: 820px;
}
.company_imgtxt .imgtxt21 .txt{
    margin-top: 30px;
}
.company_imgtxt .imgtxt21 ,img_box{
    text-align: right;
}
.company_imgtxt .imgtxt31 .txt{
    margin-top: 50px;
}
.company_imgtxt .imgtxt32 .txt,
.company_imgtxt .imgtxt32 .img_box{
    margin-left: 50px;
}
.company_imgtxt .imgtxt41 .txt,
.company_imgtxt .imgtxt41 .img_box{
    margin-left: 30px;
}

.img_box{
    font-size: 0;
    line-height: 0;
}
.member_list,
.news_list{
    background: #f4f4f4;
    padding-top: 40px;
}
.member_list img{
    width: 100%;
}
.member_list .col_box{
    font-size: 0;
    line-height: 0;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 40px;
}
.member_list .member_info{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: url("/Public/Images/home/phpcms/zh-cn/member_bg.png") repeat-x center;
}
.member_list .member_info h4{
    font-size: 14px;
    line-height: 1.7;
    font-weight:bold;
    color: #f4f4f4;
    text-align: center;
    margin-top: 12px;
}
.member_list .member_info p{
    font-size: 14px;
    line-height: 1.5;
    font-weight:normal;
    color: #f4f4f4;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
}

.member_detail {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 60px;
}
.member_left{
    width: 20%;
    float: left;
}
.member_right{
    width: 80%;
    float: left;
}
.member_detail .member_left h4{
    font-size: 14px;
    line-height: 60px;
    color: #333;
    text-indent: 20px;
}
.member_detail .member_left .ico_arrow{
    display: block;
    height: 10px;
    width: 10px;
    margin-top: 25px;
    margin-right: 15px;
    float: right;
    background: url("/Public/Images/home/phpcms/zh-cn/icon_arrow.png") no-repeat top;
}
.member_detail .member_left .on .ico_arrow{
    background: url("/Public/Images/home/phpcms/zh-cn/icon_arrow.png") no-repeat bottom;
}
.member_detail .info_list > li{
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.member_detail .info_list .info_downlist li{
    font-size: 14px;
    line-height: 2;
    color: #666;
    text-indent: 20px;
}

.member_detail .info_list .info_downlist{
    padding-bottom: 10px;
    display: none;
}
.member_detail .info_box{
    padding-top: 230px;
    padding-left: 40px;
    border-left: 1px solid #eee;
    height: 100%;
}
.member_detail .info_box h2{
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    font-weight: bold;
}

.member_detail .info_box h3{
    font-size: 16px;
    line-height: 2;
    color: #999;
    font-weight: bold;
}
.member_detail .info_box h4{
    font-size: 14px;
    line-height: 60px;
    color: #333;
}
.member_detail .info_box p{
    font-size: 14px;
    line-height: 2;
    color: #999;
}
.member_detail .info_box .list1 p{
    margin-bottom: 14px;
}
.member_detail .info_box .list2 p{
    margin-bottom: 5px;
}
.member_detail .info_box .table_box,
.pro_table
{
    overflow-x: auto;
}
.member_detail .info_box .list_table table {
    border-top: 2px solid #d7d7d7;
    width: 100%;
}
.member_detail .info_box .list_table tr {
    border-bottom: 1px solid #d7d7d7;
}
.member_detail .info_box .list_table td,
.member_detail .info_box .list_table th {
    padding: 8px;
    font-size: 12px;
    white-space: nowrap;

}
.member_detail .info_box .list_table td {
    color:#666;
}
.member_detail .info_box .list_table th {
    color:#333;
    font-weight: bold;
}

.member_detail .tips{
    background: #f4f4f4;
    padding: 18px;
    margin-bottom: 10px;
}

.member_detail .tips_left{
    color:#af251c;
    font-size: 12px;
    float: left;
    overflow: hidden;
    font-weight: bold;
    line-height: 2;
}
.member_detail .tips_table{
    overflow: hidden;
}
.member_detail .tips_table p{
    margin-bottom: 0;
    line-height: 1;
    color: #666;
}
.member_detail .info_box .tips_table td,
.member_detail .info_box .tips_table th {
    padding: 3px;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}
.member_detail .list3 img{
    width: 100%;
}
.member_detail .list3 .col_box{
    margin-right: 8px;
    margin-bottom: 30px;
}
.member_detail .list3 .row{
    font-size: 0;
}
.member_detail .list3 .img_box{
    height: 80px;
    overflow: hidden;
}
.member_detail .list3 .img_box img{
    height: 100%;
    object-fit: cover;
}
.member_detail .list3 h5{
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    font-weight: normal;
    margin:4px 0;
}
.member_detail .list3 h6{
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    font-weight: normal;
}
.member_detail .list3 .row > div{
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: none;
    vertical-align: top;
}
.banner_news{
    padding: 0;
    height: 200px;
    margin-top: 60px;
}
.banner_news .banner_con{
    top:20px;
}
.news_list{
    background: #f4f4f4;
    padding-top: 30px;
}
.news_list .img_box{
    font-size: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
}
.news_list .img_box img{
    width: 100%;
}
.news_list .col_box{
    background: #fff;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.news_list .news_date{
    position: absolute;
    bottom: -40px;
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-size: 12px;
    text-indent: 15px;
    color: #fff;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -ms-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
    background: url("/Public/Images/home/phpcms/zh-cn/date_bg.png") repeat-x;
}
.news_list .col_box:hover .news_date{
    bottom: 0px;
}
.news_list .col_box:hover{
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.09);
}
.news_list .img_box{
    font-size: 0;
    line-height: 0;
    position: relative;
}
.news_list .news_info{
    padding: 10px 23px 25px 23px;
}
.news_list .news_info h4{
    font-size: 16px;
    line-height: 2;
    font-weight:bold;
    color: #333;
    text-align: left;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_list .news_info p{
    font-size: 12px;
    line-height: 1.5;
    font-weight:normal;
    color: #666;
    text-align: left;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*分页*/
.page{
    text-align: left;
    margin-bottom: 60px;
    font-size: 0;
    border-left: 1px solid #e5e5e5;
}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 38px;
    line-height: 38px;
    width: 38px;
    border: 1px solid #e5e5e5;
    border-left: none;
    color: #666666;
    background-color: #fff;
    -webkit-transition:.3s;
    transition:.3s;
    font-size: 12px;
    text-align: center;
}
.page a.on,.page a:hover{
    background-color: #af251c;
    color: #fff;
    /*border: 1px solid #008cd6;*/
}
.page .prev,.page .next{
    /*font-size: 14px;*/
    font-weight: bold;
    /*line-height: 35px;*/
}
.page span {
    float: right;
    font-size: 14px;
    line-height: 38px;
    color: #666;
}



.m-page {
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    border-left: none;
    line-height: 36px;
    font-size: 14px;
    display: none;
    margin-bottom: 30px;
}
.body-m .m-page{display: block;}
.m-page a{
    float: left;
    width: 33.333333%;
    text-align: center;
    border-left: 1px solid #ddd;
    background: #fff;
    height: 100%;
    color: #666;
}

.m-page .num{
    background: url(/Public/Images/home/phpcms/zh-cn/icon_m_page.png) no-repeat 80% center;
}
.m-page-pop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #fff;
    overflow: auto;
    z-index: 800000;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-page-pop a{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 0 40px;
    font-size: 14px;
    color: #888;
}
.m-page-pop a.on{
    color: #af251c;
}
.show-page .m-page-pop{
    height: 100%;
    padding-top: 60px;
}


.news_page{
    border-top: 1px solid #eee;
}
.news_page .cur-pos{
    margin: 15px 0;
}
.news_page .left_col .col_box{
    margin-right: 20px;
}
.news_page .right_col .col_box{
    margin-left: 20px;
}

.news_page .news_con h3{
    font-size: 28px;
    text-align: left;
    font-weight: bold;
    line-height: 1;
    color:#333;
}
.news_page .news_con span{
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    line-height: 3;
    color: #999;
    margin-right: 10px;
}
.news_page .news_con .news_set a{
    font-size: 14px;
    text-align: left;
    color: #999;
    margin: 0 5px;
}
.news_page .news_con .news_set a.on{
    color: #af251c;
}

.news_page .news_con .news_b{
    margin: 20px 0;
}
.news_page .news_con .news_b p{
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 18px;
    text-indent: 2em;
}
.news_page .news_con .news_b.font-b p{
    font-size: 16px;
}
.news_page .news_con .news_b.font-m p{
    font-size: 14px;
}
.news_page .news_con .news_b.font-s p{
    font-size: 12px;
}
.news_page .news_con .news_b img{
    padding: 0 10px;
}
.news_page .news_con .news_b .news_img{
    text-indent: 0;
}

.newssearch_box{
    width: 100%;
    border: 2px solid #eee;
    margin-bottom: 25px;
}
.newssearch_box input{
    font-size: 12px;
    line-height: 36px;
    border: none;
    width: 80%;
    color: #999;
    text-indent: 1em;
    outline: none;
    height: 36px;
}
.newssearch_box .sec_inp form,
.newssearch_box .sec_inp{
    clear: both;
    overflow: hidden;
}
.newssearch_box button{
    height: 36px;
    width: 40px;
    border: none;
    background: transparent;
    outline: none;
    font-size: 20px;
    cursor:pointer;
}
.newssearch_box button .ico_search{
    color:#bababa;
    font-size: 25px;
    font-weight: normal;
}

.news_page .hot_pro h3{
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    line-height: 2.5;
    color:#333;
}

.news_page .hot_pro .red_line{
    height: 1px;
    width: 45px;
    background: #af251c;
}

.pro_list{
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;

}
.pro_list .img_box{
    float: left;
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.pro_list img{
    height: 80px;
    object-fit: cover;
}
.pro_list .hot_dis{
    overflow: hidden;
}
.pro_list li{
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}
.pro_list h4{
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-top: 15px;
    padding-left: 20px;
    font-weight: normal;
}
.pro_list p{
    color: #999;
    padding-left: 20px;

}
.news_page .hot_pro .ico_search{
    color: #999;
    margin-right: 3px;
}

.news_page .news_nav{
    height: 48px;
    line-height: 48px;
    color: #333;
    position: relative;
    border-top: 1px solid #eee;
    margin: 80px 0;

}
.news_page .news_nav a{
    height: 48px;
    line-height: 48px;
    color: #333;
}

.news_page .news_nav .prev {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_page .news_nav .next {
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_page .news_nav .menu {
    text-align: center;
    position: absolute;
    left: 50%;
    top:0;
    margin-left: -12px;
    z-index: 2;
}
.news_page .news_nav .ico_menu {
    color: #333;
    line-height: 48px;
    font-size: 20px;
    cursor: pointer;
}
.news_page .back{
    display: none;
}

.contact .logo{
    margin-left: 40px;
}
.contact_in{
    position: absolute;
    overflow: hidden;
    top :160px;
    bottom: 50px;
    left:25px;
    right:25px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.contact_left,.contact_right{
    height: 100%;
    width: 50%;
}
.contact_in .contact_right .img_box{
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.contact_in h2{
    font-size: 26px;
    color: #333;
    line-height: 1;
    font-weight: 500;
}
.contact_in .contact_con h3{
    font-size: 24px;
    color: #333;
    line-height: 1.5;
    margin-top: 40px;
    margin-bottom: 13px;
}
.contact_in .contact_con h3 small{
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    display: block;
    font-weight: normal;
    font-family: arial;
}

.contact_in .contact_con p{
    font-size: 14px;
    color: #333;
    line-height: 2;
}
.contact_in .contact_con .img_box{
    margin-top: 20px;
}

.banner_resume.banner_con .txt p{
    font-size: 24px;
    text-align: center;
}
.resume{
    border-bottom: 1px solid #eee;
}
.resume .cur-pos{
    color: #333;
    height: 40px;
}
.resume .cur-pos a{
    color: #333;
}
.resume_left{
    width: 20%;
    padding-top: 10px;
}
.resume_right{
    width: 80%;
    border-left: 1px solid #eee;
    padding-top: 25px;
}
.resume .resume_left .col_box{
    margin-right: 20px;
}
.resume .resume_right .col_box{
    margin-left: 20px;
}
.resume .resume_left h2{
    color: #333;
    line-height: 1;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 40px;
}
.resume .resume_left p{
    color: #333;
    line-height: 1.8;
    font-size: 14px;
}
.resume .resume_left p a{
    color: #333;
    text-decoration: underline;
}
.resume .resume_left p a:hover{
    color: #af251c;
}
.resume .resume_right h3{
    color: #333;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 500;
}
.resume .resume_right .resume_list li{
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}

.resume .resume_right .rusume_date{
    color: #999;
    line-height: 1.5;
    font-size: 12px;
    font-weight: 500;
}
.resume .resume_right .ico_date{
    font-size: 12px;
}
.resume .resume_right .resume_class{
    position: absolute;
    right: 0;
    top:0;
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #ccc;
}
.resume .resume_right .resume_class:hover{
    background: #af251c;
}
.resume .resume_right .resume_dis h4{
    font-size: 12px;
    line-height: 2;
    margin: 15px 0 10px 0;
    color: #333;
}
.resume .resume_right .resume_dis p{
    font-size: 14px;
    line-height: 2;
    color: #666;
}


.project_head{
    border-top: 1px solid #eee;
    padding-top: 28px;
    padding-bottom: 28px;
}
.project_head h2{
    color: #111;
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
}
.project_head .cur-pos{
    font-size: 14px;
    height: 33px;
    line-height: 33px;
}
.project_head .cur-pos a{
    font-size: 14px;
    line-height: 33px;

}
.project_head .shera em{
    font-size: 12px;
    color: #999;
    line-height: 30px;
}
.project_con .project_con_h{
    margin-top: 60px;
}
.project_con{
    background: #f4f4f4;
    padding-top: 35px;
}
.banner .project_con{
    padding-top: 1px;
}
.project_con .pro_list h4{
    margin-top: 0px;
}
.project_con .slick_item{
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    font-size: 0;
    line-height: 0;
    height: 0;
}
.project_con .slick-slide .slick_item{
    height: auto;
}
.project_con .slick_item .slick_sh{
    position: absolute;
    top:0;
    height: 100%;
    width: 100%;
    background: url("/Public/Images/home/phpcms/zh-cn/slick_sh.png") repeat;
    opacity: 1;
    display: block\9;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.project_con .slick_item h4{
    position: absolute;
    bottom:15px;
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.project_con .slick-active .slick_sh{
    opacity: 0;
    display: none\9;
}
.pro_slick .slick-prev{

    left: 0px;

    width:50px;height:50px;

    background:url("/Public/Images/home/phpcms/zh-cn/slick_arrow.png") no-repeat left;
    opacity: 1;

}
.pro_slick .slick-next{
    right: 0px;
    width:50px;height:50px;
    background:url("/Public/Images/home/phpcms/zh-cn/slick_arrow.png") no-repeat right;
    opacity: 1;
}
.pro_slick .slick-prev:hover,
.pro_slick .slick-next:hover{
    opacity: 0.8;
}

.project_con .copy_right{
    font-size: 14px;
    line-height: 40px;
    color: #999999;
    border-bottom: 1px solid #d7d7d7;

}
.project_con .left_col{
    width: 63%;
    margin: 40px 0;

}
.project_con .right_col{
    width: 37%;
    margin: 40px 0;
    border-left:1px solid #ededed;
}

.project_con .left_col .col_box{
    margin-right: 25px;
}
.project_con .right_col .col_box{
    margin-left: 25px;
}
.project_con .pro_con p{
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 15px;
}
.project_con .pro_intro h3{
    font-size: 18px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}

.project_con .pro_table table{
    border-top: 1px solid #d2d2d2;
    width: 100%;
    margin-bottom: 35px;
}
.project_con .pro_table td,
.project_con .pro_table th {
    padding: 13px;
    font-size: 12px;
    color: #666;
    /*white-space: nowrap;*/
    border-bottom: 1px solid #e2e2e2;
}
.project_con .pro_table tr td:first-child,
.project_con .pro_table tr th:first-child {
    background: #ededed;
    color:#a6a6a6;
    /*padding-left: 20px;*/
    white-space: nowrap;
}
.project_con .pro_list{
    margin-top: 0;
    padding-bottom: 0;
}
.project_con .back_menu{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 44px;
    line-height: 44px;
    border: 1px solid #ccc;
    padding: 0 25px;
    color: #666;
}
.project_con .pro_nav a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #ccc;
    text-align: center;
    margin-left: 5px;
}
.project_con .pro_nav .ico_nav{
    color: #727272;
}
.project_con .ico_back {
    color: #b7b7b7;
    margin-right: 8px;
    font-size: 20px;
}
.project_con .pro_foot{
    padding-top: 20px;
    border-top: 1px solid #d7d7d7;
    margin-bottom: 50px;
}
.project_con .pro_foot a:hover{
    color: #af251c;
    border-color: #af251c;
}
.project_con .pro_foot a:hover i{
    color: #af251c;
}
.idea_section{
    padding-top: 45%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: center;
    position: relative;
}
.idea_sh{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background: url("/Public/Images/home/phpcms/zh-cn/banner_sh.png") repeat-x bottom;
}
.idea_sh h3{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 30px;
}
.idea_sh h3 p{
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    text-align: center;
    font-weight: 500;

}
.idea_section2{
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
}
.idea_section2 .list_box{
    background: url("/Public/Images/home/phpcms/zh-cn/idea_wsh.png") repeat;
    margin-top: 90px;
    margin-bottom: 200px;
    position: relative;
}
.idea_section2 .list_box .down{
    position: absolute;
    bottom: -25px;
    left:50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #af251c;
}
.idea_section2 .list_box .ico_down{
    color: #fff;
    font-size: 20px;
}
.partner{
    margin: 0 30px;
    padding-bottom: 100px;
}
.col_p{
    width: 20%;
    margin-bottom: 30px;
    text-align: center;
}
.idea_section2 h3 p,
.idea_section3 h3 p{
    color: #333;
    font-size: 36px;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    padding-top: 30px;
}
.idea_section2 .red_line{
    width: 50px;
    height: 5px;
    margin: 0 auto 40px auto;
    background: #af251c;
}
.idea_section3{
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
}
.idea_section3 .client{
    margin: 0 30px;
}
.idea_section3 .client > div{
    margin-bottom: 30px;
    text-align: center;
}
.idea_section3 .list_box{
    margin-top: 80px;
    margin-bottom: 60px;
    background: url("/Public/Images/home/phpcms/zh-cn/idea_wsh.png") repeat;
}
.idea_section3 .client img{
    border: 1px solid #dedede;
}
.idea_section_edu.idea_section{
    padding-top: 0;
}
.idea_section_edu .idea_sh{
    background: url("/Public/Images/home/phpcms/zh-cn/edu_sh.jpg") no-repeat center;
    z-index: 0;
    position: static;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.idea_section_edu .edu_box{
    padding-top: 30px;
    padding-bottom: 30px;
}
.idea_section_edu .edu_box .four h4{
    font-size: 30px;
    font-weight: bold;
    line-height: 2;
    color: #fff;
}
.idea_section_edu .edu_box .four > div{
    margin: 60px 0;
}
.idea_section_edu .edu_box .four .edu2,
.idea_section_edu .edu_box .four .edu4{
    text-align: right;
}
.idea_section_edu .edu_box .four .edu1 h4{
    position: absolute;
    top:15px;
    left: 50px;
}
.idea_section_edu .edu_box .four .edu2 h4{
    position: absolute;
    top:15px;
    right: 50px;
}
.idea_section_edu .edu_box .four .edu3 h4{
    position: absolute;
    bottom:15px;
    left: 50px;
}
.idea_section_edu .edu_box .four .edu4 h4{
    position: absolute;
    bottom:15px;
    right: 50px;
}
.idea_section_edu .pc_h{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0;
    margin-left: -235px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
    width: 465px;
}

.idea_section_edu .pc_h .list_box{
    position: relative;

}
.idea_section_edu .pc_h .list_box h3 p{
    color: #6abf00;
}
.idea_section_edu .pc_h .list_box h3{
    bottom: auto;
    top: 50%;
}

.idea_section_edu .pc_h .list_box em{
    display: block;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.idea_section_edu .pc_h .list_box em span{
    display: block;
    color: #fff;
    font-size: 20px;
    margin: 10px 0;
}
.idea_section_edu .pc_h .list_box em .ico_unity{
    font-size:20px;
    color: #6abf00;
    padding: 15px;
    background: url("/Public/Images/home/phpcms/zh-cn/white_sh.png") no-repeat center;
    margin: 0 5px;
}

.idea_section_edu .pc_h .list_box em.unity1{
    top: -92px;
    left: 50%;
    margin-left: -31px;
}
.idea_section_edu .pc_h .list_box em.unity2{
    top: 19px;
    left: -5px;
}
.idea_section_edu .pc_h .list_box em.unity3{
    top: 16px;
    right: -21px;
}
.idea_section_edu .pc_h .list_box em.unity4{
    top: 178px;
    left: -133px
}
.idea_section_edu .pc_h .list_box em.unity5{
    top: 175px;
    right: -133px
}
.idea_section_edu .pc_h .list_box em.unity6{
    top: 349px;
    left: -101px;
}
.idea_section_edu .pc_h .list_box em.unity7{
    top: 343px;
    right: -126px;
}
.idea_section_edu .pc_h .list_box em.unity8{
    bottom: -77px;
    left: 124px;
}
.idea_section_edu .pc_h .list_box em.unity9{
    bottom: -77px;
    right: 114px;
}

.search h2{
    font-size: 30px;
    line-height: 80px;
    color: #333;
    font-weight: 500;
}
.search h2 span{
    font-size: 30px;
    line-height: 90px;
    color: #af251c;
    font-weight: 500;
}

.search .result_list{
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0;
    margin-bottom: 30px;
}
.search .result_list li{
    font-size: 14px;
    line-height: 3;
    color: #999;
}
.search .result_list li a{
    display: block;
    clear: both;
    overflow: hidden;
    font-size: 14px;
    line-height: 3;
    color: #999;
}
.search .result_list li a:hover{
    color: #af251c;
}
.search .result_list .date{
    font-size: 14px;
    line-height: 3;
    color: #cccccc;
    float: right;
}
.search .result_list .clumn{
    font-size: 14px;
    line-height: 2;
    color: #666;
}
.box_404{
    top: 40%
}
.box_404 h2{
    font-size: 200px;
    line-height: 1;
    text-align: center;
    font-weight: 600;
    color: #bf0000;
}
.box_404 h3{
    font-size: 24px;
    line-height: 1.1;
    text-align: center;
    font-weight: 600;
    color: #333333;
}
.box_404 p{
    text-align: center;
    margin-top: 30px;
}
.box_404 a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 14px;
    line-height: 3;
    text-align: center;
    font-weight: 500;
    color: #999;
    border:1px solid #e2e2e2;
    width: 170px;
    margin: 0 10px;
}

.box_404 a:hover{
    color: #bf0000;
    border:1px solid #bf0000;
}
.banner_pro .banner_in_sh{
    background-image: url("/Public/Images/home/phpcms/zh-cn/banner_sh.png");
}
.pro_banner_con{
    position: absolute;
    bottom: 60px;
    width: 100%;
    padding: 0 80px;
    z-index: 1004;
}
.pro_banner_con h2{
    font-size: 40px;
    color: #fff;
    line-height: 1.3;
    font-weight: 500;
}
.pro_banner_con h3{
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}
.pro_banner_con p a{
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
}
.pro_banner_con p i{
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
}
.pro_banner_con p span{
    float: right;
}
.pro_head{
    clear: both;
    overflow: hidden;
    padding: 0 15px;
    margin: 0 65px;
    margin-top: 10px;
}
.pro_head .pro_nav{
    margin: 15px 0;
}
.pro_head .pro_nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    color:#333;
    line-height: 1;
    font-size: 14px;
    padding: 0px 10px;
    border-right: 1px solid #c6c6c6;

}
.pro_head .pro_nav li a{
    color:#333;
    font-size: 14px;
    padding: 2px 10px;

}
.pro_head .pro_nav li.on a{
    color:#af251c;
}
.pro_head .cur-pos{
    color: #333;
}
.pro_head .cur-pos a{
    color: #333;
}


.project{
    margin-bottom: 80px;
}
.project .project_grid{
    margin: auto 5px;
    min-height: 100px;
}
.project .project_grid .grid_item {
    position: relative;
    width: 20%
}

.project .project_grid .grid_item.s21,.project .project_grid .grid_item.s22 {
    width: 50%
}

.project .project_grid .grid_item:hover .grid_img a.scal {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.project .project_grid .grid_item .grid_img {
    position: absolute;
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    overflow: hidden
}

.project .project_grid .grid_item .grid_img a.scal {
    display: block;
    background-size: cover;
    background-position: center;
    height: 100%;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 4s cubic-bezier(.19,1,.22,1) 0s;
    transition: -webkit-transform 4s cubic-bezier(.19,1,.22,1) 0s;
    transition: transform 4s cubic-bezier(.19,1,.22,1) 0s;
    transition: transform 4s cubic-bezier(.19,1,.22,1) 0s,
    -webkit-transform 4s cubic-bezier(.19,1,.22,1) 0s
}

.project .project_grid .grid_item .grid_img:hover .grid_dis {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    bottom: 0px;
}

.project .project_grid .grid_item .grid_dis {
    position: absolute;
    left: 0px;
    bottom: -100px;
    right: 0px;
    height: 100px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
    background: #eee;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.75)),color-stop(1,rgba(0,0,0,0)));
    background: -ms-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0));
    background: -moz-linear-gradient(center bottom,rgba(0,0,0,.75)0,rgba(0,0,0,0)100%);
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.75)', GradientType=0);
    position: absolute;
    z-index: 3;
    width: 100%;
    cursor: pointer;
    line-height: 19px;
    border-bottom: 5px solid #ec1d24;
}
.project .project_grid .grid_item .grid_dis h4{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    margin-top: 40px;
    text-indent: 25px;
}
.project .project_grid .grid_item .grid_dis small{
    display: block;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    text-indent: 25px;
}
.project .project_grid .grid_item:after {
    content: '';
    margin-top: 85%;
    position: relative;
    display: block
}

.project .project_grid .grid_item.s12:after {
    margin-top: 200%
}
.project .project_grid .grid_item.s21:after {
    margin-top: 50%
}
.go_top{
    position: fixed;
    bottom: 80px;
    right: 30px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    color: #333;
    opacity: 0.5;
    cursor: pointer;
}
.go_top .ico_top{
    font-size: 30px;
    color: #000;
}
.go_top:hover{
    opacity: 0.8;
}


.ie8 .project .project_grid{
    font-size: 0;
}
.ie8 .project .project_grid .grid_item{
    /*padding-top: 25%;*/
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-top: 0;
    vertical-align: top;
}

.ie8 .project .project_grid .grid_item.s12 {
    /*padding-top: 25%;*/
    margin-top: 0;

}

.ie8 .project .project_grid .grid_item.s21 {
    /*padding-top: 25%;*/
    margin-top: 0;

}
.ie8 .project .project_grid .grid_item.s22 {
    /*padding-top: 25%;*/
    margin-top: 0;

}






.stopscroll {
    height: 100%;
    overflow: hidden;
}
.stopscroll .body-mask {
    display: block;
    opacity: 0.7;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    visibility: visible;
}
.body-mask {
    display: none;
    z-index: 1004;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    /*visibility: hidden;*/
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    left: 0;
    top: 0;
}
.edu_m{
    display: none;
}
.ie8.index .banner_full .item{
    background-position: top center;
}
.ie8 .banner_inside{
    padding-top: 45%;
}
.ie8 .banner_news{
    padding-top: 0;
}

/*
2017/10/24 mike*/
.contact_in .contact_mright{
    height: 100%;
    width: 42%;
}
.contact_in .contact_mleft{
    height: 100%;
    width: 58%;
    background: url("/Public/Images/home/phpcms/zh-cn/contain02.png") no-repeat 510px 0 ;
}
.contact_in .contact_mright .img_box{
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.contact_in .contact_mleft .contact_con {
    margin-top: 30px;
    /* line-height: 28px;*/
    max-width: 520px;
    /*width: 520px;*/
}
.contact_in .contact_mleft .contact_con h4{
    color: rgb(51, 51, 51);
    font-size: 14px;
    line-height: 2;
}


.search{
    border:1px solid #eee;
}


/*2017.11.30 neal edit*/

.project_head.fixed h2 {
    font-size: 20px;
    margin-top: 10px;
}
.project_head.fixed .jiathis_style_32x32 .jiathis_button_weixin .jiathis_txt,
.project_head.fixed .jiathis_style_32x32  .jiathis_button_cqq .jiathis_txt,
.project_head.fixed .jiathis_style_32x32  .jiathis_button_weixin .jiathis_txt,
.project_head.fixed .jiathis_style_32x32  .jiathis_button_tsina .jiathis_txt,
.project_head.fixed  .jiathis_style_32x32  .jiathis_button_qzone .jiathis_txt{
    margin-top: 0;
}
.project_head.fixed {
    padding-top: 10px;
    padding-bottom: 10px;
}
.project_con {
    padding-top: 0;
}
.project_con.project_c .slick_item{
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 48%;
    border: none;
}
.project_con.project_c .slick-dots{
    bottom: 30px;
}
.project_con.project_c .slick-dots{
    bottom: 30px;
}


.project_con.project_c  .slick-prev{

    left: 25px;

    width:38px;height:70px;

    background:url("/Public/Images/home/phpcms/zh-cn/fig1.png") no-repeat 0 -189px;

}


.project_con.project_c  .slick-next{

    right: 25px;

    width:38px;height:70px;

    background:url("/Public/Images/home/phpcms/zh-cn/fig1.png") no-repeat -51px -189px;

}

/*2017 12.25 neal edit*/
@media (max-width: 1800px) {
    .history .contact_mleft .contact_con p{
        color: #666;
        margin-bottom: 10px;
    }
    .contact_in.history .contact_mleft .contact_con{
        margin-top: 10px;
    }
}
@media (max-width: 1400px) {
    .history.contact_in .contact_mleft .contact_con p{
        color: #666;
        margin-bottom: 5px;
        margin-top: 0;
        line-height: 1.5;
    }
    .contact_in .contact_mleft .contact_con p{
        color: #666;
        margin-top: 10px;
    }
    .contact_in .contact_con h3{
        margin-top: 5px;
        margin-bottom: 0;
    }
    .contact_in .contact_con .img_box{
        margin-top: 5px;
    }
    .contact_in .contact_con .img_box {
        height: 200px;
    }
}


.shera1,
.shera2,
.shera3{
    padding-top: 8px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.project_head.fixed .shera1,
.project_head.fixed .shera2,
.project_head.fixed .shera3{
    padding-top: 0px;
}
.footer .shera1,
.footer .shera2,
.footer .shera3{
    padding-top: 0px;
}


.shera1 .iconfont,
.shera2 .iconfont{
    font-size: 35px;
    color:#bbb;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.shera3 .iconfont{
    font-size: 33px;
    color:#bbb;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.project_head .shera1 .iconfont,
.project_head .shera2 .iconfont{
    font-size: 32px;
}
.project_head .shera3 .iconfont{
    font-size: 30px;
}
.shera1:hover .iconfont{
    color:#3b5998;
}
.shera2:hover .iconfont{
    color:#a937b1;
}
.shera3:hover .iconfont{
    color:#1da1f3;
}