/* div{
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
} */
.marginTopBox td,.marginTopBox a,.marginTopBox p,.marginTopBox span,.marginTopBox h1,.marginTopBox h2,.marginTopBox h3,.marginTopBox h4,.marginTopBox h5,.marginTopBox h6{
  font-family: ;
}
.introduceTitle h3{
  height: 59px;
  font-size: 40px;
  font-weight: 500;
  color: #333333;
  line-height: 59px;
}
.introduceTitle{
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
  align-items: center;
}
.introduceContent{
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 32px;
  text-align: justify;
  text-align-last: left;
}
.h3English{
  height: 70px;
  margin-top: 80px;
  font-size: 70px;
  font-weight: 900;
  color: #EEEEEE;
}
.productSystemTitle{
  color: #6d9cdb;
}
.cosLine{
  width: 1px;
  height: 30px;
  margin: 15px auto;
  background: #80a9e0;
}
.lookMore img{
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.lookMore span{
  display: inline-block;
  width: 64px;
height: 29px;
font-size: 16px;
font-weight: 400;
color: #999999;
line-height: 29px;
}
.topContentMain{
  width: 100%;
  display: flex;
  margin: 50px 0px; 
  text-align: center;
  justify-content: space-around;
}
.topContentImg img{
  width: 98px;
  height: 98px;
}
.topContent,.lookMore,.productSystemContentImgMain div,.newsItemsRightListContent,.newsItemsRightListImg{
  cursor: pointer;
}
.topContent>h4{
/* width: 111px; */
height: 36px;
font-size: 24px;
font-weight: 500;
margin: 5px 0px;
color: #265DB0;
line-height: 36px;
}
.topContent>p{
  color: #666;
  color: 14px;
}
.topContent .introduceContent{
  height: 64px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 32px;
}
.productSystemContent{
  padding-top: 50px;
}
.productSystemContent > h3{
  font-size: 40px;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: -20px;
}
.productSystem{
  width: 100%;
  text-align: center;
}
.productSystemContentP{
  /* width: 919px; */
  height: 58px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 30px;
  line-height: 29px;
  letter-spacing: 1px;
}
.productSystemContentImgMain{
  display: flex;
  width: 100%;
  align-items: top;
  padding-top: 0px;
  justify-content: left;
}
.productSystemContentImgMainBlue,.productSystemContentImgMainWhite{
  width: calc(100% / 4);
}
.productSystemContentImgMainBackground{
  width: calc(100% / 2);
}
.atlasFun{

}
.technicalSystemMainImg {
  margin-right: 0.1rem;
  margin-left: -0.1rem;
}

.technicalSystemMainImg img {
  width: 0.2rem;
}
.tab{
  cursor: pointer;
  width: 96px;
  height: 36px;
  font-size: 24px;
  font-weight: 500;
  color: #999999;
  line-height: 36px;
  margin: 10px 100px;
  display: inline-block;

}
.atlasFunTitle{
  text-align: center;
  margin: 50px 0px;
}
.tabs{
  width: 96px;
  height: 36px;
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  line-height: 36px;
}
#domesticShow{
  display: none;
}
.tabs>div{
width: 32px;
height: 4px;
background: #265DB0;
border-radius: 2px;
margin: 0 auto;
}
.applicationIcon{
  display: flex;
  flex-wrap: nowrap;
  /* justify-content: space-between; */
  
}
.applicationIconMain{
 margin-top: 40px;
 margin-bottom: 40px;
 width: 1000px;
 height: 440px;
 display: flex;
 align-items: center;
 justify-content: center;
 background-size: 100% 100%;
 background-repeat: no-repeat;
}
.applicationIconMain>div{
  display: inline-block;
  padding: 0px 20px;
  /* vertical-align: middle */
}
.applicationIconMain h4{
  font-size: 18px;
  font-weight: 600;
  /* color: #004DC1; */
  color: white;
  width: 10px;
}

.applicationIconMain p{
  height: 56px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.newsItems{
  background: #F9F9F9;
  padding-bottom: 80px;
}
.newsItemsRightList{
  display: flex;
}
.newsItemsRightListDivTitle{
  display: flex;
  justify-content: space-between;
}
.newsItemsRightListImgTime{
  color:#fff;
}
.newsItemsRightListDivTitle img{
  width: 37px;
  height: 17px;
}

.newsItemsRightListImg, .newsItemsRightListDiv{
  margin: 10px;
}
.newsItemsRightListImg{
  margin-left: 0px;
  position: relative;
}
.newsItemsRightListImgCon{
  position:absolute;
  bottom: 0px;
  width: 100%;
  height: 80px;
  background: #265DB0;
  display: flex;
  flex-direction:column;
  justify-content: center;
  padding: 2px 20px;
  opacity: 0.7;
}
.newsItemsRightListImgTitle{
  color: white;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
}
.newsItemsRightListImgTitle>h5{
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.newsItemsRightListImgTitle img{
  width: 37px;
  height: 17px;
}
.newsItemsRightListDiv{
  background: #FFFFFF;
  padding: 0px 20px;
  margin-right: 0px;
  box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.05);
}
.newsItemsRightListDivTime{
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.newsItemsRightListDivTitle h5{
  height: 29px;
  font-size: 20px;
  line-height: 29px;
  font-family: serif;
  font-weight: 600;
  color: #333333;
}

.newsItemsRightListDivP{
  height: 44px;
  font-size: 14px;
  font-weight: 400;
  width: 85%;
  color: #999999;
  line-height: 22px;
}
.newsItemsRightListContent{
  border-bottom: 1px solid #EEEEEE;
  height: 50%;
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.newsItemsRightListContent:last-of-type{
  border-bottom: none;
}
.productSystemModules{
  text-align: left;
  padding: 15px;
  height: 100%;
  padding-top: 30px;
  position: relative;
}
.productSystemContentImgMainBlue{
  background-color: #f8f8f8;
}
.productSystemContentImgMainWhite{
  background-color: #285cb3;
  color: white;
}
.productSystemContentImgMainBlue>div,.productSystemContentImgMainWhite>div{
  height: 100%;
}
.productSystemModules h4{
  font-size: 14px;
  height: 20px;
}
.productSystemContentImgMainBlue h3{
  font-size: 18px;
  font-weight: 600;
  color: #285cb3;
  padding: 0px 0px 15px 0px;
}
.productSystemContentImgMainBlue .productSystemModules{
  color: #666;
  position: relative;
  padding-bottom: 40px;
}
.productSystemContentImgMainWhite .productSystemModules{
  color: white;
}
.productSystemContentImgMainWhite h3{
  font-size: 18px;
  font-weight: 600;
  color: white;
  padding: 0px 0px 15px 0px;
}
.productSystemModules p{
  font-size: 13px;
  font-weight: 200;
  line-height: 20px;
}
.productSystemModules div{
  text-align: right;
}
.productSystemModules div img{
  width: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.productGlobalWidth{
  padding: 0 0.6rem;
}
.productSystemContentImgMainBlue .more h3{
  color: #6b6b6b;
}
.innovationServeDiv{
  background: #326fd8;
  width: 100%;
  padding: 0.2rem 0.2rem 0.25rem 0.2rem;
}

#developmentShow,#domesticShow{
  height: 470px;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
}
#developmentShow .globalWidth{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#developmentShow .duiqiMyself{
  color: white;
  padding: 30px 0px 70px 0px;
  line-height: 28px;
  font-size: 18px;
  /* width: 700px; */
  margin: 0 auto;
}
.developmentShowH3{
  font-weight: 400px;
  font-size: 22px;
  color: white;
}
.atlasFunTools{
  display: flex;
  width: 700px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}
.atlasFunTool{
  padding: 0 20px;
  color: white;
  min-width: 150px;
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 174px;
  padding-bottom: 20px;
}
.atlasFunTool img{
  width: 60px;
  height: 60px;
  margin-top: -30px;
}
.atlasFunTool h3{
  font-size: 18px;
  padding: 10px 0px;
  font-weight: 400;
}
.atlasFunTool p{
  font-size: 14px;
  line-height: 23px;
}
#domesticShow .globalWidth{
  height: 100%;
  display: flex;
  align-items: center;
}
.globalWidth{
  padding: 0px 0.6rem!important;
}
.domesticShowTools{
  /* height: 100%; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.domesticShowToolsContLeft{
  width: 48%;
}
.domesticShowToolsCont{
  width: 48%;
  text-align: left;
  height: 100%;
}
.domesticShowToolsCont .duiqi{
  color: white;
}
.technicalSystem{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  color: white;
}
.technicalSystemMain {
  width: 48%;
  display: flex;
  padding: 8px 0px;
  margin: 10px 0px;
  border: 1px solid #323b50;
}
.technicalSystemMain p{
  font-size: 12px;
}
.domesticShowToolsCont .duiqi{
  margin: 10px 0px;
}