﻿.index .banner img {
   width: 1280px;
   margin-bottom: 20px;
}

.pageTitle {
   text-align: center;
   margin-bottom: 30px;
}

.pageTitle .englishName span {
   font-size: 24px;
   font-weight: 600;
   color: #000;
   line-height: 33px;
   letter-spacing: 3px;
   border-bottom: 2px solid #3988A7;
   padding-bottom: 3px;
}

.pageTitle .chineseName {
   font-size: 18px;
   font-weight: 600;
   color: #4A4A4A;
   line-height: 25px;
   margin-top: 8px;
}

.index .aboutCon {
   display: flex;
   padding: 0 131px;
   height: 252px;
   align-items: center;
}

.index .about .addressBg {
   flex-basis: 266px;
   position: relative;
   z-index: 10;
   width: 266px;
   height: 204px;
}

.index .about .addressBg img {
   width: 266px;
   height: 204px;
}

.index .about .con {
   flex-grow: 1;
   width: 695px;
   height: 217px;
   background: #F1F1F1;
   margin-left: -22px;
   padding: 35px 30px 0 52px;
   line-height: 22px;
   font-size: 14px;
   color: #4A4A4A;
}

.index .about .con em {
   font-size: 16px;
   font-weight: 600;
}

.index .about .con p {
   margin-bottom: 25px;
   text-align: justify;
}

.index .product {
   min-height: 500px;
   background: #FBFBFB;
   margin: 30px 0 0 0;
}

.index .pageTitle {
   padding-top: 30px;
}

.index .productCon {
   display: flex;
   flex-wrap: wrap;
}

.index .productItem {
   flex: 0 0 calc(33.3% - 1px);
   padding-bottom: 10px;
   position: relative;
}

.index .productItem:last-child .borderLine{
   display: none;
}



.index .productItem:nth-child(-n+3) {
   border-bottom: 1px solid #E6E2E2;
   margin-bottom: 30px;
}

.index .productItem .ico {
   text-align: center;
   margin-bottom: 3px;
}

.index .productItem .ico img {
   transition: all 0.8s ease-in-out;
}

.index .productItem:hover .ico img {
   transform: rotate(360deg);
}

.index .productItem .name {
   font-size: 18px;
   font-weight: 600;
   color: #4A4A4A;
   line-height: 25px;
   padding: 10px 0 5px 0;
}

.index .productItem .borderLine {
   height: 124px;
   border-right: 1px solid #E6E2E2;
   width: 1px;
   position: absolute;
   top: 50%;
   margin-top: -62px;
   right: 0;
}

.index .productItem .msg {
   line-height: 20px;
   font-size: 14px;
   color: #4A4A4A;
   padding: 0 15px;
   text-align: justify;
}

.index .productItem .msg span {
   color: #CF9534;
   font-weight: 600;
}

.index .services .productItem:nth-child(-n+3) {
   border-bottom: none;
   margin-bottom: 30px;
}

.index .news {
   background: #FBFBFB;
   padding-bottom: 30px;
}

.index .news .list {
   display: flex;
   flex-wrap: wrap;
   width: calc(100% + 43px);
}

.index .newsItem {
   height: 110px;
   flex: 0 0 calc(33.3% - 43px);
   display: flex;
   font-size: 14px;
   margin: 0 43px 20px 0;
}

.index .newsItem .newsBg {
   flex-basis: 143px;
   flex-shrink: 0;
   width: 143px;
   height: 110px;
   margin-right: 10px;
   overflow: hidden;
}

.index .newsItem .newsBg img {
   width: 143px;
   height: 110px;
   transition: all 0.6s;
}

.index .newsItem:hover img {
   transform: scale(1.4);
}

.index .newsItem .title {
   font-weight: 500;
   color: #000;
}

.index .newsItem:hover .title {
   font-weight: 500;
   color: #256B89;
}

.index .newsItem .summary {
   font-size: 12px;
   color: #9B9B9B;
}

.index .newsItem .title,
.index .newsItem .summary {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   line-height: 20px;
}

.index .newsItem .newsCon {
   height: 110px;
   position: relative;
}

.index .newsItem .msg {
   font-size: 12px;
   color: #A5A5A5;
   position: absolute;
   bottom: 0;
   left: 0;
   height: 17px;
   display: flex;
   align-items: center;
}

.index .newsItem .msg em {
   width: 4px;
   height: 4px;
   background: #9B9B9B;
   display: inline-block;
   border-radius: 50%;
   margin: 0 5px;
}

.index .showMoreNewsBtn {
   display: block;
   width: 150px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   font-size: 14px;
   color: #4A4A4A;
   background: #D8D8D8;
   margin: 20px auto 30px auto;
}


.details .detailsTop {
   height: 134px;
   background: #FAFCFD;
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
   margin-bottom: 20px;
}

.details .detailsTop .title {
   padding: 30px 0;
   font-size: 24px;
   color: #4A4A4A;
}

.details .detailsTop .source {
   font-size: 14px;
   color: #949494;
}

.details .detailsTop .fotCon {
   display: flex;
   width: 100%;
   justify-content: space-between;

}

.details .detailsTop .time {
   align-self: flex-end;
   font-size: 14px;
   color: #949494;
}

.detailsCon {
   font-size: 14px;
   color: #4A4A4A;
   line-height: 20px;
   padding: 20px 0;
}

.detailsCon img {
   margin-bottom: 30px;
}

.intelligent .pageTitle {
   padding-top: 30px;
}

.intelligent .about {
   margin-bottom: 30px;
}

.intelligent .aboutCon {
   display: flex;
   height: 216px;
   background: #F1F1F1;
}

.intelligent .about .addressBg {
   flex-basis: 192px;
   margin: 40px 0 0 30px;
}

.intelligent .about .con {
   flex-grow: 1;
   width: 997px;
   background: #F1F1F1;
   padding: 40px 30px 0 30px;
   line-height: 22px;
   font-size: 14px;
   color: #4A4A4A;
}

.intelligent .about .con em {
   font-size: 16px;
   font-weight: 600;
}

.intelligent .about .con p {
   margin-bottom: 25px;
   text-align: justify;
}

.intelligent .service {
   height: 487px;
   background: #FBFBFB;
}

.intelligent .serviceCon {
   display: flex;
   height: 388px;
}

.intelligent .serviceLeft,
.intelligent .serviceRight {
   flex-basis: 503px;
   text-align: right;
   padding-top: 20px;
}

.intelligent .serviceRight {
   text-align: left;
}

.intelligent .serviceBg {
   flex-basis: 244px;
   padding: 0 15px;
   position: relative;
}

.intelligent .ewm {
   position: absolute;
   bottom: 65px;
   left: 0;
   display: flex;
   width: 244px;
   font-size: 12px;
   color: #4A4A4A;
}

.intelligent .ewm .ewmLeft {
   flex-basis: 79px;
   margin: 0 0 0 36px;
   text-align: center;
}

.intelligent .ewm .ewmRight {
   text-align: center;
   margin-left: 36px;
}

.intelligent .ewm .ewmImg img {
   width: 79px;
   margin-bottom: 3px;
}

.intelligent .ewm .ewmRight .ewmImg img {
   width: 77px;
   border: 1px solid rgba(153, 153, 153, 0.24);
}

.intelligent .serviceItem {
   margin-bottom: 28px;
}

.intelligent .serviceItem .title {
   font-size: 14px;
   color: #2DB2CF;
   line-height: 20px;
}

.intelligent .serviceItem .con {
   font-size: 14px;
   color: #4A4A4A;
   line-height: 20px;
}

.intelligent .activity {
   padding-bottom: 30px;
}

.intelligent .activityList {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.intelligent .activityItem {
   flex: 0 0 calc(33.3% - 20px);
   margin-bottom: 20px;
}

.intelligent .activityItem .img {
   width: 413px;
   height: 212px;
   overflow: hidden;
}

.intelligent .activityItem img {
   width: 413px;
   height: 212px;
   transition: all 0.6s;
}

.intelligent .activityItem:hover img {
   transform: scale(1.4);
}

.intelligent .name {
   height: 40px;
   font-size: 14px;
   color: #4A4A4A;
   background: #F5F5F5;
   border: 1px solid #E7E7E7;
   display: flex;
   align-items: center;
   justify-content: center;
}

.newMedia .newMediaList {
   height: 432px;
}

.newMedia .newMediaItem {
   width: 1140px;
   margin: 0 auto;
}

.newMedia .newMediaItem .title {
   text-align: center;
   padding: 30px 0 20px 0;
}

.newMedia .newMediaItem .title .name {
   font-size: 20px;
   font-weight: 600;
   color: #4A4A4A;
   line-height: 28px;
   margin-top: 5px;
}

.newMedia .newMediaItem .title .label {
   font-size: 16px;
   color: #4A4A4A;
   line-height: 22px;
}

.newMedia .newMediaItem .summary {
   display: flex;
   height: 253px;
   align-items: center;
}

.newMedia .newMediaItem .conDiv {
   flex-basis: 727px;
   margin: 0 60px 0 0;
}

.newMedia .newMediaItem .conDiv p {
   line-height: 30px;
   font-size: 16px;
   color: #4A4A4A;
   text-indent: 2em;
}

.newMedia .newMediaItem .conDiv .phone {
   margin-top: 25px;
   width: 348px;
   height: 32px;
   color: #4A4A4A;
   line-height: 32px;
   border: 1px solid #9B9B9B;
   text-indent: 40px;
   background: url(../image/contactIco.png) 11px center no-repeat;
   background-size: 23px;
}

.newMedia .newMediaItem .showDetail {
   display: inline-block;
   text-indent: 20px;
   height: 28px;
   line-height: 28px;
   width: 106px;
   background: #1F8AB7 url("../image/limg6.png") 84px center no-repeat;
   border-radius: 14px;
   color: #fff;
   font-size: 14px;
   margin: 0 0 0 10px;
}

.newMedia .newMediaItem .imgDiv {
   display: flex;
   height: 253px;
}

.newMedia .newMediaItem .ewmImg {
   align-self: flex-end;
   margin-left: 27px;
   text-align: center;
}

.newMedia .newMediaItem .ewmImg img {
   width: 113px;
   height: 113px;
}

.newMedia .newMediaItem .ewmImg .name {
   font-size: 14px;
   color: #4A4A4A;
   line-height: 20px;
}

.newMedia .newMediaList:nth-child(even) {
   background: #FBFBFB;
}

.newMedia .newMediaList:nth-child(even) .conDiv {
   margin: 0 0 0 60px;
}

.uXue .newMedia .newMediaList {
   height: 410px;
}

.uXue .uXueList .title {
   text-align: center;
   padding: 30px 0 20px 0;
}

.uXue .uXueList .title {
   text-align: center;
   padding: 30px 0 20px 0;
   font-size: 20px;
   font-weight: 600;
   color: #4A4A4A;
}

.uXue .uXueList .title .logo {
   margin-bottom: 5px;
}

.uXue .uXueList .uXueDiv {
   background: #F1F1F1;
   padding: 40px 40px 30px 40px;
}

.uXue .aboutDiv {
   margin-bottom: 30px;
   display: flex;
}

.uXue .aboutDiv p {
   line-height: 24px;
   font-size: 16px;
   color: #4A4A4A;
   text-indent: 2em;
}

.uXue .aboutDiv .companyBg {
   width: 160px;
   flex-basis: 160px;
   margin-right: 20px;
}

.uXue .aboutDiv .companyBg img {
   width: 160px;
}

.uXue .uXueDiv .fotDiv {
   display: flex;
   width: 1160px;
}

.uXue .uXueDiv .leftDiv {
   flex-basis: 600px;
   flex-shrink: 0;
   overflow: hidden;
}

.uXue .uXueDiv .rightDiv {
   flex-grow: 1;
   width: 560px;
}

.uXue .uXueDiv .msgItem {
   margin-bottom: 5px;
   font-size: 16px;
   color: #4A4A4A;
   padding-left: 20px;
   line-height: 26px;
}

.uXue .uXueDiv .phoneItem {
   background: url("../image/uXueIco1.png") left 5px no-repeat;
   background-size: 15px;
}

.uXue .uXueDiv .webItem {
   background: url("../image/uXueIco3.png") left 5px no-repeat;
   background-size: 15px;
}

.uXue .uXueDiv .addressItem {
   background: url("../image/uXueIco2.png") left 5px no-repeat;
   background-size: 15px;
}

.uXue .uXueDiv .webItem a {
   color: #0563D5;
   border-bottom: 1px solid #0563D5;
}

.uXue .newMedia .newMediaItem .title .name {
   border-bottom: 2px solid #3988A7;
   display: inline-block;
   padding-bottom: 3px;
   margin-bottom: 3px;
}