@charset "utf-8";
/*  banner  */
.yun_banner{position:relative; width: 100%; height: 552px; overflow: hidden; }
.yun_banner img{ position: relative; left: 50%; margin-left: -960px; }

.yun_title{ text-align: center; margin-bottom: 44px;}
.yun_title h2{ display: inline-block; margin-bottom: 16px; font-size: 34px; color: #393939; font-weight: normal; line-height: 35px;}
.yun_title p{ font-size: 16px; color: #696969; line-height: 28px;}
/* 云设计 */
/* 平台 */
.yun_design_plat{ background: #f4f6fc; padding:60px 0 70px; }
.yun_design_plat_icon{ float: left; width: 220px; background: #fff; padding: 36px 0 40px; margin-right: 22px;}
.yun_design_plat_icon+li+li+li+li{ margin-right: 0; }
.yun_design_plat_icon+li h3{ color: #ff825c;}
.yun_design_plat_icon+li+li h3{ color: #5fcb7a;}
.yun_design_plat_icon+li+li+li h3{ color: #994acf;}
.yun_design_plat_icon+li+li+li+li h3{ color: #d94343;}
.yun_design_plat_icon_img{ width: 88px; height: 88px; margin:0 auto; }
.yun_design_plat_icon h3{ font-size: 20px; text-align: center; color: #30b2ff; font-weight: normal; margin: 24px 0;}
.yun_design_plat_icon p{ font-size: 14px; text-align: center;  color: #3f3f3f; line-height: 24px; height: 120px; }
/* 流程 */
.yun_design_process_bg{ padding: 90px 0 64px;}
.yun_design_process li{ float: left; width: 19.99%; position: relative;}
.yun_design_process_img{position: relative; width: 106px; height: 108px; margin:0 auto 30px; background: url(../images/yun_design_process_bg.png); }
.yun_design_process_img img{ display: block; margin: 0 auto; padding: 22px 0 0; }
.yun_design_process li h4{ font-size: 20px; font-weight: normal; color: #444; text-align: center;}            
/* 担保 */
.yun_design_danbao_bg{background: url(../images/yun_design_bg.png) no-repeat center 374px; padding: 70px 0 85px;}
#brand{ margin-top: 90px; }
#brand .bd-box{ }

#brand .bd-box li{
float:left; width:394px; height:280px; overflow:hidden; position:relative; background: #fff;
border-right: 1px solid #e0eeff;border-bottom: 1px solid #e0eeff;}

#brand .bd-box li .yun_design_danbao_txt{
width:394px;
height:280px;
position:absolute;
left:0px;
top:0px;
z-index:2;
overflow:hidden;
}

#brand .bd-box li .yun_design_danbao_img{
display: table-cell;
vertical-align: middle;

width:100%;
height: 100%;
position:absolute;
left:0px;
z-index:1;
overflow:hidden;
height:0px;
display:none;
top:140px;
}

.yun_design_danbao li h3{ font-size: 20px; text-align: center; font-weight: normal; margin: 30px 0 20px;}
.yun_design_danbao li p{ font-size: 14px; line-height: 24px; text-align: center; max-width: 280px; margin:0 auto;}
.yun_design_danbao_txt h3{ color: #333; }
.yun_design_danbao_txt p{ color: #999; }
.yun_design_danbao_icon{ width: 64px; height: 64px; margin:40px auto 0; }
.yun_design_danbao_pic{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.yun_design_danbao_pic img{ width: 100%; height: 100%; }
.yun_design_danbao_intro{ position: relative; padding: 80px 60px; }
.yun_design_danbao_intro *{ color: #fff; text-align:center;}
/* 表单 */
.yun_need_bg{ padding:70px 0;}
.yun_need{ width: 1038px;  }
.yun_need>div{ position: relative; }
.yun_need input,.yun_need textarea{ color: #b3b3b3; font-size: 16px; border:1px solid #eee;   }
.yun_need textarea{ width: 976px; padding: 10px 30px; resize: none; line-height: 28px; height: 140px; font-family:"Microsoft YaHei";}
        
.yunNeed,.yunName,.yunTel{  height: 47px;  margin-bottom: 26px;}
/*.yunCode{margin-bottom: 26px;  }*/
.yunNeed input,.yunName input,.yunTel input,.yunCode input{  height: 27px; line-height: 27px; padding: 10px 30px;}

.yunNeed input{ width: 976px; }
.yunName input{ width: 388px; }
.yunTel input{ width: 234px; margin:0 9px 0 12px;}
.yunCode_l{ width: 82px; padding-left: 20px!important;}

.yunCode .yunGetcode{ width: 138px; height: 49px; border:1px solid transparent; margin-left: -5px; padding: 10px 0; text-align: center; background: #a8abb1; color: #fff; cursor: pointer;}
.yunGetcode_send{ width: 138px; margin-left: -5px; padding: 10px 0; border:1px solid transparent;text-align: center; background: #418ee6!important; color: #fff; cursor: pointer;}

.yunTerms:hover{ text-decoration: underline; }
.yun_checkbox{ position: static!important; width: 330px; margin: 38px auto 20px;}
.yun_checkbox input{ width: 14px; height: 14px; margin:0; }
.yun_checkbox *{ font-size: 14px; }
.yun_checkbox i{ display: inline-block; font-style: normal; line-height: 13px;}
.yun_checkbox a{ color: #418ee6;}
.reveal-modal{ height: 500px; overflow-y: hidden; }
.reveal-modal div{ height: 500px; overflow-y: scroll; }
.reveal-modal h1{ font-size: 20px; text-align: center; font-weight: 600; color: #333; margin-bottom: 20px; }
.yun_clause{ height: 490px; overflow-y: scroll; }
/* btn */
.yunSubmit{  width: 200px; height: 38px; margin: 0 auto; }
.yunSubmit input{ width: 100%; line-height: 36px; border:1px solid transparent; background: #b3d6ff; color: #fff; text-align:center; font-size:14px; cursor: pointer; margin-bottom: 0;}
.yunSubmit_hover input{ background: #418ee6!important; }
.yun_need_bg .yunSubmit_hover input:hover{ background: #418ee6;  }
/* 云数据 */
/* 产品功能 */
.yun_data_function{ padding: 80px 0 106px; }
.yun_data_function img{ display: block; margin-left: 220px; }
/* 产品架构 */
.yun_data_pro_bg{ background: url(../images/yun_data_pro_bg.png) no-repeat center top; padding: 106px 0 120px; }
.yun_data_pro_bg .yun_title *{ color: #fff; }
.yun_data_pro li{ float: left; width: 247px; margin: 0 22px; background: url(../images/yun_data_pro_xian.png) no-repeat center 234px #fff; padding-bottom: 60px;}
.yun_data_pro li h3{ font-size: 20px; font-weight: normal; color: #fff; text-align: center; line-height: 62px; height: 62px; background: #ea5e5a;}
.yun_data_pro li+li h3{  background: #f1c457; }
.yun_data_pro li+li+li h3{  background: #68d62c; }
.yun_data_pro li+li+li+li h3{  background: #1bd4af; }
.yun_data_pro_icon{ width: 100px; height: 100px; margin: 40px auto 76px;}
.yun_data_pro_icon img{ display: block; margin: 0 auto; }
.yun_data_pro li p{ font-size: 14px; color: #7a7a7a; line-height: 22px; height: 44px; padding: 0 32px; }
/* 产品优势 */
.yun_data_adv_bg{ padding:40px 0 100px; border-bottom: 10px solid #f5f5f5;}
.yun_data_adv_img{ width: 557px; }
.yun_data_adv_item { margin-top: 50px; }
.yun_data_adv_item li{ width: 511px; height: 112px; padding:0 42px;  margin-bottom: 26px; border-radius: 8px; overflow: hidden; }
.yun_data_adv_item p{font-size:16px; line-height: 29px; color: #474747; padding-top: 14px;}
.yun_data_adv_item li+li p{ padding-top: 24px; }
.yun_data_adv_item li:first-child{ background: #ffeee2;}
.yun_data_adv_item li+li{ background: #e6f2ff;}
.yun_data_adv_item li+li+li{ background: #f2eef8;}
/* 云制造 */ 
.yun_make_title{ margin-bottom: 60px; }
.yun_make_title h2{ font-size:32px; color: #146bdf; text-align: center; font-weight: normal; margin-bottom: 12px;}
.yun_make_title p{ font-size:16px; color: #909090; text-align: center;}   
/* 产品特性 */
.yun_make_pro_bg{/* background: url(../images/yun_make_pro_bg.png) no-repeat center top;*/ position: relative; top: -57px; }
/*.yun_make_pro_bg .yun_title *{ color: #fff; }*/
.yun_make_pro li{ float: left; width: 196px; margin-right: 82px;padding:0 20px;}
.yun_make_pro li+li+li+li{margin-right: 0; }
.yun_make_pro_icon{ width: 112px; height: 112px; border:4px solid #f0f0f0; border-radius: 50%; margin: 0 auto; background: #fff;}
.yun_make_pro_icon img{ display: block; margin: 0 auto; }
.yun_make_pro li h3{ font-size: 18px; font-weight: normal; color: #1b1b1b; text-align: center;margin: 28px 0 12px; }
.yun_make_pro li p{ font-size: 14px; color: #8c8c8c; line-height: 22px; height: 66px;}

/* 步骤 */
.yun_make_step_bg{ border-top: 10px solid #f6f6f6; background: url(../images/yun_make_step_bg.png) no-repeat center bottom; padding: 70px 0 120px;}
.yun_make_step_bg img{ display: block; margin: 0 auto; }
/* range */
.yun_make_range_bg{ background: url(../images/yun_make_range_bg.png) no-repeat center top; padding:80px 0 88px;}
.yun_make_range_bg .yun_make_title *{ color: #fff; }
.yun_make_range li{ float: left; position: relative; margin: 0 17px; width: 262px; height: 208px; overflow: hidden;}
.yun_make_range li img{ width: 100%; height: 100%;}
.yun_make_range li h3{ position: absolute; bottom: 0; width: 100%; font-size:20px; text-align: center; color: #fff; font-weight: normal; line-height: 54px; height: 54px; background: #4b8feb; }
.yun_make_range li+li h3{ background: #ed5666;}
.yun_make_range li+li+li h3{ background: #ed753f;}
.yun_make_range li+li+li+li h3{ background: #38c9ac;}

/*浮动客服*/
    #floatDivBoxs{width:125px;position:fixed;top:170px;right:-125px;z-index:10085;font-weight: 400;}
    #floatDivBoxs .floatDtt{width:100%;height:80px; background: url(../images/online_topbg.png) no-repeat;color:#fff;font-size:18px;text-indent:22px;position:relative;}
    #floatDivBoxs .floatDqq{    margin: 0 15px 0px 16px;background-color: #e14b4c;padding: 2px 0px 5px 0px;}
    #floatDivBoxs .floatDqq li{height:35px; padding: 0px 5px;}
    #floatDivBoxs .floatDqq li a{ text-align:center; color:#bb2122;text-decoration:none;outline:none; padding:4px; background:#fff; font-size:14px; display:block; width:95px; line-height: 20px;    border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;    box-shadow: 1px 1px rgba(0,0,0,0.25);}
    #floatDivBoxs .floatDqq li a:hover{ background:#bb2122; color:#fff;}
    #floatDivBoxs .floatDbg{width:100%;height:70px;background:url(../images/online_botbg.png) no-repeat;}
    .floatShadow{ background:#fff;}
    #rightArrow{width:25px;height:25px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top: 160px;right: -127px;z-index:10085;}
    #rightArrow a{display:block;height:25px;}
    .left_div{ background:url(../images/left_div.png) no-repeat; width: 34px; height: 173px;  position: fixed;top: 300px;right: 0px;z-index: 10085;}

    .fl_o{ background:#fff; margin:-20px 0; padding:10px 0 0 0; border: 1px solid #ddd; border-bottom:none; border-top:none;}
    .fl_o_o{ color:#7d7d7d; font-size:14px; }
    .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}
    .fl_o_o dd{ line-height:14px;}
    .fr_o{ margin:90px 0 60px 0;}
    .fr_t{ margin-left:8px; cursor:pointer;}
    .fl_o_o dd{ line-height:22px;}
    .fl_o{ margin:-20px 0 -11px 0;}
    .fr_o {margin: 90px 0 168px 0;}