@charset "utf-8";#parallelogram .img,#parallelogramRIGHT .img{display:block;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);-ms-transform:skew(-30deg);transform:skew(-30deg)}
#parallelogram .img .leftbannerbg{width:100%;position:relative;margin-left:15%;margin-right:-10%;display:block;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);transform:skew(-30deg);background-image:url(../images/banner-1-1.jpg);min-height:900px;background-position:center center;background-size:200% 200%;animation:Moveleftbannr 5s linear 1s infinite alternate;-moz-animation:Moveleftbannr 5s linear 1s infinite alternate;-webkit-animation:Moveleftbannr 5s linear 1s infinite alternate;-o-animation:Moveleftbannr 5s linear 1s infinite alternate;-ms-animation:Moveleftbannr 5s linear 1s infinite alternate}
#parallelogramRIGHT .img .rightbannerbg{position:relative;margin-left:-20%;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);transform:skew(-30deg);background-image:url(../images/baner1.JPG);min-height:900px;background-position:center center;background-size:100% 100%;animation:Moverightbannr 6s linear 1s infinite alternate;-moz-animation:Moverightbannr 6s linear 1s infinite alternate;-webkit-animation:Moverightbannr 5s linear 1s infinite alternate;-o-animation:Moverightbannr 6s linear 1s infinite alternate;-ms-animation:Moverightbannr 6s linear 1s infinite alternate}
.indexcontentcontact .container{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}
.imgshow{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:240px;height:240px;overflow:hidden;box-shadow:35px -30px 0 rgba(0,0,0,0.1);margin:auto;padding-bottom:20px}
.imgshow img{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;top:-35%;left:-35%;margin-bottom:20px;-webkit-transition:.5s all ease;transition:.5s all ease}
.imgsiteRight{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:240px;height:240px;overflow:hidden;margin:auto;box-shadow:-35px 30px 0 rgba(0,0,0,0.1)}
.imgsiteRight img{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;margin-bottom:20px;top:-35%;left:-35%;-webkit-transition:.5s all ease;transition:.5s all ease}
.columimg img{max-width:100%;box-shadow:2px 2px 2px #cccccc;border:2px solid #ffffff;margin:auto auto 15px auto}
.indexaboutUS{font-weight:500;line-height:1.5em}
.indexaboutUS h2{font-family:"AvenirLTStd-Light",Arial,Helvetica,sans-serif}
.indexaboutUS p{font-weight:700}
.indexcontactUS{line-height:24px}
.indexcontactUS h1{font-size:72px;margin-bottom:50px;margin-left:auto;margin-right:auto;text-align:center;font-family:'Seropro',sans-serif}
.indexcontactUS .row{font-size:16px;font-family:"AvenirLTStd-Light",Arial,Helvetica,sans-serif;LINE-HEIGHT:1.6EM}
.indexcontactUS strong{font-size:21px;font-family:"Arial",Gadget,sans-serif;line-height:40px}
.indexcontactUS a:hover{text-decoration:none}
.share{font-size:24px}
.columbg{width:100%;background-color:rgba(34,34,34,1)}
.Drugindex{padding:0}
.Drugindex div[class*="col-md"]{margin:0;padding:0;position:relative;text-align:center}
.Drugindex div[class*="col-md"] img{position:relative;z-index:10}
.Drugindex div[class*="col-md"] .drugindexbg{background:rgba(0,0,0,0.7);position:absolute;z-index:11;top:0;left:0;width:100%;height:100%;text-align:center}
.Drugindex div[class*="col-md"] a{color:#efefef}
.Drugindex div[class*="col-md"]:hover .drugindexbg{background:rgba(0,0,0,0)}
.Drugindex div[class*="col-md"] a:hover,.Drugindex div[class*="col-md"]:hover .drugindexbg a{color:#ffffff;text-decoration:none}
.Drugindex div[class*="col-md"] .findmore{padding:10px 30px 10px 30px;border-radius:30px;border:2px solid #ffffff;width:100%}
.Drugindex div[class*="col-md"] .findmore:hover{background:#fff;color:#000}
.Drugindex div[class*="col-md"] .middlecontent{width:80%;position:absolute;top:40%;left:10%;text-align:center;display:block}
.Drugindex div[class*="col-md"] .middlecontent h1{margin-bottom:40px}
.drugrightbg{background-image:url(../images/shutterstock_232913782.jpg);background-position:center center;background-size:cover}
.drugleftbg{background-image:url(../images/shutterstock_189666014.jpg);background-position:center center;background-size:cover}
.ServiceShowleftPic{float:left;margin-right:15px;text-align:center;color:#666666}
.ServiceShowrightPic{float:right;margin-left:15px;text-align:center;color:#666666}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic{font-size:0.8em;text-align:center;line-height:1.5em}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img{display:block;max-width:100%;height:auto}
.hr2{border-top:1px solid #ccc;border-bottom:1px solid #ffffff}
.form-group{display:table;width:100%;text-align:left}
@media only screen and (min-width:1024px){.bannercontent .h1{font-size:80px}
.siteright{float:right}
.columbg,.columcontent{height:auto}
.columrightwidth{margin-top:30px}
.navbar-brand img{width:150px}
.Drugindex div[class*="col-md"] .middlecontent h1{font-size:60px}
#showMenu li{float:left;border-right:1px solid #cccccc;padding:8px;width:12%;padding-left:1%;padding-right:1%;text-align:center}
.columimg{width:100%;display:block}
.columimg img{max-width:100%;display:block;transition:all 1s}
.columimg img:hover{transform:scale(1.05)}
.siteright{float:right;margin-right:100px}
.indexsearchbutton{position:absolute;right:30px}
.topindexlogo{left:35%;width:30%}
}@media only screen and (max-width:1024px){.columrightwidth{}
.navbar-brand img{width:100px;margin-top:-10px}
#showMenu li{border-bottom:1px solid #cccccc;padding:8px;width:100%}
.spanmore{display:none}
.columimg{display:inline-block;width:70px;float:left}
.columimg img{text-align:left;height:50px}
}@media only screen and (min-width:768px) and (max-width:1024px){.bannercontent .h1{font-size:60px}
.secondpage .col-md-5{padding-top:30px;padding-bottom:30px;height:300px}
.imgsiteRight{padding-top:30px;padding-bottom:30px}
.Drugindex div[class*="col-md"] .middlecontent h1{font-size:50px}
.topindexlogo{left:25%;width:50%}
}@media only screen and (min-width:480px) and (max-width:768px){.bannercontent .h1{font-size:40px}
.secondpage .col-md-5{padding-top:30px;padding-bottom:30px;height:300px}
.imgsiteRight{padding-top:30px;padding-bottom:30px}
.Drugindex div[class*="col-md"] .middlecontent h1{font-size:50px}
.ServiceShowleftPic,.ServiceShowrightPic{width:100%;text-align:center}
.ServiceShowleftPic img,.ServiceShowrightPic img{margin-bottom:15px}
}@media only screen and (min-width:320px) and (max-width:480px){.bannercontent .h1{font-size:40px}
.secondpage .col-md-5{padding-top:30px;padding-bottom:30px;height:300px}
.imgsiteRight{padding-top:30px;padding-bottom:30px}
.Drugindex div[class*="col-md"] .middlecontent h1{font-size:46px}
.ServiceShowleftPic,.ServiceShowrightPic{width:100%;text-align:center}
.ServiceShowleftPic img,.ServiceShowrightPic img{margin-bottom:15px}
}@media only screen and (max-width:320px){.bannercontent .h1{font-size:40px}
.secondpage .col-md-5{padding-top:30px;padding-bottom:30px;height:300px}
.imgsiteRight{padding-top:30px;padding-bottom:30px}
.Drugindex div[class*="col-md"] .middlecontent h1{font-size:46px}
.ServiceShowleftPic,.ServiceShowrightPic{width:100%;text-align:center}
.ServiceShowleftPic img,.ServiceShowrightPic img{margin-bottom:15px}
}.ServiceShowPic{font-size:0.75em;text-align:center;line-height:1.7em !important;color:#666666}
.ServiceShowPic img{margin:auto}
.ServiceShowleftPic{float:left;margin-right:15px;text-align:center;color:#666666;display:inline-block}
.ServiceShowrightPic{float:right;margin-left:15px;text-align:center;color:#666666;display:inline-block}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic{font-size:0.75em;text-align:center;line-height:1.7em !important}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img{display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto}
.ullist{padding:0 0 0 19px;margin:5px 0px;}
.ollist{padding:0 0 0 19px;margin:5px 0px;}
.ullist li a,.ollist li a{text-decoration:none}
.ullist li{list-style:disc;/*margin-bottom:10px;*/}
.ullist.marbot li{margin-bottom:10px;}
.ollist li{list-style-type:decimal}
.ullist li>ul>li{list-style-type:circle}
.ollist li>ul>li{list-style-type:lower-latin}
ul li>ul,ul li>ul li>ul{padding-bottom:0!important}
.fa-disc::before{content:"●";font-style:normal;font-weight:normal;padding-right:5px}
.fa-triangle::before{content:"▶";font-style:normal;font-weight:normal;padding-right:5px;font-size:30%}
.fa-star::before{content:"★";font-style:normal;font-weight:normal;padding-right:5px}
.triangle li{list-style-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNy4zNjEgMTcuMzYxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy4zNjEgMTcuMzYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM1RjVGNUYiIHBvaW50cz0iMS45MjgsMTcuMzY1IDEuOTI4LDAuMSAxNS41ODQsOC43MzIgIi8+DQo8L3N2Zz4NCg==) !important}
.star li{list-style-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTcuNCAxNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNy40IDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1RTVFNUU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw2LjhsLTUuMiwzLjhsMS43LDYuM2wtNS4zLTMuN2wtNS4yLDMuN2wxLjktNi4yTDAsNi44aDYuNmwyLjEtNi4ybDIuMSw2LjJIMTcuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==)!important}
.disc li{list-style:disc !important}
.roman li{list-style:lower-roman !important}
.hollow-disc li{list-style-type:circle !important}
.decimal li{list-style:decimal !important}
.greek li{list-style:lower-greek !important}
.latin li{list-style:lower-latin !important}
.upper-latin li{list-style:upper-latin !important}
.cancer_tab_show{display:none;position:fixed;left:15px;width:calc(100% - 30px);padding:15px;background-color:rgba(177,214,202,1);z-index:100000;font-size:14px}
.cancer_tab_show a{color:#000000;margin-right:15px}
.form-horizontal .form-group{margin-right:0;margin-left:0}
.form-horizontal .form-group .col-sm-12{padding-right:0;padding-left:0}
.navbar-nav>li{padding-right:15px}
.navbar-nav>li>a{display:inline-block;padding:10px 2px 10px 15px}
.navbar-nav>li>b{color:#9d9d9d}
.navbar-header a.navbar-brand{height:auto;line-height:1.3em}
.container-fluid .navbar-header .navbar-brand{margin-left:0}
.dropdown-menu>li>a{white-space:unset}
@media screen and (min-width:768px){.navbar-nav>li:hover{background:#000}
.siteright li:hover .dropdown-menu{display:block}
.siteright li:hover a{background-color:#000000;color:#ffffff}
.navbar-nav>li:hover>b{color:#fff}
}@media screen and (max-width:1700px){.bannerUnit>div div img{width:auto;height:auto}
.bannercontent img{max-width:50%}
}@media screen and (max-width:1500px){#showMenu li a{font-size:16px;line-height:22px;display:inline-block}
.indexcontentshape h1{line-height:40px}
.indexcontentshape h1 a{font-size:35px}
.indexcontentshape:before{top:-2%}
}@media screen and (min-width:768px) and (max-width:1320px){.navbar .columrightwidth ul.nav{position:absolute;top:60px;z-index:99;margin-right:0;left:0;width:100%;text-align:center;display:flex;justify-content:center;background:#222;padding-bottom:10px}
.indexsearchbutton{top:15px}
.navbar-brand img{width:90px}
}@media screen and (min-width:768px) and (max-width:1024px){.navbar .columrightwidth ul.nav{background:#222}
.navbar-brand img{width:110px}
}@media screen and (min-width:768px) and (max-width:1000px){.navbar-nav>li:nth-last-child(2),.navbar-nav>li:nth-last-child(1){display:none}
.nav>li>a{padding:10px 3px}
}@media screen and (max-width:1000px){.bannercontent{top:40%;transform:translateY(-50%)}
#showMenu .columTit{display:flex;align-items:center}
.indexintroduce{padding-top:0;padding-bottom:0}
.alignsite{margin-top:30px;line-height:33px}
}@media screen and (max-width:768px){.navbar-toggle{margin-top:14px}
.navbar-nav>li>b{float:right;margin-top:18px;margin-right:15px;border-top:6px solid;border-right:6px solid transparent;border-left:6px solid transparent}
.navbar-collapse ul li .dropdown-menu{width:100%;position:static;padding-bottom:15px !important}
.navbar-nav>li{padding-right:0}
.navbar-nav>li.open{background:#080808}
.navbar-nav>li.open>b{color:#fff}
.Indexes{font-size:1.1em}
.icon_lists i{font-size:20px}
}@media screen and (max-width:700px){.indexcontentshape2{top:-30px;padding-top:40px;padding-bottom:50px;margin-bottom:-50px;bottom:-130px}
.indexcontentshape3{padding-bottom:30px}
.bannercontent img{max-width:68%}
.bannercontent{font-size:14px}
.indexintroduce .headtit{line-height:35px;font-size:24px;margin-bottom:15px;text-align:left}
.indexcontentshape:before{top:-1.5%}
.indexcontentshape{top:0}
.bannerUnit,.bannerfontDIV,.bannerUnit>div{height:500px}
.bannerUnit>div div img{min-height:500px;height:500px}
.indexcontentshape .row{padding-top:10px}
.indexcontentshape h1 a{font-size:28px;line-height:32px;display:inherit}
.indexcontent div[class*="col-md"].col-md-7{padding-top:0;margin-top:0}
.indexcontentshape3{padding-top:10px}
.indexcontentshape3:before{top:-1%}
}@media screen and (max-width:500px){.logoandmenu .menu span#indexsearch{padding-left:0;padding-right:0;margin-right:20px}
.logoandmenu .menu span#indexsearch .glyphicon-search{padding-left:0;padding-right:0}
}@media screen and (max-width:350px){.showcontentshape:before{left:0;top:-20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.secondpagehape{padding-bottom:70px}
}.podcast{margin-top:30px;padding-top:30px;border-top:1px solid #efefef}
.podcast-img,.podcast-img img{position:relative}
.podcast-img i{font-size:60px;position:absolute;top:40%;left:35%;color:#ffffff}
.podcast div[class*="col"] h3 a{font-size:18px;line-height:24px;color:#428bca}
.podcast div[class*="col"]:hover a{color:#ff0000;text-decoration:none}
.podcast div[class*="col"]:hover i{transform:rotate(90deg);color:#ff0000}
.introduction_area{background-color:#f2f2f2;border:1px solid #efefef;padding:20px;margin-top:30px}
.introduction_video{padding-bottom:30px;display:none}
.introductionlist,.introductionlist ul,.introductionlist li{margin:0;padding:0;list-style:none}
.introductionlist{background-color:#ffffff;border:1px solid #eeeeee;overflow-y:auto}
.introductionlist ul li{border-bottom:1px solid #efefef;padding:15px;font-weight:bold;cursor:pointer;position:relative}
.introductionlist ul li .duration{right:15px;top:15px;font-size:14px;font-weight:normal;color:#cccccc}
@media (min-width:769px){.introductionlist ul li .duration{position:absolute}
}@media (max-width:768px){.introductionlist ul li .duration{position:relative;display:block;padding-left:15px}
}.introductionlist ul li:hover,.introductionlist ul .choosebg{background-color:#f8f8f8;color:#c00000}
.introductionlist ul li i{display:none}
.introductionlist ul li:hover .voice span,.introductionlist ul .choosebg .voice span{background-color:#c00000}
.introductionlist ul .choosebg i{display:inline-block}
.videoarea{position:relative}
.videoarea h2{font-size:24px;line-height:30px;margin-bottom:30px}
.voice{position:relative;margin-left:10px}
.voice span{position:absolute;bottom:0;display:inline-block;width:3px;height:12px;background-color:#cccccc}
.voice span:nth-child(1){left:0;animation:voice-1 0.7s ease infinite}
.voice span:nth-child(2){left:6px;animation:voice-1 1s ease infinite}
.voice span:nth-child(3){left:12px;animation:voice-1 0.7s ease infinite}
.voice span:nth-child(4){left:18px;animation:voice-1 1s ease infinite}
.voice span:nth-child(5){left:24px;animation:voice-1 0.7s ease infinite}
.voice span:nth-child(6){left:30px;animation:voice-1 1s ease infinite}
@keyframes voice-1{0%{transform:scale(1,0.1)}
100%{transform:scale(1,1)}
}:root{--btn-color:#2c8f73;--btn-hover-color:#ffffff;--green-color:#00b965;--yellow-color:#ffd857;--blue-color:#13303e;--white-color:#ffffff;--margin:30px}
#topcontrol{z-index:999}
.scrolltopcontrol{width:54px;height:54px;line-height:54px;text-align:center;background-color:var(--yellow-color);border-radius:50%;-webkit-box-shadow:0 0 8px 0 var(--yellow-color);box-shadow:0 0 8px 0 var(--yellow-color);transition:.5s all ease}
.scrolltopcontrol:hover{background-color:var(--green-color);border-radius:50%;-webkit-box-shadow:0 0 8px 0 var(--blue-color);box-shadow:0 0 8px 0 var(--green-color)}
.scrolltopcontrol:before{content:"Top";font-family:'FontAwesome';cursor:pointer;color:#fff;display:block}
@media (max-width:800px){.scrolltopcontrol{width:40px;height:40px;line-height:40px}
}.Verification-code{position:relative}
.Verification-code .check-fa{position:absolute;top:8px;right:10px;font-size:22px;color:#7b9d3b}
.icon-bg-circle{display:inline-block;width:33px;height:33px;line-height:33px;background-color:#1c447f;color:#fff;text-align:center;margin-right:10px;-webkit-border-radius:33px;-moz-border-radius:33px;border-radius:33px}
.icon-bg-circle .fa-envelope,.fa-fax{font-size:18px}
.pdf-abox{display:inline-block;padding-right:40px}
.pdf-abox i{font-size:20px;color:red;padding-right:10px}
.foldbox{margin-top:40px;margin-bottom:40px}
.related-protocols{background:#8caea2;height:40px;line-height:40px;padding:0 20px;font-size:1.1em;color:#fff;cursor:pointer}
.related-protocols span{font-size:20px}
.nowopen{height:40px;overflow:hidden}
.protocol-detail{border:1px solid #ddd;padding:20px}
.prodetail-rowbox .other-probox{text-align:right}
.prodetail-rowbox .other-probox img{height:164px}
.prodetail-rowbox .other-probox .other-pro-contbox{position:absolute;width:90%;height:80%;bottom:10%;left:5%;padding:5px 20px;text-align:left;background-color:rgba(97,124,242,0.85);color:#fff}
.pdf-abox{display:inline-block;padding-right:40px}
.pdf-abox i{font-size:20px;color:red;padding-right:10px}
.tablecontentshow{width:100%}
.tdaddtobasket{display:inline-block}
.selectitems{position:absolute;z-index:99999;top:40px;width:100%;right:0 !important;background-color:#fff;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa}
.selectitems ul{list-style:none;font-size:14px;padding:3px 0;margin:0px !important}
.selectitems ul li{line-height:22px;padding:4px 12px 0 12px;cursor:pointer;text-align:left}
.selectitems ul li:hover{color:#f60}
.selectitems ul li.curr{color:#f60;background-color:#efefef}
.search-item-li:hover{background:whitesmoke}
.search-item-active{background:whitesmoke;color:#8caea2}
.submit_search .selectitems{position:absolute;z-index:99999;top:42px;width:100%}
.content-detail .submit{margin-top:10px;border:0px;background-color:#34373a;color:#fff;padding:5px 20px 5px 20px}
.content-detail .submit:hover{background-color:#8caea2}
button{border:0px;outline:none}
input:focus,button:focus{outline:none}
.visible{visibility:visible}
.isdelete span:hover,.tablecontentshow .action:hover{color:#ff6600}
.hot_events{border-bottom:1px solid #cccccc;display:table;width:100%;margin:25px auto}
.hot_events div[class*="col"]{padding:25px 15px}
.hot_events h3{margin-top:10px}
.hot_events .imgarea{height:220px}
#goodcover{display:none;position:absolute;top:0;left:0;width:100%;height:5000px;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:0.70;filter:alpha(opacity=80);margin-top:-45px;overflow:hidden}
#code{width:1000px;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:45%;z-index:1002;text-align:center}
.close1{width:100%;height:60px}
#closebt{float:right}
.close1 a{text-decoration:none}
#closebt:before{content:"\f00d";font-family:'FontAwesome';cursor:pointer;color:#fff;display:block;text-align:center;font-size:18px;border:2px #fff solid;border-radius:100%;width:30px;height:30px;line-height:26px}
.products_offer div[class*="col"]{margin-bottom:15px}
.products_offer div[class*="col"] p{text-align:left;color:#ffffff;font-size:14px;line-height:20px}
.products_offer div[class*="col"]{position:relative}
.products_offer div[class*="col"] .img_area{position:relative;z-index:10;height:100%;margin-bottom:10px}
.products_offer div[class*="col"] .img_area img{position:relative}
.products_offer div[class*="col"] .pro_content_area{z-index:100}
.products_offer div[class*="col"] .img_area:hover .pro_content_area{display:block;transition:display .3s}
@media (min-width:1280px){.products_offer div[class*="col"] .pro_content_area{position:absolute;display:none;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);padding:15px}
.products_offer div[class*="col"] .pro_content_area a{font-weight:bold}
}@media (min-width:1000px) and (max-width:1280px){.products_offer div[class*="col"] .pro_content_area{position:relative;display:block}
.products_offer div[class*="col"] p{min-height:270px;color:#000000}
}@media (max-width:999px){.products_offer div[class*="col"] .pro_content_area{position:relative;display:block}
.products_offer div[class*="col"] p{color:#000000}
}.grecaptcha-badge{pointer-events:auto !important;z-index:100000 !important}
.g-recaptcha{border-radius:10px;padding:10px 20px 10px 20px}
.contact_tit{display:block;font-size:24px;margin-bottom:20px}
.filterby_tit{font-size:17px;display:block;margin-top:15px;margin-bottom:25px}
.contact_page_tit{font-size:45px;margin-bottom:20px;font-weight:bold;width:80%;font-family:'Seropro',sans-serif}
.jobtit{font-weight:bold;font-size:20px;display:block;margin-bottom:20px}
.aptamer_adv{border:1px solid var(--main-blue-color);padding:10px;margin:10px 0px 10px 0px}
.page-box{position:relative;width:100%;margin-top:25px;margin-bottom:25px}
.page-box p{margin-top:15px}
.page-box2{border:1px solid #ccc;border-radius:20px;padding:20px 20px 10px 20px;margin-top:-20px}
.page-box-tit{text-align:center}
.page-box-tit span{border-radius:50px;background-color:#3d99b3;color:#fff;display:inline-block;padding:10px 30px 10px 30px;margin:auto !important;line-height:24px}
.radius_line{border-radius:10px;border:1px solid #3d99b3;padding:15px;margin-top:10px;margin-bottom:10px}
.disease-models{position:relative;text-align:left;display:flex;flex-wrap:wrap}
.disease-models span{display:inline-block;padding:8px 10px 8px 10px;position:relative;border-radius:5px;color:#000;margin-right:10px;margin-bottom:10px;cursor:pointer;font-size:14px;border:1px solid #add5c8}
.disease-models span:hover{background-color:#eadf00 !important;color:#000 !important}
.disease-models span:hover .disease-models-content{display:block}
@media (min-width:1280px){.disease-models span{width:32%}
}@media (min-width:993px) and (max-width:1279px){.disease-models span{width:48%}
}@media (max-width:992px){.disease-models span{width:100%}
}.disease-models-content{position:absolute;display:none;top:100%;left:0;width:350px;background-color:#fff;padding:15px;z-index:100}
.disease-models-content a{display:block}
.disease-models-content ul li{list-style:none;padding-bottom:5px;padding-top:5px;border-bottom:1px solid #ccc;font-size:14px;text-align:left}


.fd-style-1 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
}

.fd-style-2 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
}

.fd-style-2 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
}

.fd-style-2 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-2 .content {
    padding: 0rem 1.5rem 1rem;
}

.fd-style-3 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}

.fd-style-3 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px;
    width: auto;
    position: relative;
    top: -20px;
    margin: 0 15px;
}

.fd-style-3 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-3 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-1rem);
}

.fd-style-4 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--main-color);
    background: #fff;
    transition: all .3s ease;
}

.fd-style-4 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
}

.fd-style-4 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-4 .content {
    padding: 0rem 1.5rem 1rem;
}

.fd-style-5 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;
    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
}

.fd-style-5:hover:hover {
    background: linear-gradient(45deg, var(--a-color-light), var(--main-color))!important
}

.fd-style-5:hover:hover h3,
.fd-style-5:hover:hover h4,
.fd-style-5:hover:hover h5,
.fd-style-5:hover:hover p {
    color: #fff
}

.fd-style-5:hover:hover a {
    color: #62a9ff
}

.fd-style-5:hover:hover a:hover {
    color: var(--a-color-hover)
}
.fd-style-5:hover .sp-li-check li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cpolyline points='9 11 12 14 16 10'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.faq-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 25px;
}

.faq-item {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden
}

.question,
h3.question {
    color: #2c5282;
    margin: 0;
    padding: 20px 24px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8fafc;
    transition: background-color .3s ease
}

.question:hover {
    background: #edf2f7
}

.question::after {
    content: '+';
    font-size: 24px;
    font-weight: 400
}

.question.active::after {
    content: '-'
}

.answer {
    color: #4a5568;
    margin: 0;
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    background: #fff
}

.answer.active {
    padding: 24px;
    max-height: 1000px
}

.answer p {
    margin: 0 0 16px
}

.answer p:last-child {
    margin-bottom: 0
}

.fd-style-6 {
    border-radius: var(--bs-border-radius-lg);
    text-align: left;

    padding: 1rem 1.5rem;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    position: relative;
    background: #f8fafc;
}

.fd-style-6 .title::before {
    content: "\1F449";
    display: inline-block;
    margin-right: 5px;
}

.fd-style-7 {
    border-radius: 0 8px 8px 8px;
    text-align: left;
    position: relative;
    /*height: 100%;*/
	 height: auto;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
	margin:20px auto;
}

.fd-style-7 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 1rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px 4px 0 0;
    width: auto;
    position: relative;
    top: -56px;
    width: 50%;
    min-width: 350px;
    padding-left: 95px;
    position: relative;
    margin-top: 30px;
}

.fd-style-7 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-7 .content {
    padding: 1.5rem;
    transform: translateY(-66px);
    margin-bottom: -56px;
}

.fd-style-7 .title::before {
    display: inline-block;
    color: #aedffc;
    font-size: 60px;
    position: absolute;
    top: -50%;
    left: 15px;
}

.fd-style-7:nth-child(n) .title::before {
    content: attr(data-number);
}

.fd-style-8 {
    border-radius: 0 8px 8px 8px;
    text-align: left;
    position: relative;
    height: 100%;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.fd-style-8 .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 1rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px 4px 0 0;
    width: auto;
    position: relative;
    top: -56px;
    width: 50%;
    min-width: 350px;
    position: relative;
    margin-top: 30px;
}

.fd-style-8 .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-8 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-66px);
    margin-bottom: -56px;
}
.fd-style-9{
	margin:20px auto;
}

.fd-style-9>div.img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fd-style-9>div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fd-style-9 .img img {
    width: 100%;
    height: auto;
    max-width: 400px;
}

@media screen and (max-width: 768px) {
    .fd-style-9>div.img {
        display: none;
    }
    .fd-style-9 h3::before {
        content: "鈫�";
        margin-right: 5px;
    }
}

.fd-style-10 {
    display: flex;
    flex-wrap: nowrap;
    gap: 27px;
    align-items: center;
    justify-content: center;
}

.fd-style-10 .title {
    background-color: var(--main-color);
    color: #fff;
    border-radius: 6px;
    padding: 5px 15px;
    text-align: center;
    position: relative;
    width: 240px;
}

.fd-style-10 .content {
    width: 320px;
    padding: 15px;
    border: var(--main-color) 2px solid;
    border-radius: 8px;
}

.fd-style-10 .title:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='0' y1='12' x2='15' y2='12' stroke='currentColor'/%3e%3cpath d='M9 18l6-6-6-6'/%3e%3c/svg%3e");
    position: absolute;
    right: -25px;
    top: 50%;
    color: var(--main-color);
    font-size: 24px;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .fd-style-10 {
        flex-wrap: wrap;
    }
    .fd-style-10 .title,
    .fd-style-10 .content {
        width: 100%
    }
    .fd-style-10 .title:after {
        position: absolute;
        right: unset;
        top: unset;
        bottom: -30px;
        left: 50%;
        color: var(--main-color);
        font-size: 24px;
        transform: translateX(-50%) rotate(90deg);
    }
}

.fd-style-11 {
    background: #ffffff;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-left: 4px solid var(--a-color);
    transform: translateX(0);
}

.fd-style-11:hover {
    transform: translateX(8px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.fd-style-11 .icon-container {
    width: 48px;
    height: 48px;
    background: #ebf8ff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.fd-style-11 .icon {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: var(--a-color);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fd-style-11 .card-title-container {
    flex-grow: 1;
}

.fd-style-11 .phase-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--a-color);
    margin-bottom: 4px;
}

.fd-style-11 .card-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a202c;
    margin: 0;
}

.fd-style-11 .card-content {
    color: #4a5568;
    font-size: 16px;
    line-height: 1.6;
    margin-left: 64px;
}

.fd-style-11 .card-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.cta-section {
    text-align: center;
    margin-top: 48px;
}

.cta-button {
    background-color: var(--a-color);
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.cta-button:hover {
    background-color: #1d4ed8;
    transform: translateY(-2px);
}

.fd-style-12 .title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
}

.fd-style-12 .header-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 25px;
}

.fd-style-12 .line {
    width: 32px;
    height: 2px;
    background: #2563eb;
}

.fd-style-12 .subtitle {
    color: #4b5563;
    font-size: 1.125rem;
    padding: 0;
}

.fd-style-12 .cd-box {
    padding: 10px 10px 45px 10px;
    margin: -10px;
}


/* .fd-style-12 .services {
    display: flex;
    gap: 24px;
  
} */

.fd-style-12 .service-card {
    border: #eee solid 1px;
    background: white;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.fd-style-12 .service-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.fd-style-12 .card-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.fd-style-12 .icon-container {
    width: 40px;
    height: 40px;
    background: #eff6ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.fd-style-12 .icon {
    width: 24px;
    height: 24px;
    color: #2563eb;
}

.fd-style-12 .card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

.fd-style-12 .card-content {
    color: #4b5563;
    font-size: 0.875rem;
    line-height: 1.5;
}

.fd-style-12 .card-content p {
    margin-bottom: 8px;
    padding: 0;
    line-height: 1.5;
}

.fd-style-12 .dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.fd-style-12 .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e5e7eb;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.fd-style-12 .dot.active {
    background: #2563eb;
}

.fd-table p,
.fd-table ul,
.fd-table ul li {
    margin-bottom: 0;
    padding-bottom: 0;
}

.fd-style-3a {
    border-radius: 8px;
    text-align: left;
    position: relative;
    height: 100%;
    border: 1px solid #eee;
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin: 30px 0;
}

.fd-style-3a .title {
    background-color: var(--main-color);
    color: #fff;
    padding: 0.3rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px;
    width: auto;
    position: relative;
    top: -20px;
    margin: 0 15px;
}

.fd-style-3a .title a {
    color: var(--main-color-bg);
    line-height: 1.3;
}

.fd-style-3a .content {
    padding: 0rem 1.5rem;
    transform: translateY(-1rem);
}

.fd-style-3a .content>*:nth-child(1) {
    padding-bottom: 0;
    margin-bottom: 0;
}

.vertical-panel-r {
    position: relative;
    height: 100%
}