@charset "utf-8";
/* CSS Document */

.yun1{ background:url(ban01.jpg) no-repeat center 0; height:300px; border-top:1px solid #eee}

.yun1 h2{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:18px; color:#ff543d; font-weight:normal; margin-top:30px; margin-bottom:20px} 
.yun1 dl{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.yun1 dt{ width:100%; float:left; overflow:hidden; line-height:40px; text-align:center; font-size:37px; color:#222; margin-bottom:10px}
.yun1 dd{width:100%; float:left; overflow:hidden; line-height:20px; color:#666; font-size:14px; text-align:center}
.yun1 h6{ width:100%; float:left; overflow:hidden; line-height:40px; text-align:center;}
.yun1 h6 a{ padding:10px 45px; background:#dd3730; color:#fff; font-weight:normal; font-size:12px }
.yun1 h6 a:hover{ background:#f60}

.ys_01{ height:70px; background:#b7b9bd; padding:10px 0}
.ys_01 dl{ width:299px; float:left; overflow:hidden; border-right:1px solid #d0d1d3}
.ys_01 dl h6{ width:106px; float:left; text-align:center; height:32px; padding:19px 0;}
.ys_01 dl dt{ width:193px; float:left; overflow:hidden; line-height:30px; font-size:18px; color:#fff; }
.ys_01 dl dd{ width:173px; padding-right:20px; float:left; overflow:hidden; line-height:18px; font-size:12px; color:#fff; }
.ys_01 dl.m_r0{ border-right:none}


.h3_01{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:29px; color:#222; font-weight:normal}
.h6_01{ width:68%; padding:0 16%; float:left; overflow:hidden; line-height:20px; text-align:center; font-size:14px; color:#666; font-weight:normal}



.sales-server-body{position:relative;padding-bottom:30px; width:100%; float:left; overflow:hidden; padding-top:50px}
.sales-server-body .sales-server-circle{position:absolute;width:100%;height:100%;top:0}
.sales-server-body .server-item-first{left:27%;top:75px}
.sales-server-body .hvr-bounce-in{display:inline-block;vertical-align:middle}
.sales-server-body .hvr-bounce-in:active,.sales-server-body .hvr-bounce-in:focus,.sales-server-body .hvr-bounce-in:hover{-webkit-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6);transition-timing-function:cubic-bezier(.87,1.53,.58,.54)}
.sales-server-body .server-item{position:absolute;width:104px;height:104px;border-radius:50%;box-sizing:border-box;overflow:hidden;border:1px solid #dd3730;text-align:center;display:table;z-index:1;transition-duration:.6s;background:#fff}
.sales-server-body .server-item:hover{border:1px solid #dd3730;box-shadow:-1px 3px 8px #f26154;cursor:pointer;-webkit-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6);background:#dd3730}
.sales-server-body .server-item:hover .server-item-warp{display:none}
.sales-server-body .server-item:hover .server-item-hover{display:block;display:table-cell;vertical-align:middle;color:#fff;transform:scale(.7);-ms-transform:scale(.7);-moz-transform:scale(.7);-webkit-transform:scale(.7);-o-transform:scale(.7)}
.sales-server-body .circle-dashed{display:table;width:104px;height:104px;border-radius:50%;box-sizing:border-box;overflow:hidden;border:1px dashed #dd3730;margin-top:4px;margin-left:auto;margin-right:auto}.sales-server-body .circle-solid{width:114px;height:114px}
.sales-server-body .server-item-warp{display:table-cell;vertical-align:middle;font-size:14px;color:#dd3730}
.sales-server-body .server-item-hover{display:none}

.sales-server-bg{ width:100%; float:left; overflow:hidden; text-align:center}

.tu_01{ background:#f7f8fa; padding:30px 0 50px; }
.tu_01 h3{ width:100%; float:left; overflow:hidden; text-align:center; height:30px; height:30px; background:url(h3_02_bg.gif) no-repeat center center; margin-bottom:60px}
.tu_01 h3 span{ background:#f7f8fa; font-size:26px; color:#333; font-weight:normal; padding:0 20px}
.tu_01 ul{width:100%; float:left; overflow:hidden; text-align:center;}

.bgf7f8fa{ background:#f7f8fa}
.h3_02{ font-size:29px}
.ul_01{width:100%; float:left; overflow:hidden; text-align:center;}
.ul_01 img{ max-width:1000px}

.p_top60{ padding-top:60px}

.case_01{ }
.case_01 h3{width:100%; float:left; overflow:hidden; text-align:center; height:36px; line-height:36px; margin-bottom:60px; font-size:33px; color:#333; font-weight:normal;  }
.case_01 ul{width:100%; float:left; overflow:hidden;}
.case_01 ul li{ width:382px; float:left; overflow:hidden; margin-bottom:20px; text-align:center; padding:0 9px}
.case_01 ul li img{ border:1px solid #ddd; width:380px;image-rendering: -webkit-optimize-contrast;}



.y2_01{ background:#f7f8fa url(../yun2/redbg.png) no-repeat center 150px; padding:60px 0 50px}
.y2_dl01{ width:25%; float:left; overflow:hidden; text-align:center}
.y2_dl01 dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px; font-size:16px; color:#dd3730; margin-bottom:20px; margin-top:15px}
.y2_dl01 dd{width:100%; float:left; overflow:hidden; text-align:center; line-height:20px; font-size:14px; color:#666}

.m_top66{ margin-top:66px}
.m_top20{ margin-top:20px}
.m_top90{ margin-top:90px}

.y2_dl02{ width:42%; padding-left:8%; float:left; overflow:hidden}
.y2_dl02 dt{ width:100%; float:left; line-height:30px; font-size:26px; color:#111; margin-bottom:20px}
.y2_dl02 dd{ width:100%; float:left; overflow:hidden; font-size:14px; color:#666; line-height:22px}

.y2_ul01{ width:50%; float:left; overflow:hidden}
.y2_h301{ width:100%; float:left; overflow:hidden; line-height:36px; text-align:center;  color:#222; font-weight:normal; font-size:33px; margin-bottom:50px}


.bg_left{ background:#f7f8fa url(bg_left.png) no-repeat 0 center}
.bg_right{ background:url(bg_right.png) no-repeat right center}

.bg_left2{ background: url(bg_left.png) no-repeat 0 center}
.bg_right2{ background:url(bg_right.png) no-repeat right center}


.bg_left3{ background:url(bg_left.png) no-repeat 0 center,url(bg_right.png) no-repeat right center}


.m_t100{ margin-top:100px; }
.m_t50{ margin-top:50px; }

.yun1 h2.m_40{ margin-bottom:40px}
.m_70{ margin-bottom:70px}
.p_b50{ padding-bottom:50px}
.m_40{ margin-bottom:40px}
.m_50{ margin-bottom:50px}
.p_b20{ padding-bottom:20px}
.center{ text-align:center}
.m_t80{ margin-top:80px}
.m_t10{ margin-top:10px}

.m_r20{ margin-right:20px}
.m_t20{ margin-top:20px}