@charset "utf-8";
/* sideMenu */
#header{position: absolute!important;border: none;}
.pagebanner{position: relative;}
.pagebanner img{width: 100%;}
.pagebanner .text-box{position: absolute;top: 40%;width: 1400px;left:  0;right:  0;margin:  auto;display: flex;}
.pagebanner .text-box .title{margin: auto 0;}
.pagebanner .text-box .title p{font-size: 60px;line-height: 1;color: #ffffff;margin-bottom: 6%;text-align: left;}
.pagebanner .path{font-size: 18px;color: #fff;line-height: 2;overflow: hidden;padding: 0;width: 100%;}
.pagebanner .path em{padding: 0;display: block;width: 30px;text-align:  center;float: left;}
.pagebanner .path em:last-child{display: none;}
.pagebanner .path a{color: #fff;padding: 0;float:  left;}
.pagebanner .path a:hover{font-weight: 600;}
.vh-box{display: flex;width: 1400px;margin: auto;padding: 8% 0;}
.vh-box .vov{margin: 0 0 0 auto;position: relative;cursor: pointer;overflow: hidden;}
.vh-box .hdiw{margin: 0 auto 0 0;position: relative;cursor: pointer;overflow: hidden;}
.vh-box .vov img,.vh-box .hdiw img{width: 100%;transition: all 0.3s;}
#content .pubtitle{font-size: 48px;line-height: 1.5;color: #333333;font-weight: 600;margin-bottom: 3%;}
#content .p1{font-size: 18px;color: #666;margin-bottom: 3%;text-align: justify;}
#content .pub-box{padding: 3% 0;width: 1400px;margin: auto;}
.clear{clear: both;}
.mb30{margin-bottom: 3%;}
/* VACCINES & HEALTH 单页 */
.vh-box .title{position: absolute;left: 0;right: 0;height: 250px;display: table;background-color: #f5f5f5;text-align: center;width: 100%;transition: all 0.3s;}
.vh-box .vov .title{bottom: 0;}
.vh-box .hdiw .title{top: 0;}
.vh-box .title p{display: table-cell;vertical-align: middle;font-size: 48px;color: #333333;}
.vh-box .title p em{display: block;line-height: 2;}
.vh-box .vov.on .title,.vh-box .hdiw.on .title{opacity: 0;}
.vh-box .vov .msg-box,.vh-box .hdiw .msg-box{position: absolute;left: 0;right: 0;background-color: rgba(0, 58, 143, 0.8);transition: all 0.5s;}
.vh-box .vov .msg-box{top: 100%;}
.vh-box .hdiw .msg-box{bottom: 100%;}
.vh-box .vov.on .msg-box,.vh-box .hdiw.on .msg-box{top: 0;bottom: 0;}
.vh-box .vov.on .msg-box .msg,.vh-box .hdiw.on .msg-box .msg{padding: 28% 5%;display: block;}
.vh-box .vov.on .msg-box .msg .text,.vh-box .hdiw.on .msg-box .msg .text{font-size: 48px;color: #fff;line-height: 48px;margin-bottom: 7%;text-align: left;line-height: 54px;}
.vh-box .vov.on .msg-box .msg .con,.vh-box .hdiw.on .msg-box .msg .con{font-size: 24px;line-height: 36px;color: #ffffff;text-align: left;margin-bottom: 30%;}
.vh-box .vov.on .msg-box .msg .btnsy,.vh-box .hdiw.on .msg-box .msg .btnsy{display: block;width: 80px;height: 80px;background-color: #ffffff;margin: auto;color: #003a8f;font-size: 50px;line-height: 76px;border-radius: 50%;}
.vh-box .vov.on img, .vh-box .hdiw.on img{transform: scale(1.5);}
/* Value of vaccines */
.vov-content{padding: 5% 0;background-color: #f9f9f9;}
.vov-box{width: 1400px;margin: auto;}
.vov-ul{display: block;width: 1400px;margin: auto;}
.vov-ul li{position: relative;float: left;width: 23.5%;margin-right: 2%;}
.vov-ul .li4{margin: 0;}
.vov-ul li .libox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 10% 6%;}
.vov-ul li .libox em{display:block;width: 20px;height: 2px;background-color: #fff;margin-bottom: 8%;}
.vov-ul li .libox p{font-size: 20px;line-height: 1.8;color: #ffffff;text-align: left;}
.vov-p{padding-top: 3%;width: 1200px;margin: auto;font-size: 24px;line-height: 36px;color: #999999;clear: both;}
.vov-content2{padding: 5% 0;background-color: #fff;}
.vov-box2{width: 1400px;margin: auto;}
.vov-box2 .vov-flex{display: flex;}
.vov-box2 .vov-flex .libg{width: 20%;background: url(../../base/img/vovicon.png) 0 0 no-repeat;background-size: 100%;}
.vov-box2 .vov-flex .litext{width: 80%;margin: 0 0 0 auto;text-align: left;}
.vov-box2 .vov-flex .litext .p1{font-size: 36px;line-height: 1;color: #333333;margin-bottom: 3%;}
.vov-box2 .vov-flex .litext .p2{font-size: 18px;color: #999999;margin-bottom: 3%;}
.vov-box2 .p3{font-size: 18px;color: #999999;text-align: left;}
.vov-box2 .p4{font-size: 16px;color: #999999;text-align: left;}

/* How does immunization work? */
.Hdiw-content .p1 li{font-size: 16px;color: #666;text-align: left;}


/* Science */
.Science-box{width: 1400px;margin: auto;padding: 5% 0 10% 0;}
.Science-box ul{display: block;}
.Science-box ul li{position: relative;float: left;width: 30%;}
.Science-box ul li img{width: 100%;}
.Science-box ul .li2{margin: 0 5%;}
.Science-box .title{position: absolute;left: 0;right: 0;height: 160px;display: table;text-align: center;width: 90%;margin: auto;bottom: -80px;background-color: #ffffff;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);transition: all 0.3s;}
.Science-box .title p{display: table-cell;vertical-align: middle;font-size: 24px;color: #333333;}
.Science-box .title p em{display: block;line-height: 2;}
.Science-box ul li:hover .title{background-color: #003a8f;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);}
.Science-box ul li:hover .title p{color: #fff;}

/* RDSystem */
.RDS-box img{margin-bottom: 3%;}
.RDS-box .flex{display: flex;padding: 3% 0;border-top: 1px solid #eeeeee;}
.RDS-box .flex .left{width: 25%;}
.RDS-box .flex .left p{font-size: 24px;line-height: 30px;color: #3e7dcc;text-align: left;font-weight: 600;}
.RDS-box .flex .right{margin: 0 0 0 3%;width: 72%;}
.RDS-box .flex .right li{text-align: left;font-size: 18px;line-height: 26px;color: #666666;margin-bottom: 17px;padding-left: 25px;background: url(../../base/img/RDSystemicon.png) 0 10px no-repeat;}
.RDS-box .flex .right li:last-child{margin: 0;}
.RDS-box .flex .right p{text-align: left;font-size: 22px;line-height: 30px;color: #666666;margin-bottom: 3%;padding-left: 25px;}


/* Product Pipeline */
.tab-box{float: right;width: 68%;margin-top: 3%;margin-right: 2%;}
.tab-box img{width: 100%;}
.Pipeline-flex{display: flex;min-height: 60px;padding: 10px 0;}
.Pipeline-flex .left{width: 30%;margin: auto;}
.Pipeline-flex .right{width: 70%;margin: auto;padding-right: 2%;}
.Pipeline-flex .left p{font-size: 14px;line-height: 22px;color: #666666;padding: 0 10px;}
.Pipeline-flex .right .line-box100{height: 15px;background-color: #3e7dcc;width: 100%;}
.Pipeline-flex .right .line-box55{height: 15px;background-color: #5b9ae9;width: 55%;}
.Pipeline-flex .right .line-box30{height: 15px;background-color: #8cbcf8;width: 30%;}
.Pipeline-box .box-bg{background-color: #f9f9f9;}

/* Collaborations */
.Collaborations-box .text-box{margin: 0 0 3%;}
.Collaborations-box .text-box p{font-size: 24px;color: #333333;text-align: center;font-weight: 600;}
.Collaborations-box img{width: 100%;}
.Collaborations-box .ul{margin-bottom: 6%;}
.Collaborations-box .ul li{float: left;width: 32%;height: 345px;background-color: #f8f9fe;}
.Collaborations-box .ul .li2{margin: 0 2%;}
.Collaborations-box .ul li .img-box{width: 14%;height: 56px;margin: 10% auto 6%;}
.Collaborations-box .ul li p{width: 90%;margin: auto;text-align: center;font-size:18px;color: #3e7dcc;line-height: 1.8;}
.Collaborations-box .mapimg{margin-bottom: 5%;}
.Collaborations-box .picul li{float: left;width: 32%;margin-bottom: 2%;}
.Collaborations-box .picul .li2,.Collaborations-box .picul .li5,.Collaborations-box .picul .li8{margin: 0 2% 2%;}

/* AboutUs */
.AboutUs-box img{width: 100%;}
#content .AboutUs-box{padding: 3% 0 0;}
#content .AboutUs-box .pubtitle{text-align: left;}
.box1 .img-right{float: right;margin-left: 3%;width: 43%;}
.box1 .blue-font{font-size: 22px;line-height: 30px;color: #003a8f;text-align: left;margin-bottom: 3%;}
.box1 .blue-font em{width: 30px;height: 27px;}
.box1 .blue-font .left{float: left;background: url(../../base/img/left-text.png) no-repeat;background-size: 100%;}
.box1 .blue-font .right{float: right;background: url(../../base/img/right-text.png) no-repeat;background-size: 100%;position: relative;top: -26px;}
.box1 .blue-font p{width: 45%;margin: 0px 3%;display: inline-block;font-size: 22px;line-height: 30px;}
.bgbox{background-color: #f9f9f9;padding-bottom: 1%;}
.box1 .img-left{float: left;margin-right: 3%;width: 43%;}
.bgbox .box1 .blue-font{margin: 0;padding: 2% 0 4%;}
.AboutUs-box .flex-box{display: flex;}
.AboutUs-box .flex-box .msg-box p{font-size: 24px;line-height: 60px;color: #666666;text-align: left;}
#content .AboutUs-box .flex-box .msg-box .pubtitle{margin-bottom: 5%;}
#content .AboutUs-box .flex-box .msg-box{margin-right: 20px;}

/* Responsibility */
.Responsibility-box .ul li{float: left;width: 32%;margin-bottom: 1.3%;position: relative;}
.Responsibility-box .ul li img{width: 100%;}
.Responsibility-box .ul .li5{float: right;}
.Responsibility-box .ul .li5 .phone{display: none;}
.Responsibility-box .ul .li2,.Responsibility-box .ul .li4{margin: 0 2% 1.3%;}
.Responsibility-box .ul li .text-box{position: absolute;left: 0;right: 0;width: 90%;height: 80px;display: flex;bottom: 20px;background-color: #ffffff;margin: auto;transition: all 0.3s;}
.Responsibility-box .ul li .text-box p{width: 82%;display: table-cell;vertical-align: middle;font-size: 20px;line-height: 1.5;color: #666666;margin: auto auto auto 20px;text-align: left;}
.Responsibility-box .ul li .text-box .line{width: 30px;margin-right: 10px;background: url(../../base/img/moreoff.png) center no-repeat;background-size: 100%;}
.Responsibility-box .ul li:hover .text-box{background-color: #003a8f;}
.Responsibility-box .ul li:hover .text-box p{color: #fff;}
.Responsibility-box .ul li:hover .text-box .line{background: url(../../base/img/moreon.png) -9px center no-repeat;}


/* Protecting Against Polio */
.ProtectingAgainstPolio-box .p2{font-size: 30px;color: #333333;line-height: 50px;margin-bottom: 2%;text-align: left;font-weight: 600;}
.ProtectingAgainstPolio-box .flex-box{display: flex;margin-bottom: 3%;}
.ProtectingAgainstPolio-box .flex-box .text-box{width: 45%;margin: auto;margin-right: 3%;}
.ProtectingAgainstPolio-box .flex-box .text-box em{width: 30px;height: 28px;}
.ProtectingAgainstPolio-box .flex-box .text-box .left{float: left;background: url(../../base/img/left-textg.png) no-repeat;background-size: 100%;}
.ProtectingAgainstPolio-box .flex-box .text-box .right{float: right;background: url(../../base/img/right-textg.png) no-repeat;background-size: 100%;position: relative;bottom: 40px;}
.ProtectingAgainstPolio-box .flex-box .text-box .p1{width: 80%;margin: auto;}
.ProtectingAgainstPolio-box .flex-box .pic-box{width: 50%;margin: auto;}
.ProtectingAgainstPolio-box .p3{text-align: justify;font-size: 18px;line-height: 30px;color: #666666;}
.ProtectingAgainstPolio-box .p4{text-align: justify;font-size: 24px;line-height: 30px;color: #003a8f;margin-bottom: 1%;}

/* ProtectingAgainstCOVID-box */
.ProtectingAgainstCOVID-box .float-box{margin-bottom: 3%;}
.ProtectingAgainstCOVID-box .float-box .left-box{width: 48%;float: left;}
.ProtectingAgainstCOVID-box .float-box .right-box{width: 48%;float: right;}


/* productbanner */
.productbanner .flex-box{width: 1400px;margin: auto;display: flex;padding: 5% 0;}
.productbanner .flex-box .title{width: 60%;text-align: left;margin: 0 auto 0 0;}
.productbanner .flex-box .title .p1{font-size: 60px;line-height: 1;color: #333333;margin-bottom: 30px;}
.productbanner .flex-box .title .p2,.productbanner .flex-box .title .p3{font-size: 18px;color: #333333;line-height: 2;}
.productbanner .flex-box .title .p2{padding-left: 20px;background: url(../../base/img/RDSystemicon.png) 0 15px no-repeat;}
.productbanner .path{font-size: 18px;color: #999999;line-height: 2;overflow: hidden;padding: 0;}
.productbanner .path em{padding: 0;display: block;width: 30px;text-align:  center;float: left;}
.productbanner .path em:last-child{display: none;}
.productbanner .path a{color: #999999;padding: 0;float:  left;}
.productbanner .path a:hover{color: #003a8f;}

.pre{background-color:transparent;border: none;}
.ProductList li:hover .con .intro .pre{color:#fff;}

/* 产品列表 */
#productcontent{background-color: #f5f5f5;padding: 3% 0;}
.productbox{width: 1400px;margin: auto;}
#sideMenu .menuList{text-align: left;margin-bottom: 40px;}
#sideMenu .menuList li{display: inline-block;width: auto;margin-right: 20px;}
#sideMenu .menuList li a{font-size: 18px;line-height: 30px;color: #333333;}
#sideMenu .menuList li.on{padding-bottom: 12px;border-bottom: 2px solid #003a8f;}
.ProductList li{background-color: #fff;margin-bottom: 40px;display: table;}
.ProductList li .pic{margin: auto 2% auto 0;width: 35%;display: table-cell;}
.ProductList li .pic img{width: 100%;}
.ProductList li .con{margin: auto 2% auto 0;width: 61%;padding: 0 3%;display: table-cell;vertical-align:  middle;}
.ProductList li .con .title{font-size: 18px;line-height: 19px;color: #333333;text-align: left;margin-bottom: 3%;}
.ProductList li .con .intro{font-size: 14px;color: #999999;line-height: 30px;text-align: left;padding-bottom: 3%;margin-bottom: 3%;border-bottom: 1px solid #f1f2f4;}
.ProductList li .con .intro p:first-child{color: #666666;}
.ProductList li .con .others{display: flex;}
.ProductList li .con .others .date{font-size: 14px;line-height: 30px;color: #666666;padding-left: 37px;background: url(../../base/img/date-off.png) 0 50% no-repeat;text-align: left;}
.ProductList li .con .others .date .mon{margin-right: 5px;}
.ProductList li .con .others .more{margin: auto 0 auto auto;font-size: 14px;line-height: 30px;color: #666666;padding-right: 46px;background: url(../../base/img/pmore-off.png) right 50% no-repeat;position: relative;}
.ProductList li .con .others .more em{height: 1px;bottom: -7px;left: 0px;position: absolute;width: 100%;transition: all 0.3s;transform: scaleX(0);background-color: #fff;transform-origin: left;}
.ProductList li .con .others .more:hover em {transform: scaleX(1);}
.ProductList li:hover{background-color: #003a8f;}
.ProductList li:hover .con .title a,.ProductList li:hover .con .intro,.ProductList li:hover .con .others .date,.ProductList li:hover .con .others .more,.ProductList li:hover .con .intro p:first-child{color: #fff;}
.ProductList li:hover .con .others .date{background: url(../../base/img/date-on.png) 0 50% no-repeat;}
.ProductList li:hover .con .others .more{background: url(../../base/img/pmore-on.png) right 50% no-repeat;}

.productbox .top{display: flex;margin: 30px 0;}
.productbox .top .back{margin: auto auto auto 0;font-size: 16px;line-height: 40px;color: #333333;padding-left: 34px;background: url(../../base/img/back-icon.png) 0 50% no-repeat;}
.productbox .top .path{font-size: 18px;color: #999999;line-height: 2;overflow: hidden;padding: 0;}
.productbox .top .path em{padding: 0;display: block;width: 30px;text-align:  center;float: left;}
.productbox .top .path em:last-child{display: none;}
.productbox .top .path a{color: #999999;padding: 0;float:  left;}
.productbox .top .path a:hover{color: #003a8f;}
.product-msg{display: flex;margin-bottom: 4%;}
.product-msg .pic{margin-right: 3%;}
.product-msg .con{margin: 0;width: 100%;}
.product-msg .con .title{text-align: left;font-size: 32px;line-height: 2;color: #003a8f;padding-bottom: 26px;margin-bottom: 40px;border-bottom: 1px solid #f1f2f4;}
.product-msg .con .intro p{text-align: left;font-size: 18px;color: #999999;line-height: 34px;}
.product-msg .con .intro p:first-child{font-size: 24px;margin-bottom: 10px;color: #333333;}
.product-tab{width: 100%;border: solid 1px #eeeeee;margin-bottom: 6%;}
.product-tab .producttab-box{padding: 40px;}

.producttab-box .swiper-pagination{position: relative;text-align: left;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}
.producttab-box .swiper-pagination-bullet{width: auto;height: auto;border-radius: 0;opacity: 1;margin-right: 20px;background:transparent;font-size: 22px;line-height: 48px;color: #333333;}
.producttab-box .swiper-pagination-bullet:last-child{margin: 0!important;}
.producttab-box .swiper-pagination-bullet-active{background:transparent;border-bottom: 2px solid #003a8f;}
.producttab-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 40px 0 0;padding-bottom: 25px;}
.producttab-box .swiper-slide{height: auto;}
.producttab-box .swiper-slide p{text-align: left;line-height: 2.5!important;}
.hidebox,.swiper-pagination2,.list-box .swiper-list li .con .intro,.list-box .swiper-list li .con .others{display: none;}
.list-box{margin-bottom: 60px;}
.list-box .swiper-list li .pic img{width: 100%;}
.list-box .swiper-list li .con .title{font-size: 18px;line-height: 24px;color: #333333;text-align: left;padding: 10px 0;}
.productbox .page{display: flex;}
.productbox .page .prev,.productbox .page .next{width: 40px;height: 40px;border-radius: 50%;margin: 0;}
.productbox .page .prev{background: url(../../base/img/prev-off.png) center no-repeat #fff;}
.productbox .page .next{background: url(../../base/img/next-off.png) center no-repeat #fff;}
.productbox .page .prev:hover{background: url(../../base/img/prev-on.png) center no-repeat #003a8f;}
.productbox .page .next:hover{background: url(../../base/img/next-on.png) center no-repeat #003a8f;}
.productbox .page a{width: 34px;height: 34px;background-color: transparent;border-radius: 5px;line-height: 34px;border: none;margin: auto;}
.productbox .page .current{background-color: #003a8f;}
.productbox .page .disabled{filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.phonepath{display: none;}
.product-bottom{background-color: #f5f5f5;}
#content .product-bottom .p1{text-align: center;font-size: 30px;color: #333333;}

.video-box{width: 30%;margin: 5% auto 0;position: relative;height: auto;}
.video-box #video{width: 100%;}
.icon-play{
    display: flex;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
    transition: all 1s;
    transform: scale(1);
    opacity: 100;
    border-radius: 9999px;
    height: 70px;
    width: 70px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.playes .icon-play{
    transform: scale(0);
    opacity: 0;
}
svg > path, svg > line {
    stroke: currentColor;
    margin: auto;
}
.icon-play svg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: rgba(255, 255, 255, 0.5);
}

.PageList li{display: table;padding: 30px;background-color: #fff;margin-bottom: 20px;width: 100%;}
.PageList li .pic{display: table-cell;width: 30%;padding-right: 40px;}
.PageList li .pic img{width: 100%;}
.PageList li .con{display: table-cell;text-align: left;vertical-align: middle;}
.PageList li .con .date{font-size: 18px;}
.PageList li .con .title{font-size: 22px;line-height: 36px;color: #333333;height: 36px;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;margin: 30px 0 20px;}
.PageList li .con .intro{font-size: 18px;line-height: 36px;color: #999999;vertical-align: middle;text-align: left;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 72px;margin-bottom: 20px;}
.PageList li .con .more{color: #8c929a;font-size: 16px;line-height: 1;padding-left: 44px;background: url(../../base/img/moreoff.png) 0 center no-repeat;}
.PageList li:hover{background-color: #003a8f;}
.PageList li:hover .con .date,.PageList li:hover .con .title a,.PageList li:hover .con .intro,.PageList li:hover .con .more{color: #fff;}

.articleCon {
    text-align: left;
    padding: 20px;
}
.printArea .title {
    font-size: 30px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 30px;
    word-wrap: break-word;
}
.printArea .subTitle {
    font-size: 20px;
    color: #555;
    text-align: center;
    margin-bottom: 20px;
}
.printArea .property {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 6px 10px 15px;
    text-align: center;
    color: #999999;
    border-bottom: 1px solid #eeeeee;
}
.printArea .property span {
    margin: 0 10px;
}
.printArea .property .author{
    padding-left: 30px;
    background: url(../../base/img/auto.png) 0 center no-repeat;
}
.printArea .property .time{
    padding-left: 30px;
    background: url(../../base/img/time.png) 0 center no-repeat;
}
.printArea .property .hit{
    padding-left: 30px;
    background: url(../../base/img/hit.png) 0 center no-repeat;
}
.printArea .conTxt {
    color: #333;
    font-size: 16px;
    line-height: 2;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.printArea .conTxt img {
    max-width: 100%!important;
    width: auto!important;
    height: auto !important;
}
.printArea .conTxt p {
    margin-bottom: 20px;
    word-wrap: break-word;
}
.printArea .conTxt table p {
    margin: 0px
}
.printArea .conTxt a {
    color: blue;
    text-decoration: underline;
}
.printArea .conTxt em {
    font-style: italic;
}
.printArea .conTxt ul {
    padding-left: 2em;
    list-style: inherit;
}
.printArea .conTxt ol {
    padding-left: 2em;
    list-style: decimal;
}
.printArea .conTxt ul li {
    zoom: normal;
    list-style: inherit;
    text-indent: 0 !important;
}
.printArea .conTxt ol li {
    zoom: normal;
    list-style: inherit;
    text-indent: 0 !important;
}
.printArea .conTxt h1 {
    font-size: 2em;
    margin: .67em 0;
}
.printArea .conTxt h2 {
    font-size: 1.5em;
    margin: .75em 0;
}
.printArea .conTxt h3 {
    font-size: 1.17em;
    margin: .83em 0;
}
.printArea .conTxt h5 {
    font-size: .83em;
    margin: 1.5em 0;
}
.printArea .conTxt h6 {
    font-size: .75em;
    margin: 1.67em 0;
}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong {
    font-weight: bolder;
}
.printArea .videoPlayer {
    position: relative;
    z-index: 1500;
    /*background: #000;*/
    width: 800px;
    text-align: center;
    margin: 20px auto;
    height: 480px;
}
.articleCon .userControl {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    text-align: left;
    margin-bottom: 20px;
    padding: 10px 0;
}
.articleCon .userControl .a {
    color: #777;
    margin: 10px 10px 0 0;
    float: left;
}
.articleCon .userControl .bdsharebuttonbox {
    float: right;
}
.articleCon .page {
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
}
.articleCon .others {
    margin-bottom: 15px;
    height: 70px;
}
.articleCon .others .prev,
.articleCon .others .next {
    word-wrap: break-word;
    height: 70px;
    line-height: 70px;
    float: left;
    width: 47%;
    border: solid 1px #eeeeee;
    padding-left: 47px;
    color: transparent;
    padding: 0;
}
.articleCon .others .next{float: right;}
.articleCon .others .prev span{background: url(../../base/img/content-prev.png) 21px center no-repeat;}
.articleCon .others .next span{background: url(../../base/img/content-next.png) 21px center no-repeat;}
.articleCon .others .prev .date,
.articleCon .others .next .date{display: none;}
.articleCon .others .prev a,
.articleCon .others .next a{font-size: 16px;color: #9399a1;}


@media (max-width: 1500px){
    .vh-box,.pagebanner .text-box,.vov-ul,.vov-box,.Science-box,#content .pub-box,.vov-box2,.productbanner .flex-box,.productbox{width: 1200px;}
    .vov-p,.Hdiw-content{width: 90%;}
    .AboutUs-box .flex-box .msg-box p{font-size: 20px;line-height: 44px;}
    #content img{width: 100%;}
    .pagebanner .text-box .title p{font-size: 50px;}
}
@media (max-width: 1300px){
    .vh-box,.pagebanner .text-box,.vov-ul,.vov-box,.Science-box,#content .pub-box,.vov-box2,.productbanner .flex-box,.productbox{width: 90%;}
    .vh-box .title p,.vh-box .vov.on .msg-box .msg .text,.vh-box .hdiw.on .msg-box .msg .text{font-size: 36px;}
    .vh-box .vov.on .msg-box .msg .con,.vh-box .hdiw.on .msg-box .msg .con{font-size: 20px;margin-bottom: 20%;}
    .vov-ul li .libox p{font-size: 16px;}
    .RDS-box .flex .left p,.Collaborations-box .text-box p{font-size: 30px;}
    .ProtectingAgainstPolio-box .p2{font-size: 20px;line-height: 36px;}
    .ProtectingAgainstPolio-box .p4{font-size: 25px;}
    .RDS-box .flex .right li{font-size: 16px;}
    .RDS-box .flex .right p,.box1 .blue-font p{font-size: 18px;}
    #content .pubtitle{font-size: 32px;}
    .Collaborations-box .ul li{height: 320px;}
    .Collaborations-box .ul li p{font-size: 14px;}
    .AboutUs-box .flex-box .msg-box p{font-size: 18px;line-height: 40px;}
    .vov-p{font-size: 18px;}
    .pagebanner .text-box .title{font-size: 50px;line-height: 50px;}
    .product-msg .con .title{font-size: 28px;}
    .product-msg .con .intro p:first-child{font-size: 20px;}
    .product-msg .con .intro p{font-size: 16px;}
    .product-msg .con .title{margin-bottom: 25px;}
    .productbanner .flex-box .title .p1{font-size: 45px;}
    .productbanner .flex-box .title .p2, .productbanner .flex-box .title .p3,.productbanner .path{font-size: 16px;}
    .pagebanner .text-box .title p{font-size: 40px;}
    .Science-box .title p{font-size: 18px;}
    .Responsibility-box .ul li .text-box p{font-size: 16px;}
    .Responsibility-box .ul li .text-box{height: 70px;}
    .Responsibility-box .ul li .text-box .line{width: 25px;}
    .Science-box .title{height: 100px;bottom: -50px;}
}
@media (max-width: 1100px){
    .Responsibility-box .ul li .text-box p{font-size: 14px;}
    .product-msg .con .title{font-size: 26px;}
    .product-msg .con .intro p:first-child{font-size: 18px;}
    .product-msg .con .intro p{font-size: 14px;}
}
@media (max-width: 900px){
    .vh-box{display: block;}
    .vh-box .vov,.vh-box .hdiw{width: 100%;}
    .vh-box .vov{margin-bottom: 40px;}
    .vov-ul li{width: 48%;margin-bottom: 3%;}
    .vov-ul .li2{margin: 0 0 3% 0;}
    .vov-ul .li2,.vov-ul .li4{float:right}
    .vov-ul li .libox p{font-size: 18px;}
    .Science-box ul li,.Science-box ul .li2{position: relative;float: none;width: 70%;margin: 0 auto 130px;}
    .RDS-box .flex .left p,.Collaborations-box .text-box p{font-size: 22px;}
    .ProtectingAgainstPolio-box .p2{font-size: 18px;line-height: 28px;}
    .ProtectingAgainstPolio-box .p4{font-size: 20px;}
    .AboutUs-box .flex-box .msg-box p{font-size: 16px;line-height: 32px;}
    .box1 .blue-font p{font-size: 16px;}
    .RDS-box .flex .right li,#content .p1,.vov-box2 .vov-flex .litext .p2,.vov-box2 .p3,.vov-box2 .p4{font-size: 14px;}
    .RDS-box .flex .right p{font-size: 15px;}
    #content .pubtitle{font-size: 22px;}
    .RDP-box .Platformsimg img{width: 100%;}
    .Collaborations-box .ul li{float: none;width: 70%;margin: 0 auto 3%!important;height: auto;padding-bottom: 3%;}
    .Collaborations-box .ul li .img-box{width: 15%;height: auto;margin: auto;}
    .Collaborations-box .ul li .img-box img{margin: 25% 0;}
    .Responsibility-box .ul li .text-box{height: 80px;}
    .Responsibility-box .ul li .text-box p{font-size: 20px;}
    .Responsibility-box .ul li{float: none!important;width: 80%;position: relative;margin: 0 auto 3% !important;}
    .Responsibility-box .ul .li5 .pc{display: none;}
    .Responsibility-box .ul .li5 .phone{display: block;}
    .pagebanner .path{font-size: 14px;}
    .product-msg .pic{width: 80%;margin: 0 auto 3%;}
    .product-msg{display: block;}
    .product-msg .con .title{font-size: 20px;}
    .product-msg .con .intro p:first-child{font-size: 16px;}
    .product-msg .con .intro p{font-size: 14px;}
    .ProductList li .con .title{font-size: 16px;}
    .ProductList li .con .intro,.ProductList li .con .others .date,.ProductList li .con .others .more{font-size: 12px;}
    .productbanner .flex-box{display: block;}
    .productbanner .flex-box .title{width: 100%;}
    .phonepath{display: block;margin-bottom: 3%;}
    .pcpath{display: none;}
    .pagebanner .text-box .title p{font-size: 25px;}
    .product-msg .con .title{font-size: 30px;}
    .product-msg .con .intro p:first-child{font-size: 22px;}
    .product-msg .con .intro p{font-size: 18px;}
}
@media (max-width: 840px){
    .ProductList li{display: block;width: 80%;margin: 0 auto 5%;}
    .ProductList li .pic{width: 100%;display: block;}
    .ProductList li .con{padding: 5%;margin: auto;width: 90%;display: block;}
    .product-msg .con .title{font-size: 28px;}
    .product-msg .con .intro p:first-child{font-size: 20px;}
    .product-msg .con .intro p,.list-box .swiper-list li .con .title{font-size: 16px;}
    .Science-box .title{height: 80px;bottom: -40px;}
}
@media (max-width: 600px){
    .RDP-box .log6{display: none;}
    .RDP-box .log2{display: block;}
    .box1 .blue-font p,.ProtectingAgainstPolio-box .p3{font-size: 14px;}
    .AboutUs-box .flex-box .msg-box p{font-size: 14px;line-height: 26px;}
    .RDP-box .log2 ul li{width: 50%;margin: 0 0.5% 1%;padding: 1% 0.5%;}
    .RDP-box .log2 ul li p{font-size: 0.08rem;line-height: 26px;color: #ffffff;text-align: center;}
    .Collaborations-box .picul li{width: 100%;margin: 0 0 2% 0!important;}
    .ProtectingAgainstCOVID-box .float-box .left-box{width: 90%;float: none;margin: 0 auto 3%;}
    .ProtectingAgainstCOVID-box .float-box .right-box{width: 90%;float: none;margin: auto;}
    .pagebanner .path{font-size: 12px;}
    .productbox .top .path{font-size: 14px;}
    .Science-box .title p{font-size: 16px;}
    .Responsibility-box .ul li .text-box{height: 70px;}
    .Responsibility-box .ul li .text-box p{font-size: 16px;}
    .product-msg .con .title{font-size: 26px;}
    .product-msg .con .intro p:first-child{font-size: 18px;}
    .product-msg .con .intro p,.list-box .swiper-list li .con .title{font-size: 14px;}
    .Pipeline-flex .left p{font-size: 12px;}
}
@media (max-width: 450px){
    .vh-box .title p{font-size: 18px}
    .vh-box .title{height: 130px;}
    .box1 .blue-font p{display: initial;}
    .box1 .blue-font .right{top: 14px;}
    .box1 .blue-font .left{top: 6px;position: relative;}
    .AboutUs-box .flex-box,.productbox .top .back{display: block;}
    .pagebanner .path em{width: 14px;}
    .ProductList li,.ProductList li .con{width: 100%;}
    .ProductList li .con .others{display: block;text-align: left;}
    .productbox .top{text-align: left;margin: 20px 0;}
    .product-tab .producttab-box{padding: 3%;}
    .producttab-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px 0 0;padding-bottom: 5px;}
    .producttab-box .swiper-pagination-bullet,.list-box .swiper-list li .con .title{font-size: 13px;}
    #content .pub-box{padding: 6% 0;}
    .RDS-box .flex .left{width: 35%;}
    .RDS-box .flex .left p{font-size: 16px;}
    .RDS-box .flex .right{width: 68%;}
    .pagebanner .text-box .title p{font-size: 18px;}
    .vov-ul li .libox p,.pagebanner .path{font-size: 12px;}
    .Science-box .title p{font-size: 14px;}
    .Responsibility-box .ul li .text-box p{font-size: 14px;}
    .product-msg .con .title{font-size: 20px;}
    .product-msg .con .intro p:first-child{font-size: 15px;}
    .product-msg .con .intro p,.list-box .swiper-list li .con .title{font-size: 12px;}

}


.siteMap .h1{font-size: 16px;text-align: left;}
.siteMap .li2 h3{font-size: 14px;}
.siteMap .ul1{text-align: left;}