* {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei" !important;
}
html,
body {
  width: 100%;
  position: relative;
  min-width: 1300px;
  font-family: "Microsoft YaHei" !important;
}
a {
  display: inline-block;
  text-decoration: none !important;
}
/*#newBridge .nb-hide, #newBridge .nb-middle{
    display:block !important;
}*/
ul {
  list-style: none;
}
/*��*/
.hand {
  cursor: pointer;
}
/*����*/
.active {
  color: #fff !important;
  opacity: 1 !important;
}
.activeBlue {
  color: #4274EF !important;
  opacity: 1 !important;
}
/*��ѯ����*/
.newsActive {
  color: #fff !important;
  opacity: 1;
}
@media only screen and (max-width: 900px) {
  #header,
  #headerContact {
    position: absolute !important;
  }
}
/*ͷ��*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 106px;
  line-height: 106px;
  margin: 0 auto;
  background: linear-gradient(259deg, rgb(83, 145, 254) 0%, rgb(74, 106, 245) 100%);
  justify-content: space-between;
  z-index: 999;
  transition: all 2s;
  min-width: 1300px;
}
#header .box {
  width: 1120px;
  height: 74px;
  line-height: 74px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
#header .box .box-left {
  width: 70%;
  display: flex;
  justify-content: space-between;
}
#header .box .box-left img {
  display: inline-block;
  width: 138px;
  height: 48px;
  margin-top: 10px;
  cursor: pointer;
}
#header .box .box-left div:hover span {
  color: #fff;
  opacity: 1;
}
#header .box .box-left div a {
  display: block;
  color: #fff;
}
#header .box .box-left div a span {
  opacity: 0.6;
  font-size: 16px;
}
#header .box .box-left .solution {
  position: relative;
}
#header .box .box-left .solution .solutionBox {
  opacity: 1 !important;
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  width: 300px;
  z-index: 99;
  overflow: hidden;
  /*
                         ��������
                    */
  height: 230px;
  padding: 18px 0 20px;
  box-sizing: border-box;
  display: none;
  /*��������
                    height: 0px;
                    transition: linear .3s;
                    */
}
#header .box .box-left .solution .solutionBox li {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  height: 26px;
  line-height: 26px;
  padding: 0 30px;
}
#header .box .box-left .solution .solutionBox li a {
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
}
#header .box .box-left .solution .solutionBox li a:hover img {
  opacity: 1;
}
#header .box .box-left .solution .solutionBox li a:hover span {
  color: #000;
  opacity: 1;
}
#header .box .box-left .solution .solutionBox li a img {
  opacity: 0;
  width: 7px;
  height: 10px;
  margin-top: 0;
}
#header .box .box-left .solution .solutionBox li a span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  margin-left: 14px;
}
#header .box .box-left .solution:hover .solutionBox {
  display: block;
  /* ��������
                        height: 230px;
                        padding: 10px 0 20px;
                        box-sizing: border-box;
                        */
}
#header .box .box-left .product {
  position: relative;
}
#header .box .box-left .product:hover .productBox {
  height: 290px;
}
#header .box .box-left .product .productBox {
  opacity: 1 !important;
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translateX(-50%);
  height: 0px;
  overflow: hidden;
  /*transition: linear .3s;*/
  display: flex;
  justify-content: space-between;
  background: #fff;
  z-index: 99;
}
#header .box .box-left .product .productBox .productBoxLeft {
  width: 263px;
  padding: 18px 30px;
  box-sizing: border-box;
  border-right: 1px solid #F0F0F0;
  z-index: 99;
}
#header .box .box-left .product .productBox .productBoxLeft div {
  width: 100%;
  overflow: hidden;
  line-height: 24px;
  color: #000;
  display: flex;
  padding: 17px 0;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #F0F0F0;
}
#header .box .box-left .product .productBox .productBoxLeft div:last-child {
  border: none;
}
#header .box .box-left .product .productBox .productBoxLeft div:hover img {
  opacity: 1 !important;
}
#header .box .box-left .product .productBox .productBoxLeft div:hover span {
  color: #333333;
}
#header .box .box-left .product .productBox .productBoxLeft div span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
#header .box .box-left .product .productBox .productBoxLeft div img {
  opacity: 0;
  width: 7px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
}
#header .box .box-left .product .productBox .productBoxRight {
  width: 217px;
  position: relative;
  z-index: 99;
}
#header .box .box-left .product .productBox .productBoxRight ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
  z-index: 99;
  overflow: hidden;
  transition: linear 0.3s;
  z-index: 22;
  background: #fff;
  padding: 13px 0;
  box-sizing: border-box;
}
#header .box .box-left .product .productBox .productBoxRight ul li {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  height: 26px;
  line-height: 26px;
  padding: 0 30px;
}
#header .box .box-left .product .productBox .productBoxRight ul li a {
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
}
#header .box .box-left .product .productBox .productBoxRight ul li a:hover img {
  opacity: 1;
}
#header .box .box-left .product .productBox .productBoxRight ul li a:hover span {
  color: #333330 !important;
}
#header .box .box-left .product .productBox .productBoxRight ul li a img {
  opacity: 0;
  width: 7px;
  height: 10px;
  margin-top: 0;
}
#header .box .box-left .product .productBox .productBoxRight ul li a span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  margin-left: 14px;
}
#header .box .box-left .product .productBox .productBoxRight #productBoxDpBox {
  display: block;
}
#header .box .box-right {
  width: 113px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  margin-top: 17px;
}
#header .box .box-right a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #3d6aec !important;
  font-weight: 500;
}
/*��ɫlogoͷ��*/
#headerContact {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 74px;
  line-height: 74px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 8px 11px 1px rgba(0, 0, 0, 0.01960784);
  display: flex;
  justify-content: space-between;
  z-index: 999;
  min-width: 1300px;
}
#headerContact .box {
  width: 1120px;
  height: 74px;
  line-height: 74px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  color: #000;
}
#headerContact .box .box-left {
  width: 70%;
  display: flex;
  justify-content: space-between;
}
#headerContact .box .box-left img {
  display: inline-block;
  width: 138px;
  height: 48px;
  margin-top: 12px;
  cursor: pointer;
}
#headerContact .box .box-left div:hover span {
  color: #000;
  opacity: 1;
}
#headerContact .box .box-left div a {
  display: block;
  color: #000;
}
#headerContact .box .box-left div a span {
  opacity: 0.6;
}
#headerContact .box .box-left .solution {
  position: relative;
}
#headerContact .box .box-left .solution .solutionBox {
  opacity: 1 !important;
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  width: 300px;
  z-index: 99;
  overflow: hidden;
  height: 230px;
  padding: 18px 0 20px;
  box-sizing: border-box;
  display: none;
  /*
                    height: 0px;
                    transition: linear .3s;
                    */
}
#headerContact .box .box-left .solution .solutionBox li {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  height: 26px;
  line-height: 26px;
  padding: 0 30px;
}
#headerContact .box .box-left .solution .solutionBox li a {
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
}
#headerContact .box .box-left .solution .solutionBox li a:hover img {
  opacity: 1;
}
#headerContact .box .box-left .solution .solutionBox li a:hover span {
  color: #000;
  opacity: 1;
}
#headerContact .box .box-left .solution .solutionBox li a img {
  opacity: 0;
  width: 7px;
  height: 10px;
  margin-top: 0;
}
#headerContact .box .box-left .solution .solutionBox li a span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  margin-left: 14px;
}
#headerContact .box .box-left .solution:hover .solutionBox {
  /*height: 230px;
                        padding: 10px 0 20px;
                        box-sizing: border-box;*/
  display: block;
}
#headerContact .box .box-left .product {
  position: relative;
}
#headerContact .box .box-left .product:hover .productBox {
  height: 290px;
}
#headerContact .box .box-left .product .productBox {
  opacity: 1 !important;
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  overflow: hidden;
  /*transition: linear .3s;*/
  display: flex;
  justify-content: space-between;
  background: #fff;
  z-index: 99;
}
#headerContact .box .box-left .product .productBox .productBoxLeft {
  width: 263px;
  padding: 18px 30px;
  box-sizing: border-box;
  border-right: 1px solid #F0F0F0;
  z-index: 99;
}
#headerContact .box .box-left .product .productBox .productBoxLeft div {
  width: 100%;
  overflow: hidden;
  line-height: 24px;
  color: #000;
  display: flex;
  padding: 17px 0;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #F0F0F0;
}
#headerContact .box .box-left .product .productBox .productBoxLeft div:last-child {
  border: none;
}
#headerContact .box .box-left .product .productBox .productBoxLeft div:hover img {
  opacity: 1 !important;
}
#headerContact .box .box-left .product .productBox .productBoxLeft div:hover span {
  color: #333333;
}
#headerContact .box .box-left .product .productBox .productBoxLeft div span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
#headerContact .box .box-left .product .productBox .productBoxLeft div img {
  opacity: 0;
  width: 7px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
}
#headerContact .box .box-left .product .productBox .productBoxRight {
  width: 217px;
  position: relative;
  z-index: 99;
}
#headerContact .box .box-left .product .productBox .productBoxRight ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
  z-index: 99;
  overflow: hidden;
  transition: linear 0.3s;
  z-index: 22;
  background: #fff;
  padding: 13px 0;
  box-sizing: border-box;
}
#headerContact .box .box-left .product .productBox .productBoxRight ul li {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  height: 26px;
  line-height: 26px;
  padding: 0 30px;
}
#headerContact .box .box-left .product .productBox .productBoxRight ul li a {
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
}
#headerContact .box .box-left .product .productBox .productBoxRight ul li a:hover img {
  opacity: 1;
}
#headerContact .box .box-left .product .productBox .productBoxRight ul li a:hover span {
  color: #333330 !important;
}
#headerContact .box .box-left .product .productBox .productBoxRight ul li a img {
  opacity: 0;
  width: 7px;
  height: 10px;
  margin-top: 0;
}
#headerContact .box .box-left .product .productBox .productBoxRight ul li a span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  margin-left: 14px;
}
#headerContact .box .box-left .product .productBox .productBoxRight #productBoxDpBox {
  display: block;
}
#headerContact .box .box-right {
  width: 113px;
  height: 40px;
  line-height: 40px;
  background: #4274EF;
  border-radius: 4px;
  text-align: center;
  margin-top: 19px;
}
#headerContact .box .box-right a {
  display: block;
  width: 100%;
  color: #fff !important;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
}
/*�ײ�*/
.footer {
  width: 100%;
  background: linear-gradient(90deg, #62ABFF 0%, #3156E6 100%);
  padding: 54px 0 31px;
}
.footer .box {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.footer .box .left {
  box-sizing: border-box;
  width: 320px;
}
.footer .box .left img {
  display: block;
}
.footer .box .left div {
  margin-top: 48px;
  height: 24px;
  line-height: 24px;
  display: flex;
  font-size: 16px;
}
.footer .box .left div span {
  margin-left: 16px;
  color: #FFFFFF;
}
.footer .box .left div .phone {
  color: #EEEEEE;
  margin-left: 23px;
}
.footer .box ul .hand:hover a {
  color: #fff;
}
.footer .box ul li {
  color: #EEEEEE;
  font-size: 16px;
  margin-top: 17px;
}
.footer .box ul li a {
  color: #EEEEEE;
  font-size: 16px;
}
.footer .box .right {
  margin-top: 14px;
}
.footer .box .right .right-top {
  display: flex;
  height: 22px;
  line-height: 22px;
}
.footer .box .right .right-top img {
  display: block;
}
.footer .box .right .right-top span {
  font-size: 16px;
  color: #FFFFFF;
  margin-left: 10px;
}
.footer .box .right .right-size {
  margin-top: 25px;
  font-size: 16px;
  line-height: 25px;
  color: #EEEEEE;
}
.footer .line {
  width: 1120px;
  height: 1px;
  margin: 0 auto;
  margin-top: 50px;
  background: #DEDEDE;
}
.footer .bottom {
  margin-top: 36px;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  color: #EEEEEE;
}
.footer .bottom a {

  color: #EEEEEE;
}
/*��ҳ*/
#homePage {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
  /*��һ����*/
  /*�ڶ�����*/
  /*��������*/
  /*���IJ���*/
  /*���岿��*/
}
#homePage h1 {
  font-size: 40px;
  color: #333333;
  text-align: center;
}
#homePage .banne {
  display: block;
  width: 100%;
}
#homePage .homePage-header {
  width: 100%;
  position: relative;
}
#homePage .homePage-header img {
  display: block;
  width: 100%;
}
#homePage .homePage-header .box {
  width: 1120px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
#homePage .homePage-header .box p {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
}
#homePage .homePage-header .box span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 17px;
}
#homePage .homePage-header .box div {
  margin-top: 48px;
  display: flex;
}
#homePage .homePage-header .box div a {
  display: block;
  margin-right: 16px;
  width: 177px;
  height: 56px;
  line-height: 56px;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  color: #031628;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
}
#homePage .homePage-header .box div .no {
  background: none;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
#homePage .content-clinical {
  width: 100%;
  margin: 0 auto;
  padding: 100px 0 110px 0;
  box-sizing: border-box;
}
#homePage .content-clinical img {
  display: block;
  width: 1294px;
  margin: 0 auto;
  margin-top: 82px;
}
#homePage .content-product {
  width: 100%;
  background: #f5f8ff;
  padding: 71px 0 114px 0;
}
#homePage .content-product .box {
  width: 1120px;
  margin: 0 auto;
}
#homePage .content-product .box .contentBox {
  width: 1120px;
  margin: 0 auto;
  margin-top: 102px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#homePage .content-product .box .contentBox .contentBoxDiv {
  width: 360px;
  height: 379px;
  background: #FFFFFF;
  border-radius: 6px;
  overflow: hidden;
}
#homePage .content-product .box .contentBox .contentBoxDiv .top {
  width: 100%;
  height: 132px;
  background: #333333;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
#homePage .content-product .box .contentBox .contentBoxDiv .top h2 {
  font-size: 32px;
  margin-top: 25px;
}
#homePage .content-product .box .contentBox .contentBoxDiv .top span {
  display: block;
  margin-top: 10px;
  font-size: 20px;
}
#homePage .content-product .box .contentBox .contentBoxDiv .content {
  width: 100%;
  height: 234px;
  position: relative;
}
#homePage .content-product .box .contentBox .contentBoxDiv .content .contentBody {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#homePage .content-product .box .contentBox .contentBoxDiv .content .contentBody div {
  margin-top: 15px;
  display: flex;
}
#homePage .content-product .box .contentBox .contentBoxDiv .content .contentBody div:first-child {
  margin: 0;
}
#homePage .content-product .box .contentBox .contentBoxDiv .content .contentBody div img {
  display: block;
  width: 24px;
  height: 24px;
}
#homePage .content-product .box .contentBox .contentBoxDiv .content .contentBody div span {
  display: block;
  font-size: 16px;
  color: #666666;
  margin-left: 9px;
}
#homePage .content-product .box .contentBox .contentBoxDiv .bottom {
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #62ABFF 0%, #3156E6 100%);
}
#homePage .content-product .box .contentBox .TrialDataDP {
  width: 420px;
  height: 455px;
  background: #FFFFFF;
  border-radius: 6px;
  overflow: hidden;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
#homePage .content-product .box .contentBox .TrialDataDP .top {
  width: 100%;
  height: 154px;
  background: linear-gradient(90deg, #62ABFF 0%, #3156E6 100%);
  color: #fff;
  text-align: center;
  overflow: hidden;
}
#homePage .content-product .box .contentBox .TrialDataDP .top h2 {
  font-size: 32px;
  margin-top: 35px;
}
#homePage .content-product .box .contentBox .TrialDataDP .top span {
  display: block;
  margin-top: 10px;
  font-size: 20px;
}
#homePage .content-product .box .contentBox .TrialDataDP .content {
  width: 100%;
  height: 289px;
  padding: 17px 0 0 35px;
  box-sizing: border-box;
  position: relative;
}
#homePage .content-product .box .contentBox .TrialDataDP .content .contentBody {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -60%);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#homePage .content-product .box .contentBox .TrialDataDP .content .contentBody div {
  width: 50%;
  height: 25px;
  margin-top: 24px;
  display: flex;
}
#homePage .content-product .box .contentBox .TrialDataDP .content .contentBody div:nth-child(2),
#homePage .content-product .box .contentBox .TrialDataDP .content .contentBody div:nth-child(1) {
  margin: 0;
}
#homePage .content-product .box .contentBox .TrialDataDP .content .contentBody div img {
  display: block;
  width: 24px;
  height: 24px;
}
#homePage .content-product .box .contentBox .TrialDataDP .content .contentBody div span {
  display: block;
  font-size: 16px;
  color: #666666;
  margin-left: 9px;
}
#homePage .content-product .box .contentBox .TrialDataDP .bottom {
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #62ABFF 0%, #3156E6 100%);
}
#homePage .content-solve {
  width: 100%;
  padding: 85px 0 119px 0;
}
#homePage .content-solve ul {
  width: 1120px;
  margin: 0 auto;
  margin-top: 85px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
#homePage .content-solve ul li {
  width: 19%;
  border: 1px solid #E7E9F0;
  padding: 23px 22px 47px;
  box-sizing: border-box;
}
#homePage .content-solve ul li img {
  display: block;
  margin: 0 auto;
}
#homePage .content-solve ul li div {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  color: #333333;
  text-align: center;
  margin-top: 33px;
}
#homePage .content-solve ul li span {
  display: block;
  width: 100%;
  height: 1px;
  background: #EAEBF2;
  margin-top: 13px;
}
#homePage .content-solve ul li a {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 42px;
  border: 1px solid #4274EF;
  font-size: 14px;
  color: #4274EF;
  text-align: center;
  margin: 0 auto;
  margin-top: 38px;
}
#homePage .content-solve ul li a:hover {
  background: #4274EF;
  color: #fff;
}
#homePage .content-major {
  width: 100%;
  margin: 0 auto;
  padding: 89px 0 92px 0;
  background: #f5f8ff;
}
#homePage .content-major .box {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#homePage .content-major .box div {
  width: 50%;
  box-sizing: border-box;
  margin-top: 49px;
}
#homePage .content-major .box div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  text-align: center;
}
#homePage .content-major .box div div {
  width: 60%;
  line-height: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin: 0 auto;
  margin-top: 34px;
}
#homePage .content-major .box .line {
  width: 1px;
  height: 142px;
  background: #727272;
  opacity: 0.28;
  margin-top: 119px;
}
#homePage .content-major .bottom {
  width: 1120px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 61px;
  box-sizing: border-box;
}
#homePage .content-major .bottom img {
  display: inline-block;
  height: 59px;
}
#homePage .content-achievement {
  width: 1120px;
  margin: 0 auto;
  padding: 82px 0 129px 0;
  box-sizing: border-box;
}
#homePage .content-achievement ul {
  margin-top: 74px;
  display: flex;
  justify-content: space-between;
}
#homePage .content-achievement ul li {
  width: 25%;
  height: 199px;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
}
#homePage .content-achievement ul li img {
  display: block;
}
#homePage .content-achievement ul li div {
  height: 50px;
  font-size: 38px;
  font-weight: bold;
  color: #4274EF;
  letter-spacing: 3px;
  text-align: center;
}
#homePage .content-achievement ul li p {
  font-size: 16px;
  font-weight: bold;
  color: #000619;
  text-align: center;
  margin-top: 10px;
}
/*�������һ*/
#TrialDataDCT {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataDCT .banne {
  width: 100%;
  position: relative;
}
#TrialDataDCT .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataDCT .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
#TrialDataDCT .banne .box p {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
}
#TrialDataDCT .banne .box span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 20px;
  line-height: 25px;
}
#TrialDataDCT .content {
  margin-top: 90px;
  text-align: center;
}
#TrialDataDCT .content span {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 25px;
}
#TrialDataDCT .content p {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 20px;
}
#TrialDataDCT .content img {
  display: block;
  width: 830px;
  margin: 17px auto 59px;
}
#TrialDataDCT .Recruit {
  width: 100%;
  background: #f5f8ff;
  position: relative;
}
#TrialDataDCT .Recruit .RecruitBox {
  width: 1120px;
  box-sizing: border-box;
  padding: 0 0 50px;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#TrialDataDCT .Recruit .RecruitBox div {
  margin-top: 80px;
}
#TrialDataDCT .Recruit .RecruitBox div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
}
#TrialDataDCT .Recruit .RecruitBox div div {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
#TrialDataDCT .Recruit .RecruitBox div span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
  line-height: 25px;
}
#TrialDataDCT .Recruit .RecruitBox img {
  display: block;
}
#TrialDataDCT .consent {
  width: 100%;
  background: #fff;
  position: relative;
  padding: 0 0 40px;
}
#TrialDataDCT .consent .consentBoxNew {
  width: 1120px;
  box-sizing: border-box;
  padding: 10px 0;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
}
#TrialDataDCT .consent .consentBoxNew img {
  display: block;
}
#TrialDataDCT .consent .consentBoxNew div {
  width: 420px;
  margin-top: 90px;
}
#TrialDataDCT .consent .consentBoxNew div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 25px;
}
#TrialDataDCT .consent .consentBoxNew div p {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}
#TrialDataDCT .consent .consentBoxNew div p:first-child {
  margin: 0;
}
#TrialDataDCT .consent .consentBoxNew div span {
  display: block;
  position: relative;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
}
#TrialDataDCT .consent .consentBoxNew div span::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -10px;
  width: 5px;
  height: 5px;
  background: #707070;
  border-radius: 50%;
}
#TrialDataDCT .dct {
  width: 100%;
  background: #f5f8ff;
  padding: 71px 0 98px;
}
#TrialDataDCT .dct .box {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataDCT .dct .box h1 {
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  color: #333333;
}
#TrialDataDCT .dct .box span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  text-align: center;
  margin-top: 14px;
  line-height: 30px;
}
#TrialDataDCT .dct .box img {
  display: block;
  width: 100%;
  margin-top: 26px;
}
/*���������*/
#RemoteMonitoring {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#RemoteMonitoring .banne {
  width: 100%;
  position: relative;
}
#RemoteMonitoring .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#RemoteMonitoring .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#RemoteMonitoring .video {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#RemoteMonitoring .video .videoLeft {
  margin-top: 150px;
  width: 475px;
}
#RemoteMonitoring .video .videoLeft span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 20px;
  line-height: 25px;
}
#RemoteMonitoring .video .videoRight {
  position: relative;
}
#RemoteMonitoring .video .videoRight img {
  display: block;
  width: 100%;
}
#RemoteMonitoring .video .videoRight video {
  width: 160px;
  height: 300px;
  position: absolute;
  top: 50.7%;
  left: 51%;
  transform: translate(-50%, -50%);
}
#RemoteMonitoring .video .videoRight .videoPlay {
  z-index: 10;
  width: 160px;
  height: 300px;
  opacity: 0;
  position: absolute;
  top: 50.7%;
  left: 51%;
  transform: translate(-50%, -50%);
}
#RemoteMonitoring .video .videoRight .videoImg {
  width: 52px;
  height: 52px;
  position: absolute;
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
  z-index: 20;
}
#RemoteMonitoring .content {
  width: 100%;
  background: #f5f8ff;
  padding: 68px 0 94px;
  box-sizing: border-box;
}
#RemoteMonitoring .content .contentBox {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#RemoteMonitoring .content .contentBox li {
  width: 24%;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 3px solid #4274EF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 31px 17px 30px;
  text-align: center;
}
#RemoteMonitoring .content .contentBox li img {
  display: block;
  margin: 0 auto;
}
#RemoteMonitoring .content .contentBox li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 20px;
}
#RemoteMonitoring .content .contentBox li span {
  display: block;
  width: 90%;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
}
#RemoteMonitoring .trialData {
  width: 100%;
  padding: 94px 0 92px;
  text-align: center;
}
#RemoteMonitoring .trialData h1 {
  font-size: 30px;
  color: #333333;
}
#RemoteMonitoring .trialData span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  margin-top: 15px;
}
#RemoteMonitoring .trialData img {
  display: block;
  width: 1120px;
  margin: 0 auto;
  margin-top: 22px;
}
/*���������*/
#OncologyFieldRecruitment {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#OncologyFieldRecruitment .banne {
  width: 100%;
  position: relative;
}
#OncologyFieldRecruitment .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#OncologyFieldRecruitment .banne .box {
  width: 1120px;
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#OncologyFieldRecruitment .video {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 55px 0 62px;
  box-sizing: border-box;
}
#OncologyFieldRecruitment .video .videoLeft {
  margin-left: 68px;
}
#OncologyFieldRecruitment .video .videoLeft img {
  display: block;
  width: 203px;
  height: 434px;
}
#OncologyFieldRecruitment .video .videoRight {
  position: relative;
  margin-top: 88px;
}
#OncologyFieldRecruitment .video .videoRight span {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#OncologyFieldRecruitment .video .videoRight .videoRightBox {
  display: flex;
  margin-top: 35px;
}
#OncologyFieldRecruitment .video .videoRight .videoRightBox div {
  margin-right: 67px;
  text-align: center;
}
#OncologyFieldRecruitment .video .videoRight .videoRightBox div img {
  display: block;
  width: 113px;
}
#OncologyFieldRecruitment .video .videoRight .videoRightBox div span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin-top: 20px;
}
#OncologyFieldRecruitment .content {
  width: 100%;
  background: #f5f8ff;
  padding: 68px 0 94px;
  box-sizing: border-box;
}
#OncologyFieldRecruitment .content .contentBox {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#OncologyFieldRecruitment .content .contentBox li {
  width: 32%;
  background: #fff;
  box-sizing: border-box;
  padding: 22px 19px 25px;
}
#OncologyFieldRecruitment .content .contentBox li img {
  display: block;
  margin: 0 auto;
}
#OncologyFieldRecruitment .content .contentBox li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 11px;
  text-align: center;
}
#OncologyFieldRecruitment .content .contentBox li div {
  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #E7E9F0;
  margin-top: 17px;
}
#OncologyFieldRecruitment .content .contentBox li span {
  display: block;
  width: 90%;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  margin: 0 auto;
  margin-top: 17px;
  line-height: 25px;
  text-align: left !important;
}
#OncologyFieldRecruitment .trialData {
  width: 100%;
  padding: 64px 0 83px;
  text-align: center;
}
#OncologyFieldRecruitment .trialData h1 {
  font-size: 30px;
  color: #333333;
}
#OncologyFieldRecruitment .trialData img {
  display: block;
  width: 1120px;
  margin: 0 auto;
  margin-top: 39px;
}
/*���������*/
#TrialDataeDTP {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataeDTP .banne {
  width: 100%;
  position: relative;
}
#TrialDataeDTP .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataeDTP .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataeDTP .trialData {
  width: 100%;
  padding: 64px 0 83px;
  text-align: center;
}
#TrialDataeDTP .trialData span {
  display: block;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
}
#TrialDataeDTP .trialData img {
  display: block;
  width: 1120px;
  margin: 0 auto;
  margin-top: 16px;
}
#TrialDataeDTP .content {
  width: 100%;
  background: #f5f8ff;
  padding: 59px 0 58px;
  box-sizing: border-box;
}
#TrialDataeDTP .content .contentBox {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#TrialDataeDTP .content .contentBox li {
  width: 24%;
  background: #fff;
  box-sizing: border-box;
  padding: 29px 25px 24px;
}
#TrialDataeDTP .content .contentBox li img {
  display: block;
  margin: 0 auto;
}
#TrialDataeDTP .content .contentBox li div {
  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #E7E9F0;
  margin-top: 24px;
}
#TrialDataeDTP .content .contentBox li span {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  margin-top: 22px;
  line-height: 25px;
}
/*���������*/
#DataManagementandStatisticalAnalysis {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#DataManagementandStatisticalAnalysis .banne {
  width: 100%;
  position: relative;
}
#DataManagementandStatisticalAnalysis .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#DataManagementandStatisticalAnalysis .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#DataManagementandStatisticalAnalysis h1 {
  text-align: center;
  font-size: 30px;
  line-height: 56px;
  color: #333333;
  margin: 70px 0 38px;
}
#DataManagementandStatisticalAnalysis ul {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#DataManagementandStatisticalAnalysis ul li {
  width: 32%;
  margin-top: 16px;
  padding: 30px;
  border: 1px solid #DAE2F5;
  box-sizing: border-box;
  box-shadow: 0px 3px 29px rgba(5, 159, 255, 0.05);
  display: flex;
}
#DataManagementandStatisticalAnalysis ul li span {
  flex: 1;
  font-size: 18px;
  margin-left: 16px;
  line-height: 50px;
  color: #333333;
}
#DataManagementandStatisticalAnalysis .content {
  width: 100%;
  background: #f5f8ff;
  padding: 64px 0 33px;
  margin-top: 110px;
}
#DataManagementandStatisticalAnalysis .content h1 {
  text-align: center;
  font-size: 30px;
  color: #333333;
  margin: 0;
}
#DataManagementandStatisticalAnalysis .content .contentBox {
  width: 1080px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
}
#DataManagementandStatisticalAnalysis .content .contentBox .wrap {
  width: 500px;
  margin: 60px 50px;
}
#DataManagementandStatisticalAnalysis .content .contentBox .wrap div {
  display: flex;
  margin-top: 17px;
}
#DataManagementandStatisticalAnalysis .content .contentBox .wrap div img {
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 3px;
}
#DataManagementandStatisticalAnalysis .content .contentBox .wrap div span {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
#DataManagementandStatisticalAnalysis .content .contentBox img {
  display: block;
  height: 340px;
}
/*��Ʒ����DP*/
#TrialDataDP {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataDP .banne {
  width: 100%;
  position: relative;
}
#TrialDataDP .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataDP .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataDP .TrialDataAPPBox {
  width: 100%;
  padding: 81px 0 92px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataDP .TrialDataAPPBox .TrialDataAPPBoxImg {
  display: block;
  width: 1120px;
  height: 298px;
  margin: 0 auto;
}
#TrialDataDP .TrialDataAPPBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
  margin-top: 94px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataDP .TrialDataAPPBox .wrapBox div {
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox span {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm {
  width: 100%;
  display: flex;
  margin-top: 40px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-left {
  width: 300px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-left a {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 2px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-left a:first-child {
  background: #4A82F3;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-left a:last-child {
  background: #484848;
  margin-top: 30px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-right {
  display: flex;
  margin-left: 35px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-right div {
  margin: 0;
  margin-left: 40px;
  width: 90px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-right div img {
  display: block;
  width: 90px;
  height: 90px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .ewm .ewm-right div span {
  display: block;
  text-align: center;
  margin-top: 8px;
  font-size: 18px;
  color: #666666;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .contentBox {
  width: 1120px;
  margin: 0 auto;
  margin-top: 43px;
  display: flex;
  justify-content: space-between;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .contentBox li {
  width: 32%;
  background: #fff;
  box-sizing: border-box;
  padding: 22px 19px 25px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .contentBox li img {
  display: block;
  margin: 0 auto;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .contentBox li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 26px;
  text-align: center;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .contentBox li div {
  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #E7E9F0;
  margin-top: 24px;
}
#TrialDataDP .TrialDataAPPBox .wrapBox .contentBox li span {
  display: block;
  width: 90%;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  margin: 0 auto;
  margin-top: 21px;
  text-align: left !important;
}
#TrialDataDP .TrialDataIWRSBox {
  width: 100%;
  padding: 81px 0 92px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataDP .TrialDataIWRSBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox .wrapTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft {
  flex: 1;
  padding-right: 82px;
  box-sizing: border-box;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft h2 {
  display: block;
  width: 110%;
  font-size: 30px;
  color: #333333;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox .wrapTop img {
  display: block;
  width: 305px;
  margin-top: -20px;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox ul {
  width: 100%;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox ul li {
  width: 40%;
  display: flex;
  margin-top: 30px;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox ul li img {
  display: block;
  width: 47px;
  height: 47px;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox ul li div {
  margin-left: 20px;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox ul li div h2 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
#TrialDataDP .TrialDataIWRSBox .wrapBox ul li div span {
  display: block;
  width: 80%;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #666666;
  margin-top: 8px;
}
#TrialDataDP .TrialDataEDCBox {
  width: 100%;
  padding: 82px 0 96px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataDP .TrialDataEDCBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataDP .TrialDataEDCBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataDP .TrialDataEDCBox .wrapBox div {
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin-top: 12px;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 73px;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul li {
  width: 24%;
  background: #fff;
  padding: 20px 12px 23px;
  box-sizing: border-box;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul li .top {
  border-bottom: 1px solid #EAEBF2;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul li .top img {
  display: block;
  margin: 0 auto;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul li .top span {
  display: block;
  font-size: 19px;
  font-weight: 500;
  color: #333333;
  margin: 13px 0 18px;
  text-align: center;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul li .bottom {
  width: 80%;
  margin: 18px auto 0;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul li .bottom div {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 10px;
  position: relative;
}
#TrialDataDP .TrialDataEDCBox .wrapBox ul li .bottom div:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #666666;
}
#TrialDataDP .TrialePROBox {
  width: 100%;
  padding-top: 89px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataDP .TrialePROBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataDP .TrialePROBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataDP .TrialePROBox .wrapBox span {
  display: block;
  margin: 12px 0 15px;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
}
#TrialDataDP .TrialePROBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialDataDP .TrialePROBox .wrapBox .box {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#TrialDataDP .TrialePROBox .wrapBox .box ul {
  width: 65%;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
}
#TrialDataDP .TrialePROBox .wrapBox .box ul li {
  width: 50%;
  text-align: center;
  height: 180px;
  overflow: hidden;
}
#TrialDataDP .TrialePROBox .wrapBox .box ul li:nth-child(3) {
  margin-top: -30px;
}
#TrialDataDP .TrialePROBox .wrapBox .box ul li:nth-child(4) {
  margin-top: -30px;
}
#TrialDataDP .TrialePROBox .wrapBox .box ul li img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
#TrialDataDP .TrialePROBox .wrapBox .box ul li h3 {
  margin: 15px 0 5px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
#TrialDataDP .TrialePROBox .wrapBox .box ul li span {
  display: block;
  width: 276px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
#TrialDataDP .TrialePROBox .wrapBox .box img {
  display: block;
  width: 317px;
}
#TrialDataDP .TrialDataRBMBox {
  width: 100%;
  padding: 71px 0 109px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataDP .TrialDataRBMBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataDP .TrialDataRBMBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataDP .TrialDataRBMBox .wrapBox span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataDP .TrialDataRBMBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  color: #666666;
}
#TrialDataDP .TrialDataRBMBox .wrapBox .contentBox {
  width: 1120px;
  margin: 0 auto;
  margin-top: 39px;
  display: flex;
  justify-content: space-between;
}
#TrialDataDP .TrialDataRBMBox .wrapBox .contentBox li {
  width: 32%;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 3px solid #4274EF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 42px 22px 38px;
  text-align: center;
}
#TrialDataDP .TrialDataRBMBox .wrapBox .contentBox li img {
  display: block;
  margin: 0 auto;
}
#TrialDataDP .TrialDataRBMBox .wrapBox .contentBox li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 26px;
}
#TrialDataDP .TrialDataRBMBox .wrapBox .contentBox li span {
  display: block;
  line-height: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #868E96;
  margin-top: 15px;
}
#TrialDataDP .CodingSystemBox {
  width: 100%;
  padding: 81px 0 92px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataDP .CodingSystemBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataDP .CodingSystemBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataDP .CodingSystemBox .wrapBox span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataDP .CodingSystemBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialDataDP .CodingSystemBox .wrapBox .box {
  display: flex;
  justify-content: space-between;
}
#TrialDataDP .CodingSystemBox .wrapBox .box ul {
  flex: 1;
  margin-top: 31px;
}
#TrialDataDP .CodingSystemBox .wrapBox .box ul li {
  height: 20px;
  margin-top: 26px;
  display: flex;
}
#TrialDataDP .CodingSystemBox .wrapBox .box ul li img {
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 5px;
}
#TrialDataDP .CodingSystemBox .wrapBox .box ul li span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 0px;
  margin-left: 12px;
}
#TrialDataDP .CodingSystemBox .wrapBox .box img {
  display: block;
  margin-top: -31px;
}
#TrialDataDP .TrialSTATBox {
  width: 100%;
  position: relative;
}
#TrialDataDP .TrialSTATBox .TrialSTATbg {
  display: block;
  width: 100%;
  min-height: 950px;
}
#TrialDataDP .TrialSTATBox .wrapBox {
  width: 1120px;
  position: absolute;
  top: 71px;
  left: 50%;
  transform: translateX(-50%);
}
#TrialDataDP .TrialSTATBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataDP .TrialSTATBox .wrapBox span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataDP .TrialSTATBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialDataDP .TrialSTATBox .wrapBox img {
  display: block;
  width: 100%;
  margin-top: 50px;
}
/*��Ʒ����DP>TrialDataAPP*/
#TrialDataAPP {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataAPP .banne {
  width: 100%;
  position: relative;
}
#TrialDataAPP .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataAPP .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataAPP .TrialDataAPPBox {
  width: 100%;
  padding: 81px 0 92px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataAPP .TrialDataAPPBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox div {
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox span {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm {
  width: 100%;
  display: flex;
  margin-top: 40px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-left {
  width: 300px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-left a {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 2px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-left a:first-child {
  background: #4A82F3;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-left a:last-child {
  background: #484848;
  margin-top: 30px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-right {
  display: flex;
  margin-left: 35px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-right div {
  margin: 0;
  margin-left: 40px;
  width: 90px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-right div img {
  display: block;
  width: 90px;
  height: 90px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .ewm .ewm-right div span {
  display: block;
  text-align: center;
  margin-top: 6px;
  font-size: 16px;
  color: #666666;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .contentBox {
  width: 1120px;
  margin: 0 auto;
  margin-top: 43px;
  display: flex;
  justify-content: space-between;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .contentBox li {
  width: 32%;
  background: #fff;
  box-sizing: border-box;
  padding: 22px 19px 25px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .contentBox li img {
  display: block;
  margin: 0 auto;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .contentBox li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 26px;
  text-align: center;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .contentBox li div {
  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #E7E9F0;
  margin-top: 24px;
}
#TrialDataAPP .TrialDataAPPBox .wrapBox .contentBox li span {
  display: block;
  width: 90%;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  margin: 0 auto;
  margin-top: 21px;
  text-align: left !important;
}
/*��Ʒ����DP>TrialDataIWRS*/
#TrialDataIWRS {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataIWRS .banne {
  width: 100%;
  position: relative;
}
#TrialDataIWRS .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataIWRS .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataIWRS .TrialDataIWRSBox {
  width: 100%;
  padding: 81px 0 92px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox .wrapTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft {
  flex: 1;
  padding-right: 82px;
  box-sizing: border-box;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft h2 {
  display: block;
  width: 110%;
  font-size: 30px;
  color: #333333;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox .wrapTop .wrapTopLeft div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox .wrapTop img {
  display: block;
  width: 305px;
  margin-top: -20px;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox ul {
  width: 100%;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox ul li {
  width: 40%;
  display: flex;
  margin-top: 30px;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox ul li img {
  display: block;
  width: 47px;
  height: 47px;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox ul li div {
  margin-left: 20px;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox ul li div h2 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
#TrialDataIWRS .TrialDataIWRSBox .wrapBox ul li div span {
  display: block;
  width: 80%;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #666666;
  margin-top: 8px;
}
/*��Ʒ����DP>TrialDataEDC*/
#TrialDataEDC {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataEDC .banne {
  width: 100%;
  position: relative;
}
#TrialDataEDC .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataEDC .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataEDC .TrialDataEDCBox {
  width: 100%;
  padding: 82px 0 96px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataEDC .TrialDataEDCBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox div {
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin-top: 12px;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 73px;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul li {
  width: 24%;
  background: #fff;
  padding: 20px 12px 23px;
  box-sizing: border-box;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul li .top {
  border-bottom: 1px solid #EAEBF2;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul li .top img {
  display: block;
  margin: 0 auto;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul li .top span {
  display: block;
  font-size: 19px;
  font-weight: 500;
  color: #333333;
  margin: 13px 0 18px;
  text-align: center;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul li .bottom {
  width: 80%;
  margin: 18px auto 0;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul li .bottom div {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 10px;
  position: relative;
}
#TrialDataEDC .TrialDataEDCBox .wrapBox ul li .bottom div:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #666666;
}
/*��Ʒ����DP>TrialePRO*/
#TrialePRO {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialePRO .banne {
  width: 100%;
  position: relative;
}
#TrialePRO .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialePRO .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialePRO .TrialePROBox {
  width: 100%;
  padding-top: 89px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialePRO .TrialePROBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialePRO .TrialePROBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialePRO .TrialePROBox .wrapBox span {
  display: block;
  margin: 12px 0 15px;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
}
#TrialePRO .TrialePROBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialePRO .TrialePROBox .wrapBox .box {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#TrialePRO .TrialePROBox .wrapBox .box ul {
  width: 65%;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
}
#TrialePRO .TrialePROBox .wrapBox .box ul li {
  width: 50%;
  text-align: center;
  height: 180px;
  overflow: hidden;
}
#TrialePRO .TrialePROBox .wrapBox .box ul li:nth-child(3) {
  margin-top: -30px;
}
#TrialePRO .TrialePROBox .wrapBox .box ul li:nth-child(4) {
  margin-top: -30px;
}
#TrialePRO .TrialePROBox .wrapBox .box ul li img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
#TrialePRO .TrialePROBox .wrapBox .box ul li h3 {
  margin: 15px 0 5px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
#TrialePRO .TrialePROBox .wrapBox .box ul li span {
  display: block;
  width: 276px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
#TrialePRO .TrialePROBox .wrapBox .box img {
  display: block;
  width: 317px;
}
/*��Ʒ����DP>TrialDataRBM*/
#TrialDataRBM {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataRBM .banne {
  width: 100%;
  position: relative;
}
#TrialDataRBM .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataRBM .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataRBM .TrialDataRBMBox {
  width: 100%;
  padding: 71px 0 109px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#TrialDataRBM .TrialDataRBMBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  color: #666666;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox .contentBox {
  width: 1120px;
  margin: 0 auto;
  margin-top: 39px;
  display: flex;
  justify-content: space-between;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox .contentBox li {
  width: 32%;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 3px solid #4274EF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 42px 22px 38px;
  text-align: center;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox .contentBox li img {
  display: block;
  margin: 0 auto;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox .contentBox li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 26px;
}
#TrialDataRBM .TrialDataRBMBox .wrapBox .contentBox li span {
  display: block;
  line-height: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #868E96;
  margin-top: 15px;
}
/*��Ʒ����DP>CodingSystem*/
#CodingSystem {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#CodingSystem .banne {
  width: 100%;
  position: relative;
}
#CodingSystem .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#CodingSystem .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#CodingSystem .CodingSystemBox {
  width: 100%;
  padding: 81px 0 92px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF2FF 100%);
}
#CodingSystem .CodingSystemBox .wrapBox {
  width: 1120px;
  margin: 0 auto;
}
#CodingSystem .CodingSystemBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#CodingSystem .CodingSystemBox .wrapBox span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#CodingSystem .CodingSystemBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#CodingSystem .CodingSystemBox .wrapBox .box {
  display: flex;
  justify-content: space-between;
}
#CodingSystem .CodingSystemBox .wrapBox .box ul {
  flex: 1;
  margin-top: 31px;
}
#CodingSystem .CodingSystemBox .wrapBox .box ul li {
  height: 20px;
  margin-top: 26px;
  display: flex;
}
#CodingSystem .CodingSystemBox .wrapBox .box ul li img {
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 5px;
}
#CodingSystem .CodingSystemBox .wrapBox .box ul li span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  margin-top: 0px;
  margin-left: 12px;
}
#CodingSystem .CodingSystemBox .wrapBox .box img {
  display: block;
  margin-top: -31px;
}
/*��Ʒ����DP>TrialSTAT*/
#TrialSTAT {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialSTAT .banne {
  width: 100%;
  position: relative;
}
#TrialSTAT .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialSTAT .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialSTAT .TrialSTATBox {
  width: 100%;
  position: relative;
}
#TrialSTAT .TrialSTATBox .TrialSTATbg {
  display: block;
  width: 100%;
  min-height: 950px;
}
#TrialSTAT .TrialSTATBox .wrapBox {
  width: 1120px;
  position: absolute;
  top: 71px;
  left: 50%;
  transform: translateX(-50%);
}
#TrialSTAT .TrialSTATBox .wrapBox h2 {
  font-size: 30px;
  color: #333333;
}
#TrialSTAT .TrialSTATBox .wrapBox span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #333330;
  margin: 12px 0 15px;
}
#TrialSTAT .TrialSTATBox .wrapBox div {
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  line-height: 25px;
}
#TrialSTAT .TrialSTATBox .wrapBox img {
  display: block;
  width: 100%;
  margin-top: 50px;
}
/*��Ʒ����OS*/
#TrialDataOS {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataOS .banne {
  width: 100%;
  position: relative;
}
#TrialDataOS .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataOS .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataOS .eRecruitmentBox {
  width: 100%;
  background: #f5f8ff;
  padding: 20px 0 50px;
}
#TrialDataOS .eRecruitmentBox .Recruit {
  width: 100%;
  background: #f5f8ff;
  position: relative;
  margin-bottom: 32px;
}
#TrialDataOS .eRecruitmentBox .Recruit .RecruitBox {
  width: 1120px;
  box-sizing: border-box;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#TrialDataOS .eRecruitmentBox .Recruit .RecruitBox div {
  margin-top: 80px;
}
#TrialDataOS .eRecruitmentBox .Recruit .RecruitBox div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
}
#TrialDataOS .eRecruitmentBox .Recruit .RecruitBox div div {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
#TrialDataOS .eRecruitmentBox .Recruit .RecruitBox div span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
  line-height: 25px;
}
#TrialDataOS .eRecruitmentBox .Recruit .RecruitBox img {
  display: block;
}
#TrialDataOS .eRecruitmentBox .video {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  margin-top: 20px;
  box-sizing: border-box;
}
#TrialDataOS .eRecruitmentBox .video .videoLeft {
  margin-left: 28px;
  width: 189px;
  height: 415px;
}
#TrialDataOS .eRecruitmentBox .video .videoLeft img {
  display: block;
  width: 189px;
  height: 365px;
}
#TrialDataOS .eRecruitmentBox .video .videoRight {
  position: relative;
  margin-top: 31px;
  margin-left: 118px;
}
#TrialDataOS .eRecruitmentBox .video .videoRight span {
  display: block;
  width: 87%;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  line-height: 25px;
}
#TrialDataOS .eRecruitmentBox .video .videoRight .videoRightBox {
  display: flex;
  margin-top: 35px;
}
#TrialDataOS .eRecruitmentBox .video .videoRight .videoRightBox div {
  margin-right: 67px;
  text-align: center;
}
#TrialDataOS .eRecruitmentBox .video .videoRight .videoRightBox div img {
  display: block;
  width: 113px;
}
#TrialDataOS .eRecruitmentBox .video .videoRight .videoRightBox div span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 20px;
}
#TrialDataOS .consentBox {
  width: 100%;
  background: #fff;
  position: relative;
  padding: 0 0 40px;
}
#TrialDataOS .consentBox .consentBoxNew {
  width: 1120px;
  box-sizing: border-box;
  padding: 34px 0;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
}
#TrialDataOS .consentBox .consentBoxNew img {
  display: block;
}
#TrialDataOS .consentBox .consentBoxNew div {
  width: 420px;
  margin-top: 90px;
}
#TrialDataOS .consentBox .consentBoxNew div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 25px;
}
#TrialDataOS .consentBox .consentBoxNew div p {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin: 0;
  padding: 0;
  margin: 20px 0 10px;
}
#TrialDataOS .consentBox .consentBoxNew div p:first-child {
  margin: 0;
}
#TrialDataOS .consentBox .consentBoxNew div span {
  display: block;
  position: relative;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
}
#TrialDataOS .consentBox .consentBoxNew div span::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -10px;
  width: 5px;
  height: 5px;
  background: #707070;
  border-radius: 50%;
}
#TrialDataOS .consentBoxBottom {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
#TrialDataOS .consentBoxBottom div {
  margin-top: 130px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}
#TrialDataOS .consentBoxBottom div span {
  font-weight: 700;
}
#TrialDataOS .consentBoxBottom img {
  display: block;
  width: 575px;
  height: 460px;
}
#TrialDataOS .visitBox {
  width: 100%;
  background: #f5f8ff;
}
#TrialDataOS .visitBox .Recruit {
  width: 100%;
  background: #f5f8ff;
  position: relative;
  margin-bottom: 32px;
}
#TrialDataOS .visitBox .Recruit .RecruitBox {
  width: 1120px;
  box-sizing: border-box;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#TrialDataOS .visitBox .Recruit .RecruitBox div {
  margin-top: 80px;
}
#TrialDataOS .visitBox .Recruit .RecruitBox div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
}
#TrialDataOS .visitBox .Recruit .RecruitBox div div {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
#TrialDataOS .visitBox .Recruit .RecruitBox div span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
  line-height: 25px;
}
#TrialDataOS .visitBox .Recruit .RecruitBox img {
  display: block;
  margin-top: 44px;
}
#TrialDataOS .visitBox .visitBoxBottom {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  margin-top: 20px;
  position: relative;
}
#TrialDataOS .visitBox .visitBoxBottom img {
  display: block;
  width: 320px;
}
#TrialDataOS .visitBox .visitBoxBottom ul {
  width: 70%;
  position: absolute;
  left: 40%;
  z-index: 9;
}
#TrialDataOS .visitBox .visitBoxBottom ul li {
  display: block;
  display: flex;
  width: 552px;
  background: #FFFFFF;
  box-shadow: 0px 8px 15px 1px rgba(46, 51, 71, 0.08235294);
  border-radius: 6px 6px 6px 6px;
  padding: 23px 35px;
  margin: 30px 0;
}
#TrialDataOS .visitBox .visitBoxBottom ul li img {
  display: block;
  width: 70px;
}
#TrialDataOS .visitBox .visitBoxBottom ul li span {
  font-size: 16px;
  line-height: 25px;
  margin-left: 21px;
}
#TrialDataOS .eDTPeDFPBox {
  width: 100%;
  position: relative;
  margin-top: 81px;
  background: #fff;
}
#TrialDataOS .eDTPeDFPBox .consent {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
#TrialDataOS .eDTPeDFPBox .consent img {
  display: block;
}
#TrialDataOS .eDTPeDFPBox .consent div {
  width: 400px;
  margin-top: 100px;
}
#TrialDataOS .eDTPeDFPBox .consent div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 30px;
}
#TrialDataOS .eDTPeDFPBox .consent div span {
  display: block;
  position: relative;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 10px;
}
#TrialDataOS .eDTPeDFPBox .consent div span::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -10px;
  width: 5px;
  height: 5px;
  background: #707070;
  border-radius: 50%;
}
#TrialDataOS .eDTPeDFPBox .bottom {
  width: 100%;
  background: #f5f8ff;
}
#TrialDataOS .eDTPeDFPBox .bottom .bottomBox {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 50px;
}
#TrialDataOS .eDTPeDFPBox .bottom .bottomBox div {
  width: 513px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #333333;
  margin-top: 100px;
}
#TrialDataOS .eDTPeDFPBox .bottom .bottomBox img {
  display: block;
  margin-top: -38px;
}
/*��Ʒ����OS>TrialeRecruitment*/
#TrialeRecruitment {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialeRecruitment .banne {
  width: 100%;
  position: relative;
}
#TrialeRecruitment .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialeRecruitment .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialeRecruitment .eRecruitmentBox {
  width: 100%;
  background: #f5f8ff;
  padding: 20px 0 50px;
}
#TrialeRecruitment .eRecruitmentBox .Recruit {
  width: 100%;
  background: #f5f8ff;
  position: relative;
  margin-bottom: 32px;
}
#TrialeRecruitment .eRecruitmentBox .Recruit .RecruitBox {
  width: 1120px;
  box-sizing: border-box;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#TrialeRecruitment .eRecruitmentBox .Recruit .RecruitBox div {
  margin-top: 80px;
}
#TrialeRecruitment .eRecruitmentBox .Recruit .RecruitBox div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
}
#TrialeRecruitment .eRecruitmentBox .Recruit .RecruitBox div div {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
#TrialeRecruitment .eRecruitmentBox .Recruit .RecruitBox div span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
  line-height: 25px;
}
#TrialeRecruitment .eRecruitmentBox .Recruit .RecruitBox img {
  display: block;
}
#TrialeRecruitment .eRecruitmentBox .video {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  margin-top: 20px;
  box-sizing: border-box;
}
#TrialeRecruitment .eRecruitmentBox .video .videoLeft {
  margin-left: 28px;
  width: 189px;
  height: 415px;
}
#TrialeRecruitment .eRecruitmentBox .video .videoLeft img {
  display: block;
  width: 189px;
  height: 365px;
}
#TrialeRecruitment .eRecruitmentBox .video .videoRight {
  position: relative;
  margin-top: 31px;
  margin-left: 118px;
}
#TrialeRecruitment .eRecruitmentBox .video .videoRight span {
  display: block;
  width: 87%;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  line-height: 25px;
}
#TrialeRecruitment .eRecruitmentBox .video .videoRight .videoRightBox {
  display: flex;
  margin-top: 35px;
}
#TrialeRecruitment .eRecruitmentBox .video .videoRight .videoRightBox div {
  margin-right: 67px;
  text-align: center;
}
#TrialeRecruitment .eRecruitmentBox .video .videoRight .videoRightBox div img {
  display: block;
  width: 113px;
}
#TrialeRecruitment .eRecruitmentBox .video .videoRight .videoRightBox div span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 20px;
}
/*��Ʒ����OS>TrialeConsent*/
#TrialeConsent {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialeConsent .banne {
  width: 100%;
  position: relative;
}
#TrialeConsent .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialeConsent .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialeConsent .consentBox {
  width: 100%;
  background: #fff;
  position: relative;
  padding: 0 0 40px;
}
#TrialeConsent .consentBox .consentBoxNew {
  width: 1120px;
  box-sizing: border-box;
  padding: 34px 0;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
}
#TrialeConsent .consentBox .consentBoxNew img {
  display: block;
}
#TrialeConsent .consentBox .consentBoxNew div {
  width: 420px;
  margin-top: 90px;
}
#TrialeConsent .consentBox .consentBoxNew div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 25px;
}
#TrialeConsent .consentBox .consentBoxNew div p {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin: 0;
  padding: 0;
  margin: 20px 0 10px;
}
#TrialeConsent .consentBox .consentBoxNew div p:first-child {
  margin: 0;
}
#TrialeConsent .consentBox .consentBoxNew div span {
  display: block;
  position: relative;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
}
#TrialeConsent .consentBox .consentBoxNew div span::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -10px;
  width: 5px;
  height: 5px;
  background: #707070;
  border-radius: 50%;
}
#TrialeConsent .consentBoxBottom {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
#TrialeConsent .consentBoxBottom div {
  margin-top: 130px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}
#TrialeConsent .consentBoxBottom div span {
  font-weight: 700;
}
#TrialeConsent .consentBoxBottom img {
  display: block;
  width: 575px;
  height: 460px;
}
/*��Ʒ����OS>TrialeVisit*/
#TrialeVisit {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialeVisit .banne {
  width: 100%;
  position: relative;
}
#TrialeVisit .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialeVisit .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialeVisit .visitBox {
  width: 100%;
  background: #f5f8ff;
}
#TrialeVisit .visitBox .Recruit {
  width: 100%;
  background: #f5f8ff;
  position: relative;
  margin-bottom: 32px;
}
#TrialeVisit .visitBox .Recruit .RecruitBox {
  width: 1120px;
  box-sizing: border-box;
  margin: 0 auto 4px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#TrialeVisit .visitBox .Recruit .RecruitBox div {
  margin-top: 80px;
}
#TrialeVisit .visitBox .Recruit .RecruitBox div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
}
#TrialeVisit .visitBox .Recruit .RecruitBox div div {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
#TrialeVisit .visitBox .Recruit .RecruitBox div span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
  line-height: 25px;
}
#TrialeVisit .visitBox .Recruit .RecruitBox img {
  display: block;
  margin-top: 44px;
}
#TrialeVisit .visitBox .visitBoxBottom {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  margin-top: 100px;
  position: relative;
}
#TrialeVisit .visitBox .visitBoxBottom img {
  display: block;
  width: 320px;
}
#TrialeVisit .visitBox .visitBoxBottom ul {
  width: 70%;
  position: absolute;
  top: -27%;
  left: 40%;
  z-index: 9;
}
#TrialeVisit .visitBox .visitBoxBottom ul li {
  display: block;
  display: flex;
  width: 552px;
  background: #FFFFFF;
  box-shadow: 0px 8px 15px 1px rgba(46, 51, 71, 0.08235294);
  border-radius: 6px 6px 6px 6px;
  padding: 23px 35px;
  margin: 30px 0;
}
#TrialeVisit .visitBox .visitBoxBottom ul li img {
  display: block;
  width: 70px;
}
#TrialeVisit .visitBox .visitBoxBottom ul li span {
  font-size: 16px;
  line-height: 25px;
  margin-left: 21px;
}
/*��Ʒ����OS>TrialeDTPeDFP*/
#TrialeDTPeDFP {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialeDTPeDFP .banne {
  width: 100%;
  position: relative;
}
#TrialeDTPeDFP .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialeDTPeDFP .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialeDTPeDFP .eDTPeDFPBox {
  width: 100%;
  position: relative;
  margin-top: 20px;
  background: #fff;
}
#TrialeDTPeDFP .eDTPeDFPBox .consent {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
#TrialeDTPeDFP .eDTPeDFPBox .consent img {
  display: block;
}
#TrialeDTPeDFP .eDTPeDFPBox .consent div {
  width: 400px;
  margin-top: 120px;
}
#TrialeDTPeDFP .eDTPeDFPBox .consent div h3 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 30px;
}
#TrialeDTPeDFP .eDTPeDFPBox .consent div span {
  display: block;
  position: relative;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 15px;
}
#TrialeDTPeDFP .eDTPeDFPBox .consent div span::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -10px;
  width: 5px;
  height: 5px;
  background: #707070;
  border-radius: 50%;
}
#TrialeDTPeDFP .eDTPeDFPBox .bottom {
  width: 100%;
  background: #f5f8ff;
}
#TrialeDTPeDFP .eDTPeDFPBox .bottom .bottomBox {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 50px;
}
#TrialeDTPeDFP .eDTPeDFPBox .bottom .bottomBox div {
  width: 513px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #333333;
  margin-top: 100px;
}
#TrialeDTPeDFP .eDTPeDFPBox .bottom .bottomBox img {
  display: block;
  margin-top: -38px;
}
/*��Ʒ����OA*/
#TrialDataOA {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#TrialDataOA .banne {
  width: 100%;
  position: relative;
}
#TrialDataOA .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#TrialDataOA .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#TrialDataOA .OA {
  width: 1120px;
  display: flex;
  justify-content: space-between;
  margin: 86px auto 100px;
}
#TrialDataOA .OA .OAleft {
  margin-left: 48px;
}
#TrialDataOA .OA .OAleft img {
  display: block;
}
#TrialDataOA .OA .OAleft h2 {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  margin-top: 17px;
}
#TrialDataOA .OA .OAleft div {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  margin: 12px 0 15px;
}
#TrialDataOA .OA .OAleft span {
  display: block;
  width: 89%;
  font-size: 16px;
  line-height: 25px;
  color: #666666;
}
#TrialDataOA .OA .OAright {
  display: block;
  width: 473px;
  height: 382px;
  margin-top: -35px;
}
#TrialDataOA .OAbottom {
  width: 100%;
  position: relative;
}
#TrialDataOA .OAbottom .OAbottomBg {
  display: block;
  width: 100%;
  margin-top: 150px;
  height: 230px;
}
#TrialDataOA .OAbottom ul {
  width: 1120px;
  position: absolute;
  left: 50%;
  top: -43%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
#TrialDataOA .OAbottom ul li {
  width: 23%;
  padding: 27px 12px 23px;
  text-align: center;
  background: #fff;
  border: 1px solid #E7E9F0;
  box-sizing: border-box;
}
#TrialDataOA .OAbottom ul li img {
  display: block;
  margin: 0 auto;
}
#TrialDataOA .OAbottom ul li h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
}
#TrialDataOA .OAbottom ul li span {
  display: block;
  width: 100%;
  height: 1px;
  background: #EAEBF2;
  margin-top: 16px;
  line-height: 25px;
}
#TrialDataOA .OAbottom ul li div {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #707070;
  margin-top: 13px;
}
/*��Ʒ����OA>ProjectManagenment*/
#ProjectManagenment {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#ProjectManagenment .banne {
  width: 100%;
  position: relative;
}
#ProjectManagenment .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#ProjectManagenment .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
#ProjectManagenment .OA {
  width: 1120px;
  display: flex;
  justify-content: space-between;
  margin: 86px auto 100px;
}
#ProjectManagenment .OA .OAleft {
  margin-left: 48px;
}
#ProjectManagenment .OA .OAleft img {
  display: block;
}
#ProjectManagenment .OA .OAleft h2 {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  margin-top: 17px;
}
#ProjectManagenment .OA .OAleft div {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  margin: 12px 0 15px;
}
#ProjectManagenment .OA .OAleft span {
  display: block;
  width: 89%;
  font-size: 16px;
  line-height: 25px;
  color: #666666;
}
#ProjectManagenment .OA .OAright {
  display: block;
  width: 473px;
  height: 382px;
  margin-top: -35px;
}
#ProjectManagenment .OAbottom {
  width: 100%;
  position: relative;
}
#ProjectManagenment .OAbottom .OAbottomBg {
  display: block;
  width: 100%;
  margin-top: 150px;
  height: 230px;
}
#ProjectManagenment .OAbottom ul {
  width: 1120px;
  position: absolute;
  left: 50%;
  top: -43%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
#ProjectManagenment .OAbottom ul li {
  width: 23%;
  padding: 27px 12px 23px;
  text-align: center;
  background: #fff;
  border: 1px solid #E7E9F0;
  box-sizing: border-box;
}
#ProjectManagenment .OAbottom ul li img {
  display: block;
  margin: 0 auto;
}
#ProjectManagenment .OAbottom ul li h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
}
#ProjectManagenment .OAbottom ul li span {
  display: block;
  width: 100%;
  height: 1px;
  background: #EAEBF2;
  margin-top: 16px;
  line-height: 25px;
}
#ProjectManagenment .OAbottom ul li div {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #707070;
  margin-top: 13px;
}
/*��Ʒ����OA>PharmacyManagement*/
#PharmacyManagement {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#PharmacyManagement .banne {
  width: 100%;
  position: relative;
}
#PharmacyManagement .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#PharmacyManagement .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
#PharmacyManagement .banne .box span {
  display: block;
  width: 92px;
  height: 4px;
  background: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin: 0 auto;
  margin-top: 20px;
}
/*��ѯ*/
#newsIndex {
  width: 100%;
  background: #fff;
  position: relative;
  /*banne����*/
}
#newsIndex .banne {
  width: 100%;
  position: relative;
}
#newsIndex .banne img {
  display: block;
  width: 100%;
  min-height: 400px;
}
#newsIndex .banne .box {
  width: 1120px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 40px;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
#newsIndex .banne .box h2 {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
}
#newsIndex .banne .box div {
  width: 680px;
  height: 52px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 1px rgba(46, 51, 71, 0.08235294);
  border-radius: 4px 4px 4px 4px;
  margin: 0 auto;
  margin-top: 33px;
  display: flex;
  justify-content: space-between;
}
#newsIndex .banne .box div input {
  border: none;
  outline: none;
  border-color: transparent;
  box-shadow: none;
  width: 85%;
  height: 40px;
  margin-top: 6px;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 100;
}
#newsIndex .banne .box div span {
  width: 64px;
  height: 46px;
  background: linear-gradient(48deg, #62ABFF 0%, #4C84F4 49%, #3156E6 100%);
  border-radius: 4px 4px 4px 4px;
  position: relative;
  margin: 3px;
}
#newsIndex .banne .box div span img {
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#newsIndex .title {
  width: 23%;
  margin: 0 auto;
  margin-top: 107px;
  display: flex;
  justify-content: space-between;
  display: none;
}
#newsIndex .title span {
  display: block;
  width: 144px;
  height: 41px;
  line-height: 41px;
  border: 1px solid #DEDEDE;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
#newsIndex ul {
  width: 1120px;
  margin: 0 auto;
  margin-top: 48px;
}
#newsIndex ul li {
  width: 100%;
  padding: 24px 0 31px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}
#newsIndex ul li a {
  display: block;
  display: flex;
  justify-content: space-between;
}
#newsIndex ul li img {
  display: block;
  width: 188px;
  height: 131px;
  border-radius: 5px;
}
#newsIndex ul li .content {
  width: 80%;
}
#newsIndex ul li .content h2 {
  font-size: 21px;
  font-weight: bold;
  color: #232323;
}
#newsIndex ul li .content .contentOne,
#newsIndex ul li .content .contentTow {
  display: flex;
  margin-top: 5px;
}
#newsIndex ul li .content .contentOne img,
#newsIndex ul li .content .contentTow img {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: 4px;
}
#newsIndex ul li .content .contentOne span,
#newsIndex ul li .content .contentTow span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  margin: 0;
  margin-left: 10px;
}
#newsIndex ul li .content div {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  word-wrap: break-word;
  line-height: 25px;
  color: #757575;
  margin-top: 5px;
}
#newsIndex .container {
  width: 510px;
  height: 50px;
  line-height: 50px;
  margin: 100px auto;
  color: grey;
  box-sizing: border-box;
  display: flex;
}
#newsIndex .container input {
  display: block;
  padding: 5px 10px;
  border: none;
  outline: none;
  border-color: transparent;
  box-shadow: none;
  background: #F0F3Fd !important;
  margin-right: 10px;
}
#newsIndex .result {
  width: 100%;
  margin-top: 70px;
}
#newsIndex .result img {
  display: block;
  width: 326px;
  height: 326px;
  margin: 0 auto;
}
#newsIndex .result span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  text-align: center;
  margin: -40px 0 223px;
}
/*��ѯ����ҳ*/
#detail {
  width: 100%;
  background: #F5F6F8;
  position: relative;
  overflow: hidden;
}
#detail .detailBox {
  width: 1120px;
  margin: 150px auto;
}
#detail .detailBox h2 {
  width: 80%;
  font-size: 21px;
  font-weight: bold;
  color: #232323;
}
#detail .detailBox .contentOne {
  display: flex;
  margin-top: 5px;
}
#detail .detailBox .contentOne img {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: 4px;
}
#detail .detailBox .contentOne span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  margin: 0;
  margin-left: 10px;
}
#detail .detailBox .contentTow {
  display: flex;
  margin-top: 13px;
}
#detail .detailBox .contentTow span {
  display: block;
  padding: 5px 16px;
  box-sizing: border-box;
  border-radius: 3px 3px 3px 3px;
  opacity: 0.3;
  border: 1px solid #8B949D;
  margin-right: 8px;
  font-size: 9px;
  font-weight: 400;
  color: #8B949D;
}
#detail .detailBox .contentThree {
  position: relative;
  padding: 16px 16px 16px 24px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #8B949D;
  word-wrap: break-word;
  margin-top: 27px;
}
#detail .detailBox .contentThree:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background: #E7E7E7;
}
#detail .detailBox .contentText {
  margin-top: 39px;
  font-size: 16px;
  font-weight: 400;
  color: #757575;
  word-wrap: break-word;
}
#detail .detailBox .contentText #example1 {
  height: calc(100vh - 90px) !important;
}
#detail .detailBox .contact {
  margin-top: 50px;
}
#detail .detailBox .contact .contactSzie {
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border-bottom: 2px solid #8B949D;
}
#detail .detailBox .contact .contactSzie span {
  display: inline-block;
  height: 38px;
  border-bottom: 2px solid #5B7CFD;
  font-size: 16px;
  font-weight: bold;
  color: #5B7CFD;
}
#detail .detailBox .contact h2 {
  font-size: 16px;
  font-weight: bold;
  color: #4F5357;
  margin-top: 20px;
}
#detail .detailBox .contact div {
  display: flex;
  margin-top: 15px;
}
#detail .detailBox .contact div img {
  display: block;
  margin-right: 11px;
}
#detail .detailBox .contact div span {
  font-size: 16px;
  font-weight: 400;
  color: #757575;
}
#detail .detailBox .read {
  margin-top: 50px;
}
#detail .detailBox .read .readSzie {
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border-bottom: 2px solid #8B949D;
  margin-bottom: 32px;
}
#detail .detailBox .read .readSzie span {
  display: inline-block;
  height: 40px;
  border-bottom: 2px solid #5B7CFD;
  font-size: 16px;
  font-weight: bold;
  color: #5B7CFD;
}
#detail .detailBox .read a {
  display: block;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
#detail .detailBox .read a img {
  display: block;
  width: 218px;
  height: 152px;
}
#detail .detailBox .read a h2 {
  width: 75%;
  font-size: 21px;
  font-weight: 600;
  color: #232323;
}
/*��ϵ����*/
#contactUs {
  width: 100%;
  background: #F5F6F8;
  position: relative;
  overflow: hidden;
}
#contactUs .wrap {
  width: 1120px;
  margin: 100px auto 0;
  display: flex;
  justify-content: space-between;
}
#contactUs .wrap .box {
  width: 600px;
}
#contactUs .wrap .box h2 {
  font-size: 36px;
  color: #333333;
}
#contactUs .wrap .box span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  margin: 10px 0 0px;
}
#contactUs .wrap .box div {
  width: 92%;
  margin-top: 30px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  padding: 5px 19px;
  box-sizing: border-box;
  position: relative;
}
#contactUs .wrap .box div:first-child {
  margin-top: 0;
}
#contactUs .wrap .box div textarea {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: none;
  outline: none;
  border-color: transparent;
  box-shadow: none;
  overflow-y: hidden;
  box-sizing: border-box;
  resize: none;
  z-index: 10;
  color: #333333;
  font-size: 14px;
  overflow-y: scroll;
}
#contactUs .wrap .box div textarea::-webkit-scrollbar {
  /*������������ʽ*/
  width: 0px;
  /*�߿��ֱ��Ӧ�����������ijߴ�*/
  height: 0px;
}
#contactUs .wrap .box div span {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 100%;
  height: 0px;
  font-size: 14px;
  z-index: 99;
  color: red;
}
#contactUs .wrap .box .last {
  height: 126px;
}
#contactUs .wrap .box .last textarea {
  width: 100%;
  height: 106px;
  border: none;
  outline: none;
  border-color: transparent;
  box-shadow: none;
  line-height: 20px;
  margin-top: 5px;
  font-size: 14px;
  resize: none;
  color: #333333;
  overflow-y: scroll;
}
#contactUs .wrap .box .last textarea::-webkit-scrollbar {
  /*������������ʽ*/
  width: 0px;
  /*�߿��ֱ��Ӧ�����������ijߴ�*/
  height: 0px;
}
#contactUs .wrap .box button {
  display: block;
  width: 133px;
  height: 42px;
  line-height: 44px;
  font-size: 14px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  background: #4274EF;
  border-radius: 3px 3px 3px 3px;
  padding: 0;
  margin: 0 auto;
  margin-top: 30px;
}
#contactUs .wrap img {
  display: block;
  width: 455px;
  height: 393px;
  margin-top: 117px;
}