@charset "UTF-8";/* mixin *//* caret 三角箭头 *//* mixin end */body{  min-width: 1200px;  background-color: #fff;}.area-box {  padding: 30px 0 30px;}.block-title {  margin: 50px 0px;}.block-title h3 {  color: #474747;}.img-box a {  display: inline-block;  font-size: 18px;  text-align: center;  color: #474747;}.img-box a span.img-obj {  display: inline-block;  width: 55px;  height: 50px;  background-image: url(../images/sp1.png);  background-repeat: no-repeat;}.img-box a span.img-obj.img1 {  background-position: 0 0;}.img-box a span.img-obj.img2 {  background-position: 0 -50px;}.img-box a span.img-obj.img3 {  background-position: 0 -100px;}.img-box a span.img-obj.img4 {  background-position: 0 -150px;}.img-box a span.img-obj.img5 {  background-position: 0 -200px;}.img-box a .title {  margin-top: 15px;}.img-box:hover a {  color: #2a5398;}.img-box:hover span.img-obj.img1 {  background-position: -55px 0;}.img-box:hover span.img-obj.img2 {  background-position: -55px -50px;}.img-box:hover span.img-obj.img3 {  background-position: -55px -100px;}.img-box:hover span.img-obj.img4 {  background-position: -55px -150px;}.img-box:hover span.img-obj.img5 {  background-position: -55px -200px;}.m-t-20 {  margin-top: 20px;}.service-item {  padding: 24px 35px 50px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.service-item:hover {  background-color: #fff;}.service-item:hover h3 {  color: #ff7200;}.service-item:hover a.btn-chat {  background-color: #ff7200;  color: #fff;}.service-item h3 {  font-size: 22px;  color: #333;  margin-bottom: 15px;  font-weight: normal;}.service-item h4 {  font-size: 16px;  color: #666;  margin-bottom: 10px;  font-weight: 700;}span.hot {  display: inline-block;  font-size: 14px;  color: #fff;  position: relative;  background-color: #ff7200;  padding: 3px;  margin-left: 8px;  vertical-align: middle;}span.hot:after {  content: '';  border-left: 3px solid transparent;  border-top: 3px solid transparent;  border-right: 3px solid #ff7200;  border-bottom: 3px solid #ff7200;  /* border-left: 3px solid #ff7200;  border-top: 3px solid #ff7200;  border-bottom: 3px solid transparent;  border-right: 3px solid transparent; */  display: block;  width: 0;  height: 0;  position: absolute;  bottom: 0px;  left: -4px;}.service-item p {  font-size: 14px;  color: #666;  line-height: 20px;}.service-item p span {  color: #ff7200;}.service-item a.btn-chat {  margin-top: 20px;  display: inline-block;  width: 140px;  height: 40px;  line-height: 40px;  font-size: 14px;  border: 1px solid #ff7200;  color: #ff7200;  text-align: center;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.empty-link {  cursor: default;}.color-orange {  color: #ff7200;}.common-item {  border: 1px solid #ececec;  background-repeat: no-repeat;  background-size: 100%;  background-size: cover;  padding-left: 18px;  padding-top: 22px;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;  position: relative;  height: 118px;}.small-common-item {	height: 129px;}.small-common-item1 {	height: 140px;	padding-top: 12px;}.small-common-item2 {	height: 146px;	padding-top: 4px;}.common-item:hover {  color: #fff;}.common-item1 {  background-image: url(../images/img_01.png);}.common-item1:hover {  background-image: url(../images/img_01a.png);  /* border-color: #ff7200;  background-color: #fff; */}.common-item1 {  background-image: url(../images/img_01.png);}.common-item1:hover {  background-image: url(../images/img_01a.png);  /* border-color: #ff7200;  background-color: #fff; */}.common-item2 {  background-image: url(../images/img_02.png);}.common-item2:hover {  background-image: url(../images/img_02a.png);}.common-item3 {  background-image: url(../images/img_03.png);}.common-item3:hover {  background-image: url(../images/img_03a.png);}.common-item4 {  background-image: url(../images/img_04.png);}.common-item4:hover {  background-image: url(../images/img_04a.png);}.common-item5 {  background-image: url(../images/img_06.png);  background-repeat: no-repeat;  background-size: 100%;  background-size: cover;}.common-item5:hover {  background-image: url(../images/img_06a.png);}.common-item6 {  background-image: url(../images/img_06.png);}.common-item6:hover {  background-image: url(../images/img_06a.png);}.common-item6-person {	background-image: url(../images/img_12.png);}.common-item6-person:hover {	background-image: url(../images/img_12a.png);}.common-item7 {  background-image: url(../images/img_07.png);}.common-item7:hover {  background-image: url(../images/img_07a.png);}.common-item8 {  background-image: url(../images/img_08.png);}.common-item8:hover {  background-image: url(../images/img_08a.png);}.common-item9 {  background-image: url(../images/img_09.png);}.common-item9:hover {  background-image: url(../images/img_09a.png);}.common-item10 {  background-image: url(../images/img_10.png);}.common-item10:hover {  background-image: url(../images/img_10a.png);}.common-item11 {  background-image: url(../images/img_11.png);}.common-item11:hover {  background-image: url(../images/img_11a.png);}.common-item .item-title {  font-size: 22px;  color: #333;  font-weight: normal;}.common-item:hover .item-title {  color: #fff;}.common-item .item-intr {  margin-top: 15px;  padding-right: 10px;}.small-common-item2 .item-intr {	 margin-top: 5px;}.common-item .item-intr .item-li {  line-height: 24px;  font-size: 14px;  color: #777;}.common-item:hover .item-intr .item-li {  color: #fff;}/* .item-b-r-icon .icon {    width: 66px;  height: 66px;  background-repeat: no-repeat;  background-position: center center;  background-size: cover;}.item-b-r-icon .icon1 {  background-image: url(../images/star01.png)}.common-item:hover .icon1 {  background-image: url(../images/star01_active.png)}.item-b-r-icon .icon2 {  background-image: url(../images/star02.png)}.common-item:hover .icon2 {  background-image: url(../images/star02_active.png)} */.server-img-box {  background: url(../images/01.ser-img.jpg) no-repeat center center;  background-size: cover;  height: 310px;  overflow: hidden;}.server-img-box .server-common-btn {  display: block;  /* margin: 40% auto; */  margin-top: 30px;  width: 140px;  height: 40px;  line-height: 40px;  text-align: center;  font-size: 16px;  color: #fff;  background-color: #ff7200;  border-color: #ff7200;  -webkit-border-radius: 2px;	-moz-border-radius: 2px;	border-radius: 2px;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}.server-img-box .server-common-btn:hover {  background-color: #e06601;  border-color: #e06601;}.server-img-box .intr-box {    margin: 40px auto;  width: 308px;  height: 180px;  padding: 20px;  background: url(../images/bg_03.png) no-repeat center center;  background-size: cover;  background-size: 100%;}.intr-content .intr {  font-size: 20px;  line-height: 34px;  color: #fff;}.middle-item-box {  width: 100%;  }.middle-item-box .mid-item {  float: left;  text-align: center;  width: 25%;  height: 307px;  padding-top: 20px;  background-color: #ececec;  border: 1px solid #f5f5f5;  box-sizing:border-box;  -o-box-sizing:border-box;  -ms-box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  }.middle-item-box .item-name {  font-size: 26px;  color: #505055;  margin-bottom: 10px;}.middle-item-box li{  line-height: 30px;}.middle-item-box img{  padding-top: 20px;}.common-item.item-row-2 {  position: relative;  height: 285px;}.common-item .item-b-r-icon {  position: absolute;  bottom: 0;  right: 0;}.sp_item {  width: 240px;  height: 340px;  float: left;  background-size: cover;  overflow-y: hidden;}.sp_item:hover .content {  background-color: rgba(22, 50, 86, 0.7);  margin-top: -90px;}.sp_item:hover .content .line {  visibility: hidden;  opacity: 0;  filter: Alpha(opacity=0);}.sp_item:hover .content .intr {  opacity: 1;  filter: Alpha(opacity=100);}.sp_item .content {  padding-top: 60px;  height: 430px;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}.sp_item .content .image {  margin-top: 60px;  margin-bottom: 15px;  text-align: center;}.sp_item .content > .line {  width: 35px;  height: 3px;  background-color: #fff;  margin: 0 auto;}.sp_item .content > .title {  font-size: 20px;  font-weight: normal;  text-align: center;  color: #fefefe;}.sp_item .content > .intr {  padding: 0 20px;  margin-top: 45px;  line-height: 24px;  font-size: 14px;  color: #fff;  opacity: 0;  filter: Alpha(opacity=0);}.sp_item.sp_1 {  background: url(../images/03.01.jpg) no-repeat center center;}.sp_item.sp_2 {  background: url(../images/03.02.jpg) no-repeat center center;}.sp_item.sp_3 {  background: url(../images/03.03.jpg) no-repeat center center;}.sp_item.sp_4 {  background: url(../images/03.04.jpg) no-repeat center center;}.sp_item.sp_5 {  background: url(../images/03.05.jpg) no-repeat center center;}/* 服务客户数十年 */.select_reason_list .list_con {  width: 400px;  float: left;  margin-bottom: 56px;}.select_reason_list .list_con .img {  text-align: center;  margin-bottom: 20px;}.select_reason_list .list_con .text {  text-align: center;  font-family: "Microsoft Yahei";}.select_reason_list .list_con .text h3 {  font-size: 18px;  font-weight: normal;  color: #474747;  margin-bottom: 10px;}.select_reason_list .list_con .text p {  font-size: 12px;  color: #777777;  line-height: 20px;  width: 252px;  margin: 0 auto;}.top {  /*width: 860px;*/  width: 100%;}.top .title {  font-size: 30px;  color: #474747;}.top .tab-list {  display: inline-block;  margin-left: 45px;}.top .tab-list .tab-title {  font-size: 16px;  color: #474747;  margin-right: 28px;  cursor: pointer;}.top .tab-list .tab-title.active {  /*color: #ff7200;*/  color: #0080ff;  border-bottom: 2px solid;  padding-bottom: 6px;}.top .more {  display: inline-block;  float: right;  color: #888;  margin-top: 14px;}.t-content .t-left-box {  /*width: 860px;*/  width: 100%;  min-height: 340px;  float: left;}.t-content .t-left-box .t-panel {  padding: 10px 0px;  display: none;  min-height: 360px;  zoom: 1;}.t-content .t-left-box .t-panel:after {  display: block;  content: "";  height: 0;  visibility: hidden;  clear: both;}.t-content .t-left-box .t-panel.active {  display: block;}.t-content .t-left-box .t-panel .n-item {  width: 48%;  height: 100px;  background-color: #fff;  float: left;  margin-right: 20px;  margin-top: 10px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.t-content .t-left-box .t-panel .n-item.item-last {  margin-right: 0;}.t-content .t-left-box .t-panel .n-item:hover {  background-color: #ff7200;}.t-content .t-left-box .t-panel .n-item:hover .date-box p,.t-content .t-left-box .t-panel .n-item:hover .date-box span,.t-content .t-left-box .t-panel .n-item:hover .intr p {  color: #fff;}.t-content .t-left-box .t-panel .n-item .date-box {  float: left;  width: 100px;  height: 100px;  text-align: center;  color: #474747;  border-right: 1px solid #dcdcdc;}.t-content .t-left-box .t-panel .n-item .date-box .date {  margin-top: 20px;  font-size: 36px;  text-align: center;}.t-content .t-left-box .t-panel .n-item .date-box .year-month {  font-size: 12px;}.t-content .t-left-box .t-panel .n-item .intr {  margin-left: 115px;  padding-top: 15px;  padding-right: 15px;}.t-content .t-left-box .t-panel .n-item .intr .title {  color: #474747;  font-size: 14px;  margin-bottom: 10px;  display: block;  white-space: nowrap;  overflow: hidden;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}.t-content .t-left-box .t-panel .n-item .intr .sub-title {  color: #999;  font-size: 12px;  line-height: 18px;  height: 36px;  overflow: hidden;}.t-content .right-adv {  padding-top: 45px;  margin-left: 880px;}/*云主机活动*//* 背景渐变 */.bg_gradient1{  /* 浅橘色到橘色渐变 */  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#f78d03, endColorStr=#ff670c); /*IE 6 7 8*/  background: -ms-linear-gradient(top, #f78d03, #ff670c);         /* IE 10 */  background:-moz-linear-gradient(top, #f78d03, #ff670c);     /*火狐*/  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f78d03), to(#ff670c));  /* Safari 4-5, Chrome 1-9*/  background: -webkit-linear-gradient(top, #f78d03, #ff670c);     /*Safari5.1 Chrome 10+*/  background: -o-linear-gradient(top, #f78d03, #ff670c);      /*Opera 11.10+*/}.bg_gradient2{  /* 浅蓝色到蓝色渐变 */  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#1f8dea, endColorStr=#096bcf); /*IE 6 7 8*/  background: -ms-linear-gradient(top, #1f8dea, #096bcf);         /* IE 10 */  background:-moz-linear-gradient(top, #1f8dea, #096bcf);     /*火狐*/  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#096bcf), to(#096bcf));  /* Safari 4-5, Chrome 1-9*/  background: -webkit-linear-gradient(top, #1f8dea, #096bcf);     /*Safari5.1 Chrome 10+*/  background: -o-linear-gradient(top, #1f8dea, #096bcf);      /*Opera 11.10+*/}/* 订制服务（custom_service） */.custom_service_title{ /* 大标题 */  text-align: center;  margin-bottom: 40px;}.custom_service_title h3{  font-size: 30px;  font-family: "微软雅黑";  font-weight: normal;  color: #474747;}.custom_service_list .list_con .title{  /* 每个小块的标题 */  font-family: "微软雅黑";  font-size: 30px;  color: #ffffff;  margin-bottom: 14px;  font-weight: normal;}.custom_service_list .list_con .con_text p{ /* 每个小块的文字 */  font-size: 14px;  font-family: "微软雅黑";  color: #fff;  line-height: 24px;}.custom_service_list .list_con .bottom_text{  /* 底部文字框 */  /*background: rgba(255,255,255,0.17);*/  font-family: "微软雅黑";}.custom_service_list .list_con .bottom_text h3{  font-size: 16px;  font-weight: normal;  color: #ffec1c;}.custom_service_list .list_con .bottom_text p{  color: #fff;  font-size: 14px;  line-height: 18px;}.custom_service_list .list_con .con_img{ /* 小块的图片模块 */  position: absolute;}.custom_service_list .list_con a{  display: block;}.custom_service_list .list_con a:hover{  color: #ffffff;}/* 架构 */.custom_service_list{  margin-bottom: 15px;}.custom_service_list .list_box{ /* 大块 */  float: left;}.custom_service_list .list_box.list_box1{  width: 380px;}.custom_service_list .list_box.list_box2{  width: 406px;  margin-left: 16px;}.custom_service_list .list_box.list_box3{  width: 380px;  margin-left: 16px;}.custom_service_list .list_box.list_box4{  width: 802px;}.custom_service_list .list_box.list_box5{  width: 380px;  margin-left: 16px;}.custom_service_list .list_con{ /* 大块里面小块 */  position: relative;  padding-top: 14px;  padding-left: 30px;  margin-bottom: 16px;}.custom_service_list .list_con.list_con_w1{  width: 350px;}.custom_service_list .list_con.list_con_w2{  width: 376px;}.custom_service_list .list_con.list_con_w3{  width: 772px;}.custom_service_list .list_con.list_con_h1{  height: 430px;}.custom_service_list .list_con.list_con_h2{  height: 200px;}.custom_service_list .list_con.list_con_h3{  height: 210px;}.custom_service_list .list_con.list_con_h4{  height: 202px;}.custom_service_list .list_con.list_con_h5{  height: 466px;}.custom_service_list .list_con{    -webkit-transition: all .2s linear;  transition: all .2s linear;}.custom_service_list .list_con:hover{  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.3);    box-shadow: 0 15px 30px rgba(0,0,0,0.3);    -webkit-transform: translate3d(0, -2px, 0);    transform: translate3d(0, -2px, 0);}/* 单独样式 *//* 第一个小块——慧云系列 */.custom_service_list .list_con .con_text dl{  color: #fff;  font-family: "微软雅黑";  font-size: 14px;  line-height: 24px;}.custom_service_list .list_con .con_text dl dt{  font-weight: bold;}.custom_service_list .list_con .con_img.con_img1{  top: 78px;  /*right: 30px;*/  right: 11px;}.custom_service_list .list_con .bottom_text.bottom_text1{  width: 330px;  padding:5px;  margin-top: 5px;  text-align: left;  /*padding-left: 4%;*/}/* 第二个小块——智云系列 */.custom_service_list .list_con .con_img.con_img2{/*  top: 30px;  right: 10px;*/    top: 60px;    left: 245px;}.custom_service_list .list_con .con_text p.sub{  margin-top: 16px;}/* 第三个小块——云存储 */.custom_service_list .list_con .con_img.con_img3{  top: 44px;  right: 10px;}/* 第五个小块——混合云订制方案 */.custom_service_list .list_con .con_img.con_img4{/*    bottom: 30px;    right: 30px;*/    top: 44px;    right: 18px;}/* 第六个小块——专业运维 */.custom_service_list .list_con .con_img.con_img5{  top: 76px;  right: 22px;}.custom_service_list .list_con .bottom_text.bottom_text2{  width: 278px;  height: 42px;  margin-top: 20px;  text-align: center;}.custom_service_list .list_con .bottom_text.bottom_text2 h3{  line-height: 42px;}/* 第七个小块—域名注册  */.custom_service_list .list_con .con_img.con_img6{  top: 120px;  right: 60px;}/* 第八个小块——协同办公 */.custom_service_list .list_con .con_img.con_img7{  top: 120px;  right: 64px;}.custom_service_list .list_con .con_text em.b_text1{  display: inline-block;  color: #ffe400;  font-size: 14px;  margin-top: 34px;}/* 第九个小块——拖拽建站 */.custom_service_list .list_con .text_center{  text-align: center;  margin-top: 36px;}.custom_service_list .list_con em.b_text2{  display: inline-block;  color: #ffe400;  font-size: 18px;  margin-top: 24px;  margin-bottom: 6px;  margin-left: 30px;}.custom_service_list .list_con .jz_text{  width: 328px;  height: 28px;  line-height: 28px;  text-align: center;  position: relative;  left: -14px;  background: rgba(255,255,255,0.85);  margin-bottom: 10px;}.custom_service_list .list_con .jz_text p{  color: #096cc3;  font-size: 14px;}.custom_service_list .list_con .jz_sub_title{  padding-left: 86px;  font-size: 18px;  color: #ffffff;}/* 选择理由（select_reason_list）  */.select_reason_list .list_con{  width: 240px;  float: left;  margin-bottom: 56px;}.select_reason_list .list_con .img{  text-align: center;  margin-bottom: 20px;}.select_reason_list .list_con .text{  text-align: center;  font-family: "微软雅黑";}.select_reason_list .list_con .text h3{  font-size: 18px;  font-weight: normal;  color: #474747;  margin-bottom: 10px;}.select_reason_list .list_con .text p{  font-size: 12px;  color: #777777;  line-height: 20px;  width: 216px;  margin: 0 auto;}