.programs {
  height: 99px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: calc(50vw - 417px);
  z-index: 99;
  width: 834px;
  top: 370px;
}
.programs .program {
  user-select: none;
  position: relative;
  width: 266px;
  height: 99px;
  background: linear-gradient(180deg, #f4f5f9, #fff);
  border: 3px solid #fff;
  border-radius: 8px;
  -webkit-box-shadow: 1px 4px 4px 1px rgba(142, 140, 147, 0.13), inset 0 2px 3px 0 #f6f7fa;
  box-shadow: 1px 4px 4px 1px rgba(142, 140, 147, 0.13), inset 0 2px 3px 0 #f6f7fa;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
  display: flex;
}
.programs .program .programlogo {
  height: 54px;
  width: 54px;
  padding-top: 22px;
  padding-left: 22px;
}
.programs .program .programlogo img {
  width: 54px;
  height: 54px;
}
.programs .program .content {
  padding-top: 15px;
  padding-left: 10px;
}
.programs .program .content .title {
  font-size: 20px;
  font-weight: 600;
}
.programs .program .content .desc {
  font-size: 12px;
  padding-top: 8px;
}
.programs .program:hover {
  transform: translateY(-22px);
  opacity: 1;
}
@font-face {
  font-family: JDLANGZHENGTI--GB1;
  src: url('../JDLZ.ttf') format('truetype');
}
.row {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 70px;
  padding-bottom: 59px;
}
.row .rowbody {
  width: 1200px;
  padding: 10px 41px 3px 41px;
  margin: 0 auto;
}
.row .title {
  font-family: JDLANGZHENGTI--GB1;
  text-align: center;
  height: 86px;
  padding-bottom: 50px;
  font-size: 34px;
  line-height: 86px;
}
.row .body .leftcontent {
  width: 392px;
  height: 288px;
  background: #e0edff url(../img/i_api_bg.png) 50% no-repeat;
  background-size: cover;
  border-radius: 8px;
  opacity: 1;
  padding: 30px;
}
.row .body .leftcontent .item {
  margin-top: 30px;
}
.row .body .leftcontent .item .itemtitle {
  padding-left: 35px;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 500;
  color: #3c6ef0;
  background: url(data:image/png;base64,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) left 4px no-repeat;
  background-size: 25px;
}
.row .body .leftcontent .item .lianjie {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAARGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAABkoAMABAAAAAEAAABkAAAAAC+73kEAAAMAUExURUdwTFSr/1V++k999z5+v2KO+mWU/Ex/135+/05z/0d49lOD91yH/VZ7+kl39lSF+FSE91eH+FmJ+1eI+VOE90Fx8leI+UNz8mOS/Uhs21OF+VKD9z1u8VCB9kh49FSE+FmH+V+P+2GQ/GWU/U5+91KE90h480Z380t89U+B9z9w8k+B90Fy8muY/05+9VaF+VWH+lGD90x89VmH+Up79U9+91uK91GC92mU/0Jz82eV/1eQ+FyL+1iG+leI+lqJ+VWF+lmK+mqY/0R08z1v8Ud49FOE9muZ/1OB9laJ+UR181aF92eV/UR180N08k6A9l2N+zxu8U199UJz9D9w8lSE+FaH+VaF90l59VCA9mGX+U199j5v8WqY/mqY/2iX/VSF+FSF+T9w8Uh59VeH+V2L/E5+91GB90l59U+A9leG+1RU/0J082mX/U599kp79Ud/81yL+Up69UZ39EZ380Z281iK+1qJ+VqJ+16N+2mY/V2M/GqZ/2aT/VuK+lWG+lqL+VyL+WuZ/2ub/05+90R080By8U589UZ28z5w8Up69Up69VSF90R080J08VB+91aH+VCB9WiV/Up892CP+0J081aH91qJ+16N+zxu7z5w8T548UZ28z5w80x89Txu7Uh480R282iX/UZ280Jy81iJ+X5+fl6N+1KB91yL+1yL+0B0+W6b/1qH+T5w82iV/Up69WaV/Uh48zxu8Txu8U6B9VaH+W6b/2yZ/1B+90p49VqJ+Up89UJy81qH+WiR+VSF926b/0Z481yL+16L+2qZ/2yb/1CB92GQ/F+P+37//1KD91CB91iH+WqX/1aF+VqJ+T5w8Ux89Up69V6N+0Z280By80J082CP+2iV/VaH+Uh49ViJ+WyZ/0R082iX/0R2805+9VKB91SF+UBw8VB+92KR/UJy81yL+1SF92aV/UBy8WST/WaT/U5+91SD90h482qZ/0h69UZ481uL+miY/Up89WSR/WKP+2KR+1qJ+1aF90589WiV/0Jy8V6N+WNiQEYAAADLdFJOUwACBjwEJEoFAgQN+Q8IHof7/Dz4XPv0htEGOPv+/f1wXNLt7OeH+4caVLvzleb7+Vfz+1SCXD7XGPtGCh9ph/N697qH+WVq+SqH+/vtW/dp0e/4OOHlcPOuSBPv95Y+/XPMrT/xLY/29rMeAnnDZpAW59mJ+8Q656aI2dk09MW48f2KXPP9/av95/nx993J6WDft3LpvUZq34OPJNdA52ihz+25s4cCmWK5fib521Sp/fnv18ONfKXHj2LDw/X9LKfT4anzeuvn/GMCOFRD9wAABFdJREFUSA2FVGlwU1UUvtnMS5O0GComDaUK3YAudC+0DFiGFqkUKcjaUsGKYKgCylJrRyqKVVEWF3DBDVfcqIqKCC6AgM1j0rSZmh9m8jLtTEvNxLGZJpkwjefel+29LHwz755zvu9879zb+1KE4oNKfHfjt8saVnz3xnJh/E6/qkt8c9nkHoLJDTOOy25u0n31PNvPrg05CTfzSLc2DBD09AwM4Gf/jOz4Hs3tt43wMHAi7hxwjI+PjOCHXccB+3PinEezYHY/i9krPtz48rlxtqg7HnNr4LBY+vstFstLSxJkYuFbOXWQA/WaJoZHs2CxlcX7n7MtgiXnLFarxVK3PLpFk7XYRNC5MzHQQW191mSyWjuLAwQnarIeHzWZRkdHO09sCwmKt8lbdoaYUKbJyvyXoHO1IsQi9Bghfw+n/Lks4Mh8j3sLP03Bns2RFmphZm/vf4DMR5VcdeGUXlC+4ZK4Er0IAuCFYt6n+/HpU5jfEWFR/tw7NjZmNNa/IqW4omKHEWM1l4VqViERNj8iExVzbk1QfAorhUv5FukW5sYNhqlfqhO9U7gpzEOV1BsZxmhcF7yogHXbOgbjOaEonWHyzgQ9VMkzRGA28baL0Jq8QUD9A6L0Qb1+MO+0lH0XVTKTwcJgesQQ9GmqHnAwuwwHvT6vmryUSp7J1g9NFwT2A1EjEsN6f6reZrOVKddcxtGmL0gBkkousOlxrZ3PcWQUpIGnOhV3Xq7QpRzGic22RUocJNdmBM+GZ2RoHXLwTNc6uru75SqEFpVB5nDIRSi5ACjItUkcR9IEB8hp4kUHIDocv8KxX5fjbDhJUE0SxwS+w+sdHvbmH1Vu8GLID1FI8xRJNwjFafmQ1XIdd9cS1btqFvW9Pyui0FySrkpA4pX5kQ6a9nppuvkOCmXfR3JvcxGlqqUBBx5G4Jn0Ufg5BPMnYomm54EDoZW3slVzUQrhJz4IpFjFcRRNommDIeBAyj3ncUXTXx49D9FwF0zhoXK3gYCdAeLas6TeXbqHxL0VPAOizhicBoPTGXQgVP4Z1NtLVfMw7zzr/8xCxsq9Q0NO59BFcg4/rbjQsb1U0jaE0XEy/BshDXM7fACeUNGqktyLeZ/vIj49Fxf6fL6+vjbOfx/4EMHRB/D5PokYgtqI0Mr74WDHXwDfsUruBFxNJcpVriC5E7OAV3dxBVK1u0G5wrWwDrfbPfUWXRTLMVDc7tZwRaImHHZEHgQaW1wul8ejDju+RO3xYM4Tw4FOguxyXbn0Z2CORI0JQCwH2tVlx2jfx+5B94v6H0LYp0XfFbxZWcV2tDdWCgVSxdVctozjQGh9l9luN5vt5vaWr49M6zIDrl+33xNzBoyRNTbhNi7iOhBSVJnN167hB68kfhBvBv47lVc14fYQcudEvQ/cG4CisQb6/wbgtemJJ6PdeaDZH2VzWmqwA1CTe2ktT41RKtc//WPuF3/89sO+8hgdQfp/hHXAtsVUTrEAAAAASUVORK5CYII=);
  background-position-y: 0;
}
.row .body .leftcontent .item .shengtai {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAARGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAABkoAMABAAAAAEAAABkAAAAAC+73kEAAAMAUExURUdwTGyR/0t79VCF+laK+lR+92KT/2Jw/0p2+Wmf/0x89VSr/1yL+VSF+16N+16P+V+M/Ut19l6N+12L+liI+019+1yM+V6N+1SE+F6N+0R29EZx916L/ENz8j1v8E5+9WGP+0x882CN+2uY/2CN+16M/UV38FCB9mmX/2OV/z1w8kZ59D9x8WuZ/12M+k1++WGP/E599k5+905+9V6N+k159GqY/k5+9meW/k17922X/z1v8F6M+l6N+0189V+N+09/+FuK+WGP+1uK+0199VCB909/9mCP+1yL+VF/+EZ09FyL+1B+91GC+F2M+1yL+0p69Txu8Txw8Up69Tpw81CB9WST/Wyb/z5w82KP+0J0816N+zxu8Up69WyZ/0Jy81CB+3Cr/0Z480Z280R282ST/WqZ/2KP+1B+9WCP+1yN90589WCP+26b/0h4805+9VqP92qX/WiV/U5+9WCR/zxw72KR+0Z482aZ/1B++Txu8Uh69UJw8WKR+0p6806D+UB08z5w8V6N+z5u8V6P92yZ/2CP+0x892SP+0h482CP/Up89WCP/UBw8WqX/0J082CP+2aT/Ux682KP+0h69V6P+2KR+05+9Txs7zxu8WqX/WaV/UJ09U5+9T5w8UZ49V6L+Ux89UZy8U5+9V6L+1CB916L+1CD92aT/Up681yN+WyZ/T5w8Ux+90Z282yZ/2yZ/WST/WCP90Z29Ux+9Uh6826X/26b/0h49VCB9QBUq2iX/Wyb/2CP+0Z280By8WaT/WiX/WaV/WKR/VaG+FiI+liH+VqJ+1aF+V6N+2CP+2KR/Up69Uh49UZ280J081CB92ST/Ux89WqX/2aT/WaV/UR282iX/0By82iV/T5w8WSR/UBw8UZ480h69WyZ/0By8UR082qZ/0Jy82KP+1KB905+905+9WCN+z5u8VB+91yN+2GP/VeH+WiX/Up89Uh481WF+WKR+1uL+lqJ+lyL+1KD90Z49U589Up6816M+miV/1iJ+VSE9zxu8VyN+agpkRMAAADJdFJOUwAG9goIBg0CBAT6AvcU5i5nEvv7HCD76hD5qA4l+/wa+SqYVfJYGYU5J2gl/frELNv2rMOJF9/rsJJDtYX9/bV57TShi/fTUvpoVNZc/VCwy/fhSir99TqLTPnRVtnb5TQI9UBY+T6pqe9GTuWZ/f0izf29KoXJ/Rgm8adw/eUsl3442SDXcLVG+2Iuue/vjaONteF8QKHty+vt+VCjvZHtnzrhcq98y/HP67H5cvv1pfE8XtmHJvHtxQJexfv54eeX1Wr4luHR3/cJrI8AAANzSURBVEgNjZQHTFNBGMdfLdBXKFNRUJShoEEEqrhBHCBVCLhwD3BPwBn33ntvFPfCvatxAlpiQKExAWSFEp7ERrCE2MZG73uvrVd57flL7rvv7vv/7+693itFWUTuGth3xPATx5eOElnUmBfoiZvafQWKV45tY16yMKI3ZBYbCToTYEFlNh2Y+cVEcVBfoVmRd9B5TwVO0GoHXhk2Sa+vqKhCQARr1UtXrMqbtpmSb07b07w6bPL8+Pz8ykpoALj3kd700Fuf/6G1GFuRL51+K+8fiJZpL/LyShEQ2SzvLOlgAVPrMEpL61Lu8x0GmxMc3oE5IH1C+P0dV+0oKyvTIiCitCzlodVzyX2HaT8Y0KIMrNe6Y2dokspHrtV+Lyj40Exb8B31gHZSSBMZNmF7sxmo+m3z7c0mKLc/6I4JTCktsKXlaOR6zv7nz5oaaZSQonf1fiCVSnvOnmdrkpkSkfuQ9MXduvYPoVd0S61B9IyjoSiy8V7nLmRTk5ZLXDseA2FtqnT2hZra2trUwUmwoRU6P038iJN4yduKGkqOV5C+uhoaxI/RHUlfoDgbpH+JjiNdWSopWq9vZNEjGhsT4wmnoqgoUOKkE3e5Uo+j19e/TyZtM0BdX69GQASzOsuRZMkCPU5WGsmSw8p/IdRqtqmzWxD+sxIaQN6AYgMC8l85F+2sbuQiA6k5zd/F8NxE0zIesRoeZJED8dvoIGjhnGZnnJHHSHQajQ4BUSOLzGB7jcTP9EgOm8NjJRJJRoK/DbeT+LIMDByyMIHXIAmb/3YyPJLApZWh2jLYmbviti4ZETCnUOiuuwgoSnwkuDnKdQq3CfHokQRhMhixdZ3TXM7j4OU339PNzbOV3xLu9Qp3hkYoFAzD+EQOFG91Y3Q6hmHHjG6+s+EtiOw2xvjf8zA+HyV3DJ+DHIgO+ztAl4uAyDC70Tn4ES2Z5aNSqb59A3FurkoFDfAZx2+AWcH2ZWs4lXk8atlCUcK3h9aUAD9YuKwk1JqFki8/cJf14GG0VQtF0Z1mKI18+qRUonaVYKFsXhkdxv4NySLuVVRUpFRCg4j61yQL9WwRCP9yqg/RYrcQ5IWF0CD2svZZGFabuRe0Rno8Im6C/svbn+T05eXlhT3G/IcDeTo974LkiC43/mcPdtHk9ncm3368ZUEf9kr+Ac625zDNz310AAAAAElFTkSuQmCC);
  background-position-y: 2px;
}
.row .body .leftcontent .item .itemcontent {
  margin-top: 8px;
  width: 282px;
}
.row .body .leftcontent :first-child {
  margin-top: 0;
}
.row .body .rightcontent {
  position: absolute;
  top: 229px;
  right: 0;
  overflow: hidden;
  width: 833px;
  height: 289px;
}
.row .body .rightcontent .card {
  margin-right: 20px;
}
.row .body .rightcontent .card .project {
  position: relative;
  display: block;
  height: 246px;
  padding: 20px;
  background: #f6f7fa 0 100% no-repeat;
  background-size: cover;
  border-radius: 8px;
  color: #333;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.row .body .rightcontent .card .project .projecttitle {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 500;
}
.row .body .rightcontent .card .project .projectcontent {
  margin-top: 11px;
  width: 207px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.row .body .rightcontent .card .project .projectaction {
  margin-top: 14px;
  display: inline-block;
  margin-right: 5px;
  width: 54px;
  height: 19px;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #3c6ef0;
  border: 1px solid #3c6ef0;
  border-radius: 6px;
}
.row .body .rightcontent .card .project .projectbtn {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: inline-block;
  padding: 0 9px;
  height: 35px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #333;
  background: #e4e8f1;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.row .body .rightcontent .card .project:hover {
  background: #3c6ef0;
  color: white;
}
.row .body .rightcontent .card .project:hover .projectaction {
  color: #fff;
  border: 1px solid #fff;
}
.row .body .rightcontent .card .project:hover .projectbtn {
  color: #3c6ef0;
  background: #fff;
}
.row3 {
  width: 100%;
  margin: 0;
  background-color: white;
}
.row3 .rowbody {
  width: 1200px;
  padding: 10px 41px 3px 41px;
  margin: 0 auto;
}
.row3 .body {
  display: grid;
  grid-template-columns: repeat(4, 220px);
  grid-template-rows: 304px 304px;
  grid-row-gap: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row3 .body .tool .icon {
  width: 80px;
  height: 80px;
  border-radius: 11px;
  background-size: cover;
}
.row3 .body .tool .toolicon-01 {
  background: url(../img/i_api.svg) 50% no-repeat;
}
.row3 .body .tool .toolicon-02 {
  background: url(../img/i_watch.svg) 50% no-repeat;
}
.row3 .body .tool .toolicon-03 {
  background: url(../img/i_code.svg) 50% no-repeat;
}
.row3 .body .tool .toolicon-04 {
  background: url(../img/i_lightning.svg) 50% no-repeat;
}
.row3 .body .tool .toolicon-05 {
  background: url(../img/i_camera.svg) 50% no-repeat;
}
.row3 .body .tool .toolicon-06 {
  background: url(../img/i_earth.svg) 50% no-repeat;
}
.row3 .body .tool .toolicon-07 {
  background: url(../img/i_process.svg) 50% no-repeat;
}
.row3 .body .tool .toolicon-08 {
  background: url(../img/i_guard.svg) 50% no-repeat;
}
.row3 .body .tool .tooltitle {
  margin: 14px 0;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.row3 .body .tool .toolcontent {
  padding-right: 45px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #666;
}
.row2 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding-top: 30px;
}
.row2 .bodys {
  position: relative;
  height: 400px;
}
.row2 .bodys .swiper-wrapper {
  padding-left: 60px;
}
.row2 .bodys .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.row2 .bodys .swiper-slide {
  background: transparent;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-left: 74px;
  display: flex;
  justify-content: space-between;
}
.row2 .bodys .swiper-slide .left .index {
  font-size: 50px;
  font-family: JDLANGZHENGTI--GB1;
  font-weight: 400;
  color: #333;
  line-height: 75px;
}
.row2 .bodys .swiper-slide .left .content {
  margin-top: 26px;
}
.row2 .bodys .swiper-slide .left .content .item {
  margin-bottom: 30px;
  padding-left: 39px;
  height: 25px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.row2 .bodys .swiper-slide .left .content .item .icon-01 {
  position: relative;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: url(../img/i_wh_tp.svg) 50% no-repeat;
  background-size: cover;
  line-height: 30px;
}
.row2 .bodys .swiper-slide .right {
  width: 646px;
  height: 431px;
  background: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 150px;
}
.userinfo {
  display: flex;
}
.userinfo .avar {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}
.userinfo .avar img {
  width: 30px;
  height: 30px;
  margin-top: -5px;
}
.swiperpage {
  height: 20px !important;
  border-radius: 0 !important;
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: 20px !important;
}
.row2 .footlist {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row2 .footlist .listm {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row2 .footlist .listm .foottitle {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.row2 .footlist .listm .footitems .it {
  margin: 16px 0;
  color: #666;
}
.printerhover:hover {
  color: #3c6ef0;
}