@charset "UTF-8";

/* mixin */

/* caret 三角箭头 */

/* mixin end */

.area-box {

  padding: 10px 0 50px;

}



.block-title {

  margin: 50px 0px;

}

.block-title h3 {

  font-size: 30px;

  font-weight: normal;

  text-align: center;

  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: 28px;

  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: 130px;

}

.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_05.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_05a.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-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;

}

.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: 45px;

  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: 40px;

}

.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: 8px;

  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;

}

.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;

}

.top .more {

  display: inline-block;

  float: right;

  color: #888;

  margin-top: 14px;

}



.t-content .t-left-box {

  width: 860px;

  min-height: 340px;

  float: left;

}

.t-content .t-left-box .t-panel {

  padding: 30px 0px;

  display: none;

  min-height: 405px;

  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: 420px;

  height: 100px;

  background-color: #fff;

  float: left;

  margin-right: 20px;

  margin-top: 15px;

  -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;

}