.main{ width: 100%;}
.main .banner{ width: 100%; font-size: 0px;}
.main .banner img{ width: 100%;}

.main .summary{ width: 80%; height: 24vw; background-color: #eef3f7; border-radius: 5px; border: 1px solid #dfe4e8;
  position: relative; padding: 10vw 5% 5vw; margin: 8vw auto 6vw;}
.main .summary h3{ width: 30%; height: 10vw; line-height: 10vw; background-color: #1891e2; border-radius: 4px; color: white;
    position: absolute; left: 10%; top: -4vw; text-align: center; font-weight: normal;}
.main .summary p{ text-indent: 2em; color: #333;}

.main .procedure{ width: 100%;}
.main .procedure img{ width: 100%; margin-bottom: 5vw;}

.main .video{ width: 90vw;background-color: #1891e2; padding:7vw 5vw; color: white; position: relative;}
.main .video video{ position: absolute;}
.main .video h2{ color: white; line-height: 13vw; font-weight: normal;}
.main .video h2:after{ content: ""; width: 13vw;height: 3px; background-color: white; display: block;}
.main .video p{ position: relative; margin: 53px 0;}
.main .video .wraning{ text-align: center; margin: 3vw auto 0; font-size: 12px;}
.main .video p img{ position: absolute; left: 0; top: 1vw;}
.main .video p .img1{ width: 19%; left: 32%;}
.main .video p .img2{ width: 16%; left: 36%;}
.main .video .video_phone{ width: 40%; height: 74vw; background: url("/officialwebsite/images/hospital_ip555.png") no-repeat;
    background-size: cover; position: absolute;right: 3vw; top: 6vw;}
.main .video .video_selfservice{ width: 100%; height: 55vw; background: url("/officialwebsite/images/hospital_ipad.png") no-repeat;
    background-size: cover; margin-top:26vw; position: relative;}

.main .solution_text{ width: 88vw; padding: 6vw;}
.main .solution_text h3{ text-align: center; font-weight: normal; margin-bottom: 6vw;}
.main .solution_text .point{ margin-bottom: 10vw;}

.main .solution_text .onepoint .bot>img{ float: left; width: 35%; margin-right: 2vw;}
.main .solution_text .onepoint .bot ul{ padding-left: 40%;}
.main .solution_text .onepoint .bot li{ font-size: 12px; margin: 2vw 0;}
.main .solution_text .onepoint .bot li img{ margin-right: 1vw;}

.main .solution_text .twopoint .mid{ margin-bottom: 10vw;}
.main .solution_text .twopoint .mid img{ float: left; width: 15%; margin-right: 4vw;}
.main .solution_text .twopoint .mid p{ font-size: 12px; padding-top: 2vw;}
.main .solution_text .twopoint .mid p i{ position: relative; width: 6vw; height: 15vw; display: inline-block;
    font-size: 22px; float: left; margin-right: 3vw;}
.main .solution_text .twopoint .mid p i:after{ content: ""; width: 1px; height: 7vw; background-color: #dadada;display: block;
   position: absolute; right: 0; top: 1vw;}

.main .solution_text .threepoint{ text-align: center; margin-bottom: 0;}
.main .solution_text .threepoint h2{ margin-bottom: 1vw;}
.main .solution_text .threepoint span{ font-size: 12px; }
.main .solution_text .threepoint img{ width: 70%; margin: 5vw 0;}
.main .solution_text .threepoint p{ font-size: 14px;}

.main .f_information{ text-align: center; width: 100%; background-color: #1891e2; padding: 5vw 0; color: white; line-height: 8vw;}
.main .f_information p{ font-size: 14px;}
.main .f_information p img{ width: 3vw; margin-right: 2vw;}
.main .f_information .company{ font-size: 18px;}

@media screen and ( max-width:321px ){
    .main .solution_text .onepoint .bot>img{ width: 32%;}
    .main .solution_text .onepoint .bot ul{ padding-left: 35%;}
    .main .video .video_selfservice{ margin-top: 16vw;}
}
@media screen and ( min-width:768px ){
    .main .summary{ height: 6vw; padding: 7vw 5% 5vw; margin: 7vw auto 3vw;}
    .main .summary h3{ width: 22%; height: 7vw; line-height: 7vw; }

    .main .video p{ margin: 120px 0;}

    .main .solution_text .point{ margin-bottom: 8vw;}
    .main .solution_text .twopoint .mid{ margin-bottom: 15vw;}
    .main .solution_text .twopoint .mid p i:after{ top: -1vw;}
    .main .solution_text .onepoint .bot ul{ padding-left: 45%;}
    .main .solution_text .onepoint .bot li{ margin: 3vw 0;}
}

@media screen and ( min-width:1024px ){
    .main .video p img{ top: -1vw;}
    .main .video p .img1{ width: 25%; left: 18%;}
    .main .video p .img2{ width: 21%; left: 19%;}
    .main .video .video_selfservice{ margin-top: 35vw;}

    .main .solution_text{ padding: 6vw 6vw 0;}
    .main .solution_text .point{ margin-bottom: 11vw;}

    .main .f_information p img{ width: 1.8vw;}
}

@media screen and ( min-width:1366px ){
    .main .summary{ height: 3vw;}

    .main .video p{ margin: 231px 0;}
    .main .video p img{ }
    .main .video p .img1{ }
    .main .video p .img2{ }
    .main .video .video_selfservice{ margin-top: 26vw;}

    .main .solution_text{ }
    .main .solution_text .point{ margin-bottom: 12vw;}

    .main .f_information p img{ }
}