﻿@charset "utf-8";
/* CSS Document */
.cloud-helper-blue {
    color: #00a2c9
}
.none{display: none;}
.zzsy{
    font-size:12px;
    color:#999;
}
h2{
	font-style: normal;
	font-weight: 500;
}
.h-con-main {
        margin-top:61px;
}
.zizhi-img{overflow: hidden}
.zizhi-img img{float:left;width:30%;margin:30px 3% 30px 0;}
.zizhi-img img:nth-child(3n+1){clear:left}
iframe.if-header{left:0;top:0;height:61px}
.mask{position: fixed;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,0.3);z-index: 10000}
.tk-title{width:98%;padding-left:2%;height:36px;line-height:36px;border-bottom:1px solid #7e7e7f;border-radius: 5px;background-image: linear-gradient( to bottom,#fff,#e3e3e2)}
.tk-box{width:500px;height:300px;background: #fff;border-radius: 5px;border:1px solid #7e7e7f;position: absolute}
.tk-content{margin-top:20PX;}
.tk-content p{margin-left:50px;margin-bottom:15px}
.ul-move li.action{background: #00c1de}
.ul-move li:hover a{text-decoration: none}
.product-list>li{display: inline-block;}
.product-list>li>a{display: inline-block;width:320px;height:60px;margin:0 10px 10px 0;background: rgba(255,255,255,0.1)}
.product-list>li.action>a{background:#00c1de;text-decoration: none }
.product-list>li .p-name{margin:7px 0 0 21px;color:#fff;font-size:14px}
.module-wrap .topbar0dropdown-box .menu-boxs .product-list>li .p-info{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin:5px 21px 0;/*color:#777f84*/color:#fff}
.topbar0dropdown-box .menu-boxs .cell-detail p.p-info{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin:5px 21px 0;color:#777f84}

.haidiyun-index-top-banner-2016 .module-wrap .topbar0dropdown-box .menu-boxs .cell-level2>ul>li{display: inline-block;float:left}
.module-wrap .topbar0dropdown-box .menu-boxs .cell-level2 h1{font-size:18px;color:#848688;margin-bottom:20px;padding-left:20px;cursor: default}
.module-wrap .topbar0dropdown-box .menu-boxs .cell-level2 h1 a{display: block;color:#fff}
.module-wrap .topbar0dropdown-box .menu-boxs .cell-level2 h1 a:hover{color:#00a2ca;text-decoration: none}
.module-wrap .topbar0dropdown-box .menu-boxs .cell-level2 > .anli > li > ul >li a{color:#fff;display: inline-block;width:180px;height:40px;font-size:14px;line-height: 40px;text-align: left;box-sizing: border-box;padding-left:20px;background: rgba(255,255,255,0.1);transition: background-color 0.2s}
.module-wrap .topbar0dropdown-box .menu-boxs .cell-level2 > ul > li > ul >li{margin:0 20px 10px 0}
.module-wrap .topbar0dropdown-box .menu-boxs .cell-level2 > ul > li > ul >li:hover a{background: #00c1de;text-decoration: none}
.module-wrap .topbar0dropdown-box .menu-boxs ul.tp12>li>ul>li a{width:180px;}


#logo{font-size:20px;font-weight:bold;color:#fff;line-height: 60px;}
.topbar0dropdown-box .menu-boxs .cell-detail p{color:#fff;line-height: 23px}
.topbar0dropdown-box .menu-boxs .cell-detail p.mglt40{margin-left:40px}

.normal-img:hover{
    -moz-transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}
.cloud-helper-body-wrap {
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,\5b8b\4f53
}

.cloud-helper-body-wrap input {
    font-family: Microsoft YaHei,tahoma,arial,\5b8b\4f53;
    font-size: 12px
}

.cloud-helper-body-wrap p,.cloud-helper-body-wrap td {
    margin: 0;
    padding: 0
}
.card-content .content-first-list .zzsy{
    vertical-align:top;
}
html body .bk-subheader {
    min-width: 1000px;
    height: 56px;
    border-bottom: solid 1px #e5e5e5;
    z-index: 9;
}
.bk-subheader {
    min-width: 1000px;
    height: 50px !important;
    border-bottom: 0 none !important;
    z-index: 9;
}
html body .bk-subheader h1 {
    float: left;
    display: inline;
    height: 20px;
    margin-top: 18px;
    border-left: solid 4px #00a2ca;
    padding-left: 8px;
    font-size: 20px;
    line-height: 20px;
    color: #00a2ca;
}
.bk-subheader-adinfo {
    float: left;
    display: inline;
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #FF8A00;
    text-align: left;
    width: 700px;
    overflow: hidden;
}
.module-wrap i {
    margin-left: 10px;
    margin-right: 5px;
}
.bk-subheader-adinfo a{
    color: #f60;
    text-decoration: none;
    vertical-align: bottom;
}
.bk-subheader-link a{
    color:#00a2ca;
    text-decoration: none;
    font-size:12px;
}
/****************************second*************************/
.banner-bottom-container {
    background-color: #D7D7D8;
    height: 130px;
}
.haidi-main-special {
    width: 1200px;
    position: relative;
    height: 100%;
}
.haidi-main-special-list {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: block;
    float: left;
    width: 33%;
}
.haidi-main-special.haidi-main-special a{
    text-decoration: none;
    color: #00a2ca;
}
.special-left {
    position: relative;
    z-index: 1;
}
.special-left .title {
    font-size: 18px;
    color: #373d41;
    font-weight: bold;
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.haidi-main-special.haidi-main-special a:hover .special-left .title,.haidi-main-special.haidi-main-special a:hover .special-left .desc {
    color: #00a2ca;
}
.special-left .desc {
    font-size: 14px;
    color: #373d41;
}
.haidi-main-special-list .special-right {
    z-index: 0;
    width: 200px;
    height: 300px;
    position: absolute;
    top: -60px;
    background-position:0px 50px;
    background-repeat:no-repeat;
    background-size:90%;
    margin-left:200px;
}
.special-left .title:hover{
    color:#00c1de;
}
/*****************************4dongtai*******************************/

.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg {
    background: #00c2de;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
    opacity: 1;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-title {
    margin-top: 12px;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc {
    margin-top: 22px;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
    margin-top: 14%;
}
/*******************************4dongtai end*s********************************/
.cloud-helper-body-wrap table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0
}

.cloud-helper-body-wrap th {
    text-align: left
}

.cloud-helper-body-wrap a {
    text-decoration: none
}

.cloud-helper-body-wrap a:hover {
    text-decoration: underline
}

.cloud-helper-body-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.cloud-helper-loading-body {
    height: 267px;
    background: url(../../images/cloud_helper/loading_32.gif) no-repeat 50% 40% #f8f8f8
}

.cloud-helper-button-wrap a {
    display: block;
    top: 0;
    left: 0;
    width: 39px;
    height: 128px;
    position: absolute;
    overflow: hidden
}

.cloud-helper-button-wrap .cloud-help-icon-top {
    display: block;
    width: 38px;
    height: 38px;
    background-image: url(//gtms02.alicdn.com/tps/i2/TB1axaoHXXXXXcLXpXXK.SYFVXX-30-36.png);
    background-image: -webkit-image-set(url(//gtms02.alicdn.com/tps/i2/TB1axaoHXXXXXcLXpXXK.SYFVXX-30-36.png) 1x,url(//gtms01.alicdn.com/tps/i1/TB1oDOrHXXXXXbEXpXXeffVHFXX-60-72.png) 2x);
    background-position: 4px 0;
    background-repeat: no-repeat
}

.cloud-helper-button-wrap .cloud-help-icon-bottom {
    display: block;
    width: 38px;
    height: 90px;
    background-image: url(//gtms01.alicdn.com/tps/i1/TB1.UypHXXXXXbQXpXXhxqzPVXX-38-293.gif);
    background-image: -webkit-image-set(url(//gtms01.alicdn.com/tps/i1/TB1.UypHXXXXXbQXpXXhxqzPVXX-38-293.gif) 1x,url(//gtms04.alicdn.com/tps/i4/TB1ciqkHXXXXXXIXVXXNi0h6FXX-76-586.gif) 2x);
    background-position: 0 -202px
}

.cloud-helper-button-wrap a:hover .cloud-help-icon-bottom {
    background-position: 0 -101px
}

.cloud-helper-body-wrap {
    position: fixed;
    top: 112px;
    right: 53px;
    _position: absolute;
    display: none;
    width: 500px;
    z-index: 10000
}

.cloud-helper-box {
    background: #f8f8f8;
    border: 3px solid #9cddf5;
    text-align: left;
    position: relative
}

.cloud-helper-box-top {
    height: 40px;
    padding: 0 15px
}

.cloud-helper-box-top-text {
    font-size: 15px;
    line-height: 49px;
    height: 40px;
    font-weight: 700;
    color: #333
}

.cloud-helper-box-mid a {
    color: #000;
    text-decoration: none
}

.cloud-helper-box-mid a:hover {
    color: #00a2c9;
    text-decoration: underline
}

.cloud-helper-box-list {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.cloud-helper-box-list li {
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    color: #00a2c9
}

.cloud-helper-box-sec {
    padding-left: 15px;
    height: 100px
}

.cloud-helper-box-sec-tit {
    overflow: hidden;
    zoom: 1
}

.cloud-helper-box-sec-tit p {
    font-size: 15px;
    line-height: 36px;
    height: 36px;
    font-weight: 700;
    float: left;
    color: #333
}

.cloud-helper-box-bot {
    border-top: 1px solid #e8e8e8;
    height: 51px
}

.cloud-helper-box-bot a {
    color: #00a2c9
}

.cloud-helper-box-bot-list {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.cloud-helper-box-bot-list div {
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    float: left;
    width: 90px;
    padding: 5px
}

.cloud-helper-box-bot-list .clr {
    clear: both;
    height: 0;
    width: 100%
}

.cloud-helper-box-bot table {
    width: 100%;
    height: 40px;
    margin-top: 6px
}

.cloud-helper-box-bot-label {
    padding-left: 35px
}

.cloud-helper-box-bot-label2 {
    padding: 0 5px
}

.cloud-helper-box-bot-label4 {
    padding: 0 5px 0 10px
}

.cloud-helper-box-bot-tel {
    margin-left: 5px;
    color: #333
}

.cloud-helper-box-btn {
    display: inline-block;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    padding: 0 24px;
    height: 32px;
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    *zoom: 1;
    *overflow: visible;
    cursor: pointer
}

.cloud-helper-box-sec .cloud-helper-box-btn-white {
    padding: 0 16px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #bebebe;
    background-color: #fafafa;
    background: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#efefef));
    background: -moz-linear-gradient(top,#f9f9f9,#efefef);
    background: -o-linear-gradient(top,#f9f9f9,#efefef);
    background: linear-gradient(top,#f9f9f9,#efefef);
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cloud-helper-box-sec .cloud-helper-box-btn-white:hover {
    cursor: pointer;
    background-color: #fafafa;
    background: -webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f7f7f7));
    background: -moz-linear-gradient(top,#fdfdfd,#f7f7f7);
    background: -o-linear-gradient(top,#fdfdfd,#f7f7f7);
    background: linear-gradient(top,#fdfdfd,#f7f7f7);
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    text-decoration: none
}

.cloud-helper-box-icon {
    display: inline-block;
    width: 14px;
    height: 16px;
    vertical-align: middle
}

.cloud-helper-box-icon1 {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 0;
    margin-left: 10px
}

.cloud-helper-box-icon2 {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat -16px 0;
    margin-left: 10px
}

.cloud-helper-box-icon3 {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat -32px 0;
    margin-left: 10px
}

.cloud-helper-box-bl {
    color: #00a2c9
}

.cloud-helper-box-rd {
    color: red
}

.cloud-helper-box-gy {
    color: #a1a19f
}

.cloud-helper-box-bar {
    margin: 0;
    padding: 4px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    vertical-align: middle;
    resize: none
}

.cloud-helper-box-bar-search {
    width: 365px;
    background: url(../../images/cloud_helper/cloud_helper.gif) 0 -215px no-repeat;
    background-color: #fff;
    padding-left: 35px
}

.cloud-helper-search-ipt {
    margin: 0;
    padding: 4px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    vertical-align: middle;
    resize: none
}

.cloud-helper-search-ipt-default {
    color: #ccc;
    padding-left: 35px;
    width: 365px;
    background: url(../../images/cloud_helper/cloud_helper.gif) 0 -215px no-repeat #fff
}

.cloud-helper-search-ipt-keep,.cloud-helper-search-ipt-ready {
    color: #333;
    padding-left: 5px;
    background: url() #fff;
    width: 395px
}

.cloud-helper-box-switch {
    float: right;
    width: 19px;
    height: 19px;
    margin: 11px 6px 11px 0;
    cursor: pointer;
    display: inline
}

.cloud-helper-box-switch a {
    display: block;
    height: 100%;
    width: 100%
}

.cloud-helper-box-close {
    margin-right: 0
}
.cloud-helper-box-close a {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -16px
}

.cloud-helper-box-close a:hover {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat -20px -16px
}

.cloud-helper-box-change a {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -36px
}

.cloud-helper-box-change a:hover {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat -20px -36px
}

.cloud-helper-box-arrow-right a {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -56px
}

.cloud-helper-box-arrow-right a:hover {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat -20px -56px
}

.cloud-helper-box-info {
    background: #eff8fa;
    padding: 7px 10px;
    margin: 3px 15px
}

.cloud-helper-box-info p,.cloud-helper-box-info span {
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,\5b8b\4f53 !important
}

.cloud-helper-box-list2 {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.cloud-helper-box-list2 div {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #00a2c9
}

.cloud-helper-box-list2 .cloud-helper-box-list-tit {
    width: 100%;
    background: #f8f8f8;
    height: 23px;
    line-height: 23px;
    overflow: hidden
}

.cloud-helper-box-list2 .cloud-helper-box-list-con {
    line-height: 21px;
    display: none;
    height: 118px;
    background: #fff;
    padding: 5px 10px;
    margin: 2px 0;
    color: #5d5d5d;
    border: 1px solid #ccc;
    white-space: normal;
    word-wrap: break-word;
    overflow-y: auto;
    overflow-x: hidden
}

.cloud-helper-box-list2 .cloud-helper-box-list-con a,.cloud-helper-robot a,.cloud-helper-robot a:visited {
    color: #00a2c9
}

.cloud-helper-box-list2 .cloud-helper-box-sublist {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.cloud-helper-box-list2 .cloud-helper-box-sublist-tit {
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    color: red;
    cursor: pointer
}

.cloud-helper-box-list2 .cloud-helper-box-sublist-con {
    white-space: normal;
    word-wrap: break-word;
    color: #000;
    padding: 10px 0 10px 24px;
    overflow-y: auto;
    overflow-x: hidden
}

.cloud-helper-box-list2 .cloud-helper-box-sublist-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../../images/cloud_helper/cloud_helper.gif) 0 -187px
}

.cloud-helper-box-subsec {
    padding: 10px 0
}

.cloud-helper-box-subsec .cloud-helper-box-subsec-tit {
    color: #000;
    height: 24px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer
}

.cloud-helper-box-sec20 {
    margin-bottom: 10px;
    padding-left: 15px;
    height: 16px;
    line-height: 16px;
    display: none
}

.cloud-helper-box-icon-up {
    background: url(../../images/cloud_helper/cloud_helper.gif) 0 -76px no-repeat
}

.cloud-helper-box-icon-down {
    background: url(../../images/cloud_helper/cloud_helper.gif) -16px 76px no-repeat
}

.cloud-helper-robot-main {
    height: 320px;
    width: 446px;
    background: #fff;
    border: 1px solid #bbb;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px
}

.cloud-helper-robot-question {
    border: 1px solid #fff;
    font-size: 14px;
    padding: 0 50px 0 0;
    background: #fff;
    position: relative
}

.cloud-helper-robot-question:before {
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #00a1e9;
    display: inline-block;
    position: absolute;
    content: '我';
    right: 0;
    height: 40px;
    width: 40px
}

.cloud-helper-robot-question-text {
    font-size: 12px;
    position: relative;
    background: #f0f9fe;
    padding: 15px;
    border: 1px solid #adcae3
}

.cloud-helper-robot-question-text:after,.cloud-helper-robot-question-text:before {
    content: '';
    border: 7px solid;
    border-color: transparent transparent transparent #adcae3;
    border-style: dotted dotted solid;
    width: 0;
    height: 0;
    position: absolute;
    right: -14px;
    top: 14px
}

.cloud-helper-robot-question-text:after {
    border: 8px solid;
    border-color: transparent transparent transparent #f0f9fe;
    top: 13px
}

.cloud-helper-bold {
    font-weight: 700
}

.cloud-helper-orange {
    color: #f48c12
}

.cloud-helper-grey {
    color: #999
}

.cloud-helper-robot-answer {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 0 0 50px
}

.cloud-helper-robot-answer:before {
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #ff7e00;
    display: inline-block;
    position: absolute;
    content: '小云';
    left: 0;
    height: 40px;
    width: 40px
}

.cloud-helper-robot-answer-head {
    padding-left: 35px;
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -92px;
    height: 30px;
    line-height: 30px
}

.cloud-helper-robot-answer-text {
    border: 1px solid #e5e5e5;
    margin-top: 10px;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.7em;
    color: #333;
    border-radius: 3px;
    padding: 15px 15px 0;
    position: relative
}

.cloud-helper-robot-answer-text:after,.cloud-helper-robot-answer-text:before {
    content: '';
    border: 7px solid;
    border-color: transparent #e5e5e5 transparent transparent;
    border-style: dotted dotted solid;
    width: 0;
    height: 0;
    position: absolute;
    left: -14px;
    top: 14px
}

.cloud-helper-robot-answer-text:after {
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
    top: 13px
}

.cloud-helper-robot-answer-text .feedback {
    margin-top: 5px;
    border-top: 1px solid #e5e5e5;
    padding: 5px 0;
    text-align: right;
    color: #999
}

.cloud-helper-robot-answer-text .bad-btn,.cloud-helper-robot-answer-text .good-btn {
    display: inline-block;
    height: 30px;
    padding-left: 18px;
    background-image: url(//gtms03.alicdn.com/tps/i3/TB1_u.FKFXXXXa_XpXXi6KGFpXX-18-30.png);
    background-repeat: no-repeat;
    line-height: 30px;
    cursor: pointer;
    margin-left: 5px;
    color: #06c
}

.cloud-helper-robot-answer-text .bad-btn {
    background-image: url(//gtms04.alicdn.com/tps/i4/TB1DSIRKFXXXXXdXXXXi6KGFpXX-18-30.png)
}

.cloud-helper-robot-answer-related {
    text-align: left;
    padding-bottom: 15px;
    padding-top: 5px
}

.cloud-helper-robot-answer-related ul {
    margin-top: 5px
}

.cloud-helper-robot-answer-related ul li {
    line-height: 2em
}

.cloud-helper-robot-answer-text .cloud-helper-robot-answer-sublist {
    list-style-type: square;
    color: red;
    margin-left: 15px
}

.cloud-helper-grab {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: move\9
}

.cloud-helper-grabbing {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: move\9
}

.user-select-none {
    user-select: none;
    -webkit-user-select: none
}

.cloud-helper-box-sec a,.cloud-helper-box-sec a:hover {
    text-decoration: none
}

.cloud-helper-box-sec .cloud-helper-robot-opt {
    font: 12px/16px;
    display: block;
    padding-left: 20px;
    float: right;
    height: 16px;
    color: #999;
    margin: 10px 0
}

.cloud-helper-box-sec .cloud-helper-robot-opt-hover {
    color: #333
}

.cloud-helper-robot-clear {
    width: 45px;
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -138px
}

.cloud-helper-robot-clear:hover {
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -122px;
    color: #333
}

.cloud-helper-robot-derive {
    width: 66px;
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -154px
}

.cloud-helper-robot-derive:hover {
    width: 66px;
    background: url(../../images/cloud_helper/cloud_helper.gif) no-repeat 0 -170px;
    color: #333
}

.cloud-helper-suggest-results {
    padding: 0;
    border: 1px solid #f48c12;
    background-color: #fcfbf7;
    overflow: hidden;
    z-index: 99999;
    bottom: 46px;
    left: 14px;
    width: 400px;
    position: absolute
}

.cloud-helper-suggest-results ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0
}

.cloud-helper-suggest-results li {
    margin: 0;
    padding: 3px 5px;
    display: block;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden
}

.cloud-helper-suggest-hover {
    background-color: #117cdf;
    color: #fff
}

.cloud-helper-transition {
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cloud-helper-box-panel {
    position: relative;
    overflow: hidden;
    height: 138px;
    width: 470px;
    margin: 0 12px
}

.cloud-helper-box-mid,.cloud-helper-robot {
    position: absolute;
    top: 0
}

.cloud-helper-box-mid {
    left: 0;
    width: 470px
}

.cloud-helper-robot {
    left: 470px
}

.cloud-helper-display4 {
    line-height: 24px
}

#J_net_code:hover>div {
    display: block!important
}

.content .content-evaluation-btn {
    bottom: 5%!important;
    top: inherit!important
}
*******************************index end************************************************
.haidiyun-individuation-xiaoyun-95187 .module-wrap .yun95187 {
    display: block;
    position: relative;
    margin-bottom: 5px;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .yun95187 .white {
    display: block;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .yun95187 .blue {
    display: none;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .yun95187:hover .white {
    display: none;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .yun95187:hover .blue {
    display: block;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap #force-box {
    right: 550px !important;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel {
    position: absolute;
    top: 0;
    right: 50px;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel {
    width: 360px;
    height: 157px;
    background: #fff;
    border: 1px solid #c5d8db;
    padding: 0 20px;
    border-top: 5px solid #00C1DE;
    text-align: left;
    -webkit-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area {
    position: relative;
    width: 100%;
    padding: 15px 0;
    border-bottom: .5px solid #DEDEDE;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-left-icon {
    width: 50px;
    float: left;
    padding-top: 10px;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text {
    padding-left: 70px;
    height: 54px;
    color: #373D41;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .desc {
    font-size: 14px !important;
    line-height: 22px;
    margin-bottom: 4px;
    color: #5F6367;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .phone {
    font-size: 18px !important;
    line-height: 28px;
    color: #00C1DE;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .panel-close {
    color: #D0D0D0;
    position: absolute;
    right: 0;
    top: 17px;
    font-size: 14px !important;
    cursor: pointer;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area {
    width: 100%;
    font-size: 12px;
    color: #9B9EA0;
    padding-top: 16px;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area a {
    font-size: 14px;
    color: #A9B0B4;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area a:hover {
    color: #00C1DE;
    text-decoration: none;
}
.haidiyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area .bottom-li li {
    float: left;
    width: 40%;
    list-style-type: circle;
    margin-left: 10%;
}
******************************************index(3) end******************************************
                                                   blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
                                                       margin: 0;
                                                       padding: 0
                                                   }

body,button,input,select,textarea {
    font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif
}
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

address,cite,dfn,em,var {
    font-style: normal
}

code,kbd,pre,samp {
    font-family: courier new,courier,monospace
}

small {
    font-size: 12px
}

ol,ul {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset,img {
    border: 0
}

button,input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
*********************************************index-mix end**********************************************
* {
    margin: 0;
    padding: 0
}

.clearfix:after,.col-extra:after,.col-sub:after,.layout:after,.main-wrap:after,.tb-module:after {
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden
}

.clearfix,.col-extra,.col-sub,.layout,.main-wrap,.tb-module {
    *zoom: 1
}

.col-extra,.col-main,.col-sub {
    float: left;
    min-height: 1px
}

.layout {
    width: 1190px;
    margin-left: auto;
    margin-right: auto
}

.grid-0,.grid-0 .col-main,.grid-1 .col-main,.grid-2 .col-main {
    width: 100%
}

.grid-2 .col-main .main-wrap {
    margin-left: 240px
}

.grid-2 .col-sub {
    width: 240px;
    margin-left: -100%
}

.grid-3 .col-main {
    width: 100%
}

.grid-3 .col-main .main-wrap {
    margin-left: 950px
}

.grid-3 .col-sub {
    width: 950px;
    margin-left: -100%
}

.grid-4 .col-main {
    width: 100%
}

.grid-4 .col-main .main-wrap {
    margin-left: 170px;
    margin-right: 470px
}

.grid-4 .col-sub {
    width: 170px;
    margin-left: -100%
}

.grid-4 .col-extra {
    width: 470px;
    margin-left: -470px
}

.layout-grid-0 {
    width: 100%
}

.site-nav .site-nav-bd {
    width: 1190px!important
}
*******************************layout-hangye-pc end****************************************
.y-row{
    min-width: 1000px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}
.y-all{
    min-width: 1000px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}
.y-clear{
    zoom: 1;
}
.y-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.module-wrap .topbar-body .logo-cell {
    width: 96px;
    height: 60px;
    margin-right: 84px;
    position: relative;
}
a, a:hover, a:link, a:visited {
    color: #00a2ca;
}
.y-left {
    float: left
}
.y-left, .y-right {
    display: inline;
}
a {
    text-decoration: none;
}
.y-lnk, .y-lnk-gray, .y-lnk-highlight, a {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
}
a, ins {
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}
.module-wrap .topbar-body.black-cell .menu-body li {
    color: #fff;
}
.module-wrap .topbar-body .menu-body li {
    position: relative;
    box-sizing: border-box;
    float: left;
    height: 61px;
    line-height: 60px;
    font-size: 14px;
}
li{
    display: list-item;
    text-align: -webkit-match-parent;
}
.module-wrap .topbar-body.black-cell .menu-body li a {
    color: #fff;
    text-decoration: none;
}
.module-wrap .topbar-body .menu-body li a {
   /* padding: 0 18px;*/
    padding: 0 40px;
    color: #373D41;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}
.module-wrap .topbar-body .menu-body li > img {
    top: 7px;
    width: 24px;
    position: absolute;
    right: 7px;
}
.module-wrap .topbar-body.black-cell .logo-cell img.black {
    display: block;
}
.module-wrap .topbar-body.black-cell .logo-cell img.white {
    display: none;
}
.module-wrap .topbar-body .logo-cell img.black {
    display: none;
}
.module-wrap .topbar-body .logo-cell img {
    position: absolute;
    margin-top: 12.5px;
    width: 96px;
    /*height: 23px;*/
}
.fieldset, img {
    border: 0;
}
.fieldset, img {
    border: 0;
}
.y-right {
    float: right!important;
}
.y-left, .y-right {
    display: inline;
}
.y-clear{
    zoom: 1;
}
.module-wrap .topbar-body .tool-body .login-cell {
    width: 130px;
    height: 61px;
    background-color: #00C1DE;
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-size: 14px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    text-decoration: none;
}
.module-wrap .topbar-body .tool-body .user-info-cell {
    display: none;
}
.module-wrap .topbar-body .tool-body .y-right li {
    margin-right: 26px;
    float: right;
    text-align: left;
    height: 60px;
    box-sizing: border-box;
    line-height: 60px;
}
.module-wrap .topbar-body.black-cell .tool-body .tips-item a {
    color: #fff;
}
.module-wrap .topbar-body .tool-body .y-right li a {
    color: #373D41;
    font-size: 14px;
    text-decoration: none;
}
.module-wrap .topbar-body .menu-body {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    position: relative;
}
.y-left {
    float: left!important;
}
.y-left, .y-right {
    display: inline;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 560px;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] .layer img {
    width: 800px;
    position: absolute;
    right: -60px;
}
element.style {
}
.haidiyun-index-top-banner-2016 .module-wrap .banner-container.dark .left-header {
    color: #fff;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] .layer {
    text-align: center;
    position: absolute;
}
.haidiyun-index-top-banner-2016 .module-wrap .left-header {
    color: #000;
    top: 200px;
    left: 0;
    text-align: left;
    line-height: 50px;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group].center {
    visibility: visible;
    z-index: 100;
    -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);
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group] {
    position: absolute;
    height: 560px;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
}
.haidiyun-index-top-banner-2016 .module-wrap .index-menu {
    position: absolute;
    top: 0;
    height: 100px;
    width: 100%;
    z-index: 999;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group].center {
    visibility: visible;
    z-index: 100;
    -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);
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group].bottom {
    visibility: visible;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group] .y-row {
    position: relative;
    height: 100%;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-ignore-group] {
    z-index: 900;
    height: 0 !important;
}
.haidiyun-index-top-banner-2016 .module-wrap .left-header a {
    text-decoration: none;
    outline: none;
}
.haidiyun-index-top-banner-2016 .module-wrap .banner-container.dark h1 {
    color: #fff;
}
.haidiyun-index-top-banner-2016 .module-wrap .left-header h1 {
    text-align: left;
    font-size: 44px;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
.haidiyun-index-top-banner-2016 .module-wrap .banner-container.dark p {
    color: #fff;
}
.
.haidiyun-index-top-banner-2016 .module-wrap .left-header p {
    text-align: left;
    font-size: 20px;
}
element.style {
}
.haidiyun-index-top-banner-2016 .module-wrap .banner-container.dark button {
    color: #fff;
    border: 1px solid #fff;
    background: #373d41;
    background: transparent;
}
.haidiyun-index-top-banner-2016 .module-wrap .left-header .layer-btn {
    outline: none;
    cursor: pointer;
    margin-top: 30px;
    font-size: 16px!important;
    float: left;
    width: 120px;
    height: 36px;
    background: transparent;
    color: #fff;
    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
button, input, select, textarea {
    font-size: 100%;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-base-layer] {
    z-index: 90;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] .banner-row {
    position: relative;
    min-width: 1200px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group].animating-enter-down .right-image:nth-of-type(1) {
    -webkit-animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group].animating-enter-down .right-image:nth-of-type(2) {
    -webkit-animation: re-banner-slide-40 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: re-banner-slide-40 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: re-banner-slide-40 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: re-banner-slide-40 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group].animating-enter-down .right-image:nth-of-type(3) {
    -webkit-animation: re-banner-slide-60 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: re-banner-slide-60 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: re-banner-slide-60 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: re-banner-slide-60 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] .layer {
    text-align: center;
    position: absolute;
}
.haidiyun-index-top-banner-2016 .module-wrap .right-image {
    top: 0;
    width: 100%;
}
.banner-tab {
    z-index: 989;
    position: absolute;
    bottom:30px;
    left: 50%;
}
ol, ul {
    list-style: none;
}
.banner-tab.dark .banner-tab-li {
    background: #a1a1a3;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
}
.banner-tab.dark .banner-tab-li:first-child{ background-color: rgba(255, 255, 255, 1);}
.banner-tab .banner-tab-li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    float: left;
    color: #FFFFFF;
    width: 26px;
    height: 4px;
    padding: 10px 3px;
    cursor: pointer;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.www-home-banner-bottom-2016 .module-wrap .banner-bottom-container {
    background-color: #D7D7D8;
    height: 130px;
}
.www-home-banner-bottom-2016 .module-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.www-home-banner-bottom-2016 .module-wrap .haidi-main-special {
    width: 1200px;
    position: relative;
    height: 100%;
}
.www-home-banner-bottom-2016 .module-wrap .haidi-main-special li.haidi-main-special-list {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: block;
    float: left;
    width: 20%;
    padding: 40px 0 40px 24px;
}
.box-bg-odd1 {
    background-color: #edecec;
}
.box-bg-odd1:hover {
    color: #00a2ca;
}
.box-bg-odd2 {
    background-color: #e2e2e3;
}
.box-bg-odd3 {
    background-color: #edecec;
}
.www-home-banner-bottom-2016 .module-wrap .haidi-main-special a {
    text-decoration: none;
}
.www-home-banner-bottom-2016 .module-wrap .haidi-main-special li.haidi-main-special-list .special-left {
    position: relative;
    z-index: 1;
}
.www-home-banner-bottom-2016 .module-wrap .haidi-main-special li.haidi-main-special-list .special-right {
    z-index: 0;
    width: 175px;
    height: 175px;
    position: absolute;
    right: -45px;
    top: -5px;
}
.www-home-banner-bottom-2016 .module-wrap [data-image] {
    background: no-repeat center;
    margin: 0 auto;
    -webkit-background-size: 175px;
    -moz-background-size: 175px;
    background-size: 175px;
    background-position: 0 0;
}
.www-home-banner-bottom-2016 .module-wrap .haidi-main-special li.haidi-main-special-list .special-left .title {
    font-size: 18px;
    color: #373d41;
    font-weight: bold;
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-home-banner-bottom-2016 .module-wrap .haidi-main-special li.haidi-main-special-list .special-left .desc {
    font-size: 14px;
    color: #373d41;
}
.grid-0, .grid-0 .col-main, .grid-1 .col-main, .grid-2 .col-main {
    width: 100%;
}
.col-extra, .col-main, .col-sub {
    min-height: 0 !important;
}
.col-extra, .col-main, .col-sub {
    float: left;
    min-height: 1px;
}
.haidiyun-index-product-sale .module-wrap .index-sale {
    min-height: 920px;
    width: 100%;
    background-color: rgba(55, 61, 65, 0.05);
    padding-top: 74px;
    padding-bottom: 68px;
}
.haidiyun-index-product-sale .module-wrap * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.haidiyun-index-product-sale .module-wrap .index-sale-title {
    text-align: center;
    font-size: 24px;
}
.haidiyun-index-product-sale .module-wrap .card-area {
    margin: 82px auto 0 auto;
    width: 1180px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item.active {
    z-index: 100;
    border: 1px solid #00c1de;
    box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);
    width: 34%;
    height: 653px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list>p{height:22px;overflow: hidden}
.haidiyun-index-product-sale .module-wrap .card-area .card-item {
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    position: relative;
    float: left;
    width: 22%;
    height: 548px;
    background-color: transparent;
    border: 1px solid #DBDBDD;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item + .card-item {
    margin-left: -1px;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other {
    margin: 76px auto;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-head {
    position: relative;
}
.haidiyun-index-productother-2016 .module-wrap .haidiyun-hide {
    visibility: hidden;
    visibility: visible;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-head h1 {
    cursor: default;
    text-align: center;
    font-size: 24px;
    color: #373d41;
    margin-bottom: 67px;
     font-weight:500;

}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell {
    width: 33%;
    text-align: center;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .ali-product-img {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px auto;
    position: relative;
}
.slide-product-20 {
    -webkit-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell h2 {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
    font-size: 20px;
    color: #373D41;
    margin-bottom: 5px;
    font-weight: bold;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell h2 {
    cursor: default;
}
.slide-product-30 {
    -webkit-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell p {
    line-height: 22px;
    font-size: 14px;
    color: #a9b0b4;
    padding: 0 30px;
}
.slide-product-40 {
    -webkit-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell ul {
    padding-top: 15px;
}
.slide-product-50 {
    -webkit-animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
ol, ul {
    list-style: none;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .ali-product-img img {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    left: 0;
    width: 100%;
}
fieldset, img {
    border: 0;
}
fieldset, img {
    border: 0;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell ul li {
    display: inline-block;
    list-style: none;
    padding: 0 20px 0 10px;
    font-size: 14px;
    position: relative;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell ul li .list-context {
    color: #00C1DE;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .ali-product-img {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px auto;
    position: relative;
}
.slide-product-20 {
    -webkit-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell h2 {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
    font-size: 20px;
    color: #373D41;
    margin-bottom: 5px;
    font-weight: bold;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell h2 {
    cursor: default;
}
.slide-product-30 {
    -webkit-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell p {
    line-height: 22px;
    font-size: 14px;
    color: #a9b0b4;
    padding: 0 30px;
}
.slide-product-40 {
    -webkit-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell ul {
    padding-top: 15px;
}
.slide-product-50 {
    -webkit-animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-product50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-productother-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .ali-product-img img {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    left: 0;
    width: 100%;
}
.www-haidiyun-com-home-solution .module-wrap {
    background: #373D41;
    position:relative;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container {
    position: relative;
    min-width: 1180px;
    max-width: 1440px;
    height: 344px;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body {
    position: relative;
    overflow: hidden;
    height: 344px;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn.left-btn, .www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn-panel.left-btn {
    left: 0;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn-panel {
   
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn, .www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    border: 0;
    outline: none;
    cursor: pointer;
    background: transparent;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn {
    position: absolute; top: 0px; right: 0px;background:rgba(0,0,0,0.3); border: none; cursor: pointer; outline: none; z-index: 999;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content {
    position: absolute;
    left: 0;
    top: 0;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item {
    position: relative;
    float: left;
    color: #000;
    font-size: 0;
    text-align: center;
    min-width: 236px;
    max-width: 288px;
    min-height: 344px;
    cursor: pointer;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn-panel .btn-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #161A1D;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30));
    display: none;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn i, .www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn-panel i {
    display: inline-block;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}
[class*=" icon-"], [class^=icon-] {
    font-family: 'iconfont';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
i {
    font-style: normal;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn.right-btn, .www-haidiyun-com-home-solution .module-wrap .slide-container .slide-btn-panel.right-btn {
    right: 0;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #161A1D;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg:hover{background: #00a2ca;}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 130px;
    bottom: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content:hover{top:30px}

.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel {
    position: relative;
    width: 25%;
    height: 54px;
    display: inline-block;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    margin-top: 20px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title {
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    margin-top: 24px;
    font-weight: bold;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc{
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc:hover{
    opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s linear;
}

.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    padding: 0px 23px;
    line-height: 24px;
    height: 72px;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
    display: inline-block;
    border: 1px solid #fff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    margin-top: 62px;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link:hover{color:#00a2ca}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img, .www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img, .www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
fieldset, img {
    border: 0;
}
fieldset, img {
    border: 0;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img, .www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel .item-line {
    width: 20px;
    height: 2px;
    background: #fff;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    margin-top: 20px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

i {
    font-style: normal;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg {
    width: 100%;
    height: 100%;
}
.www-haidiyun-com-home-solution .module-wrap .slide-container .slide-body {
    position: relative;
    overflow: hidden;
    height: 344px;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-market {
    margin-top: 76px;
    margin-bottom: 76px;
}
.haidiyun-index-market-2016 .module-wrap * {
    padding: 0;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-head {
    position: relative;
    margin-bottom: 67px;
}
.haidiyun-index-market-2016 .module-wrap .haidiyun-hide {
    visibility: hidden;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-head h1 {
    cursor: default;
    text-align: center;
    font-size: 24px;
    color: #373d41;
    font-weight:500;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell {
    width: 33.3%;
    text-align: center;
    height: 200px;
    margin: 10px auto;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .header-link {
    display: block;
    text-decoration: none;
    margin: 0 auto;
    width: 100px;
    color:#373D41;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell a.header-link:hover h2 {
    color:#373D41;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .ali-product-appendix {
    padding-top: 10px;
}
.slide-market-50 {
    -webkit-animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .haidi-product-img {
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat center;
    margin: 0 auto;
    -webkit-background-size: 75px;
    -moz-background-size: 75px;
    background-size: 75px;
    background-position: 0 0;
    transition:all linear 1s;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .haidi-product-img :hover{background-position:0  -3000px;transition:all linear 1s;}
.slide-market-20 {
    -webkit-animation: slide-market20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-market20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-market20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-market20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.slide-market-30 {
    -webkit-animation: slide-market30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: slide-market30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: slide-market30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: slide-market30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .haidi-product-appendix .appendix-list {
    display: inline-block;
    list-style: decimal !important;
    padding: 0;
    font-size: 14px;
    position: relative;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .haidi-product-appendix .appendix-list a {
    text-decoration: none;
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    color: #a9b0b4;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .header-link h2 {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 20px;
    color: #373D41;
    margin-top: 10px;
    font-weight: bold;
}
.haidiyun-index-market-2016 .module-wrap .haidi-main-product-other .haidi-main-product-other-cell .header-link h2:hover{
    color:#00C1DE;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community {
    background-color: #F5F5F5;
    padding-top: 80px;
    padding-bottom: 80px;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-head {
    margin-bottom: 68px;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content.clearfix {
    zoom: 1;
    display: block;
    _height: 1px;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content {
    width: 100%;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content .haidi-content-item {
    float: left;
    width: 400px;
    padding-left: 10px;
    padding-right: 10px;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community a {
    text-decoration: none;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content .haidi-content-item .item-appendix {
    font-size: 14px;
    padding-left: 0;
    line-height: 2;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content .haidi-content-item .item-box {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #c5d8db;
    height: 230px;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content .haidi-content-item .item-box .img-area {
    width: 100%;
    overflow: hidden;
    height: 170px;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content .haidi-content-item .item-box .box-header {
    padding: 18px 25px;
    font-size: 14px;
    color: #373d41;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content .haidi-content-item .item-box .img-area img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-content .haidi-content-item .item-appendix a {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    color: #373d41;
    text-decoration: none;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community a {
    text-decoration: none;
}
.haidiyun-index-community .module-wrap .haidiyun-index-community .haidi-main-head h1 {
    font-size: 24px;
    text-align: center;
 font-weight:500;
}
.haidiyun-index-defence .module-wrap .haidi-main-defence-wrapper {
    background-color: #00C1DE;
    position: relative;
    text-align: center;
    padding-top: 32px;
    height: 100px;
    width: 100%;
}
.haidiyun-index-defence .module-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.haidiyun-index-defence .module-wrap .defence-desc {
    position: relative;
    z-index: 1;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
}
.haidiyun-index-defence .module-wrap .haidi-main-defence {
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat!important;
    -webkit-background-size: 100%!important;
    -moz-background-size: 100%!important;
    background-size: 100%!important;
    text-align: center;
}
.haidiyun-index-defence .module-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.layout-grid-0 {
    width: 100%;
}
/*.layout {*/
/*width: 1190px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*}*/
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve {
    margin-top: 80px;
    margin-bottom: 50px;
}
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve-head {
    margin-bottom: 70px;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve-head h1 {
    text-align: center;
    font-size: 24px;
    color: #373D41;
}
h1 {
    display: block;
    font-size: 18px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: 500;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve .main-img {
    width: 100%;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve .main-bar {
    padding: 0 10%;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve .main-img img {
    width: 100%;
}
.point-area {
    text-align: center;
    position: relative;
    width: 150px;
    height: 150px;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.point-area .point-dot {
    background-color: #6AD7E9;
    border: 1px solid rgba(0, 205, 236, 0.37);
}
.point-area .point {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    background: transparent;
}
.point-area .point-10 {
    width: 100%;
    height: 100%;
}
.point-area .point-40 {
    width: 100%;
    height: 100%;
}
.point-area .point-80 {
    width: 100%;
    height: 100%;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve .main-bar .main-bar-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    width: 25%;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve .main-bar .main-bar-list img {
    width: 50px;
    height: 50px;
    float: left;
}
.haidiyun-index-serve-2016 .module-wrap .haidi-main-serve .main-bar .main-bar-list p {
    float: left;
    line-height: 50px;
    color: #373D41;
    font-size: 12px;
    padding-left: 10px;
}
.haidiyun-index-partner-2016 .module-wrap .haidi-main-partner {
    margin-top: 80px;
}
.haidiyun-index-partner-2016 .module-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.haidiyun-index-partner-2016 .module-wrap .haidi-main-head {
    margin-bottom: 12px;
}
.haidiyun-index-partner-2016 .module-wrap .haidi-main-head h1 {
    text-align: center;
    font-size: 24px;
    color: #373d41;
}
.haidiyun-index-partner-2016 .module-wrap .haidi-main-partner .haidi-main-partner-box {
    width: 20%;
    height: 203px;
}
.haidiyun-index-partner-2016 .module-wrap .haidi-main-partner .haidi-main-partner-box > .context {
    text-align: center;
    height: 130px;
    width: 100%;
    padding-top: 36.5px;
}
.haidiyun-index-register .module-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.haidiyun-index-register .module-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.haidiyun-index-register .module-wrap .haidi-main-register-wrapper {
    position: relative;
    height: 200px;
    width: 100%;
    background-color: #00C1DE;
}
.haidiyun-index-register .module-wrap .context {
    position: absolute;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    text-align: center;
}
.haidiyun-index-register .module-wrap .register-desc {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 17px;
}
.haidiyun-index-register .module-wrap .register-btn {
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    font-size: 16px!important;
    line-height: 36px;
    padding: 0 28px;
    height: 36px;
    outline: none;
    cursor: pointer;
}
.haidiyun-index-register .module-wrap .haidi-main-register {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(40));
}
button, input, select, textarea {
    font-size: 100%;
}
body, button, input, select, textarea {
    font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
}
.y-align-center {
    text-align: center!important;
}
a.y-btn-anti, a.y-btn-anti:link, a.y-btn-anti:visited, a.y-btn-blue, a.y-btn-blue:link, a.y-btn-blue:visited, a.y-btn-trans, a.y-btn-trans:link, a.y-btn-trans:visited, a.y-btn-white, a.y-btn-white:link, a.y-btn-white:visited {
    display: inline-block;
    min-width: 78px;
    height: 33px;
    padding: 0 30px 1px;
    background: #00a2ca;
    line-height: 33px;
    font-size: 14px;
    text-align: center;
    outline: none;
    border-radius: 0;
}
.haidiyun-common-footer .module-wrap .knight-footer-big {
    min-width: 1000px;
    display: none;
}
.haidiyun-common-footer .module-wrap .copyright-100 {
    background-color: #373D41 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
}
.copyright-100 {
    clear: both;
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    min-width: 1000px;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact {
    padding-top: 0;
    background-color: #373D41 !important;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact {
    padding-top: 40px;
    background-color: #f8f8f8;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time {
    margin: auto;
    width: 1100px;
    border-bottom: 1px solid #e2e2e2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.haidiyun-common-footer .module-wrap .haidi-main-time {
    border-bottom: 1px dashed #e2e2e2;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time .haidi-main-time-content {
    height: 120px;
}
.haidiyun-common-footer .module-wrap .haidi-main-time-content {
    position: relative;
    height: 85px;
}
.haidiyun-common-footer .module-wrap .haidi-main-time-content li {
    width: 25%;
    float: left;
    text-align: center;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time .haidi-main-time-content > li a {
    position: relative;
    padding-left: 60px;
    height: 120px;
    line-height: 120px;
}
.haidiyun-common-footer .module-wrap .haidi-main-time-content li a {
    display: inline-block;
    color: #666666;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time .haidi-main-time-content .ali-main-time-what {
    line-height: 120px;
    color: #fff;
    font-size: 16px;
}
.haidiyun-common-footer .module-wrap .haidi-main-time-what {
    font-size: 15px;
    line-height: 20px;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time .haidi-main-time-content > li a img.white {
    display: block;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time .haidi-main-time-content > li a img {
    position: absolute;
    left: 0;
    width: 50px;
    top: 34px;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time .haidi-main-time-content > li a img.black {
    display: none;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-time {
    margin: auto;
    width: 1100px;
    border-bottom: 1px solid #e2e2e2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.haidiyun-common-footer .module-wrap .haidi-main-time {
    border-bottom: 1px dashed #e2e2e2;
}
.haidiyun-common-footer .module-wrap .haidi-main-tel {
    line-height: 81px;
    text-align: center;
    padding-left: 40px;
    border-bottom: 1px dashed #e2e2e2;
}
.haidiyun-common-footer .module-wrap .haidi-main-tel span {
    height: 82px;
    line-height: 82px;
    float: left;
    display: inline-block;
    font-size: 12px;
    width: 250px;
}
.haidiyun-common-footer .module-wrap .haidi-main-tel .y-btn-white {
    margin-top: 22px;
}
a.y-btn-white, a.y-btn-white:link, a.y-btn-white:visited {
    background: #fff;
    border-color: #00a2ca;
    color: #00a2ca;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-content {
    width: 100%;
    position: relative;
    float: left;
    min-width: 900px;
    max-width: 1200px;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-content-li {
    float: left;
    width: 19.6%;
    color: #00a2ca;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-know .haidi-main-know-title {
    font-size: 16px;
    color: #fff;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-title {
    color: #000000;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-subcontent {
    margin-top: 20px;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-know .haidi-main-know-subcontent li {
    margin-bottom: 0;
    height: 30px;
    line-height: 30px;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-subcontent li {
    margin-bottom: 10px;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-know .haidi-main-know-subcontent li span {
    font-size: 14px;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-know .haidi-main-know-subcontent li a {
    font-size: 14px;
    color: #A9B0B4;
    text-decoration: none;
}
.haidiyun-common-footer .module-wrap .haidi-main-know a, .haidiyun-common-footer .module-wrap .ali-main-know a:link, .aliyun-common-footer .module-wrap .ali-main-know a:visited {
    color: #666;
}
.haidiyun-common-footer .module-wrap .copyright-100 .link-wrap, .haidiyun-common-footer .module-wrap .copyright-100 .copyright {
    font-size: 14px;
}
.copyright-100 .copyright {
    text-align: left;
    color: #999;
    font-size: 12px;
    padding: 15px 0 40px;
}
.haidiyun-common-footer .module-wrap .copyright-100 .big {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.copyright-100 .copyright p.big {
    font-size: 14px;
}
.copyright-100 .copyright p {
    padding: 5px 0;
}
.haidiyun-common-footer .module-wrap .copyright-100 .copyright p a {
    color: #777F84;
    text-decoration: none;
}
.haidiyun-common-footer .module-wrap .copyright-100 .big a {
    color: #fff;
    text-decoration: none;
}
.copyright-100 .copyright p.big a {
    color: #666;
    text-decoration: none;
}
.copyright-100 .copyright p a {
    padding: 0 5px 0 0;
    color: #b3b3b3;
    white-space: nowrap;
    text-decoration: none;
}
.haidiyun-common-footer .module-wrap .copyright-100 .footer-search input {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.7);
    height: 30px;
    color: #b3b3b3;
    padding: 0px 30px 0 10px;
    width: 178px;
}
.haidiyun-common-footer .module-wrap .copyright-100 .footer-search button {
    background: darkgoldenrod;
    width: 30px;
    position: absolute;
    top: 1px;
    height: 30px;
    right: 1px;
    background-color: rgba(255, 255, 255, 0);
    border: 0px;
    cursor: pointer;
}
.haidiyun-common-footer .module-wrap .copyright-100 .footer-search button i {
    font-size: 16px;
    color: #b3b3b3;
}
.haidiyun-common-footer .module-wrap .copyright-100 .select-choice {
    background-color: #3a3f43;
    border: 1px solid rgba(255, 255, 255, 0.7);
    height: 30px;
    line-height: 30px;
}
.haidiyun-common-footer .module-wrap .select-choice {
    box-sizing: content-box !important;
    display: none;
    width: 100px;
    height: 24px;
    border: 1px solid #dddddd;
    padding: 0 10px 0 35px;
    line-height: 24px;
    position: relative;
    cursor: pointer;
}
.haidiyun-common-footer .module-wrap .copyright-100 .select-choice img {
    top: 8px;
}
.haidiyun-common-footer .module-wrap .select-choice img {
    width: 16px;
    left: 10px;
    position: absolute;
    top: 4px;
}
.haidiyun-common-footer .module-wrap .select-choice .icon-down3 {
    display: block;
    font-family: 'iconfont' !important;
}
.haidiyun-common-footer .module-wrap .select-choice i {
    position: absolute;
    right: 5px;
    top: 7px;
}
.haidiyun-common-footer .module-wrap .select-choice:hover .icon-down3 {
    display: none;
}
.haidiyun-common-footer .module-wrap .copyright-100 .select-choice ul {
    background-color: #3a3f43;
    border: 1px solid rgba(255, 255, 255, 0.7);
    top: 30px !important;
}
.haidiyun-common-footer .module-wrap .select-choice > ul {
    display: none;
    background-color: #f4f7fa;
    width: 145px;
    left: -1px;
    position: absolute;
    top: 24px;
    border: 1px solid #dddddd;
}
.haidiyun-common-footer .module-wrap .select-choice > ul li {
    position: relative;
    padding: 0 10px 0 35px;
}
.haidiyun-common-footer .module-wrap .copyright-100 .select-choice img {
    top: 8px;
}
.haidiyun-common-footer .module-wrap .select-choice img {
    width: 16px;
    left: 10px;
    position: absolute;
    top: 4px;
}
.copyright-100 .copyright p .link-item {
    padding: 0 10px 0 0;
}
.copyright-100 .copyright p a {
    padding: 0 5px 0 0;
    color: #b3b3b3;
    white-space: nowrap;
    text-decoration: none;
}

.copyright-100 .copyright .copyright {
    margin-top: -6px;
}
.copyright-100 .copyright p {
    padding: 5px 0;
}
.copyright-100 .copyright {
    text-align: left;
    color: #999;
    font-size: 12px;
    padding: 15px 0 40px;
}
.haidiyun-common-footer .module-wrap .copyright-100 .copyright span {
    display: none;
}
.haidiyun-common-footer .module-wrap .copyright-100 .copyright p a {
    color: #777F84;
    text-decoration: none;
}
.copyright-100 .copyright p a {
    padding: 0 5px 0 0;
    color: #b3b3b3;
    white-space: nowrap;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-cell .haidi-main-know-cell-qr {
    display: none;
    width: 105px;
    margin-top: 2px;
}
.haidiyun-common-footer .module-wrap .copyright-100 .footer-search {
    display: inline-block;
    float: right;
    margin-left: 10px;
    position: relative;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
    width: 100%;
    padding: 35px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left {
    float: left;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .right-text {
    margin-left: 77px;
    height: 50px;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left-icon {
    float: left;
    width: 50px;
    height: 50px;
    display: table;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left {
    display: inline-block;
    min-height: 50px;
    padding-left: 30px;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left-icon span {
    display: table-cell;
    vertical-align: middle;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left-icon .black-icon {
    display: block;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left-icon span img {
    width: 100%;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left-icon .white-icon {
    display: none;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left-icon .small-icon {
    display: none;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left .title {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding-bottom: 5px;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .left .left .desc {
    color: #fff;
    font-size: 22px;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .right-text .right {
    margin-left: 90px;
    display: inline-block;
    padding: 13px 0;
    height: 24px;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .right-text .right .list:not(:last-child) {
    border-right: 1px solid #CFD0D1;
}
.haidiyun-common-footer .www-haidiyun-400-help-banner-footer .module-wrap .list-help .right-text .right .list {
    color: #fff;
    float: left;
    padding: 0 10px;
    font-size: 16px;
}
.haidiyun-common-footer .right-text a {
    text-decoration: none;
    color: inherit;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-know {
    width: 1100px;
    margin: auto;
    float: none;
    height: 304px;
}
.haidiyun-common-footer .module-wrap .haidi-main-know {
    width: 100%;
    position: relative;
    float: left;
    padding: 48px 0;
    font-size: 12px;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-know .haidi-main-know-subcontent .qr-code {
    height: inherit;
}
.haidiyun-common-footer .module-wrap .haidi-main-contact .haidi-main-know .haidi-main-know-subcontent li {
    margin-bottom: 0;
    height: 30px;
    line-height: 30px;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-subcontent li {
    margin-bottom: 10px;
}
.haidiyun-common-footer .module-wrap .haidi-main-know-cell {
    position: relative;
}
element.style {
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] [data-group].animating-enter-up .left-header {
    -webkit-animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -moz-animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    -o-animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
    animation: re-banner-slide-20 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
.haidiyun-index-top-banner-2016 .module-wrap .banner-container.dark .left-header {
    color: #fff;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] .layer {
    text-align: center;
    position: absolute;
}
.haidiyun-index-top-banner-2016 .module-wrap .banner-container.dark .left-header {
    color: #fff;
}
.haidiyun-index-top-banner-2016 .module-wrap [data-hover-container] .layer {
    text-align: center;
    position: absolute;
}
.haidiyun-index-top-banner-2016 .module-wrap .left-header {
    color: #000;
    top: 200px;
    left: 0;
    text-align: left;
    line-height: 50px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .haidi-product-img .with-hover {
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title h1, .haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .short-info, .aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img img {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .haidi-product-img img {
    position: absolute;
    left: 0;
    width: 100%;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .short-info {
    color: #949a9e;
    font-size: 14px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .content {
    position: absolute;
    bottom: 17px;
    width: 100%;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title h1 {
    font-size: 18px;
    font-weight: bold;
    color: #373D41;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .haidi-product-img {
    width: 55px;
    height: 55px;
    margin: 10px auto;
    position: relative;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    height: 170px;
    line-height: 26px;
    font-size: 14px;
    top: 0;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content, .haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
    position: absolute;
    left: 0;
    right: -1px;
    z-index: 1;
}

.title-even {
    background-color: #EBEBEC;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first .content-first-list li {
    margin-bottom: 5px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first {
    -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first .content-first-list {
    width: 100%;
    max-width: 250px;
    font-size: 14px;
    color: #373D41;
    margin-top: 47px;
    margin-bottom: 47px;
    position:relative;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first .content-first-list li {
    margin-bottom: 0px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second {
    max-width: 350px;
    left: 25px;
    font-size: 14px;
    color: #a9b0b4;
    text-align: left;
    padding-top: 26px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list {
    height: 80px;
    padding-right: 5px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info {
    line-height: 22px;
    border-top: 1px solid #ebebec;
    padding-top: 20px;
    font-size: 12px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second li {
    float: left;
    width: 50%;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second {
    max-width: 350px;
    left: 25px;
    font-size: 14px;
    color: #a9b0b4;
    text-align: left;
    padding-top: 26px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second {
    -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    z-index: 2;
    /*opacity: 0;*/
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    line-height: 2;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content {
    height: 376px;
    position: absolute;
    top: 170px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content, .haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
    position: absolute;
    left: 0;
    right: -1px;
    z-index: 1;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content {
    width: 100%;
    line-height: 2;
}
.haidiyun-index-product-sale .module-wrap .no-effect {
    text-decoration: none;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-desc {
    line-height: 22px;
}
a, a:hover, a:link, a:visited {
    color: #00a2ca;
}
a {
    text-decoration: none;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-head {
    color: #373d41;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-btn {
    cursor: pointer;
    width: 100px;
    height: 30px;
    font-size: 14px !important;
    background-color: #fff;
    border: 1px solid #00c1de;
    color: #00c1de;
    margin-top: 22px;
    margin-bottom: 33px;
    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-title {
    left: -1px;
    background-color: #00c1de;
    height: 185px;
    top: -15px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    height: 170px;
    line-height: 26px;
    font-size: 14px;
    top: 0;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    height: 170px;
    line-height: 26px;
    font-size: 14px;
    top: 0;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-title h1, .haidiyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-title .short-info {
    color: #fff;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content, .haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
    position: absolute;
    left: 0;
    right: -1px;
    z-index: 1;
}
.title-odd {
    background-color: #E5E6E6;
}
.haidiyun-index-product-sale .module-wrap button {
    outline: none;
}
button, input, select, textarea {
    font-size: 100%;
}
body, button, input, select, textarea {
    font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content {
    height: 376px;
    position: absolute;
    top: 170px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content, .haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
    position: absolute;
    left: 0;
    right: -1px;
    z-index: 1;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content {
    width: 100%;
    line-height: 2;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-head {
    color: #373d41;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-desc {
    line-height: 22px;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-btn:hover {
    color: #fff;
    background: #00c1de;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-btn {
    cursor: pointer;
    width: 100px;
    height: 30px;
    font-size: 14px !important;
    background-color: #fff;
    border: 1px solid #00c1de;
    color: #00c1de;
    margin-top: 22px;
    margin-bottom: 33px;
    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.haidiyun-index-product-sale .module-wrap button {
    outline: none;
}
button, input, select, textarea {
    font-size: 100%;
}
body, button, input, select, textarea {
    font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-head {
    font-size: 14px;
    font-weight: normal;
    color: #373d41;
}
.haidiyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list .list-context {
    color: #00c1de;
}
a:hover {
    text-decoration: underline;
}
.y-lnk-gray:hover, .y-lnk-highlight:hover, .y-lnk:hover, a:hover {
    text-decoration: underline;
}
a, a:hover, a:link, a:visited {
    color: #00a2ca;
}
a {
    text-decoration: none;
}
.y-lnk, .y-lnk-gray, .y-lnk-highlight, a {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
}
a, ins {
    text-decoration: none;
}

/*.index-top-banner.banner-row.right-image img{*/
/*position: absolute;*/
/*top: 0px;*/
/*right:100px;*/
/*}*/
.slide-item{
    float:left;
    z-index: 1;
}
.clearfix:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.item-title .item-desc .item-link{
    z-index: 10;
}
.qqq-jjj{
    background: rgba(0,0,0,0.3);
    overflow: hidden;
}



html,body{width:100%;overflow-x:hidden}
@charset "utf-8";
/* CSS Document */
*{
    margin:0;
    padding:0;
    font-family: "Microsoft YaHei", arial, sans-serif;!important;
    list-style: none;
    font: normal 100% ;
}
.clearfix:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
/***********************header******************/
.y-row {
    min-width: 1000px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
    margin:0 auto;
}
.header_zy{
    margin:0;
    padding:0;
    height:60px;
}
.header{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.topbar-box{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px rgba(255, 255, 255, 0.15) solid;
}
.logo-cell {
    width: 96px;
    height: 60px;
    margin-right: 84px;
    position: relative;
}
a {
    color: #00a2ca;
}
a:hover{
    color: #00a2ca;
}
a:visited{
    color: #00a2ca;
}
a:link{
    color: #00a2ca;
}
.menu-body {
    display: block;
    opacity: 1;
    position: relative;
}

.y-clear {
    zoom: 1;
}
ol, ul {
    list-style: none;
}
.menu-body li {
    color:#FFFFFF;
    position: relative;
    box-sizing: border-box;
    float: left;
    height: 61px;
    line-height: 60px;
    font-size: 14px;
}
.menu-body li a {
    color: #FFFFFF;
   /* padding: 0 18px;*/
    padding: 0 40px;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
   text-decoration:none;
}
.menu-body li > img {
    top: 7px;
    width: 24px;
    position: absolute;
    right: 7px;
    border:0px;
}
.y-right {
    float: right!important;
}
.y-left, .y-right {
    display: inline;
}
.login-cell {
    width: 130px;
    height: 61px;
    background-color: #00C1DE;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.login-cell a{
    color:#FFFFFF;
}
.y-right li {
    margin-right: 26px;
    float: right;
    text-align: left;
    height: 60px;
    box-sizing: border-box;
    line-height: 60px;
}
.tips-item a {
    color: #fff;
    font-size: 14px;
}
a {
    text-decoration: none;
}
.topbar-box{
    height:60px;
    background: #373D41;
    width:auto;
}
.logo_sys img{
    float:left;
    height:50px;
    margin-right: 84px;
    position: relative;
}
/*******************************hidden**********************************/
.float-tool {
    position: fixed;
    position: absolute;
    bottom: 33%;
    right: .1%;
    z-index: 250;
    margin-bottom: -90px;
}
/*******************************二级*****************************/
.topbar0dropdown-box{
    height:500px;
    width:auto;
    margin:0 auto;
    min-width: 1000px;
    background: rgba(0,0,0,0.8);

}
.menu-boxs {
    position: relative;
    padding-top: 20px;
    padding-bottom: 80px;
}
.ul-move.level-1 {
    width: 210px;
}
.ul-move li {
    position: relative;
    width: 210px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    z-index: 2;
    box-sizing: border-box;
    padding-left: 20px;
    cursor: default;
}
.level-1 a {
    display: block;
}
.cell-level2 {
    width:75%;
    display: inline-block;
    padding-left: 30px;
}
.ul-move.level-2 {
    width: 160px;
    height: 400px;
}
.ul-move {
    height: 360px;
    border-right: 1px #656565 solid;
    border-right: 1px rgba(255, 255, 255, 0.3) solid;
    width: 210px;
    position: relative;
    display: inline-block;
    float: left;
}
.cell-level2 > ul > li {
    display: inline-block;
    float: left;
}
.ul-move li {
    position: relative;
    width: 210px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    z-index: 2;
    box-sizing: border-box;
    padding-left: 20px;
    cursor: default;
}
.ul-move.level-2 li {
    width: 160px;
    font-size: 14px;
}
.ul-move.level-2 li a {
    color: #fff;
    display: block;
}
.ul-move li a {
    color: #fff;
}
.cell-detail {
    display: inline-block;
    height: 400px;
    width: 700px;
}
.cell-detail .tpl1 {
    padding-left: 30px;
}
ul {
    list-style: none;
}
.tpl1 li {
    display: inline-block;
}
.tpl1 a {
    display: inline-block;
    width: 320px;
    height: 60px;
    margin: 0 10px 10px 0;
    background-color: #4f5356;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.tpl1 a h3 {
    margin: 7px 0 0 21px;
    color: #fff;
    font-size: 14px;
}
.tpl1 a p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 21px 0;
    color: #777F84;
}

/*************************************footer********************************/
a {
    text-decoration: none;
    outline: none;
}
.section-six-new {
    background: #2d2e2e;
    border-top: #00b4ff 3px solid;
}
.section-six-new {
    clear: both;
    padding: 40px 0px;
    zoom: 1;
    overflow: hidden;
}
.w1004 {
    width: 1004px;
    margin: 0 auto;
    zoom: 1;
    overflow: hidden;
}
.footer-left {
    color: #c5c5c5;
}
.footer-left {
    width: 470px;
    float: left;
    font-size: 14px;
    color: c5c5c5;
}
.footer-left p {
    line-height: 30px;
    margin: 2px 0px;
    font-size: 14px;
}
.footer-left {
    width: 470px;
    float: left;
    font-size: 12px;
    color: c5c5c5;
}
.footer-xian1 {
    float: left;
    margin: 0 11%;
}
.footer-right {
    position: relative;
}
.footer-right {
    float: left;
    margin-left: 60px;
    padding-left: 60px;
}
.erweima {
    position: absolute;
    width: 83px;
    height: auto;
    right: 30px;
    top: 20px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
}
.footer-right p {
    color: #c5c5c5;
    line-height: 26px;
    text-align: center;
}
.footer-right p {
    font-size: 12px;
}
.footer-zhuan {
    float: left;
    margin-left: 120px;
    margin-top: 10px;
}
.zhuan1 {
    font-size: 20px;
    color: #eb5a18;
}
.zhuan3 {
    font-size: 24px;
    color: #eb5a18;
}
.footer-xia {
    overflow: hidden;
    width: 1004px;
    margin: 0 auto;
    margin-top: 30px;
}
.xian2 {
    margin-bottom: 10px;
    margin-left: 20px;
}
.footer-Span {
    font-size: 14px;
    margin-top: 6px;
}
.zuo {
    float: left;
}
.footer-nav a {
    color: #c5c5c5;
    text-decoration: none;
    font-size: 14px;
}
.footer-Spand{
    font-size: 14px;
    margin-top: 6px;
    font: 14px/1.5;
    color: #666;
}
.you a:hover {
    color: #e37115;
}
.you {
    color: #666;
    float: right;
    margin-right: 16px;
}
.you a{
    color: #666;
}
/*******************************二级*****************************/
.menu-boxs {
    position: relative;
    padding-top: 20px;
    padding-bottom: 80px;
}
.ul-move.level-1 {
    width: 210px;
}
.ul-move li {
    position: relative;
    width: 210px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    z-index: 2;
    box-sizing: border-box;
    padding-left: 20px;
    cursor: default;
}
.level-1 a {
    display: block;
}
.cell-level2 {
    width:75%;
    display: inline-block;
    padding-left: 30px;
}
.ul-move.level-2 {
    width: 160px;
    height: 400px;
}
.ul-move {
    height: 360px;
    border-right: 1px #656565 solid;
    border-right: 1px rgba(255, 255, 255, 0.3) solid;
    width: 210px;
    position: relative;
    display: inline-block;
    float: left;
}
.cell-level2 > ul > li {
    display: inline-block;
    float: left;
}
.ul-move li {
    position: relative;
    width: 210px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    z-index: 2;
    box-sizing: border-box;
    padding-left: 20px;
    cursor: default;
}
.ul-move.level-2 li {
    width: 160px;
    font-size: 14px;
}
.ul-move.level-2 li a {
    color: #fff;
    display: block;
}
.ul-move li a {
    color: #fff;
}
.cell-detail {
    display: inline-block;
    height: 400px;
    width: 700px;
}
.cell-detail .tpl1 {
    padding-left: 30px;
}
ul {
    list-style: none;
}
.tpl1 li {
    display: inline-block;
}
.tpl1 a {
    display: inline-block;
    width: 320px;
    height: 60px;
    margin: 0 10px 10px 0;
    background-color: #4f5356;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.tpl1 a h3 {
    margin: 7px 0 0 21px;
    color: #fff;
    font-size: 14px;
}
.tpl1 a p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 21px 0;
    color: #777F84;
}
 .slide-item:hover .content .item-desc {
    margin-top: 22px;
}
.mask .content .item-link:hover {
    color: #00C1DE;
    background: #fff;
}


/* 行端客户案例  */
.qiyeanli-cont{
	position:relative;
    width:1000px;
    text-align: left;
    height:352px;
    overflow: hidden;
    margin:0 75px;
}
.wb-zc-haidiyun-about-pifa,.wb-zc-haidiyun-about-baihuo,.wb-zc-haidiyun-about-news-jidian,.wb-zc-haidiyun-about-shengxian,.wb-zc-haidiyun-about-yule{
	height:352px;
	overflow:hidden;
   position:absolute;
   margin:0;
    padding:0;
    width:50000px;
}
.wb-zc-haidiyun-about-pifa li,.wb-zc-haidiyun-about-baihuo li,.wb-zc-haidiyun-about-news-jidian li,.wb-zc-haidiyun-about-shengxian li,.wb-zc-haidiyun-about-yule li{
	float:left;
    margin:0;
    width:1000px;
	height:352px;
	overflow:hidden;

	background:#c4c4c4;
}
.wb-zc-haidiyun-about-qiyeanli {
    position: relative;
    margin-bottom:50px;
}
@media screen and (max-width: 1200px) and (min-width: 1024px){
    .qiyeanli-cont{
        width:83%;
    }
  .qiyeanli-cont  .item-right{
        width:37%;
    }
    .wb-zc-haidiyun-about-qiyeanli  .arrow-cont-right{
       right:4%;
    }
  .wb-zc-haidiyun-about-qiyeanli  .arrow-cont-left{
       left:10px;
   }
}
.item-left,.item-right {
	float:left;
}
.item-left {
    width: 470px;
	height: 352px;
	overflow:hidden;
}
.item-left img{
    width: 470px;
	height: 352px;
}
.item-right{ 
    width:500px;
	margin-left:30px;
}
.arrow-cont-left,.arrow-cont-right {
	position:absolute;
}
.arrow-cont-left {
    z-index: 999;
	left:0px;
	top:60%;
	margin-top:-20px;
}
.arrow-cont-left a img.shallow,.arrow-cont-right a img.shallow {
	display:block;
}
.arrow-cont-left a img.dark,.arrow-cont-right a img.dark {
	display:none;
}
.arrow-cont-left a:hover img.shallow,.arrow-cont-right a:hover img.shallow {
	display:none;
}
.arrow-cont-left a:hover img.dark,.arrow-cont-right a:hover img.dark  {
	display:block;
}
.arrow-cont-right {
    z-index: 999;
	right:48px;
	top:60%;
	margin-top:-20px;
}
.item-right h1 {
	width:100%;
	height:50px;
	line-height:50px;
	font-weight:500;
	border-bottom:1px solid #000;
	margin-top:50px;
}
.item-right p {
	line-height:30px;
	margin-top:20px;
}
/* 解决方案 */
.retail-cont {
	margin-top:20px;
}
.retail-cont h6 {
	font-weight:500;
	font-size:20px;
}
.retail-cont p {
	line-height:30px;
	font-size:14px;
	text-indent:2em;
	margin-top:20px;
	margin-bottom:20px;
}



/* 右边手机下载客户端  */
.qrcode-cont {
	
    position:absolute;
    width: 260px;
	height: auto;
	display: inline-block;
    right:0px;
    bottom:0px;
    margin-bottom:-30px;
    margin-right:30px;
}
.qrcode-cont .Android {
	float: left;
	width: 120px;
	height: 150px;
	margin-right: 20px;
        background:#ffffff;
}
.qrcode-cont .Android p,.qrcode-cont .iPhone p{
	text-align:center;
}
.qrcode-cont .iPhone {
	float: left;
	width: 120px;
	height: 150px;
	margin-right: 0px;
        background:#ffffff;
}


/*  新增的样式 行切换样式  */
.wb-zc-haidiyun-about-qiyeanli {
	position:relative;
}
.arrow-cont-left {
    z-index: 999;
    left: 0px;
    top: 60%;
    margin-top: -20px;
}
.arrow-cont-right {
    z-index: 999;
    right: 40px;
    top: 60%;
    margin-top: -20px;
}
.qiyeanli-cont {
    position: relative;
    width: 1000px;
    text-align: left;
    height: 352px;
    overflow: hidden;
    margin: 0 75px;
}
.qiyeanli-cont {
    position: relative;
    width: 1000px;
    text-align: left;
    height: 352px;
    overflow: hidden;
    margin: 0 75px;
}
.wb-zc-haidiyun-about-pifa, .wb-zc-haidiyun-about-baihuo, .wb-zc-haidiyun-about-news-jidian, .wb-zc-haidiyun-about-shengxian, .wb-zc-haidiyun-about-yule {
    height: 352px;
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 50000px;
}

.wb-zc-haidiyun-about-pifa li, .wb-zc-haidiyun-about-baihuo li, .wb-zc-haidiyun-about-news-jidian li, .wb-zc-haidiyun-about-shengxian li, .wb-zc-haidiyun-about-yule li {
    float: left;
    margin: 0;
    width: 1000px;
    height: 352px;
    overflow: hidden;
    background: #c4c4c4;
}

/* 企业介绍  2017-4-26 */
.jianjie-cont,.jianjie-ul,.jianjie-li{
	width: 100%;
	height: auto;
	display: inline-block;
	position: relative;
	margin: 20px 0px;
	padding-bottom: 20px;
}
.jianjie-cont .jianjie-li{
        text-align: left;
	border-bottom: 2px dashed #ccc;
}
.jianjie-cont,.jianjie-ul,.jianjie-li:last-child{
	padding-bottom: 0px;
}
.jianjie-left,.jianjie-right {
	float: left;
	font-size:16px ;
}
.jianjie-cont .jianjie-title {
	text-align: center;
	color: #000000;
	font-size: 30px;
}
.font-weight {
	font-weight: bold;
}
.jianjie-left {
	width: 55%;
	margin-right: 5%;
}
.jianjie-left p{
	line-height: 30px;
	margin: 10px 0px;
	text-indent: 2em;
}
.jianjie-right {
	position: absolute;
	width: 40%;
	color: #0a55a2;
	font-weight: bold;
	text-align: center;
	bottom: 0px;
	right: 0px;
	margin-bottom: 20px;
}
.jianjie-right .logo-name{
	font-size: 100px;
	letter-spacing: 20px;
	height: 200px;
	line-height: 200px;
	text-shadow: 5px 5px 30px #333333;
}
.logo-desc span {
	margin-left: 30px;
	font-size: 50px;
	text-shadow: 5px 5px 15px #333333;
}
.logo-desc span:first-child {
	margin-left: 0px;
}
.jianjie-right img {
	width: 200px;
}
.font-size {
	font-size: 20px;
	font-weight: bolder;
	margin-left: -2em;
}


/* 新增、修改 */
.HaiIerp{ width: 1200px; height: 300px; margin: 0 auto; background: url("../image/IERP.png") no-repeat center center; position: relative; padding:100px 0; }
.HaiIerpDl{ width: 320px; height:100px;position: absolute;}
.HaiIerpDt{ font-size: 15px; color: #a3a3a3; height: 66px;  word-break: break-all; text-overflow: ellipsis;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;
}
.HaiIerpDd{ font-size: 22px; color: #00c1de;}
.HaiIerpDl1{ text-align: right; top:130px; left: 0;}
.HaiIerpDl2{ width: 360px; text-align: right; top:300px; left: 50px;}
.HaiIerpDl3{ text-align: left; top:130px; right: 0;}
.HaiIerpDl4{ width: 360px; text-align: left; top:300px; right:50px;}

/*-----------------------  好渔企业版  ----------------------*/
.HaoBanner{ width: 1200px; margin: 0 auto; margin-top: 60px;}
.HaoBannerImg{ width: 100%; height: auto;}
.HaoYuP{ font-size: 26px; color: #333; padding-left: 10px; border-left:#00c1de 3px solid; }
.HaoYuBoss{ width: 1200px; height: 800px; margin: 60px 0; background: url("../image/Ierp2.png") no-repeat center 50px; position: relative;}
.HaoYuBoss dl{ height: auto;}
.HaoYuBoss dl dt{ height: auto; max-height: 150px;word-break: break-all; text-overflow: ellipsis;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;
}
.HaiIerpDLA{ height: auto; top:10px; left: 480px;}
.HaiIerpDLA Dt{ height: auto;}
.HaiIerpDLB{top: 270px; text-align: right; left: 10px;}
.HaiIerpDLC{ top: 530px; text-align: right; left: 75px;}
.HaiIerpDLD{ top: 640px; text-align: left; left: 570px;}
.HaiIerpDLE{ top: 440px; text-align: left; right: 25px;}
.HaiIerpDLF{ top: 150px; text-align: left; right: 25px;}

.HaiIerpDdB{ background: url("../image/Ierp7.png") no-repeat 140px center; background-size: auto 33px;}
.HaiIerpDdC{ background: url("../image/Ierp6.png") no-repeat 140px center; background-size: auto 33px;}
.HaiIerpDdD{ background: url("../image/Ierp5.png") no-repeat 140px center; background-size: auto 33px;}
.HaiIerpDdE{ background: url("../image/Ierp4.png") no-repeat 210px center; background-size: auto 33px;}
.HaiIerpDdF{ background: url("../image/Ierp3.png") no-repeat 140px center; background-size: auto 33px;}



