@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(/template/Home/AllNew/PC/Static/images/index/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(/template/Home/AllNew/PC/Static/images/index/images/img_01.png);
}
.common-item1:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_01a.png);
  /* border-color: #ff7200;
  background-color: #fff; */
}
.common-item1 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_01.png);
}
.common-item1:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_01a.png);
  /* border-color: #ff7200;
  background-color: #fff; */
}
.common-item2 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_02.png);
}
.common-item2:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_02a.png);
}
.common-item3 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_03.png);
}
.common-item3:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_03a.png);
}
.common-item4 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_04.png);
}
.common-item4:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_04a.png);
}
.common-item5 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_06.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover;
}
.common-item5:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_06a.png);
}
.common-item6 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_06.png);
}
.common-item6:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_06a.png);
}
.common-item6-person {
	background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_12.png);
}
.common-item6-person:hover {
	background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_12a.png);
}
.common-item7 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_07.png);
}
.common-item7:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_07a.png);
}
.common-item8 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_08.png);
}
.common-item8:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_08a.png);
}
.common-item9 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_09.png);
}
.common-item9:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_09a.png);
}
.common-item10 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_10.png);
}
.common-item10:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_10a.png);
}
.common-item11 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/images/img_11.png);
}
.common-item11:hover {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/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(/template/Home/AllNew/PC/Static/images/index/star01.png)
}
.common-item:hover .icon1 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/star01_active.png)
}
.item-b-r-icon .icon2 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/star02.png)
}
.common-item:hover .icon2 {
  background-image: url(/template/Home/AllNew/PC/Static/images/index/star02_active.png)
} */
.server-img-box {
  background: url(/template/Home/AllNew/PC/Static/images/index/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(/template/Home/AllNew/PC/Static/images/index/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(/template/Home/AllNew/PC/Static/images/index/03.01.jpg) no-repeat center center;
}
.sp_item.sp_2 {
  background: url(/template/Home/AllNew/PC/Static/images/index/03.02.jpg) no-repeat center center;
}
.sp_item.sp_3 {
  background: url(/template/Home/AllNew/PC/Static/images/index/03.03.jpg) no-repeat center center;
}
.sp_item.sp_4 {
  background: url(/template/Home/AllNew/PC/Static/images/index/03.04.jpg) no-repeat center center;
}
.sp_item.sp_5 {
  background: url(/template/Home/AllNew/PC/Static/images/index/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;
}



.new-hutongcont ul {
    margin-left: 1px;
    width: 1200px;
    display: flex;
    justify-content: space-between;
}

.new-hutongcont ul li:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* 悬停时添加阴影 */
    transform: scale(1.05);
    /* 悬停时稍微放大 */
}

.new-hutongcont ul li {
    width: 190px;
    /*height: 268px;*/
    height: 320px;
    background: white url(/template/Home/AllNew/PC/Static/images/index/image2/fangzi.png) no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    border-radius: 10px;
    padding: 15px 14px;
    /* margin-right: 20px; */
    float: left;
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

 .new-hutongcont ul li .p1 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    display: block;
}

.new-hutongcont ul li .p2 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 7px;
    display: inline-block;
}

 
.new-hutongcont ul li .p3 {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    color: #7e7777;
    display: inline-block;
}

.new-hutongcont ul li .p4 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    display: block;
}

.new-hutongcont ul li .p5 {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    color: #7e7777;
}

.new-hutongcont ul li .p6 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    display: block;
}

.new-hutongcont ul li .p7 {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    color: #7e7777;
}


.new-hutongcont ul li .csscuxiao {
    
    display: inline-block;
    min-height: 18px;
    line-height: 18px;
    min-width: 10px;
    padding: 1px 8px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    /*background: rgb(255, 196, 46);*/
    /*color: rgb(0, 0, 0);*/
    color:#fff;
    margin-left: 7px;
    background-image: linear-gradient(270deg, #ff6966, #f33e3e);
}



li {
    list-style: none;
}

.new-hutongcont {
    width: 1200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #f8f8f8; */
    padding: 18px;
}


.cont-guangyun {
    width: 1200px;
    overflow: hidden;
    height: 227px;
    background: url(/template/Home/AllNew/PC/Static/images/index/image2/backgroud03.jpg) no-repeat;
    background-size: 100% 100%;
    /*margin-bottom: 30px;*/
    padding: 13px 0;
    margin-left: 20px;
}

.guanyuan-list ul {
    display: flex;
    margin-top: 25px;
}

.guanyuan-list ul li {
    width: 30vw;

}

.guanyuan-list ul li .spanbox {
    display: inline-block;
    border-right: 1px solid #9b9b9b;
    padding: 0 30px;
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 25px;
}
 .guanyuan-list ul li .pageTopa {
      display: flex;
      gap: 20px;
     padding: 0 72px;
 }
                 
                 
.guanyuan-list ul li .pageTopa a {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.guanyuan-list ul li .pageTopa a:first-child {
  
   border: 2px solid #ff7e00;
   color: #ff7e00;
}

.guanyuan-list ul li .pageTopa a:first-child:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.guanyuan-list ul li .pageTopa a:last-child {
  border: 2px solid #ff7e00;
  color: #ff7e00;
}

.guanyuan-list ul li .pageTopa a:last-child:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
            
            

.guanyuan-list ul li span span {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    
}

.guanyuan-list ul li .spanboxs {
    display: inline-block;
    padding: 0 30px;
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.guanyuan-tit {
    font-weight: bold;
    text-align: center;
    height: 40px;
    line-height: 50px;
    font-size: 22px;
}

.guanyuan-list ul li:hover p {
    color: royalblue;
}

.new-rengong {
    display: flex;
    padding-left: 20px;
    margin: 12px 0 30px;
}

.new-rengong .rengong-one {
    width: 840px;
    height: 320px;
    background: url(/template/Home/AllNew/PC/Static/images/index/image2/backgroud06.jpg) no-repeat;
    background-size: 100% 100%;
    margin-right: 14px;
    padding-left: 30px;
    border-radius: 20px;
}

.new-rengong .rengong-tow {
    width: 225px;
    height: 320px;

    background: url(/template/Home/AllNew/PC/Static/images/index/image2/backgroud08.jpg) no-repeat;
    background-size: 100% 100%;
    margin-right: 15px;
    /*font-weight: bold;*/
}

  .new-rengong .rengong-tow:hover {
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);*/
    /* 悬停时添加阴影 */
    transform: scale(1.01);
    /* 悬停时稍微放大 */
    cursor:pointer;
  }

.new-rengong .rengong-three {
    width: 220px;
    height: 320px;
    background: url(/template/Home/AllNew/PC/Static/images/index/image2/backgroud10.jpg) no-repeat;
    background-size: 100% 100%;
    font-size: 15px;
    /*font-weight: bold;*/
    border-radius: 20px;
    /* background: #000; */
}

.new-rengong {
    color: white;
    width: 1200px;

}
.new-rengong a{
    color: white;

}

.rengong-one h3 {
    font-size: 21px;
    margin-top: 24px;

}

.rengong-one span {
    display: inline-block;
    width: 420px;
    line-height: 20px;
    color: rgb(222, 222, 222);
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
}

.rengong-tow a h3 {
    display: flex;
    justify-content: space-between;
    width: 170px;
    margin-left: 20px;
    font-size: 21px;
    margin-top: 24px;
}

.rengong-tow h3 img {
    width: 30px;
    height: 30px;
}

.rengong-tow span:nth-child(2) {
    width: 190px;
    margin-left: 20px;
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
}

.rengong-tow span:nth-child(3) {
    padding-top: 25px;
    margin-left: 20px;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    line-height: 20px;
}
.rengong-tow span:nth-child(4) {
    padding-top: 15px;
    margin-left: 20px;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    line-height: 20px;
}

.rengong-three h3 {
    display: flex;
    justify-content: space-between;
    width: 170px;
    margin-left: 20px;
    font-size: 21px;
    margin-top: 24px;
}

.rengong-three h3 img {
    width: 30px;
    height: 30px;
}

.rengong-three span:nth-child(2) {
    width: 190px;
    margin-left: 20px;
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
}

.rengong-three span:nth-child(3) {
     width: 190px;
    margin-left: 20px;
    display: inline-block;
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 20px;
}


.rengong-three span:nth-child(4) {
    margin-top: 1px;
    margin-left: 20px;
    display: inline-block;
    font-size: 14px;
    margin-right: 14px;
    line-height: 20px;
}

.rengong-three .hhpageTopa {
    display: flex;
    gap: 11px;
    padding: 10px 20px;
}


.rengong-three .hhpageTopa a {
      display: inline-block;
      padding: 5px 8px;
      border-radius: 5px;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      transition: all 0.3s ease;
}

.rengong-three .hhpageTopa a:first-child {
  
   border: 2px solid white;
   color: white;
}

.rengong-three .hhpageTopa a:first-child:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.rengong-three .hhpageTopa a:last-child {
  border: 2px solid white;
  color: white;
}

.rengong-three .hhpageTopa a:last-child:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.bannerbuttom {
    width: 100%;
    margin: 0 auto;
    /* background: #000; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0 30px;
}

.rengong-tow a p {
   padding: 1px 6px;
    border-radius: 2px;
    background: #ff5c00;
    color: var(--text-white);
    font-size: 12px;
    line-height: 22px;
    display: inline;
    font-weight: bold;
    margin-left: 5px;
}



.rengong-one  .aipageTopa {
    display: flex;
    gap: 20px;
    padding: 17px 72px;
    
}
                 
.rengong-one  .aipageTopa a {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.rengong-one  .aipageTopa a:first-child {
   border: 2px solid #ff7e00;
   color: #ff7e00;
}

.rengong-one  .aipageTopa a:first-child:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.rengong-one  .aipageTopa a:last-child {
  border: 2px solid #ff7e00;
  color: #ff7e00;
}

.rengong-one  .aipageTopa a:last-child:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

