/*public*/


/* Public */

@charset "utf-8";
html,
body,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td {
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
    vertical-align: top;
}

ul,
li,
dl,
dd,
dt {
    list-style-type: none;
}

i,
em,
cite {
    font-style: normal;
}

body {
    -webkit-text-size-adjust: none;
    /* 谷歌不支持12px以下字号 */
    font-family: "微软雅黑";
}

a {
    text-decoration: none;
}

.clear,
.cle {
    clear: both;
}

a,
area {
    blr: expression(this.onFocus=this.blur())
}


/*  去掉IE下链接虚线框 */

a:focus {
    outline: none;
}


/* 去掉火狐下链接虚线框 */

#qrcode,
#qrAPPAndroid,
#qrAPPIOS {
    display: none;
}


/* end_Public */


/*public*/


/*ea_h*/


/* t_logo */

.t_logo {
    position: absolute;
    top: 10px;
    left: 0px;
}

.t_logo img {
    height: 40px;
    border: 0px;
}


/* end_t_logo */


/*xn_n_14_wrap*/

.fix:after,
#xn_n_14_VMenu1:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.fix,
#xn_n_14_VMenu1 {
    *zoom: 1;
}

.xn_n_14_wrap_menu3,
#type1Li_n0,
.xn_n_14_wrap_main ul li ul li ul,
#type1Li_n2 ul,
#type1Li_n3 ul,
#type1Li_n25 ul,
#type1Li_n4 ul,
#type1Li_n6 ul,
#type1Li_n28 ul {
    display: none!important;
}

.xn_n_14_wrap {
    position: absolute;
    top: 12px;
    right: 66px;
}

.xn_n_14_wrap_main>ul>li {
    float: left;
    position: relative;
    border-radius: 18px;
    transition: all 0.3s ease-out 0s;
}

.xn_n_14_wrap_main>ul>li:hover,
.xn_n_14_wrap_menu1_cur {
    background-color: #FFF;
}

.xn_n_14_wrap_main>ul>li:hover a,
.xn_n_14_wrap_menu1_cur>a {
    color: #333!important;
}

.xn_n_14_wrap_main>ul>li>a {
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 10px 26px;
    color: #fff;
    font-size: 14px;
    transition: none ease-out .3s;
    transition-property: color, background, text-indent, opacity;
}

.xn_n_14_wrap_main>ul>li>ul {
    left: 50%;
    margin-left: -96px;
    top: 48px;
    width: 192px;
    display: block!important;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    border-top: #838383 3px solid;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0px, 10px, 0px);
    border-color: transparent;
    background-color: #FFF;
    padding: 22px 0 20px 0;
    border-radius: 6px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
    margin-top: 10px;
}

.xn_n_14_wrap_main>ul>li>ul:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -12px;
    right: 46%;
}

.xn_n_14_wrap_main>ul>li:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.xn_n_14_wrap_main>ul>li>ul a {
    transition: all 0.3s ease-out 0s;
    text-align: center;
    font-size: 14px;
    background-color: #FFF;
    border-bottom: 1px solid #f1f2f2;
    width: 192px;
    color: #333333;
    display: block;
    line-height: 48px;
    height: 48px;
}

.xn_n_14_wrap_main>ul>li>ul a:hover {
    background-color: #f7f7f7;
}

.down_arr {
    background: url(/Images/Heads/index/head_list_icon.png?d=20170616163723083) no-repeat;
    position: absolute;
    right: 15px;
    top: 14px;
    display: block;
    width: 11px;
    height: 6px;
}

.xn_n_14_wrap_main>ul>li:hover .down_arr,
.xn_n_14_wrap_menu1_cur .down_arr {
    background: url(/Images/Heads/index/head_list_icon_h.png?d=20170616163723083) no-repeat;
}

#type1Li_n1 {
    padding-right: 10px;
}


/*end_xn_n_14_wrap*/


/*t_ver*/

.fix:after,
.t_ver>ul:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.fix,
.t_ver>ul {
    *zoom: 1;
}

.t_ver {
    position: absolute;
    right: 0;
    top: 0;
}

.t_ver>ul>li {
    float: left;
}

.t_ver>ul>li>a {
    display: block;
    line-height: 60px;
    color: #FFF;
    font-size: 14px;
}


/*end_t_ver*/


/*top*/

.top {
    width: 100%;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background: url(/Images/Heads/index/head_bg.png?d=20170616163719336) no-repeat;
}

.t_t {
    position: relative;
    z-index: 100;
    width: 1200px;
    margin: 0 auto;
    height: 60px;
}

.zdy_video_fr_wrap {
    height: 790px !important;
}

.zdy_video_fr_wrap .wallpaper-video video {
    height: 100%;
    object-fit: cover;
    left: 0 !important;
}

.zdy_video_fr_wrap .wallpaper-video {
    height: 100%;
}

.zdy_video_fr_wrap .banner {
    height: 100%;
    position: relative;
}

.zdy_video_fr_wrap .i-ban {
    height: 100%;
    position: relative;
}


/*end_top*/


/*ea_h*/


/*ea_ba*/


/*zdy_video_wrap*/

.zdy_video_wrap {
    width: 100%;
    height: 2000px;
}

.video_background {
    width: 100%;
    height: 100%;
    position: relative;
}

.wallpaper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
}

.wallpaper-video video {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
}

.pattern_bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    position: absolute;
    top: 0;
    left: 0;
}

.i-ban .center {
    padding-top: 180px;
    width: 60%;
    position: absolute;
    left: 20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.i-ban .youn {
    width: 550px;
    text-align: center;
    color: #FFF;
    font-size: 180px;
    line-height: 180px;
    font-family: "futura-condensed-webfont";
    text-transform: uppercase;
    height: 180px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    margin-left: -268px;
    top: 0;
}

.i-ban .youn span {
    -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    float: left;
    display: block;
    height: 180px;
    cursor: default;
}

.i-ban .youn span i {
    display: block;
}

.i-ban .youn span:hover,
.i-ban .youn span.hover {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.i-ban .youn .flippety {
    -webkit-transform: translateZ(35px);
    transform: translateZ(35px);
}

.i-ban .youn .flop {
    -webkit-transform: rotateX(-90deg) translateZ(-35px);
    transform: rotateX(-90deg) translateZ(-35px);
}

.i-ban .cn-font {
    display: block;
    text-align: center;
    color: #fff;
    margin: 35px 0 15px;
    line-height: 33px;
    font-size: 28px;
}

.i-ban .en-font {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
}

.i-ban .bot-btn {
    width: 180px;
    height: 36px;
    margin: 78px auto 0;
}

.i-ban .bot-btn .order {
    width: 127px;
    height: 36px;
    line-height: 36px;
    color: #333333;
    font-size: 14px;
    text-indent: 36px;
    background: url(/Images/Public/index/CgAGTFlDvCqAJhcCAAAFvpokMO8221.png) no-repeat left center;
    display: block;
    float: left;
    margin-right: 15px;
}

.i-ban .bot-btn .like {
    display: block;
    width: 38px;
    height: 38px;
    background: url(/Images/Public/index/CgAGTFlDvCuABhTSAAAGULjY38g526.png) no-repeat center;
    float: left;
}

.i-ban .bot-btn a {
    -webkit-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
}

.i-ban .bot-btn .like.fr:hover {
    opacity: 0.8;
}

.arrow {
    -moz-animation: 2s ease 0s infinite arrow;
    -ms-animation: 2s ease 0s infinite arrow;
    -webkit-animation: 2s ease 0s infinite arrow;
    animation: 2s ease 0s infinite arrow;
    background: url(/Images/Public/index/CgAGTFlDvCeASmqpAAAGwx6jdxU283.png) no-repeat center center;
    bottom: -2%;
    display: none;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    position: absolute;
    width: 42px;
}

@-webkit-keyframes arrow {
    0% {
        bottom: 7%;
        opacity: 0.6;
    }
    50% {
        bottom: 6%;
        opacity: 0.3;
    }
    100% {
        bottom: 7%;
        opacity: 0.6;
    }
}

@keyframes arrow {
    0% {
        bottom: 7%;
        opacity: 0.6;
    }
    50% {
        bottom: 6%;
        opacity: 0.3;
    }
    100% {
        bottom: 7%;
        opacity: 0.6;
    }
}

@-ms-keyframes arrow {
    0% {
        bottom: 7%;
        opacity: 0.6;
    }
    50% {
        bottom: 6%;
        opacity: 0.3;
    }
    100% {
        bottom: 7%;
        opacity: 0.6;
    }
}

@-moz-keyframes arrow {
    0% {
        bottom: 7%;
        opacity: 0.6;
    }
    50% {
        bottom: 6%;
        opacity: 0.3;
    }
    100% {
        bottom: 7%;
        opacity: 0.6;
    }
}


/*end_zdy_video_wrap*/


/*ea_ba*/


/*ea_c*/


/*xn_c_index_42_wrap*/

.fix:after,
.xn_c_index_42_nrbox:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.fix,
.xn_c_index_42_nrbox {
    *zoom: 1;
}

.xn_c_index_42_xxmore,
.xn_c_index_42_time,
.xn_c_index_42_prd_t2 {
    display: none;
}

.xn_c_index_42_wbox {
    max-width: 1330px;
    padding: 30px 65px;
    margin: 0 auto;
}

@media only screen and (min-width: 996px) {
    .xn_c_index_42_nrsmall:nth-child(3n) {
        margin-right: 0;
    }
    .xn_c_index_42_nrsmall {
        border-bottom: 4px solid #F7F7F7;
        overflow: hidden;
        position: relative;
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
        margin-bottom: 15px;
        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
}

@media only screen and (max-width: 996px) {
    .xn_c_index_42_wbox {
        padding: 30px 15px;
    }
    .xn_c_index_42_nrsmall {
        width: 100% !important;
    }
    .xn_c_index_42_nrsmall {
        border-bottom: 4px solid #F7F7F7;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-bottom: 15px;
        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
}

.xn_c_index_42_topbox {
    position: relative;
    margin-bottom: 45px;
}

.xn_c_index_42_prd_t3 {
    display: inline-block;
    font-size: 24px;
    color: #333333;
    padding-bottom: 15px;
    font-weight: normal;
    margin-top: 40px;
}

.xn_c_index_42_prd_t1 {
    background: url(../images/f02.png) no-repeat;
    display: block;
    line-height: 300;
    overflow: hidden;
    width: 90px;
    height: 20px;
}

.xn_c_index_42_prdmore a {
    transition: all .3s ease-out 0s;
    position: absolute;
    right: 0;
    top: 132px;
    width: 78px;
    height: 22px;
    border: 1px solid #CACACA;
    border-radius: 22px;
    line-height: 300;
    overflow: hidden;
    background: url(../images/arr_index0.png) no-repeat 33px 5px;
}

.xn_c_index_42_prdmore a:hover,
.xn_c_index_42_prdmore_cur a {
    background: url(/Images/Contents/index/arr_index0.png?d=20170616163719211) no-repeat 33px -20px;
    background-color: #464646;
    border: 1px solid #464646;
}

.xn_c_index_42_nrbox {
    display: flex;
    flex-wrap: wrap;
}

.xn_c_index_42_nrsmall:nth-child(3n) {
    margin-right: 0;
}
.xn_c_index_42_lftbox{display: flex;
    justify-content: center;
    /* align-items: center; */
    height: 200px;
    background: #fff;}
.xn_c_index_42_lftbox img {
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    max-width: 100%;
    display: block;
    max-height: 100%;
    margin: 0  auto;
}

.xn_c_index_42_name {
    padding: 10px 10px;
    position: absolute;
    bottom: 60px;
    left: 0;
    font-size: 18px;
    color: #555555;
    text-align: center;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xn_c_index_42_coent {
    padding: 0 10px;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
    font-size: 12px;
    color: #929292;
    width: 100%;
    overflow: hidden;
}

.xn_c_index_42_ritbox {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
    transform: rotateX(80deg);
    transform-origin: center top 0;
    transition: all ease-out .3s;
}

.xn_c_index_42_ritbox:after {
    font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif;
    background: url(/Images/Contents/index/line_bg.jpg?d=20170616163719211) no-repeat 195px 90px;
    height: 244px;
    padding-top: 16px;
    content: "01.";
    color: #363636;
    font-size: 62px;
    text-align: center;
    width: 100%;
    display: block;
}

.xn_c_index_42_nrsmall0 .xn_c_index_42_ritbox:after {
    content: "01.";
}

.xn_c_index_42_nrsmall1 .xn_c_index_42_ritbox:after {
    content: "02.";
}

.xn_c_index_42_nrsmall2 .xn_c_index_42_ritbox:after {
    content: "03.";
}

.xn_c_index_42_nrsmall3 .xn_c_index_42_ritbox:after {
    content: "04.";
}

.xn_c_index_42_nrsmall4 .xn_c_index_42_ritbox:after {
    content: "05.";
}

.xn_c_index_42_nrsmall5 .xn_c_index_42_ritbox:after {
    content: "06.";
}

.xn_c_index_42_nrsmall:hover {
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.1);
    ;
    border-bottom: 4px solid #979797;
}

.xn_c_index_42_nrsmall:hover .xn_c_index_42_ritbox {
    transform: none;
    z-index: 1;
    background-color: #FFF;
}

.xn_c_index_42_nrsmall:hover .xn_c_index_42_lftbox img {
    transform: scale(1.2);
}


/*end_xn_c_index_42_wrap*/


/*xn_c_index_162_wrap*/

.fix:after,
.xn_c_index_162_innwrap ul:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.fix,
.xn_c_index_162_innwrap ul {
    *zoom: 1;
}

.xn_c_index_162_wrap {
    width: 1200px;
    margin: 0 auto;
    height: 422px;
    position: relative;
}

.xn_c_index_162_onLine,
.xn_c_index_162_page,
.xn_c_index_162_lftbox,
.xn_c_index_162_more,
.xn_c_index_162_timewz {
    display: none;
}

.xn_c_index_162_topbox {
    position: relative;
    border-bottom: 1px solid #DFDFDF;
    height: 164px;
}

.xn_c_index_162_cnName {
    display: inline-block;
    font-size: 24px;
    color: #333333;
    padding: 0 0 15px 0;
    margin-top: 80px;
}

.xn_c_index_162_enName {
    background: url(/Images/Contents/index/f04.png?d=20170616163719211) no-repeat;
    display: block;
    line-height: 300;
    overflow: hidden;
    width: 90px;
    height: 20px;
}

.xn_c_index_162_tmore a {
    transition: all .3s ease-out;
    position: absolute;
    right: 0;
    top: 80px;
    width: 78px;
    height: 22px;
    border: 1px solid #CACACA;
    border-radius: 22px;
    line-height: 300;
    overflow: hidden;
    background: url(/Images/Contents/index/arr_index0.png?d=20170616163719211) no-repeat 33px 5px;
}

.xn_c_index_162_tmore a:hover,
.xn_c_index_162_tmore_cur a {
    background: url(/Images/Contents/index/arr_index0.png?d=20170616163719211) no-repeat 33px -20px;
    background-color: #464646;
    border: 1px solid #464646;
}

.xn_c_index_162_but {
    width: 24px;
    height: 43px;
    position: absolute;
    top: 165px;
    cursor: pointer;
    z-index: 9;
    background: #000;
}

#xn_c_index_162_butleft {
    right: 24px;
    background: url(/Images/Contents/index/ind_licon.png?d=20170616163719211) no-repeat;
    transition: all ease-in .3s;
}

#xn_c_index_162_butright {
    right: 0;
    background: url(/Images/Contents/index/ind_ricon.png?d=20170616163719211) no-repeat;
    transition: all ease-in .3s;
}

#xn_c_index_162_butleft:hover {
    right: 24px;
    background: url(/Images/Contents/index/ind_liconc.png?d=20170616163719211) no-repeat;
    transition: all ease-in .3s;
}

#xn_c_index_162_butright:hover {
    right: 0;
    background: url(/Images/Contents/index/ind_riconc.png?d=20170616163719211) no-repeat;
    transition: all ease-in .3s;
}

.xn_c_index_162_innwrap ul {
    position: relative;
}

.xn_c_index_162_innwrap ul li {
    float: left;
}

.xn_c_index_162_innwrap {
    width: 1200px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.xn_c_index_162_ritbox {
    width: 1200px;
    height: 200px;
    position: relative;
}

.xn_c_index_162_coent {
    transition: all ease-out .3s;
    width: 761px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    font-size: 13px;
    color: #909090;
    position: absolute;
    right: 0;
    top: 67px;
}

.xn_c_index_162_time {
    font-size: 12px;
    color: #b1b1b1;
    padding: 40px 0 14px 0;
}

.xn_c_index_162_title a {
    transition: all .3s ease-out;
    width: 350px;
    font-size: 16px;
    color: #505050;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.xn_c_index_162_ritbox:hover .xn_c_index_162_coent {
    right: 25px;
    color: #666;
}

.xn_c_index_162_ritbox:hover .xn_c_index_162_title a {
    color: #000;
}


/*end_xn_c_index_162_wrap*/


/*index_cnt*/

.index_cnt {
    width: 100%;
    background-color: #F7F7F7;
}

.index_cnt_m {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}


/*end_index_cnt*/


/*zdy_index01_service_warp*/

.fix:after,
.zdy_index01_cont_list li:after,
.zdy_index01_cont_list:after,
.zdy_index01_q_icon_list:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.fix,
.zdy_index01_cont_list li,
.zdy_index01_cont_list,
.zdy_index01_q_icon_list {
    *zoom: 1;
}

.zdy_index01_service_warp {
    background-color: #FFFFFF;
    height: 394px;
}

.zdy_index01_service_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 126px;
}

.zdy_index01_service_title {
    width: 339px;
    float: left;
    height: 184px;
}

.zdy_index01_service_title h3 {
    display: inline-block;
    font-size: 24px;
    color: #333333;
    padding-bottom: 15px;
    font-weight: normal;
}

.zdy_index01_service_title .zdy_index01_f2 {
    background: url(/Images/Contents/index/f01.png?d=20170616163719211) no-repeat;
    display: block;
    line-height: 300;
    overflow: hidden;
    width: 90px;
    height: 20px;
}

.zdy_index01_service_cont {
    width: 620px;
    height: 180px;
    overflow: hidden;
}

.zdy_index01_cont_list {
    height: 180px;
}

.zdy_index01_cont_list li {
    width: 660px;
}

.zdy_index01_cont_list li,
.zdy_index01_cont_list li img,
.zdy_index01_cont_list li .left_box,
.zdy_index01_q_icon_list li {
    float: left;
}

.zdy_index01_cont_list li img {
    width: 180px;
    height: 180px;
    margin-right: 58px;
}

.zdy_index01_cont_list li .left_box {
    width: 422px;
    height: 180px;
}

.zdy_index01_cont_list li .left_box h3 {
    font-size: 24px;
    color: #444444;
    padding-top: 10px;
    font-weight: normal;
}

.zdy_index01_cont_list .f_title {
    font-size: 14px;
    color: #b1b1b1;
}

.zdy_index01_cont_list .letf_cont_box {
    height: 25px;
    font-size: 14px;
    color: #b1b1b1;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 380px;
    margin-top: 25px;
}

.zdy_index01_service_more a {
    transition: all .3s ease-out 0s;
    position: absolute;
    right: 0;
    top: 127px;
    width: 78px;
    height: 22px;
    border: 1px solid #CACACA;
    border-radius: 22px;
    line-height: 300;
    overflow: hidden;
    background: url(/Images/Contents/index/arr_index0.png?d=20170616163719211) no-repeat 33px 5px;
}

.zdy_index01_service_more a:hover,
.zdy_index01_service_more_cur a {
    background: url(/Images/Contents/index/arr_index0.png?d=20170616163719211) no-repeat 33px -20px;
    background-color: #464646;
    border: 1px solid #464646;
}

.zdy_index01_q_icon_list {
    position: absolute;
    left: 590px;
    bottom: 28px;
}

.zdy_index01_q_icon_list li {
    margin-right: 20px;
    width: 3px;
    height: 3px;
    background-color: #6C6C6C;
}

.zdy_index01_q_icon_list .q_icon {
    transition: all .3s ease-out 0s;
    width: 11px;
    height: 11px;
    display: block;
    border: 1px solid #FFF;
    margin: -5px;
    border-radius: 10px;
}

.zdy_index01_q_icon_list .cur .q_icon,
.zdy_index01_q_icon_list .q_icon:hover {
    transition: all .3s ease-out 0s;
    border: 1px solid #494949;
}

.zdy_index01_q_icon_list .cur {
    transition: all .3s ease-out 0s;
    background-color: #FFF;
}


/*end_zdy_index01_service_warp*/


/*zdy_index_02_crb_warp*/

.zdy_index_02_crb_warp {
    height: 515px;
    background-color: #FFF;
    position: relative;
}

.zdy_index_02_crb_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.zdy_index02_crb_title h3 {
    display: inline-block;
    font-size: 24px;
    color: #333333;
    padding-bottom: 15px;
    font-weight: normal;
    margin-top: 92px;
}

.zdy_index02_crb_title .zdy_index02_f2 {
    background: url(/Images/Contents/index/f03.png?d=20170616163719211) no-repeat;
    display: block;
    line-height: 300;
    overflow: hidden;
    width: 90px;
    height: 20px;
}

.crb_cont_box {
    width: 615px;
    height: 70px;
    color: #848484;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 25px;
    margin-top: 85px;
    overflow: hidden;
}

.zdy_index02_crb_more a {
    transition: all .3s ease-out 0s;
    display: block;
    width: 78px;
    height: 22px;
    border: 1px solid #CACACA;
    border-radius: 22px;
    line-height: 300;
    overflow: hidden;
    background: url(/Images/Contents/index/arr_index0.png?d=20170616163719211) no-repeat 33px 5px;
}

.zdy_index02_crb_more a:hover,
.zdy_index02_crb_more_cur a {
    background: url(/Images/Contents/index/arr_index0.png?d=20170616163719211) no-repeat 33px -20px;
    background-color: #464646;
    border: 1px solid #464646;
}

.zdy_index02_imgbox {
    width: 330px;
    height: 290px;
    position: absolute;
    top: 120px;
    right: 0;
}

.zdy_index02_img01,
.zdy_index02_img02,
.zdy_index02_img03 {
    display: block;
    position: absolute;
}

.zdy_index02_img01 {
    transition: all .3s ease-out;
    width: 250px;
    height: 250px;
    background: url(/Images/Contents/index/bg_i4.png?d=20170616163719211) no-repeat;
    left: 41px;
    top: 0;
}

.zdy_index02_img03 {
    transition: all .3s ease-out;
    width: 250px;
    height: 250px;
    background: url(/Images/Public/index/CgAGS1lTXZeABVjQAAB-fOPKN04728.png) no-repeat;
    left: 41px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.zdy_index02_imgbox:hover .zdy_index02_img03 {
    opacity: 1;
    filter: alpha(opacity=1);
}

.zdy_index02_imgbox:hover .zdy_index02_img01 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.zdy_index02_img02 {
    width: 328px;
    height: 198px;
    background: url(/Images/Contents/index/bg_i3.png?d=20170616163719211) no-repeat;
    bottom: 0;
    left: 0;
}

.zdy_index02_img01,
.zdy_index02_img03 {
    -ms-animation: index02_img01 60s linear both infinite;
    -moz-animation: index02_img01 60s linear both infinite;
    -webkit-animation: index02_img01 60s linear both infinite;
    animation: index02_img01 60s linear both infinite;
}

@-ms-keyframes index02_img01 {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(-360deg);
    }
    100% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(0);
    }
}

@-moz-keyframes index02_img01 {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-360deg);
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
    }
}

@-webkit-keyframes index02_img01 {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-360deg);
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
    }
}

@keyframes index02_img01 {
    0% {
        transform-origin: center center;
        transform: rotate(-360deg);
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
    }
}


/*end_zdy_index_02_crb_warp*/


/*zdy_index_03_innovate_warp*/

.zdy_index_03_innovate_warp {
    min-width: 1200px;
    height: 545px;
    background: #E5E5E5 url(/Images/Contents/index/innovate_bg.png?d=20170616163719211) no-repeat center top;
}

.zdy_index_03_innovate_main {
    transition: all ease-out .3s;
    padding-top: 84px;
    width: 641px;
    margin: 0 auto;
}

.zdy_index_03_imgbox {
    width: 203px;
    height: 203px;
    border-radius: 203px;
    border: 6px solid #FFF;
    position: relative;
    margin: 0 auto;
}

.zdy_index_03_imgbox img {
    width: 203px;
    height: 203px;
    border-radius: 203px;
}

.zdy_index_03_imgbox .icon {
    width: 22px;
    height: 50px;
    background: url(/Images/Contents/index/imgicon.png?d=20170616163719211) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    bottom: -42px;
}

.zdy_index_03_contbox {
    width: 260px;
    text-align: center;
    line-height: 20px;
    margin: 0 auto;
}

.zdy_index_03_contbox .zdy_index03_f1 {
    font-size: 18px;
    color: #484747;
    display: block;
    margin-bottom: 16px;
    margin-top: 42px;
}

.zdy_index_03_contbox .zdy_index03_f2 {
    font-size: 13px;
    color: #666666;
}

.zdy_index_03_innovate_main:hover {
    padding-top: 70px;
}


/*end_zdy_index_03_innovate_warp*/


/*ea_c*/


/*ea_b*/


/*foot_fx*/

.foot_fx {
    position: absolute;
    top: 139px;
    left: 232px;
}

.foot_fx .bds_more {
    display: none;
}

.foot_fx .bds_tsina,
.foot_fx .bds_sqq,
.foot_fx .bds_weixin {
    transition: all .3s ease-out 0s;
    margin: 0 11px 0 0;
    padding-left: 0;
    display: inline-block;
    width: 38px;
    height: 38px;
}

.foot_c .foot_fx .bds_tsina {
    background: url(/Images/Bottoms/index/fxicon_xl.png?d=20170616163719243) no-repeat;
}

.foot_c .foot_fx .bds_sqq {
    background: url(/Images/Bottoms/index/fxicon_qq.png?d=20170616163719243) no-repeat;
}

.foot_c .foot_fx .bds_weixin {
    background: url(/Images/Bottoms/index/fxicon_wx.png?d=20170616163719243) no-repeat;
}

.foot_c .foot_fx .bds_tsina:hover {
    background: url(/Images/Bottoms/index/fxicon_xl_c.png?d=20170616163719243) no-repeat;
}

.foot_c .foot_fx .bds_sqq:hover {
    background: url(/Images/Bottoms/index/fxicon_qq_c.png?d=20170616163719243) no-repeat;
}

.foot_c .foot_fx .bds_weixin:hover {
    background: url(/Images/Bottoms/index/fxicon_wx_c.png?d=20170616163719243) no-repeat;
}


/*end_foot_fx*/


/*foot_tel*/

.foot_tel {
    position: absolute;
    top: 142px;
    left: 480px;
    color: #989898;
    font-size: 12px;
    width: 600px;
}

.foot_tel_f {
    margin-right: 125px;
}

.foot_tel_f,
.foot_zip,
.foot_zip2,
.foot_zip3 {
    float: left;
    margin-bottom: 15px;
}

.foot_add,
.foot_phone,
.foot_fax {
    margin-bottom: 15px;
}

.foot_zip,
.foot_zip2,
.foot_zip3 {
    width: 140px;
}

.foot_zip2 {
    width: auto;
}


/*end_foot_tel*/


/*foot_copy*/

.foot_copy {
    line-height: 42px;
    float: left;
    margin-top: 260px;
    margin-left: 183px;
}

.foot_copy_name,
.foot_copy_ba,
.xn_brand {
    float: left;
    font-size: 12px;
    color: #8e8e8e;
    margin-right: 5px;
}

.foot_copy a {
    color: #8e8e8e;
}

.foot_copy a:hover {
    text-decoration: underline;
}

.foot_copy_map {
    display: none;
}


/*end_foot_copy*/


/*xn_f_2_warp*/

.xn_f_2_warp {
    float: left;
    margin-top: 275px;
}


/*end_xn_f_2_warp*/


/*foot*/

.foot {
    width: 100%;
    position: relative;
    background-color: #3B3B3B;
    background: #383838 url(/Images/Bottoms/index/foot_bg.jpg?d=20170616163719243) no-repeat;
}

.foot_c {
    position: relative;
    width: 1200px;
    height: 331px;
    margin: auto;
}


/*end_foot*/


/*foot_zdy_name1_warp*/

.foot_zdy_name1_warp {
    position: absolute;
    left: 0;
    top: 82px;
}

.foot_zdy_name1_warp .f_z {
    color: #f8f8f8;
    font-size: 24px;
}

.foot_zdy_name1_warp .f_y {
    background: url(/Images/Bottoms/index/f_y_bg.png?d=20170616163719243) no-repeat;
    display: block;
    line-height: 300;
    overflow: hidden;
    margin-top: 12px;
    height: 15px;
}


/*end_foot_zdy_name1_warp*/


/*foot_zdy_name2_warp*/

.foot_zdy_name2_warp {
    position: absolute;
    left: 232px;
    top: 82px;
}

.foot_zdy_name2_warp .f_01 {
    font-size: 16px;
    color: #989898;
}


/*end_foot_zdy_name2_warp*/


/*foot_zdy_name3_warp*/

.foot_zdy_name3_warp {
    position: absolute;
    left: 480px;
    top: 82px;
}

.foot_zdy_name3_warp .zdy_name3_f {
    font-size: 16px;
    color: #989898;
}


/*end_foot_zdy_name3_warp*/


/*ea_b*/


/*ea_bg*/


/*index_body*/

.index_body {}


/*end_index_body*/


/*inside_body*/

.about_body,
.case_body,
.case_view_body,
.clients_body,
.contact_body,
.down_body,
.down_view_body,
.feedback_body,
.faq_body,
.faq_view_body,
.honor_body,
.honor_client_list_body,
.honor_client_view_body,
.job_body,
.job_online_body,
.news_body,
.news_view_body,
.order_body,
.pro_body,
.pro2_body,
.prod_view_body,
.products_body,
.products2_body,
.recruitment_body,
.search_body,
.sv_body,
.video_body,
.video_view_body,
.sitemap_body,
.clapro_complex_body,
.claproducts_body,
.claprod_view_body,
.login_body,
.reg_body,
.success_body,
.member_body,
.getpass_body,
.getchapass_body,
.changepass_body,
.lose_body,
.verifymail_body,
.apply_body,
.buysucces_body,
.callback_body,
.help_body,
.mborlist_body,
.mborlist_view_body,
.orlogin_body,
.spcartone_body,
.spcartthree_body,
.spcarttwo_body {}


/*end_inside_body*/


/*ea_bg*/


/*ea_m*/


/*xn_m_6_wrap*/

.xn_m_6_wrap {
    position: fixed;
    height: 96px;
    width: 40px;
    z-index: 10001;
    top: 80%!important;
    right: 0!important;
}

.xn_m_6_sky_img,
.xn_m_6_orderId,
.xn_m_6_head,
.xn_m_6_markrt_qq,
.xn_m_6_xlwb,
.xn_m_6_markrt_ali,
.xn_m_6_telephone,
.xn_m_6_markrt_code,
.xn_m_6_markrt_mail,
.xn_m_6_markrt_sky h4 {
    display: none;
}

.xn_m_6_markrt_sky {
    transition: all .3s ease-in 0s;
    width: 40px;
    height: 56px;
    background: #CECECE url(/Images/Marketings/index/id.png?d=20170616163719258) no-repeat;
}

.xn_m_6_sky_author {
    text-align: center;
    font-size: 12px;
    color: #FFF;
    padding-top: 35px;
    display: block;
    overflow: hidden;
    height: 18px;
}

.xn_m_6_markrt_sky:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    transition: all .3s ease-in 0s;
}

.xn_m_6_foot {
    transition: all .2s ease-in;
    width: 40px;
    height: 40px;
    background: #979797 url(/Images/Marketings/index/top.png?d=20170616163719258) no-repeat;
    display: none;
    cursor: pointer;
}

.xn_m_6_foot:hover {
    background-color: #666;
}


/*end_xn_m_6_wrap*/


/*ea_m*/


/*ea_pi*/


/*ea_pi*/


/*ea_wj*/


/*ea_wj*/

.foot_nav {
    position: relative;
    overflow: hidden;
    margin-left: 240px;
}

.foot_nav_ul {
    float: left;
    margin: 0px;
    padding: 0px;
}

.foot_nav ul li {
    width: 100px;
    margin-top: 10px;
    float: left;
    position: relative;
}

.foot_nav ul li a {
    width: 84px;
    display: block;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}

.foot_nav ul li a:hover {
    color: #81bb19;
}

.foot_nav ul li ul {
    padding-top: 10px;
}

.foot_nav ul li ul li {
    width: 138px;
    height: 29px;
    padding: 0px;
    margin: 0px;
    border-right: 0px;
}

.foot_nav ul li ul li a {
    width: 84px;
    display: block;
    line-height: 25px;
    font-size: 12px;
    color: #8d8d8d;
    font-weight: normal;
    overflow: hidden;
}

.foot_nav ul li ul li a:hover {
    color: #81bb19;
}

.foot_line {
    height: 155px;
    border-right: #dfdfdf 1px solid;
    position: absolute;
    left: 100px;
    top: 0px;
}

#foot_type1Li_n19,
#foot_type1Li_n26,
#foot_type1Li_n27,
#foot_type1Li_n6,
#foot_type1Li_n25,
#foot_type1Li_n14,
#foot_type1Li_n8,
#foot_type1Li_n15,
#foot_type1Li_n7 {
    display: none;
}


/*fonter_link_l*/

.fonter_link_l {
    text-align: left;
    display: inline-block;
    width: 1000px;
    font-size: 12px;
    height: 30px;
    line-height: 40px;
    color: #989898;
    margin-top: 5px;
    margin: 0 auto;
}

.fonter_link_l span {
    display: block;
    vertical-align: top;
    margin-top: 4px;
    height: 20px;
    line-height: 20px;
}


/*end_fonter_link_l*/


/*xn_f_21_wrap*/

.xn_f_21_wrap {
    height: auto;
    line-height: 20px;
    display: inline-block;
    margin-top: 4px;
    /* overflow:hidden; */
    width: 1300px;
    margin-bottom: 15px;
}

.xn_f_21_xhbox {
    float: left;
    height: 15px;
    padding: 0px 8px;
    overflow: hidden;
    text-align: center;
    border-left: 1px solid #989898;
}

.xn_f_21_xhbox a {
    color: #fff;
    line-height: 15px !important;
    font-size: 12px;
}

.xn_f_21_xhbox a:hover {
    color: #d7d7d7;
}

.xn_f_21_xhbox:first-child {
    border-left: 0;
}


/*end_xn_f_21_wrap*/