body,
input,
select,
textarea{ font-family:'微软雅黑','PingFang SC','Microsoft YaHei','宋体','SimSun','arial'; background:#fff;}
html,body,form{ margin:0; padding:0; height:100%; color:#565656;}
ul,ol,li,dl,dt,dd { margin:0; padding:0; list-style-image:none; list-style-type:none;}
p,div,label,ul,li,dl,dt,dd,span{ box-sizing:border-box;}
a{ color:#565656; text-decoration:none;}
a img{ border:none;}
input[type="checkbox"],
input[type="radio"]{ display:none;}
input{ margin:0; padding:0; border:none;}
input::-webkit-input-placeholder{ color:#adadad;}
input::-moz-placeholder{ color:#adadad;}
textarea::-webkit-input-placeholder{ color:#adadad;}
textarea::-moz-placeholder{ color:#adadad;}
.textcenter{ text-align:center; justify-content:center;}
.textleft{ text-align:left;}
.textright{ text-align:right;}
.font_big{ font-size:150%; vertical-align:middle;}
.price:before{content:'¥';}
.oneline{-webkit-line-clamp:1; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.twoline{ -webkit-line-clamp:2; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.modal-button{ color:#ff9500;}
.orange{ color:#ff9500;}
.blue{ color:#44aaff;}
.green{ color:#6ed057;}
.gray{ color:#adadad;}
.footer{ margin:20px 15px 10px 15px; padding-top:5px; border-top:1px solid #ccc; font-size:14px; color:#adadad; text-align:center;}
.flow{ position:static;}
input[readonly],
textarea[readonly]{ background:#fafafa;}
html body .false{ display:none;}
img{ width:100%;}

/*共用*/
#wrap{ width:100%; padding-top:60px; overflow:hidden;}
.top{ width:100%; height:45px; background:#fff; background:rgba(255,255,255,0.94); position:fixed; top:0; z-index:10;}
.top .logo{ width:140px; margin:12px 15px; float: left;}
.icon_menu{ width:28px; height:28px; margin:8.5px; background:url(../img/icon_menu_blue.png) no-repeat; background-size:100%; display:block; float:right;}
.menu{ width:100%; max-height:0; background:rgba(255,255,255,0.94); position:absolute; top:45px; box-shadow:0px 3px 5px rgba(0,0,0,0.1); transition: max-height 0.5s; overflow:hidden; }
.backdrop{ position:fixed; top:45px; right:0; bottom:0; left:0; z-index:-1; display:none;}
.menu li{ width:100%; padding:0 15px; font-size:14px; line-height:36px;}
.menu li:after{ content:""; width:100%; height:0; border-bottom:1px solid #e1e1e1; display:block;}
.menu li:last-child:after{ content:none;}
.menu li a{ width:100%; height:36px; color:#34a9d4; display:block;}
.menu .menulist{ width:100%; height:0px; transition:height 0.2s; overflow:hidden;}
.menu .menulist a{ padding-left:24px; font-weight:100; box-sizing:border-box; display:block}
.menu .menulist a:before{ content:""; border-top:1px dashed #ccc; display:block;}
input[type="checkbox"]:checked ~ .menulist{ height:108px;}
#btn_menu:checked ~ .menu{ max-height:100vh;}
#btn_menu:checked ~ .menu .backdrop{ display:block;}

/*首页*/
.banner{ width:100%; height:84vw; background:url(../img/bg_index.png) no-repeat center 88%; background-size:120%; overflow:hidden;}
.banner .title{ width:17.4vw; min-width:174px; margin:10px auto; animation:titleup 1.5s;}
.banner .pc{ width:75vw; margin:0 auto; position:relative; overflow:hidden;}
.banner .pc .light{ width:150%; height:200px; position:absolute; top:0; left:0; transform:rotate(-8deg) translateX(-25%);
                    background:linear-gradient( 0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 48%,rgba(255,255,255,0) 49%);}
.banner .pc .ui{ width:92.8%; margin:4% 0 0 3.6%; position:absolute;}
.banner img{ width:100%;}
@keyframes titleup
{
    from { margin-top:20px; opacity:0;}
    to { margin-top:10px; opacity:1;}
}
.product_index{ width:calc(100% - 40px); margin:30px auto;}
.product_index > a{ width:100%; height:150px; margin-bottom:15px; display:block; position:relative; overflow:hidden;}
.product_index .text{ width:180px; height:100px; margin:25px -90px 0 0px; padding-top:15px; text-align:center; color:#fff;
     position:absolute; z-index:1; top:0; right:50%;}
.product_index .text:after{ content:""; width:100%; height:100%; background:url(../img/bg_index_text.png) no-repeat center; background-size:auto 100%;
     position:absolute; z-index:0; top:0; left:0; animation:productani 2.5s infinite linear;}
.product_index >a:nth-child(1) .text:after{ animation-delay:1s;}
.product_index >a:nth-child(2) .text:after{ animation-delay:2s;}
@keyframes productani
{
    0% { opacity:1;}
    50% { opacity:0.5;}
    100% { opacity:1;}
}
.product_index .text h3{ margin:0; font-size:24px; font-weight:normal;}
.product_index .text p{ margin:0; font-size:16px;}
.product_index .pic:before{ content:""; width:100%; height:100%; background:url(../img/bg_index_item.png) repeat-y; background-size:100%; position:absolute; z-index:0; opacity:0.6;}
.product_index .pic img{ animation:productbgani 14s infinite ease-in-out;}
@keyframes productbgani
{
    0% { margin-top:0;}
    50% { margin-top:-3vw;}
    100% { margin-top:0;}
}

/*内容页*/
.content_wrap{ width:100%; min-height:calc(100vh - 190px);}
.content_wrap .content{ width:100%;}
.main_title,
.board{ width:calc(100% - 30px); margin:0 auto; position:relative;}
.main_title img{ width:100%; display:block;}
.nav{ width:100%; margin:30px 0 15px 0; font-size:17px; text-align:center;}
.nav:first-child{ margin-top:0;}
.nav h2{ margin:0 0 5px 0; color:#256fb7; font-size:20px; font-weight:normal;}
.nav span{ display:inline-block;}
.nav span:after{ content:""; width:100%; height:3px; margin-top:5px; display:block; background:linear-gradient(to right,#3f9fd5, #3783d3, #7d80de);}

/*LIMS*/
.lims{ position:relative; overflow:hidden;}
.audiences{ margin:15px 0; overflow:hidden;}
.audiences .pic{ width:120px; height:140px; float:left;}
.audiences .text{ width:calc(100% - 120px); height:140px; padding:20px 0 0 20px; float:left;}
.audiences h3{ margin:10px 0 10px 0; font-size:18px; font-weight:normal;}
.audiences p{ margin:5px 0; font-size:14px; line-height:26px;}
.pyramid{ width:230px; height:210px; margin-bottom:-210px; position:absolute; top:50px; right:0;}
.pyramid .active img{ position:absolute; top:0; left:0;}
.pyramid .active img:nth-child(1){ top:0; left:63px;}
.pyramid .active img:nth-child(2){ top:59px; left:32px;}
.pyramid .active img:nth-child(3){ top:114px; left:0;}
.sale{ margin:40px 0 20px 0; background:#f1f1f1; clear:both; overflow:hidden;}
.sale .board{ padding:20px 0; overflow:hidden;}
.sale li{ width:50%; margin-top:30px; float:left;}
.sale li img,
.sale li h3,
.sale li p{ margin:0 auto; text-align:center;}
.sale li img{ width:40px; display:block;}
.sale li h3{ font-size:18px; font-weight:normal; line-height:40px;}
.sale li p{ font-size:13px; line-height:20px;}
.sale .nav{ margin:30px 0 0 0;}
.system .board{ margin-bottom:20px; overflow:hidden;}
.system dl{ width:50%; margin:15px 0; float:left;}
.system dl p{ width:150px; margin:10px auto; color:#91c0fa; font-size:13px;}
.system dl dt,
.system dl dd{ width:150px; margin:10px auto; padding:5px 15px;}
.system dl dd{ font-size:13px;}
.system dl:first-child dt{ background:#dbf2ff;}
.system dl:first-child dd{ background:#ecf8ff;}
.system dl:nth-child(2) dt{ background:#e4eeff;}
.system dl:nth-child(2) dd{ background:#f1f6ff;}
.system dl:nth-child(3) dt{ background:#eae8ff;}
.system dl:nth-child(3) dd{ background:#f4f3ff;}
.system dl:nth-child(4) dt{ background:#efe1ff;}
.system dl:nth-child(4) dd{ background:#f7f0ff;}
.system fieldset{ width:97.5%; height:49%; padding:0; border:2px dashed #dfdfdf; color:#adadad; position: absolute; top:50%; right:0;}
.system legend{ text-align:center;}
.model .board{ margin-top:20px; overflow:hidden;}
.model li{ width:100%; height:160px; margin:15px 0; float:left; overflow:hidden; position:relative;}
.model li .text{ width:100%; margin:0; height:100%; color:#fff; background:rgba(61,105,210,0.25); position:absolute; overflow:hidden;}
.model li .text h4{ width:100%; margin:30px 0 10px 0; font-size:22px; text-align:center; font-weight:normal;}
.model li .text p{ width:50%; margin:0 0 10px 0; text-align:center; font-size:18px; float:left;}
.model li .text h4,
.model li .text p{ text-shadow:3.5px 3.5px 8px rgba(0,0,0,0.7);}
.model li img{ width:100%; display:block;}

/*pm*/
.pm_intr{ width:calc(100% - 40px); height:520px; margin-bottom:20px; position:relative;}
.hexagon{ width:160px; height:185px; margin:20px 0; overflow:hidden; position:absolute;}
.hexagon>div{ width:185px; height:160px; margin:12.5px 0 0 -12.5px; overflow:hidden; transform:rotate(30deg);}
.hexagon>div>div{ width:100%; height:100%; overflow:hidden; transform:rotate(-60deg);}
.hexagon>div>div>div{ width:160px; height:185px; margin:-12.5px 0 0 12.5px; transform:rotate(30deg);}
.hexagon>div>div img{ width:100%;}
.hexagon label{ width:100%; height:100%; display:block; position:absolute;}
.hexagon .text{ height:50px; margin-top:70px; padding:10px 10px 0 10px; color:#fff; background:rgba(61,105,210,0.75); overflow:hidden; position:absolute; transition:height 0.4s,margin 0.4s,padding 0.4s;}
.hexagon .text h3{ margin:0; text-align:center; font-size:22px; font-weight:normal;}
.hexagon .text p{ margin:2px 0 0 0; font-size:14px; line-height:20px; opacity:0;}
.hexagon input:checked ~ label .text{ height:100%; margin:0; padding-top:30px;}
.hexagon input:checked ~ label p{ opacity:1;}
.hexagon:nth-child(1){ left:0;}
.hexagon:nth-child(2){ right:0;}
.hexagon:nth-child(3){ margin:170px 0 0 -80px; left:50%;}
.hexagon:nth-child(4){ margin-top:320px; left:0; }
.hexagon:nth-child(5){ margin-top:320px; right:0;}
.pm_scope{ height:533px; height:500px; margin-bottom:50px; position:relative; overflow:hidden;}
.pm_scope img{ width:100%; margin-bottom:-100%; display:block; position:absolute; z-index: -1;}
.pm_scope .text{ width:100%; height:25%; padding:0 10px; color:#fff; overflow:hidden; background:rgba(66,170,233,0.6);}
.pm_scope .text:nth-child(2n+1){ background:rgba(66,145,233,0.3);}
.pm_scope h3{ margin:20px 0 10px 0; font-size:20px; font-weight:normal;}
.pm_scope p{ margin:10px 0; font-size:15px; line-height:20px;}
.pm_item{ margin-bottom:80px;}
.pm_item li{ width:100%; margin:60px 0 20px 0; min-height:80px; border:1px solid #dfdfdf;}
.pm_item .no{ width:60px; height:52px; margin:-26px auto 0 auto; font-size:38px; color:#fff; text-align:center; line-height:52px; background:url("../img/pm_item.png") no-repeat; background-size:100%; }
.pm_item h3{ margin:10px 0; font-size:20px; text-align:center; color:#adadad; font-weight:normal; vertical-align:middle;}
.pm_item p{ padding:0 30px; font-size:16px; line-height:30px; vertical-align:middle;}

/*oa*/
.oa .scene li{ width:100%; margin:40px 0; padding:0 40px; overflow:hidden;}
.oa .scene .title{ width:100px; height:115px; margin:0 auto; padding:15px 0 0 14px; font-size:36px; line-height:40px; color:#3399cc; font-weight:200; background:url("../img/oa_item.png") no-repeat; background-size:100%;}
.oa .scene p{ width:100%; margin:5px 0; font-size:16px; text-align:center; line-height:26px;}

/*partner*/
.partner .board{ display:flex; flex-wrap:wrap; justify-content:center;}
.partner .board li{ width:120px; height:138px; margin:10px; filter:drop-shadow(2px 2px 7px rgba(0,0,0,.15));}
.partner .board li>div{ width:138px; height:120px; margin:9px 0 0 -9px; overflow:hidden; transform:rotate(30deg);}
.partner .board li>div>div{ width:100%; height:100%; overflow:hidden; transform:rotate(-60deg);}
.partner .board li>div>div>div{ width:120px; height:138px; margin:-9px 0 0 9px; transform:rotate(30deg); background:#fff; position:relative;}
.partner .board li img{ width:100%; margin-top:24%;}
.partner .board li p{ width:100%; height:100%; margin:0; color:#fff; text-align:center; position:absolute; opacity:0; transition:opacity 0.3s; display:flex; flex-direction:column; justify-content:center; align-self:center;}
.partner .board li span{ padding:0 10px; display:block; position:absolute;}
.partner .board li p:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.7;
                                background:url(../img/bg_index_item.png) repeat-y; background-size:100% 1px;}
.partner li input:checked ~ label p{ opacity:1;}

/*solution*/
.solution .banner{ width:100%; max-width:1366px; height:auto; min-height:0; margin:0 auto; background:none; position:relative;}
.solution .banner img{ display:block;}
.solution .banner .textbox{ width:100%; height:100%; padding:15px; color:#fff; background:rgba(51,153,204,0.4); position:absolute;}
.solution .banner p{ margin:0; font-size:14px; line-height:22px;}
.solution .area1{ width:100%; margin:0 auto; overflow:hidden;}
.solution .area1 li{ width:100%; height:230px; margin-bottom:20px; float:left;}
.solution .area1 li img:first-child{ width:160px; height:230px; float:left;}
.solution .area1 .item{ width:calc(100% - 160px); height:100%; padding:20px; color:#fff; float:left; background-color:#63b0e6; background-repeat:no-repeat; background-position:left; background-size:36% 100%;}
.solution .area1 li:nth-child(1) .item{ background-image:url("../img/solution_itemtext_1.jpg");}
.solution .area1 li:nth-child(2) .item{ background-image:url("../img/solution_itemtext_2.jpg");}
.solution .area1 li:nth-child(3) .item{ background-image:url("../img/solution_itemtext_3.jpg");}
.solution .area1 li:nth-child(4) .item{ background-image:url("../img/solution_itemtext_4.jpg");}
.solution .area1 li:nth-child(5) .item{ background-image:url("../img/solution_itemtext_5.jpg");}
.solution .area1 li:nth-child(6) .item{ background-image:url("../img/solution_itemtext_6.jpg");}
.solution .area1 h4{ margin:0 0 7px 0; font-size:20px; font-weight:normal;}
.solution .area1 h4:first-letter{ font-size:30px;}
.solution .area1 p{ margin:0; font-size:14px; line-height:22px;}
.solution .area2 li{ width:calc(100% - 76px); height:110px; margin:0 auto 20px auto; border:solid #3ca4da; border-width:2px 0; text-align:center; color:#34a9d4; background:rgba(52,169,212,0.08); position:relative;}
.solution .area2 li:before{ content:""; width:33px; height:110px; background:url(../img/solution_borderbar_left.png); background-size:100%; position:absolute; left:-33px; top:-2px;}
.solution .area2 li:after{ content:""; width:33px; height:110px; background:url(../img/solution_borderbar_right.png); background-size:100%; position:absolute; right:-33px; top:-2px;}
.solution .area2 li:nth-child(2){ }
.solution .area2 h4{ margin:10px; font-weight:normal; font-size:20px;}
.solution .area2 p{ margin:0; font-size:14px;}
.solution .area3{ width:calc(100% - 30px); margin:0 auto 40px auto;}
.solution .area3 .intr{ width:100%; padding:10px 15px 0 15px; border:dashed #8894e2; border-width:2px 2px 0 2px; overflow:hidden;}
.solution .area3 .intr img{ width:110px; margin:0 auto; display:block;}
.solution .area3 p{ margin:15px 0; font-size:14px; line-height:20px; text-indent:2rem;}
.solution .area3 .discuz{ padding:5px 15px; color:#fff; background:linear-gradient(#8894e2,#689edf);}
.solution .area3 .discuz .signature{ font-size:14px; text-align:right;}
.solution .area4 .intr{ width:calc(100% - 30px); margin:20px auto -15px auto; text-align:center; font-size:14px; color:#a9a9a9;}
.solution .area4 .board{ width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.solution .area4 li{ width:33.3%; padding:0 10px;}
.solution .area4 p{ text-align:left; font-size:12px;}
.solution .area5{ width:calc(100% - 30px); margin:0 auto 40px auto; overflow:hidden;}
.solution .area5 dt{ width:160px; height:184px; margin:0 auto; position:relative;}
.solution .area5 dt img{ width:100%; display:block;}
.solution .area5 dt p{ width:100%; margin:0; padding:15px; color:#fff; font-size:20px; text-align:center; line-height:30px; background:rgba(73,160,226,0.8); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.solution .area5 dd{ width:100%; margin-bottom:40px; padding:10px 20px; font-size:15px; line-height:28px; text-indent:2rem;}
.solution .area5 dd:first-letter{ font-size:30px;}
.solution .area5 dd:last-child{ margin-bottom:0;}

/*contact us*/
.contactus .address{ width:100%; overflow:hidden;}
.contactus .address a{ display:block;}
.contactus .address img{ display:block;}
.contactus .address dl{ width:100%; margin-top:30px; font-size:14px;}
.contactus .address dt,
.contactus .address dd{ margin-bottom:10px; float:left;}
.contactus .address dt{ width:60px; color:#adadad;}
.contactus .address dd{ width:calc(100% - 60px);}
.contactus .sign{ width:22px; height:22px; margin:-11px 0 0 -11px; border-radius:30px 30px 0 30px; background:linear-gradient(to bottom,#46bef0, #478fd4, #9a8de1); box-shadow:0 0 15px #729be7; position:absolute; transform:rotate(45deg); top:21.5vw; left:47vw; opacity:0.8; animation:signani 2.5s ease-in-out infinite;}
.contactus .sign:before{ content:""; width:5px; height:5px; margin:8.5px; border-radius:3px; background:#fff; opacity:0.9; display:block;}
@keyframes signani
{
    0% { margin-top:0;}
    40% { margin-top:-3px;}
    80% { margin-top:0;}
    100% { margin-top:0;}
}

/*foooter*/
#footer{ width:100%; height:130px; padding:15px 20px; font-size:14px; color:#787878; line-height:30px; text-align:center; background:url(../img/bg_footer.png) repeat-y; background-size:100%;}