/* CSS Document */
.page-width{ width:1600px;}
.product{ position:relative; width:100%; min-width:1400px; padding:0; margin:0; overflow:hidden; min-height:873px; height:100vh;}
.prDiv{ position:relative; z-index:2; padding:0 40px;}
.prl{ width:50%; text-align:center; float:left; height:873px; display:flex; justify-content:center; align-items:center;}
.prDiv img{ display:inline-block; margin:0 auto; max-width:100%;}
.prr{ width:50%; float:left; color:#fff; position:relative;}
.prr table td{ height:873px;}
.prr h1{ font-size:44px; line-height:66px; padding:15px 0; font-weight:normal;}
.prr .hl{ white-space: nowrap;}
.prr h3,.prr .h3{ font-size:30px; line-height:42px; padding:15px 0; font-weight:normal;}
.prr span{ display:inline-block; line-height:30px; padding:6px 10px; margin-right:10px;}
.prr h1 span{ line-height:44px; padding:0 10px;}
.prr p{ font-size:20px; line-height:30px;}
.pdiv{ width:100%; min-width:1400px;}
.paIcon{ background-image:url(../image/icona.png); background-repeat:no-repeat;}
.pra td>div{ padding:0 0 0 20px; min-height: 300px;}
.pra span{ background:#0170b8;}
.paa{ width:100%; background:#fff;}
.paa .pal{ float:left; width:50%;}
.paa .pal table{ height:600px; width:100%; text-align:center;}
.paa .pal div{ width:780px; padding:90px 0 !important; float:right;}
.paa .pal div h2{ color:#000; padding:0 0 10px 0;}
.paa .pal div p{ font-size:18px; line-height:60px; padding-left:80px; position:relative;  opacity:0; transform:translate3d(0,300px,0);}
.paa.pch .pal div p:nth-child(1){ opacity:1; transform:translate3d(0,0,0); animation:pbbc1 4s;}
.paa.pch .pal div p:nth-child(2){ opacity:1; transform:translate3d(0,0,0); animation:pbbc2 4s;}
.paa.pch .pal div p:nth-child(3){ opacity:1; transform:translate3d(0,0,0); animation:pbbc3 4s;}
.paa.pch .pal div p:nth-child(4){ opacity:1; transform:translate3d(0,0,0); animation:pbbc4 4s;}
.paa.pch .pal div p:nth-child(5){ opacity:1; transform:translate3d(0,0,0); animation:pbbc5 4s;}
.banPop{ display:none;}
.banPopBg{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:9999;}
.banPopDiv{ width:1100px; padding:0 20px 20px 20px; height:666px; background:#f2f2f2; position:fixed; top:50%; margin-top:-333px; left:50%; margin-left:-550px; z-index:99999; border-radius:5px; overflow:hidden;}
.banPopClose{ width:18px; height:19px; overflow:hidden; position:absolute; top:20px; right:20px; cursor:pointer; border-radius:3px;}
.banPopClose:after,.banPopClose:before{ display:block; content:""; width:36px; height:1px; background:#bcbcbc; border-radius:1px; position:absolute; top:9px; left:-9px;}
.banPopClose:after{ transform:rotate3d(0,0,1,45deg);}
.banPopClose:before{ transform:rotate3d(0,0,1,-45deg);}
.banPopTitle{}
.banPopTitle p{ color:#000; font-size:30px; line-height:70px;}
.banPopContent{}
.banPopForm{}
.banPopFormL{ float:left; width:55%;}
.banPopFormL-input,.banPopFormL-select,.banPopFormL-textarea{ background:#fff; overflow:hidden; border-radius:10px; margin-bottom:10px; border:1px solid #d8d8d8;}
.banPopFormL-input input,.banPopFormL-select select,.banPopFormL-textarea textarea{ height:50px; line-height:50px; font-size:24px; padding:0 10px; width:100%;}
.banPopFormL-input input::-webkit-input-placeholder{ color:#7d7d7d;}
.banPopFormL-input input:-ms-input-placeholder { color:#7d7d7d;}
.banPopFormL-input input::placeholder { color:#7d7d7d;}
.banPopFormL-textarea textarea{ min-width:100%; max-width:100%; display:block; height:40px; line-height:40px; padding:5px 10px; min-height:130px;}
.banPopFormR{ float:right; width:42%;}
.banPopFormR h4{ font-size:26px; line-height:26px; font-weight:normal; padding-bottom:16px;}
.banPopFormR h5{ font-size:22px; line-height:42px; font-weight:normal;}
.banPopFormR div{}
.banPopFormR-checkbox{ color:#636363; font-size:20px; line-height:42px;}
.banPopFormR-checkbox:hover{ color:#000;}
.banPopFormR-checkbox:hover .checkbox span{ border-color:#999;}
.checkbox{ position:relative; padding-left:1.5em; vertical-align:middle; cursor:pointer; -webkit-user-select:none;}
.checkbox input{ display:none;}
.checkbox span{ display:inline-block; width:18px; height:18px; position:absolute; top:50%; left:0; margin-top:-9px; border:1px solid #c4c4c4; border-radius:3px; vertical-align:middle; box-sizing:border-box;}
.checkbox input[checked="checked"]+span{ background-image:url(image/checkboxHui.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.select-none{ display:none;}
.banPopSub{ margin-top:10px;}
.banPopSub input{ background:#c12c20; color:#fff; width:160px; height:50px; font-size:22px; cursor:pointer;}
.banPopDivB{ display:none;}
.banPopRS{}
.banPopRS div{ text-align:center;}
.banPopRS span{ display:inline-block; width:62px; height:71px; background:url(../image/banPop.png) no-repeat; margin-top:40px;}
.banPopRS h4,.banPopRS h5,.banPopRS .h4,.banPopRS .h5{ font-size:30px; line-height:60px;}
.banPopRS h4,.banPopRS .h4{ color:#c12c20;}
.banPopRS p{ font-size:22px; color:#7d7d7d;}
.PopShow{ display:block;}
.banPopShow .banPopDivA{ display:none;}
.banPopShow .banPopDivB{ display:block; height:280px; margin-top:-140px;}
.paa .pal div p span{ display:inline-block; width:45px; height:45px; position:absolute; top:50%; left:0; margin-top:-24px;}
.paa1{ background-position:0 0;}
.paa2{ background-position:-45px 0;}
.paa3{ background-position:-90px 0;}
.paa4{ background-position:-132px 0;}
.paa5{ background-position:-180px 0;}
.paa .par{ float:left; width:50%; height:600px; overflow:hidden; display:flex; justify-content:center; align-items:center; position:relative;}
.paa .par div{ background:url(../image/ab.jpg) center no-repeat; background-size:cover; height:840px; position:absolute; top:0; left:0; width:100%; height:100%;}
.pab{ width:100%; background:#1a1b1c;overflow:hidden; padding:0 40px; position:relative; z-index:1;}
.pabimg{ position:absolute; top:-100%; left:-100%; width:100%; height:100%; transition:all 3s linear;}
.pabimg div{ padding-left:100%; margin-left:-105%; margin-top:-20px; transform:rotate3d(0,0,1,30deg); position:relative; z-index:1;}
.pabc{ color:#fff; padding:600px 0 120px 0; position:relative; z-index:2;}
.pabc div{ width:20%; float:left; text-align:center; padding:0 20px;}
.pabc span{ display:inline-block; width:90px; height:90px; border-radius:20px; border:1px solid #fff; text-align:center;}
.pabc span font{ display:inline-block; width:49px; height:49px; margin-top:20px;}
.pab1{ background-position:0 -44px;}
.pab2{ background-position:-46px -45px;}
.pab3{ background-position:-97px -45px;}
.pab4{ background-position:-145px -45px;}
.pab5{ background-position:-195px -44px;}
.pabc p{ font-size:18px; line-height:40px; padding-top:30px;}
.pch .pabimg{ top:0; left:0;}
.pac{ width:100%; background:#fff;}
.pact{ text-align:center; padding:240px 40px 0 40px;}
.pact .pal{ width:50%; float:left;}
.pact img{ display:block; margin:0 auto; max-width:100%;}
.pact .par{ width:50%; float:left; text-align:left; padding:0 40px;}
.pact .par h3,.pact .par .h3{ font-weight:normal; font-size:28px; line-height:48px; padding-bottom:30px;}
.pact .par p{ font-size:18px; line-height:44px; padding-left:30px; position:relative;}
.pact .par p span{ position:absolute; top:0; left:0; width:30px;}
.pacc{ background:#f4f4f4; position:relative; border-bottom:40px solid #f4f4f4; padding:120px 40px 0 40px;}
.pal,.par{ width:50%; float:left; text-align:center;}
.pal div{ display:inline-block; text-align:left; padding-left:90px; position:relative;}
.pal div.h3{ padding:0;}
.pfa.pch .pal div div:nth-child(1){ opacity:1; transform:translate3d(0,0,0); animation:pal1 4s;}
.pfa.pch .pal div div:nth-child(2){ opacity:1; transform:translate3d(0,0,0); animation:pal2 4s;}
.pfa.pch .pal div div:nth-child(3){ opacity:1; transform:translate3d(0,0,0); animation:pal3 4s;}
.pfa.pch .pal div div:nth-child(4){ opacity:1; transform:translate3d(0,0,0); animation:pal4 4s;}
@keyframes pal1{
0%{ opacity:0; transform:translate3d(0,300px,0);}
20%{ opacity:0; transform:translate3d(0,300px,0);}
50%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pal2{
0%{ opacity:0; transform:translate3d(0,300px,0);}
30%{ opacity:0; transform:translate3d(0,300px,0);}
60%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pal3{
0%{ opacity:0; transform:translate3d(0,300px,0);}
40%{ opacity:0; transform:translate3d(0,300px,0);}
70%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pal4{
0%{ opacity:0; transform:translate3d(0,300px,0);}
50%{ opacity:0; transform:translate3d(0,300px,0);}
80%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
.pal span{ display:block; width:60px; height:60px; position:absolute; top:0; left:0;}
.pac1{ background-position:0 -94px;}
.pac2{ background-position:-60px -94px;}
.pal h4,.pal .h4{ font-size:22px; line-height:48px; font-weight:normal; padding:0;}
.pal p{ font-size:18px; line-height:24px;}
.paccl{ position:absolute; top:0; left:0; font-size:32px; background:#d8271c; color:#fff; padding:10px 20px; display:none;}
.paccr{ position:fixed; bottom:20px; right:0; font-size:16px; line-height:18px; text-align:center; background:#b2000e; z-index:9;}
.paccr a{ color:#fff; padding:10px; display:inline-block;}
.pba{ width:100%; background:#fff;}
.pba .pal{ float:left; width:50%; background:#fdfdfd;}
.pba .pal table{ height:840px; width:100%;}
.pba .pal div{ width:800px; float:right; padding:20px 0;}
.pba .pal div h3,.pba .pal div .h3,.pba .pal div h2{ font-size:22px; font-weight:normal; float:none; width:auto; display:block; padding:10px 0;}
.pba .pal div p{ font-size:18px; line-height:40px;}
.pba .par{ float:left; width:50%; height:840px; overflow:hidden;}
.pba .par div{ background:url(../image/bb.jpg) center no-repeat; background-size:cover; height:840px;}
.pba .pal div{ padding-left:0;}

.pbb{ background:#1a1b1c; position:relative; height:890px;}
.pbbimg{ width:50%; float:left; position:relative; min-height:1px; height:calc(100vh); min-height:860px; overflow:hidden;}
.pbbimg div{ position:absolute; background-repeat:no-repeat; background-image:url(../image/bc.png); height:894px;}
.pbba{ left:100px; width:40px; top:-960px; background-position:0 0;}
.pbbb{ right:100px; width:94px; top:-960px; background-position:-652px 0;} 
.pch .pbba{ top:-60px; animation:pbba 4s;}
.pch .pbbb{ top:-60px; animation:pbbb 4s;} 
@keyframes pbba{
0%{ top:-960px;}
50%{ top:0;}
70%,100%{ top:-60px;}
}
@keyframes pbbb{
0%{ top:-960px;}
50%{ top:0;}
70%,100%{ top:-60px;}
}
.pbbc{ width:50%; float:left; padding-right:40px;}
.pbbc table{ height:890px;}
.pbbc p{ font-size:18px; line-height:40px; padding:10px 0; color:#fff; opacity:0; transform:translate3d(0,300px,0);}
.pch .pbbc p:nth-child(1){ opacity:1; transform:translate3d(0,0,0); animation:pbbc1 4s;}
.pch .pbbc p:nth-child(2){ opacity:1; transform:translate3d(0,0,0); animation:pbbc2 4s;}
.pch .pbbc p:nth-child(3){ opacity:1; transform:translate3d(0,0,0); animation:pbbc3 4s;}
.pch .pbbc p:nth-child(4){ opacity:1; transform:translate3d(0,0,0); animation:pbbc4 4s;}
.pch .pbbc p:nth-child(5){ opacity:1; transform:translate3d(0,0,0); animation:pbbc5 4s;}
@keyframes pbbc1{
0%{ opacity:0; transform:translate3d(0,300px,0);}
10%{ opacity:0; transform:translate3d(0,300px,0);}
30%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pbbc2{
0%{ opacity:0; transform:translate3d(0,300px,0);}
20%{ opacity:0; transform:translate3d(0,300px,0);}
40%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pbbc3{
0%{ opacity:0; transform:translate3d(0,300px,0);}
30%{ opacity:0; transform:translate3d(0,300px,0);}
50%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pbbc4{
0%{ opacity:0; transform:translate3d(0,300px,0);}
40%{ opacity:0; transform:translate3d(0,300px,0);}
60%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pbbc5{
0%{ opacity:0; transform:translate3d(0,300px,0);}
50%{ opacity:0; transform:translate3d(0,300px,0);}
70%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
.pbcc{ padding:120px 15% 0 15%;}
.pbcc .pal{ width:33%;}
.pbc3{ background-position:-120px -94px;}
.prc span{ background:#613185;}
.pca{ position:relative; height:5620px;}
.pcask{ position:sticky; top:120px;}
.pcaa{ height:820px; position:absolute; top:0; left:0; z-index:1; width:50%; text-align:center;}
.pcaad{ width:793px; position:relative; margin:0 auto;}
.pcai{ width:793px; height:636px; margin:0 auto; position:relative;}
.pcai span{ display:none; width:13px; height:13px; background:#f78987; position:absolute; top:244px; left:448px; border-radius:50%; box-shadow:0 0 30px 20px #fff; opacity:0; animation:pcai 2s linear infinite;}
@keyframes pcai{
0%{ opacity:0;}
25%{ opacity:1;}
50%{ opacity:0;}
75%{ opacity:1;}
100%{ opacity:0;}
}
.pcaimg{ position:absolute; top:740px; left:50%; margin-left:-50px; width:178px; height:584px;}
.pcab{ padding-left:45%; padding-right:10%; position:relative; z-index:3;}
.pcab table{ height:820px;}
.pcab div{ padding-left:260px; position:relative; transform:translate3d(0,200px,0); display:none; opacity:0;}
.pcab span{ display:block; width:223px; height:223px; overflow:hidden; border-radius:50%; position:absolute; top:50%; left:0; margin-top:-111px;}
.pcab h3{ font-size:40px; line-height:80px;}
.pcab p{ font-size:28px; line-height:36px;}
.pcb{ padding:0 40px; position:relative; height:4000px; background:#0f0f17;}
.pcb:after{ content:""; width:0; height:50vh; overflow:hidden; position:sticky; z-index:1; top:0; left:50%; display:block; box-shadow:0 0 1000px 50px #3f3f47;}
.pcbb{ position:sticky; top:0; width:1200px; margin:0 auto; min-height:760px; height:100vh; color:#fff;}
.pcbe{ position:absolute; bottom:-760px; right:100px;}
.pcbe img{ display:block;}
.pcbb h4{ font-size:50px; line-height:100px; position:absolute; top:50%; margin-top:-50px; left:0;}
.pcbf{ position:absolute; bottom:0; left:0; width:100%; line-height:70px; font-size:36px;}
.pcbf div{ position:absolute; width:460px; left:0; padding-right:450px; box-sizing:content-box; text-align:right; opacity:0; transform:translate3d(-300px,0,0);}
.pcbf span{ height:1px; display:block; background:#fff; position:absolute; top:50%; left:500px;}
.pcbf span:after{ content:""; width:10px; height:10px; background:#fff; overflow:hidden; border-radius:50%; position:absolute; top:50%; right:0; margin-top:-5px;}
.pcbf div:nth-child(1){ bottom:600px;}
.pcbf div:nth-child(1) span{ width:315px;}
.pcbf div:nth-child(2){ bottom:536px;}
.pcbf div:nth-child(2) span{ width:368px;}
.pcbf div:nth-child(3){ bottom:136px;}
.pcbf div:nth-child(3) span{ width:436px;}
.pcc{ background:#ebebeb; position:relative; overflow:hidden; padding:0 40px;}
.pcc:after{ content:""; width:1px; height:1px; overflow:hidden; position:absolute; z-index:1; top:0; left:0; display:block; box-shadow:0 0 1900px 500px #ccc;}
.pcct{ font-size:50px; position:relative; z-index:2; padding-top:100px;}
.pccb{ position:relative; z-index:2; padding:100px 0;}
.pccb div{ width:25%; float:left;}
.pccb div span{ display:inline-block; padding:0 5%;}
.pccb div img{ display:inline-block; max-width:100%;}
.pccb p{ text-align:center; font-size:30px; line-height:50px;}
.pcd{ padding:0 40px; position:relative; background:#0f0f17;}
.pcd:after{ content:""; width:0; height:70%; overflow:hidden; position:absolute; z-index:1; top:0; left:50%; display:block; box-shadow:0 0 1000px 50px #3f3f47;}
.pcdt{ font-size:50px; position:relative; z-index:2; padding-top:100px; text-align:center; color:#fff;}
.pcdb{ position:relative; z-index:2; padding:100px 0;}
.pcdc{ width:21%; float:left; background:#fff; margin:0 2%; opacity:0;}
.pcdc div{ background:#3a3d44; line-height:74px; text-align:center; font-size:36px; color:#fff;}
.pcdc span{ display:block; text-align:center; padding:30px 0;}
.pcdc span img{ display:inline-block; max-width:100%;}
.pcdc p{ font-size:22px; line-height:22px; padding:0 24px; min-height:242px; overflow:hidden;}
.pcdc:last-child div{ background:#613185;}
.pch .pcdc:nth-child(1){ opacity:1; transform:translate3d(0,0,0); animation:pcdc1 4s;}
.pch .pcdc:nth-child(2){ opacity:1; transform:translate3d(0,0,0); animation:pcdc2 4s;}
.pch .pcdc:nth-child(3){ opacity:1; transform:translate3d(0,0,0); animation:pcdc3 4s;}
.pch .pcdc:nth-child(4){ opacity:1; transform:translate3d(0,0,0); animation:pcdc4 4s;}
.pch .pcdc:nth-child(5){ opacity:1; transform:translate3d(0,0,0); animation:pcdc5 4s;}
@keyframes pcdc1{
0%{ opacity:0; transform:translate3d(0,300px,0);}
30%{ opacity:0; transform:translate3d(0,300px,0);}
50%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pcdc2{
0%{ opacity:0; transform:translate3d(0,300px,0);}
40%{ opacity:0; transform:translate3d(0,300px,0);}
60%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pcdc3{
0%{ opacity:0; transform:translate3d(0,300px,0);}
50%{ opacity:0; transform:translate3d(0,300px,0);}
70%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pcdc4{
0%{ opacity:0; transform:translate3d(0,300px,0);}
60%{ opacity:0; transform:translate3d(0,300px,0);}
80%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes pcdc5{
0%{ opacity:0; transform:translate3d(0,300px,0);}
70%{ opacity:0; transform:translate3d(0,300px,0);}
90%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
.pce{ padding:50px 40px 100px 40px;}
.pced{ float:left; margin-right:50px;}
.pcet{ font-size:36px; line-height:70px; padding-top:50px;}
.pceb{}
.pceb div{ float:left; text-align:center;}
.pceb div span{ display:block; padding:10px; border-radius:30px; background:#000; overflow:hidden; margin-right:10px; transition:all 0.27s;}
.pceb div:hover span{ transform:scale(1.05) translate(0,-8px); box-shadow:0 5px 10px 0 #ccc;}
.pceb div span img{}
.pceb div p{ font-size:26px; line-height:48px; text-align:center;}
.pcf{ background:#f7f7f7; position:relative; overflow:hidden; padding:0 40px;}
.pcf:after{ content:""; width:300px; height:0px; overflow:hidden; position:absolute; z-index:1; top:-300px; left:0; display:block; box-shadow:0 0 1900px 500px #ccc;}
.pcfd{ position:relative; z-index:2; width:1200px; margin:0 auto;}
.pcft{ text-align:center; font-size:50px; line-height:80px; padding-bottom:50px;}
.pcfb{}
.pcfbd{ float:left; width:25%;}
.pcfz{ height:380px; width:40%; margin:0 auto; position:relative;}
.pcfz span{ position:absolute; bottom:0; left:0; border-radius:10px 10px 0 0; display:block; width:46%; background:#0a769d; background:-webkit-gradient(linear ,0 100%,0 0,color-stop(0,rgb(4,109,149)),color-stop(1,rgb(85,218,254)));}
.pcfz font{ position:absolute; bottom:0; right:0; border-radius:10px 10px 0 0; display:block; width:46%; background:#67368c; background:-webkit-gradient(linear ,0 100%,0 0,color-stop(0,rgb(97,49,133)),color-stop(1,rgb(178,120,222)));}
.pcfbd p{ font-size:20px; line-height:70px; text-align:center;}
.pcfc{ text-align:center; padding-top:30px;}
.pcfcd{ display:inline-block; margin:0 50px; font-size:26px; line-height:30px; position:relative; padding-left:35px;}
.pcfcd span{ display:block; width:24px; height:24px; position:absolute; top:50%; left:0; margin-top:-12px;}
.pcfls{ background:#0a769d;}
.pcfzs{ background:#67368c;}
.pcfd{ color:#3a3a3a; font-size:20px; text-align:center; padding:60px 0;}
.pch .pcfbd:nth-child(1) .pcfz span{ animation:pcfz1 2s; height:50%;}
.pch .pcfbd:nth-child(1) .pcfz font{ animation:pcfz2 2s; height:100%;}
.pch .pcfbd:nth-child(2) .pcfz span{ animation:pcfz3 2s; height:3%;}
.pch .pcfbd:nth-child(2) .pcfz font{ animation:pcfz4 2s; height:100%;}
.pch .pcfbd:nth-child(3) .pcfz span{ animation:pcfz5 2s; height:20%;}
.pch .pcfbd:nth-child(3) .pcfz font{ animation:pcfz6 2s; height:100%;}
.pch .pcfbd:nth-child(4) .pcfz span{ animation:pcfz7 2s; height:100%;}
.pch .pcfbd:nth-child(4) .pcfz font{ animation:pcfz8 2s; height:75%;}
@keyframes pcfz1{ 0%{ height:0;} 30%,100%{ height:50%;} }
@keyframes pcfz2{ 0%,10%{ height:0;} 40%,100%{ height:100%;} }
@keyframes pcfz3{ 0%,20%{ height:0;} 50%,100%{ height:3%;} }
@keyframes pcfz4{ 0%,30%{ height:0;} 60%,100%{ height:100%;} }
@keyframes pcfz5{ 0%,40%{ height:0;} 70%,100%{ height:20%;} }
@keyframes pcfz6{ 0%,50%{ height:0;} 80%,100%{ height:100%;} }
@keyframes pcfz7{ 0%,60%{ height:0;} 90%,100%{ height:100%;} }
@keyframes pcfz8{ 0%,70%{ height:0;} 100%{ height:75%;} }
.dban .prr{ padding-top:160px;}
.dban span{ font-size:44px; line-height:66px; padding:15px 0; font-weight:normal;}
.dban span{ display:inline-block; padding-right:20px; color:#315dcd; font-size:70px; font-weight:bold; font-style:italic;
background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(49, 93, 205, 1)),color-stop(0.5,rgb(93,117,197,1)), to(rgba(112, 69, 213, 1)));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.pdb{ background:#121217;}
.pdbimg{ width:50%; float:left; position:relative; min-height:620px;}
.pdbimg div{ position:absolute; bottom:-304px; left:50%; transition:all 0.5s;}
.pdbimg div img{}
.pdbc{ width:50%; float:left; padding-left:90px; color:#fff;}
.pdbc h3,.pdbc h2{ font-size:28px; line-height:46px; font-weight:normal; padding:165px 0 40px 0;}
.pdbd{}
.pdbr{}
.pdbr div{ display:none; min-height:160px; padding-bottom:10px;}
.pdbr .pdbrch{ display:block;}
.pdbr span{ font-size:22px; line-height:46px;}
.pdbr p{ font-size:18px; line-height:28px;}
.pdbl{}
.pdbl span{ display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:8px; cursor:pointer; border:1px solid #76757b; background:#76757b;}
.pdbl .pdblch{ background:none;}
.pch .pdbimg div{ bottom:-104px;}
.pdc{}
.pdca{ position:relative;}
.pdca table{ height:640px; width:100%;}
.pdca .pal div{ width:440px; margin:0 auto; padding:60px 0 0 0;}
.pdca h3,.pdca h2{ font-size:28px; line-height:46px; font-weight:normal; padding-bottom:40px;}
.pdca p{ font-size:18px; line-height:28px;}
.pdd{ padding:0 40px; background:url(../image/debg.jpg) center no-repeat; background-size:cover;}
.pddo{}
.pdda{ height:724px; float:left; width:40%; text-align:center; position:relative;}
.pdda span{ width:100%; display:block; position:absolute; bottom:0; left:0; text-align:center; padding:0 20px;}
.pdda img{ display:block; max-width:100%;}
.pddb{ height:724px; float:left; width:60%; padding:0 20px; color:#fff; padding-top:180px;}
.pddb h3,.pddb h2{ font-size:28px; line-height:46px; font-weight:normal; padding-bottom:50px;}
.pddc{}
.pddc div{ width:30%; margin-right:5%; float:left; border-radius:10px; box-shadow:2px 1px 5px 0 #333; padding:40px 40px 0 40px; transition:all 0.27s;}
.pddc1{ background:#3b3c41; cursor:pointer;}
.pddc1:hover{ box-shadow:0 0 10px 0 #000;}
.pddc2{ background:#df3536;}
.pddc3{ background:#9a9a9a;}
.pddc div:last-child{ margin-right:0;}
.pddc span{ width:84px; height:84px; display:block; margin:0 auto;}
.pddc1 span{ background-position:0 -153px;}
.pddc2 span{ background-position:-84px -153px;}
.pddc3 span{ background-position:-168px -153px;}
.pddc div>font{ font-size:22px; line-height:70px; display:block; text-align:center;}
.pddc p{ font-size:18px; line-height:24px; min-height:240px;}
.pdf{ padding:20px 2%; min-width:1400px;}
.pdfbg{ background:#f5f5f5; padding:20px 40px; position:relative;}
.pdfRoll{ width:100%; overflow:hidden;}
.index_cbt{ position:absolute; top:144px; left:0; width:100%;}
.index_cicon{ position:absolute; top:0; width:40px; height:100px; cursor:pointer;}
.index_cicon span{ display:block; width:26px; height:46px; margin:27px 0 0 7px; background-image:url(../image/special-jta.png); background-repeat:no-repeat;}
.index_cl{ left:0;}
.index_cl span{ background-position:0 0;}
.index_cr{ right:0;}
.index_cr span{ background-position:-26px 0;}
.pdTitle{ font-size:28px; color:#d8271c; line-height:50px; padding:0 20px; display:inline-block; text-align:center; font-weight:normal;}
.pdTitleNone{ height:0; padding:0; margin:0; overflow:hidden; position:absolute; z-index:0;}
.rlated{ width:1000%; transition:all 0.27s;}
.rlatedProducts{ width:2.5%; float:left; text-align:center;}
.rlatedProducts div{ padding:20px 0;}
.rlatedProducts div img{ display:block; width:260px; height:210px; margin:0 auto;}
.rlatedProducts p{ font-size:22px; line-height:30px; height:60px; overflow:hidden; color:#000;}
.rlatedNews{ border-radius:20px; margin:30px 0 50px 0;}
.rlatedNewsD{ float:left; width:23%; margin:0 1%;}
.rlatedNewsImg{ text-align:center; margin-bottom:10px;}
.rlatedNewsD:last-child{ margin-right:0;}
.rlatedNewsImg img{ display:block; width:100%; height:auto;}
.rlatedNewsDiv{}
.rlatedNewsDiv p{ font-size:22px; line-height:30px; display:block; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rlatedNewsDiv span{ display:block; font-size:20px; line-height:30px; color:#7d7d7d;  display:none;}
.pea{ padding:0 40px;}
.pead{ padding:110px 0;}
.pead div{ width:22%; padding:0 2%; margin-right:3%; float:left;}
.pead div:last-child{ margin-right:0;}
.pead h3,.pead .h3{ font-size:22px; font-weight:normal; line-height:46px; width:auto; padding:0; margin:0; float:none;}
.pead span{ display:block; height:2px; background:#054e8c; margin:30px 0 50px 0;}
.pead div:nth-child(1) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(5, 78, 140, 1)), to(rgba(253, 228, 10, 1)));}
.pead div:nth-child(2) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(107, 93, 18, 1)), to(rgba(253, 228, 10, 1)));}
.pead div:nth-child(3) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(5, 78, 140, 1)), to(rgba(12, 41, 135, 1)));}
.pead div:nth-child(4) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(199, 29, 6, 1)), to(rgba(253, 228, 10, 1)));}
.pead p{ font-size:18px; line-height:24px;}
.peae{ text-align:center;}
.peae img{ display:block; margin:0 auto; max-width:100%;}
.peb .pal{ width:25%; padding:0 2%;}
.pec4{ background-position:-180px -94px;}
.pda{ position:relative; height:7000px;}
.pdadiv{ position:sticky; top:120px; left:0; height:calc(100vh - 120px); min-height:720px;}
.pdada{ position:absolute; top:20px; left:0; z-index:1; opacity:1; width:100%; height:0;}
.pdadb{ position:absolute; top:20px; left:0; z-index:2; opacity:0; width:100%;}
.pdada img,.pdadb img{ display:block; height:calc(100vh - 160px); min-height:680px; width:auto; margin:0 auto;}
.pdadc{ position:absolute; top:20px; left:50%; z-index:3; opacity:0; width:1200px; margin-left:-600px; height:720px;}
.pdadc div{ position:absolute; left:160px; opacity:0; transition:all 0.27s linear;}
.pdadc div:nth-child(1){ top:0; width:173px; height:189px;}
.pdadc div:nth-child(3){ top:238px; width:173px; height:113px; opacity:1; transform:scale(0);}
.pdadc div:nth-child(6){ top:366px; width:173px; height:305px;}
.pdads{ padding-left:600px; position:relative; width:960px;}
.pdads h5,.pdads font{ font-size:22px; line-height:32px; font-weight:bold;}
.pdads span{ font-size:18px; line-height:24px;}
.pdadc div:nth-child(2){ top:40px;}
.pdadc div:nth-child(4){ top:200px;}
.pdadc div:nth-child(5){ top:310px;}
.pdadc div:nth-child(7){ top:400px;}
.pdadc div:nth-child(8){ top:522px;}
.pdads svg{ position:absolute; top:8px; width:530px; height:50px;}
.pdadc div:nth-child(2) svg{ left:128px; width:430px;}
.pdadc div:nth-child(4) svg{ left:78px; width:520px;}
.pdadc div:nth-child(5) svg{ left:118px; top:-26px; width:480px;}
.pdadc div:nth-child(7) svg{ left:78px; top:-26px; width:520px;}
.pdadc div:nth-child(8) svg{ left:128px; width:430px;}
.g-rect-fill svg polyline{ fill:none; stroke-width:10; stroke:#ff7700; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:0, 1370; stroke-dashoffset:0; animation:lineMove 2s ease-out; stroke-dasharray:1350,1350;}
@keyframes lineMove{
    0%{
        stroke-dasharray: 0, 1350;
    }
    100%{
        stroke-dasharray: 1350, 1350;
    }
}
.pfa{ width:100%; background:#dddddd;}
.pfad{ padding:110px 0 !important; width:800px; float:right;}
.pfa .pal table{ width:100%; height:838px; background:#dddddd; padding:0;}
.pfad div{ width:46%; padding:0 4% 0 0; margin-right:4%; float:left;}
.pfad div:last-child{ margin-right:0;}
.pfad h3,.pfad .h3{ font-size:22px; font-weight:normal; line-height:46px; width:100%;}
.pfa .pfad span{ position:relative; width:250px; display:block; height:2px; background:#054e8c; margin:50px 0 50px 0;}
.pfad div:nth-child(1) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(1, 161, 96, 1)), to(rgba(12, 41, 135, 1)));}
.pfad div:nth-child(2) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(17, 145, 11, 1)), to(rgba(253, 228, 10, 1)));}
.pfad div:nth-child(3) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(10, 163, 68, 1)), to(rgba(34, 151, 225, 1)));}
.pfad div:nth-child(4) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(107, 93, 18, 1)), to(rgba(253, 228, 10, 1)));}
.pfad p{ font-size:18px; line-height:24px; min-height:120px;}
.pfa .par{ float:left; width:50%; height:838px; overflow:hidden;}
.pfa .par div{ background:url(../image/fb.jpg) center no-repeat; background-size:auto 100%; height:838px; position:relative;}
.pfa .par div:after{ content:""; width:100%; height:100%; overflow:hidden; clear:both; display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
.pfc{}
.pfc .pal{ width:33.33%; padding:0 2%;}
.pfc .pal span{ width:74px; height:74px;}
.pfc1{ background-position:0 -235px;}
.pfc2{ background-position:-74px -235px;}
.pfc3{ background-position:-148px -235px;}
.pfa_breadcrumb{ width:1600px; height:0; text-align:left; position:relative; z-index:9; margin:0 auto;}
.pfa_breadcrumb .breadcrumb{ display:inline-block; text-align:left;}
.prls span{ background:#7fd174;}
.prhs span{ background:#c21f26;}
.pga{ width:100%; background:#fff; position:relative;}
.pgad{ padding:110px 0 !important; float:right; width:800px;}
.pga .pal table{ height:839px; background:#dddddd; width:100%;}
.pgad div{ width:46%; padding:0 4% 0 0; margin-right:4%; float:left;}
.pgad div:last-child{ margin-right:0;}
.pgad span{ width:62px; height:62px; display:block; position:relative;}
.pgad div:nth-child(1) span{ background-position:0 -309px;}
.pgad div:nth-child(2) span{ background-position:-62px -309px;}
.pgad div:nth-child(3) span{ background-position:-124px -309px;}
.pgad div:nth-child(4) span{ background-position:-186px -309px;}
.pgad h3,.pgad .h3{ font-size:28px; font-weight:normal; line-height:46px; width:auto; float:none; margin:0; padding:0;}
.pgad p{ font-size:20px; line-height:24px; min-height:120px; margin-top:10px;}
.pga .par{ float:left; width:50%; height:839px; overflow:hidden;}
.pga .par div{ background:url(../image/gb.jpg) center; background-repeat:no-repeat; background-size:auto 100%; height:839px; position:relative;}
.pga .par div:after{ content:""; width:100%; height:100%; overflow:hidden; clear:both; display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
.pha{ width:100%; background:#fff; position:relative;}
.phad{ padding:60px 0 110px 0 !important; width:800px; float:right;}
.pha .pal .breadcrumb{ position:absolute; top:20px; left:110px; max-width:80%; text-align:left;}
.pha .pal table{ height:838px; background:#dddddd; position:relative; width:100%;}
.phad div{ width:46%; padding:0 4% 0 0; margin-right:4%; float:left;}
.phad div:nth-child(1){ opacity:1; transform:translate3d(0,0,0); animation:phad1 4s;}
.phad div:nth-child(2){ opacity:1; transform:translate3d(0,0,0); animation:phad2 4s;}
.phad div:nth-child(3){ opacity:1; transform:translate3d(0,0,0); animation:phad3 4s;}
.phad div:nth-child(4){ opacity:1; transform:translate3d(0,0,0); animation:phad4 4s;}
.phad div:nth-child(5){ opacity:1; transform:translate3d(0,0,0); animation:phad5 4s;}
@keyframes phad1{
0%{ opacity:0; transform:translate3d(0,300px,0);}
20%{ opacity:0; transform:translate3d(0,300px,0);}
50%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes phad2{
0%{ opacity:0; transform:translate3d(0,300px,0);}
30%{ opacity:0; transform:translate3d(0,300px,0);}
60%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes phad3{
0%{ opacity:0; transform:translate3d(0,300px,0);}
40%{ opacity:0; transform:translate3d(0,300px,0);}
70%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes phad4{
0%{ opacity:0; transform:translate3d(0,300px,0);}
50%{ opacity:0; transform:translate3d(0,300px,0);}
80%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes phad5{
0%{ opacity:0; transform:translate3d(0,300px,0);}
60%{ opacity:0; transform:translate3d(0,300px,0);}
90%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
.phad div:last-child{ margin-right:0;}
.phad h3,.phad .h3{ font-size:22px; font-weight:normal; line-height:46px; width:100%;}
.pha .phad span{ position:relative; width:250px; display:block; height:2px; background:#054e8c; margin:50px 0 50px 0;}
.phad div:nth-child(1) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(10, 163, 68, 1)), to(rgba(34, 151, 225, 1)));}
.phad div:nth-child(2) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(107, 93, 18, 1)), to(rgba(253, 228, 10, 1)));}
.phad div:nth-child(3) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(1, 161, 96, 1)), to(rgba(12, 41, 135, 1)));}
.phad div:nth-child(4) span{background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(17, 145, 11, 1)), to(rgba(253, 228, 10, 1)));}
.phad p{ font-size:18px; line-height:24px; min-height:120px;}
.pha .par{ float:left; width:50%; height:838px; overflow:hidden;}
.pha .par div{ background:url(../image/hb.jpg) center no-repeat; background-size:auto 100%; height:838px; position:relative;}
.pha .par div:after{ content:""; width:100%; height:100%; overflow:hidden; clear:both; display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
.phc .pal{ width:25%; min-height:250px;}
.phc .pal span{ width:74px; height:74px;}
.phc .pal .h3{ font-weight:bold;}
.phc1{ background-position:-222px -235px;}
.pia{ padding:10px 0;}
.piai{ text-align:center;}
.piai div{ float:left; width:33%; margin-right:0.5%; background:#e2e1e6; min-height:600px; position:relative; padding:40px;}
.piai div:last-child{ margin-right:0;}
.piai p{ font-size:28px; line-height:48px; text-align:left;}
.piai span img{ display:block; max-width:100%; margin:0 auto;}
.piaa{}
.piaa span{}
.piaa p{}
.piab{}
.piab span{ padding:150px 0 0 40%; display:block;}
.piab p{ position:absolute; top:70px; left:40px;}
.piac{}
.piac span{ padding:280px 0 0 0; display:block;}
.piac p{ position:absolute; top:70px; right:40px; text-align:right;}
.pib{}
.pibl{ width:60%; text-align:right; float:left; height:648px;}
.pibl div{ margin-top:120px; display:inline-block; width:623px; height:528px; background:url(../image/ic.jpg) center no-repeat;}
.pibr{ width:40%; float:left; padding-left:5%;}
.pibr table{ height:648px;}
.pibr p{ font-size:28px; line-height:48px;}
.aaaaa .pda,.aaaaa .pdadiv{ height:auto; top:auto; left:auto;}
.aaaaa .pdada,.aaaaa .pdadb{ display:none !important;}
.aaaaa .pdadc{ margin:0 auto; margin-top:30px; position:relative; top:auto; left:auto; opacity:1 !important; transform: scale(1) !important;}
.aaaaa .pdadc div{ opacity:1 !important; transform: scale(1) !important;}
.aaaaa .dban h1{ -webkit-text-fill-color: #fff; text-fill-color: #fff; color:#315dcd;}
.aaaaa .pdb .pdbimg div{ bottom:-104px;}
.aaaaa .pca,.aaaaa .pcb{ height:auto;}
.aaaaa .pca .pcaimg{ top:240px !important;}
.aaaaa .pcai span{ display:block !important;}
.aaaaa .pcask{ position:relative; top:auto;}
.aaaaa .pcab div{ display:block; opacity:1; transform:none; min-height:230px;}
.aaaaa .pcbb{ position:relative; top:auto;}
.aaaaa .pcbf{}
.aaaaa .pcbe{ bottom:0; right:50px;}
.aaaaa .pcbf div{ opacity:1; transform:none; width:510px;}
.aaaaa .pcb:after{ display:none;}
.aaaaa .pcbf span{ left:550px;}
.aaaaa .pcdc{ opacity:1;}
.p-video{ height:0; overflow:hidden; transition:all 0.27s; background:#fff; width:100%;}
.p-video div{ padding:20px 0; box-sizing:content-box;}
.p-video video{ max-width:100%; height:auto; display:block; border:0; padding:0; margin:0 auto;}
/*2021-05-19 产品总页*/
.cp_ban{ width:100%; min-width:1400px; position:relative; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.windowPX{ height:100vh; min-height:800px; background-position:bottom; background-repeat:no-repeat; background-size:cover;}
.windowPX img{ display:none;}
.cp_ban_txt{ position:absolute; top:50%; left:10%; width:580px; margin-top:-70px;}
.cp_ban_txt h2,.cp_ban_txt h1{ font-size:44px; color:#fff; font-weight:normal; line-height:50px; padding-bottom:15px;}
.cp_ban_txt p{ font-size:20px; line-height:24px; color:#fff;}
.cp_ban img{ width:100%; height:auto; display:none;}
.cp_cp{ position:relative; min-height:740px; height:calc(100vh - 120px); position:relative; min-width:1400px;}
.cp_img{ position:absolute; width:40%; height:100%; z-index:1; display:flex; justify-content:center; align-items:center;}
.cp_img div{align-items:center;}
.cp_cpt{}
.cp_con{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; z-index:6;}
.cp_content{ padding-left:45%; width:50%; box-sizing:content-box; align-items:center;}
.cp_content h3,.cp_content h2,.cp_content .h2{ width:100%; padding:0; font-size:28px; color:#c21f26; line-height:36px; font-weight:normal; margin-bottom:20px;}
.cp_content h3 a,.cp_content h2 a,.cp_content .h2 a{ color:#c21f26; font-size:28px; padding:0; width:auto; line-height:36px; margin:0;}
.cp_content h3 a:hover,.cp_content h2 a:hover,.cp_content .h2 a:hover{ opacity:0.8;}
.cp_content p{ font-size:18px; color:#000; line-height:36px; margin-bottom:20px;}
.cp_content p a{ font-size:18px; color:#c21f26; display:inline-block; border:1px solid #c21f26; min-width:140px; line-height:48px; text-align:center;}
.cp_content p span{ display:block; float:left; width:6px; height:6px; border-radius:50%; background:#7d7d7d; margin:14px 0.5em 0 0;}
.cp_content div{}
.cp_content div a{ color:#000; font-size:18px; line-height:30px; display:inline-block; width:49%; box-sizing:border-box; padding-left:30px; position:relative; margin-bottom:10px;}
.cp_content div a span{ display:block; width:0; height:0; border:0.4em solid rgba(0,0,0,0); border-left-color:#8997b2; position:absolute; top:50%; left:0; margin-top:-0.4em;}
.cp_content div a:hover{ color:#f00;}
.cp_content div a:hover span{ border-left-color:#f00;}
.cp_cpb{ background:#f2f2f4;}
.cp_cpb .cp_img{ height:auto; right:0; bottom:0; width:auto;}
.cp_cpb .cp_img div img{ display:block;}
.cp_cpb .cp_content{ padding-left:5%;}
.cp_cpc{ background:#fafafa; background:-webkit-gradient(linear ,0 0,0 100%,color-stop(0,rgb(255,255,255)),color-stop(1,rgb(242,242,242)))}
.cp_cpc .cp_img{}
.cp_cpc .cp_content{}
.cp_cpd{ background:#f2f2f4;}
.cp_cpd .cp_img{ right:5%;}
.cp_cpd .cp_content{ padding-left:5%;}
.cp_d{ min-width:1400px; padding:20px 0 0 0; border-bottom:1px solid #eaeaea; max-width:1600px; margin:0 auto;}
.cp_dt{ font-size:28px; color:#d8271c; line-height:50px; padding:0; background:none;}
.cp_dc{}
.cp_div{}
.cp_div:nth-child(2){ margin-right:0;}
.cp_div a{ float:left; display:block; margin-bottom:40px; width:31%; margin-right:3.5%;}
.cp_div a:nth-child(3){ margin-right:0;}
.cp_div div{ position:relative; padding-left:30px; width:auto;}
.cp_div div div{ font-size:22px; line-height:40px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0;}
.cp_div span{ display:block; font-size:36px; color:#686868; line-height:136px; width:8px; height:8px; border-radius:50%; background:#c1c1c1; position:absolute; top:16px; left:12px; overflow:hidden;}
.cp_div h5{ font-size:22px; line-height:40px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cp_div p{ font-size:18px; line-height:30px; color:#000; overflow:hidden; height:90px;}
.cp_div a:hover h5,.cp_div a:hover div div{ color:#f00;}
.cp_e{ min-width:1400px; padding:30px 0 50px 0; max-width:1600px; margin:0 auto;}
.cp_ec{}
.cp_ed{ float:left; width:23.5%; margin-right:2%; margin-bottom:30px;}
.cp_ed:nth-child(4n){ margin-right:0;}
.cp_ed_img{ margin-bottom:10px;}
.cp_ed_img img{ display:block; width:100%; height:auto;}
.cp_ed_div{}
.cp_ed_div h4,.cp_ed_div div{ font-size:22px; line-height:30px; color:#000; font-weight:normal; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cp_ed_div p{ font-size:20px; color:#7d7d7d; line-height:30px; display:none;}
.rcAbut{ border:1px solid #b2000e; background:transparent; color: #b2000e; display: block; min-width: 210px; line-height: 52px; font-size: 26px; cursor: pointer;}
.rcAbut:hover{ box-shadow:0 0 0 1px #b2000e;}
.rcAbut:active{ box-shadow:0 0 0 0 #b2000e;}
.om01{ height:100vh; min-height:400px; background-size:cover; background-position:center; background-repeat:no-repeat; color:#fff; position:relative;}
.om01 h1{ font-size:42px; font-weight:normal; padding-bottom:20px;}
.om01 h3{ display:inline-block; padding-right:20px; color:#315dcd; font-size:42px; padding-bottom:10px; font-weight:bold; font-style:italic; color:#8aaff6;}
.om01 h1 span{ background:#8aaff6; display:inline-block; margin-right:20px; padding:0 10px;}
.om01 p{ font-size:24px; line-height:30px;}
.om01 .om011{ position:absolute; bottom:10%; left:0; width:100%;}
.om01 .om011 input{ margin-top: 40px; border-color: #fff; color: #fff;}
.om01 .om011 .rcAbut:hover{ box-shadow:0 0 0 1px #fff;}
.om01 .om011 .rcAbut:active{ box-shadow:0 0 0 0 #fff;}
.om01 .om011 span{ font-size:44px; line-height:66px; padding:15px 0; font-weight:normal;}
.om01 .om011 h1{ font-size:30px; line-height:42px; padding:15px 0; font-weight:normal;}
.om012 h1{ font-style:italic; font-size: 60px;}
.om012 h3{ font-style:normal; color: #fff; font-weight: normal; font-size: 32px;}
.om012 p{ font-size:22px;}
.omom{}
.omIcon{ background-image:url(../image/omIcon.png); width:54px; height:54px; display:inline-block;}
.omIh1{ width:40px; height:39px; background-position:0 -60px;}
.omIh2{ width:40px; height:39px; background-position:-54px -60px;}
.omI01{ background-position:0 0;}
.omI02{ background-position:-54px 0;}
.omI03{ background-position:-108px 0;}
.omI04{ background-position:-162px 0;}
.omI05{ background-position:-216px 0;}
.omI06{ background-position:-270px 0;}
.omI07{ background-position:-324px 0;}
.omI08{ background-position:-378px 0;}
.omI09{ background-position:-432px 0;}
.omomCen div{ padding-left:90px; position:relative; box-sizing:border-box;}
.omomCen h3{ font-size:42px; line-height:54px; font-weight:normal; display:inline-block; width:auto;}
.omomCen .omIcon{ position:absolute; top:0; left:0;}
.omomCen h4{ font-size:32px; line-height:54px; font-weight:normal; white-space:nowrap;}
.omomCen h5{ font-size:24px; line-height:54px; font-weight:normal; font-style:italic;}
.omomCen hr{ display:block; height:1px; width:500px; background:#000; border:0; position:absolute; top:-2px;}
.omomCen .omomT{ padding:0;}
.omomCen .omomT .omIcon{ left:auto; top:4px;}
.omomA{ padding-top:40px;}
.omomA .omomImg{ float:right; width:56%;}
.omomA .omomCen{ float:left;}
.omomA .omomCen{ padding-top:232px;}
.omomA .omomCen div{ margin-bottom:40px;}
.omomA .omomCen h3{ padding:0 90px 0 0;}
.omomA .omomCen hr{ width:486px; left:100%;}
.omomA .omomCen .omomT .omIcon{ right:0;}
.omomB{ padding-top:40px; color:#fff; background:-webkit-gradient(linear ,0 0,0 100%,color-stop(0,rgb(109,109,109)),color-stop(1,rgb(0,0,0)));}
.omomB .omomImg{ float:left;}
.omomB .omomCen{ float:right;}
.omomB .omomCen{ padding-top:130px;}
.omomB .omomCen div{ margin-bottom:40px;}
.omomB .omomCen h3{ padding:0 0 0 90px;}
.omomB .omomCen hr{ width:760px; right:100%; background:#fff}
.omomB .omomCen .omomT .omIcon{ left:0;}
.omomC{ padding:200px 0 30px 0;}
.omomC .omomImg{ float:right;}
.omomC .omomCen{ float:left;}
.omomC .omomCen{ padding-top:10px;}
.omomC .omomCen div{ margin-bottom:40px;}
.omomC .omomCen h3{ padding:0 90px 0 0;}
.omomC .omomCen hr{ width:160px; left:100%;}
.omomC .omomCen .omomT .omIcon{ right:0;}
.omomD{ padding-top:60px; color:#fff; background:-webkit-gradient(linear ,0 0,0 100%,color-stop(0,rgb(109,109,109)),color-stop(1,rgb(0,0,0)));}
.omomD .omomImg{ float:left;}
.omomD .omomCen{ float:right;}
.omomD .omomCen{ padding-top:20px;}
.omomD .omomCen div{ margin-bottom:40px;}
.omomD .omomCen h3{ padding:0 0 0 90px;}
.omomD .omomCen hr{ width:328px; right:100%; background:#fff}
.omomD .omomCen .omomT .omIcon{ left:0;}
.omomD .omomDc{ padding:0;}
.omomDc div{ float:left; margin-left:30px;}
.omomS{ padding-left:90px; position:relative;}
.omomS font{ position:absolute; left:0; top:0;}
.omomE{ background:#000;}
.table{ display:table; min-height:400px; width:100%;}
.cell{ display:table-cell; text-align:center; padding:0; margin:0; font-size:0; vertical-align:middle;}
.inlineBlock{ position:relative;}
.imageVideo{ position:absolute; top:0; bottom:0; width:100%; height:100%; z-index:8; cursor:pointer; display:none;}
.imageVideo div{ position:absolute; top:50%; left:50%; width:100px; height:100px; margin-top:-50px; margin-left:-50px; overflow:hidden;}
.imageVideo div:after,.imageVideo div:before{ display:block; content:""; position:absolute;}
.imageVideo div:after{ top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:10px solid #999; border-radius:50%; background:rgba(255,255,255,0);}
.imageVideo div:before{ top:50%; left:40%; width:0; height:1px; margin-top:-20px; border:20px solid rgba(255,255,255,0); border-left:32px solid #999;}
.omomE video{ display:block; max-width:100%; width:100%;}
.omomE iframe{ display:block; width:100%; height:37.5vw;}
.omomF{ position:relative;}
.omomFl{ position:absolute; top:0; left:0; width:70%; height:100%; z-index:2; background:url(../image/om06.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.omomFr{ float:right; min-width:30%; background:#fff; position:relative; z-index:3;}
.omomFr div{ color:#000; padding:0 60px; margin:60px 0; background:#fff;}
.omomFr div p{ padding-left:36px; position:relative; line-height:30px; font-size:32px; white-space:nowrap;}
.omomFr div p span{ display:inline-block; width:15px; height:30px; position:absolute; left:0; top:0;}
.omIi{ background-position:-108px -60px;}
/*PH胶囊*/
.zyfBan{ z-index:9; position:relative;}
.zyfBan .page-width{}
.zyfBan table{ height:100vh; min-height:400px; text-align:center; width:100%;}
.zyfBan table td{ width:100%; height:100%; text-align:center;}
.zyfBanL{ float:left; text-align:left; color:#fff;}
.zyfBanL h2{ font-size:36px; line-height:60px;}
.zyfBanL h1{ font-size:36px; line-height:60px; border-bottom:1px solid #de0010; padding:0; position:relative; display:inline-block; min-width:500px; margin-bottom:30px;}
.zyfBanL h1:after{ content:""; width:60px; height:4px; background:#de0010; display:block; position:absolute; left:0; bottom:0;}
.zyfBanL p{ font-size:28px; line-height:40px; padding:10px 0;}
.zyfBanR{ float:right;}
.zyfTitle{ font-size:28px; line-height:80px; color:#de0010; position:relative;}
.zyfTitle:after{ content:""; width:60px; height:4px; background:#de0010; display:block; position:absolute; left:0; top:0;}
.ph01{ background:#fff; padding:80px 0 40px 0;}
.ph01L{ float:left; width:30%;}
.ph01L div{}
.ph01L div span{ width:20%; display:inline-block; vertical-align:middle;}
.ph01L div span img{ display:inline-block; width:100%;}
.ph01L div .ph01Lr{ background:#14578f; color:#fff; border-radius:20px; line-height:60px; text-align:center; font-size:20px; margin-left:1%; width:79%;}
.ph01L p{ font-size:20px; color:#666; line-height:40px; padding:10px 0 20px 0;}
.ph01R{ float:right; width:68%; position:relative; padding-bottom:40px;}
.ph01R img{ display:inline-block; width:100%; height:auto;}
.ph01RB{ position:absolute; bottom:0; right:0;}
.ph01RB ul{ float:left; margin-left:10px;}
.ph01RB ul li{ font-size:12px; white-space:nowrap;}
.ph02{ background:#eee; padding:80px 0 40px 0;}
.ph02 div p{ font-size:20px; line-height:40px; text-align:justify; color:#666;}
.ph02p{ width:66%; text-indent:2em; padding-bottom:20px;}
.ph02d{}
.ph02d div{ width:32%; float:left; text-align:center; margin-right:2%;}
.ph02d div:nth-child(3){ margin-right:0;}
.ph02d div img{ display:block; width:100%; height:auto;}
.ph02d div p{ border-top:1px solid #666; border-bottom:1px solid #666; margin:20px 20px 0 20px; padding:10px 20px;}
.ph03{ background:#fff; padding:80px 0 40px 0;}
.ph031{ float:left; width:22%;}
.ph031 p{ font-size:20px; line-height:40px; color:#666; text-align:justify;}
.ph032{ float:right; width:70%; text-align:right;}
.ph032 img{ display:inline-block; max-width:100%; height:auto;}
/*NC100*/
.ncBan{ position:relative;}
.ncBan .zyfBanL{ color:#666; padding-top:150px;}
.ncBanBg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.ncBanBg div{ position:absolute; top:0; width:50%; height:100%; z-index:2;  background-repeat:no-repeat;}
.ncBanBgl{ left:0; background-position:left;}
.ncBanBgr{ right:0; background-position:right;}
.nc01{ background:#fff; padding:80px 0 80px 0; background:url(image/nc021.jpg) bottom center no-repeat;}
.nc011{}
.nc011 span{ font-size:24px; line-height:46px; color:#666; display:block;}
.nc011 p{ font-size:20px; line-height:40px; color:#666; width:80%; padding:10px 0 60px 0;}
.nc012{}
.nc012 div{ float:left; margin-right:100px;}
.nc012 div p{ font-size:20px; line-height:40px; color:#666; text-align:center;}
.nc02{ position:relative; background:#eeefef; width:100%; overflow:hidden; min-height:738px; padding:80px 0 40px 0;}
.nc02 .page-width{ position:relative; z-index:9;}
.nc021{ float:left; width:50%;}
.nc021 div img{ display:inline-block; max-width:100%; height:auto;}
.nc022{ float:left; width:50%; padding-left:10px; box-sizing:border-box;}
.nc022 p{ font-size:20px; line-height:40px; color:#666; width:300px;}
.nc023{ position:absolute; bottom:0; right:0; max-width:39%;}
.nc023 img{ display:block; max-width:100%; height:auto;}
/*rc100*/
.rcwidth{ width:1600px; min-width:1600px; margin:0 auto; position:relative; z-index:2;}
.rcA{ background:url(../image/rc101.jpg) center no-repeat; background-size:cover; min-height:100vh; min-height: 700px; padding-top:120px; min-width:1600px;}
.rcAh{ height:calc(100vh - 120px);display: flex; justify-content:center; align-items: center; color: #fff; min-height: 660px;}
.rcA h3,.rcA h1{ font-size:42px; line-height:52px; font-weight:normal;}
.rcAa{ margin:40px 0;}
.rcAa span{ font-size:30px; color:#fff; line-height:66px; width:240px; display:inline-block; text-align:center; background-color:rgba(76,71,67); margin-right:5px; cursor:pointer;}
.rcAa span:active{ background-color:rgba(76,71,67,0.8);}
.rcAa .rcAaa,.rcAa .rcAaa:active{ background-color:#000; cursor:default;}
.rcAb{ font-size:24px; line-height:30px; min-height:150px;}
.rcAb div{ display:none;}
.rcAb .rcAba{ display:block;}
.rcA h5,.rcA .h5{ font-size:36px; line-height:52px; font-weight:normal; margin:40px 0 40px 0;}
.guideD:hover{ box-shadow:-2px 2px 6px 0px #ccc;}
.videoDiv{ background:#838280; margin:0 auto; border-radius:10px; position:absolute; top:0; left:0; width:100%; height:100%;}
.videoDiv div:nth-child(1){ display:none; color:#fff; line-height:30px; padding:20px 30px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.mp4{ width:100%; display:block;}
.mp4 video{ width:100%; height:100%; background:#2b2b2b; position:absolute; top:0; left:0; z-index:1;}
.mp4 iframe{ width:100%; height:100%; background:#2b2b2b; position:absolute; top:0; left:0; z-index:1;}
.videoClose{ text-align:right; position:absolute; top:0; right:0; z-index:2;}
.videoClose span{ width:90px; height:32px; line-height:32px; text-align:center; display:inline-block; cursor:pointer; font-size:16px; color:#fff; background:#b2000e; border-radius:5px; margin:20px 20px 0 0;}
.videoClose span:hover{ opacity:0.9;}
.rcB h3,.rcB h2{ font-size:28px; line-height:60px; font-weight:normal; text-align:center; padding:60px 0 40px 0;}
.rcBa{ font-size:18px; line-height:30px;}
.rcBb{ font-size:24px; line-height:30px; position:relative; height:630px; margin:60px 0 40px 0;}
.rcBb p{ position:absolute; cursor:pointer; box-sizing:content-box; display:none; font-size:22px;}
.rcBb p span{ width:14px; height:14px; border-radius:50%; background:#d2d2d2; display:block; position:absolute; top:50%; margin-top:-7px;}
.rcBb p span:after{ content:""; height:1px; background:#d2d2d2; overflow:hidden; clear:both; display:block; position:absolute; top:50%;}
.rcBba{ position:absolute; z-index:1; left:50%; top:0; margin-left:-483px;}
.rcBba p{ top:20px; left:1000px; padding-left:20px; width:250px;}
.rcBba p span{ left:0;}
.rcBba p span:after{ width:590px; right:100%;}
.rcBbb{ position:absolute; z-index:2; left:50%; top:122px; margin-left:236px;}
.rcBbb p{ top:180px; left:360px; padding-left:20px; width:170px;}
.rcBbb p span{ left:0;}
.rcBbb p span:after{ width:140px; right:0;}
.rcBbc{ position:absolute; z-index:3; left:50%; top:246px; margin-left:-451px;}
.rcBbc p{ top:-182px; right:430px; padding-right:20px; width:170px; text-align:right;}
.rcBbc p span{ right:0;}
.rcBbc p span:after{ width:113px; left:0;}
.rcBbc p span:before{ width:210px; position:absolute; top:98px; left:60px; transform:rotate3d(0,0,1,60deg); content:""; height:1px; background:#d2d2d2; overflow:hidden; clear:both; display:block;}
.rcBbd{ position:absolute; z-index:4; left:50%; top:319px; margin-left:-307px;}
.rcBbd p{ top:10px; right:378px; padding-right:20px; width:170px; text-align:right;}
.rcBbd p span{ right:0;}
.rcBbd p span:after{ width:323px; left:0;}
.rcBbTan{}
.rcBbTan.rcBb p{ display:inline-block;}
.rcBbTan .rcBba p{ animation:rcBba ease-out 4s;}
.rcBbTan .rcBba p span:after{ animation:rcBbaa ease-out 4s;}
@keyframes rcBba{
0%{ transform:translate3d(0,-200px,0); opacity:0;}
12.5%{ transform:translate3d(0,0,0); opacity:1;}
100%{ transform:translate3d(0,0,0);}
}
@keyframes rcBbaa{
0%{ width:0;}
12.5%{ width:0;}
25%{ width:590px;}
100%{ width:590px;}
}
.rcBbTan .rcBbb p{ animation:rcBbb ease-out 4s;}
.rcBbTan .rcBbb p span:after{ animation:rcBbba ease-out 4s;}
@keyframes rcBbb{
0%{ transform:translate3d(0,-200px,0); opacity:0;}
25%{ transform:translate3d(0,-200px,0); opacity:0;}
37.5%{ transform:translate3d(0,0,0); opacity:1;}
100%{ transform:translate3d(0,0,0);}
}
@keyframes rcBbba{
0%{ width:0;}
37.5%{ width:0;}
50%{ width:140px;}
100%{ width:140px;}
}
.rcBbTan .rcBbc p{ animation:rcBbc ease-out 4s;}
.rcBbTan .rcBbc p span:after{ animation:rcBbca ease-out 4s;}
.rcBbTan .rcBbc p span:before{ animation:rcBbcb ease-out 4s;}
@keyframes rcBbc{
0%{ transform:translate3d(0,-200px,0); opacity:0;}
50%{ transform:translate3d(0,-200px,0); opacity:0;}
62.5%{ transform:translate3d(0,0,0); opacity:1;}
100%{ transform:translate3d(0,0,0);}
}
@keyframes rcBbca{
0%{ width:0;}
52.5%{ width:0;}
74.9%{ width:113px;}
100%{ width:113px;}
}
@keyframes rcBbcb{
0%{ opacity:0;}
74.9%{ opacity:0;}
75%{ opacity:1;}
100%{}
}
.rcBbTan .rcBbd p{ animation:rcBbd ease-out 4s;}
.rcBbTan .rcBbd p span:after{ animation:rcBbda ease-out 4s;}
@keyframes rcBbd{
0%{ transform:translate3d(0,-200px,0); opacity:0;}
75%{ transform:translate3d(0,-200px,0); opacity:0;}
87.5%{ transform:translate3d(0,0,0); opacity:1;}
100%{ transform:translate3d(0,0,0);}
}
@keyframes rcBbda{
0%{ width:0;}
87.5%{ width:0;}
100%{ width:323px;}
}
.rcBb .rcBbCh{}
.rcBb .rcBbCh p span,.rcBb .rcBbCh p span:after,.rcBb .rcBbCh p  span:before{ background:#8cb1f8;}
.rcCDiv{ display:none; height: 821px;}
.rcCaCh{ display:block;}
.rcCico{ background-image:url(../image/rc106.png); background-repeat:no-repeat; width:54px; height:54px; display:block; position:absolute; left:0; top:0;}
.rcC{ background:#000; background:-webkit-gradient(linear ,0 0,0 100%,color-stop(0.14,rgb(109,109,109)),color-stop(1,rgb(0,0,0)))}
.rcCa{}
.rcCaa{}
.rcCab{ height:821px; position:relative; padding:20px 0;}
.rcCac{ position:absolute; right:0; top:20px;}
.rcCad{ color:#fff;}
.rcCad div{ position:relative; line-height:54px; padding-left:80px; font-size:22px;}
.rcCad h4,.rcCad .h4{ font-size:28px; line-height:60px; position:relative; display:inline-block; margin-top:258px; padding:0 80px 40px 0;}
.rcCad h4 span,.rcCad .h4 span{ background-position:-42px 0; width:42px; height:42px; top:4px; right:0; left:auto;}
.rcCad h4 span:after,.rcCad .h4 span:after{ content:""; height:1px; background:#fff; width:760px; overflow:hidden; clear:both; display:block; position:absolute; top:16px; left:90%;}
.rcCad p{}
.rcCada{ background-position:0 -42px;}
.rcCadb{ background-position:-54px -42px;}
.rcCadc{ background-position:-108px -42px;}
.rcCa .rcCad div,.rcCa .rcCad h2{ margin-top:50px;}
.rcCba{ padding:210px 0 60px 0; min-height:622px;}
.rcCbb{ position:relative;}
.rcCbc{ position:absolute; left:0; top:0;}
.rcCbd{ color:#fff; padding-left:600px; padding-top:26px;}
.rcCbda div{ position:relative; line-height:54px; padding-left:80px; font-size:32px; float:left; width:50%;}
.rcCbd h4,.rcCbd .h4{ font-size:42px; line-height:60px; position:relative; padding-left:80px; padding-bottom:20px;}
.rcCbd h4 span,.rcCbd .h4 span{ background-position:-42px 0; width:42px; height:42px; top:4px; left:0;}
.rcCbd h4 span:after,.rcCbd .h4 span:after{ content:""; height:1px; background:#fff; width:460px; overflow:hidden; clear:both; display:block; position:absolute; top:16px; right:90%;}
.rcCbd p{ font-size:24px; line-height:46px; font-style: italic;}
.rcCbd .rcCbf{ font-size:32px; line-height:54px; padding-bottom:20px; font-style: inherit;}
.rcCbda{ background-position:0 -96px;}
.rcCbdb{ background-position:-54px -96px;}
.rcCb .rcCbd div{}
.rcCbda div.rcCbdiv{ padding-left: 90px; position: relative; width: auto; font-size: 24px; line-height: 46px;}
.rcCbda div.rcCbdiv font{ position:absolute; top:0; left:0; font-style:italic;}
.rcCc{}
.rcCca{ padding:150px 0 60px 0;}
.rcCcb{ height:600px; position:relative;}
.rcCcc{ position:absolute; right:0; top:20px;}
.rcCcd{ color:#fff;}
.rcCcd div{ position:relative; line-height:54px; padding-left:80px; font-size:32px;}
.rcCcd h4,.rcCcd .h4{ font-size:42px; line-height:60px; position:relative; display:inline-block; margin-top:110px; padding:0 80px 40px 0;}
.rcCcd h4 span,.rcCcd .h4 span{ background-position:-42px 0; width:42px; height:42px; top:4px; right:0; left:auto;}
.rcCcd h4 span:after,.rcCcd .h4 span:after{ content:""; height:1px; background:#fff; width:430px; overflow:hidden; clear:both; display:block; position:absolute; top:16px; left:90%;}
.rcCcd p{}
.rcCcda{ background-position:0 -150px;}
.rcCcdb{ background-position:-54px -150px;}
.rcCc .rcCcd div{ margin-top:50px;}
.rcCd{}
.rcCda{ padding:110px 0 60px 0; min-height:700px;}
.rcCdb{ position:relative;}
.rcCdc{ position:absolute; left:0; top:0;}
.rcCdd{ color:#fff; padding-left:950px; padding-top:126px;}
.rcCdda div{ position:relative; line-height:54px; padding-left:80px; font-size:32px;}
.rcCdd h4,.rcCdd .h4{ font-size:42px; line-height:60px; position:relative; padding:0 80px 40px 80px;}
.rcCdd h4 span,.rcCdd .h4 span{ background-position:-42px 0; width:42px; height:42px; top:4px; left:0;}
.rcCdd h4 span:after,.rcCdd .h4 span:after{ content:""; height:1px; background:#fff; width:690px; overflow:hidden; clear:both; display:block; position:absolute; top:16px; right:90%;}
.rcCdd p{ font-size:24px; font-style: italic;}
.rcCdd .rcCdf{ font-size:32px; line-height:54px; padding-bottom:20px; font-style: inherit;}
.rcCdda{ background-position:0 -204px;}
.rcCddb{ background-position:-54px -204px;}
.rcCd .rcCdd div{ padding-bottom: 20px;}
.rcCspan{ text-align: center; padding-bottom: 10px; position:relative; z-index:3;}
.rcCspan span{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; background: #fff; cursor: pointer;}
.rcCspan span:hover{ background: #aaa;}
.rcCspan span.rcBbCh{ background: #b2000e;}
.rcD{ position:relative; background:#fff;}
.rcDbg{ width:65%; position:absolute; top:0; left:0; height:100%; z-index:1; background:url(../image/rc107.png) center no-repeat; background-size:cover;}
.rcDa{ float:right; background:#fff; padding:60px 0 60px 85px;}
.rcDa h4,.rcDa .h4{ font-size:28px; font-weight:normal;}
.rcDab{}
.rcDad{ display:none;}
.rcDad.rcDch{ display:block;}
.rcDad h5,.rcDad .h5{ font-size:22px; font-style:italic; font-weight:normal; padding:20px 0;}
.rcDaba{ padding:20px 20px 20px 0; width:420px; min-height:410px;}
.rcDaba div{ background:#dfdfdf; padding:20px 20px 0 0;}
.rcDad p{ font-size:18px; padding-left:65px; line-height:32px; position:relative; padding-bottom:20px;}
.rcDi{ display:block; width:32px; height:32px; position:absolute; top:0; left:12px; background-image:url(../image/rc108.png); background-repeat:no-repeat;}
.rcDia{ background-position:0 0;}
.rcDib{ background-position:-32px 0;}
.rcDic{ background-position:-64px 0;}
.rcDid{ background-position:0 -32px;}
.rcDie{ background-position:-32px -32px;}
.rcDif{ background-position:-64px -32px;}
.rcDij{ background-position:0 -64px;}
.rcDih{ background-position:-32px -64px;}
.rcDii{ background-position:-64px -64px;}
.rcDac{}
.rcDac span{ display:inline-block; width:20px; height:20px; border-radius:50%; background:#8c8c8c; cursor:pointer; margin-right:10px;}
.rcDac span.rcDch{ background:#000;}
div.omomrobotic,.omomrobotic{ width:640px; height:360px; top:auto; left:auto; right:0; bottom:0; z-index:8;}
div.omomrobotic .videoClose,.omomrobotic .videoClose{}
div.omomrobotic .videoClose span,.omomrobotic .videoClose span{ margin:0; width:32px; font-size:18px; background:none;}
.videoDa{ text-align:right; position:absolute; top:0; right:33px; z-index:2;}
.videoDa span{ width:32px; height:32px; line-height:32px; text-align:center; display:inline-block; cursor:pointer; font-size:12px; color:#fff; background:none; border-radius:5px;}
.videoDa span:hover{ opacity:0.9;}
.videoDa span font{ display:block; width:14px; height:10px; border:2px solid #e1e1e1; margin:9px auto 0 auto;}
.paccrr{ bottom:370px;}
.paccrrr{ bottom: 600px;}
div.videoDaa{ width:960px; height:540px; z-index:30; left:50%; margin-left:-480px; top:50%; margin-top:-270px;}
.videoDaa .videoClose{}
.videoDaa .videoDa span{ background:none;}
.videoDaa .videoDa span font{ width:8px; height:2px; margin-top:14px;}
.videoDaa .videoDa{ top:0;}
.videoDaa .videoClose span{ margin:0; width:32px; font-size:18px; background:none;}
.video video::-webkit-media-controls-fullscreen-button{ display:none;}
div.video video::-webkit-media-controls-fullscreen-button{ display:none;}

.centerH2{text-align:center; font-weight:normal; font-size:28px; line-height:2.4em;}
.centerRc{ color:#fff; position:absolute; top:0; left:0; width:100%;}


.maban .h3{ white-space:nowrap;}
.maa .pal div .paaP,.mab .par div .paaP,.mabz .pal div .paaP{ font-size:28px;}
.maa .pal div .paaP{ padding-left:80px;}
.maa .par img{ max-width:90%;}
.mab{ background:#1a1b1c; max-width:100%; overflow:hidden;}
.mab .pal{ height:600px; display:flex; justify-content:center; align-items:center; opacity:0;}
.mab .pal img{ max-width:90%;}
.mab .par{ height:600px; display:flex; justify-content:center; align-items:center; opacity:0;}
.mab .par p{ color:#fff; text-align:left; font-size:18px; line-height:60px;}
.mab .par p span{ margin-top:-4px; display:inline-block; width:6px; height:6px; background:#fff; border-radius:50%; position:relative; top:auto; left:auto; vertical-align:middle; margin-right:10px;}
.mab .par div .paaP{ color:#fff; display:block; text-align:left; line-height:2em;}

.mab.pch .pal{ animation:mabpal 3s; opacity:1;}
.mab.pch .par{ animation:mabpar 3s; opacity:1;}
@keyframes mabpal{
0%{ opacity:0; transform:translate3d(-300px,0,0);}
50%,100%{ opacity:1; transform:translate3d(0,0,0);}
}
@keyframes mabpar{
0%{ opacity:0; transform:translate3d(300px,0,0);}
50%,100%{ opacity:1; transform:translate3d(0,0,0);}
}

.mabz{ background:#1a1b1c; max-width:100%; overflow:hidden;}
.mabz .par{ height:600px; display:flex; justify-content:center; align-items:center; opacity:0;}
.mabz .par img{ max-width:90%;}
.mabz .pal{ height:600px; display:flex; justify-content:center; align-items:center; opacity:0;}
.mabz .pal p{ color:#fff; text-align:left; font-size:18px; line-height:60px;}
.mabz .pal p span{ margin-top:-4px; display:inline-block; width:6px; height:6px; background:#fff; border-radius:50%; position:relative; top:auto; left:auto; vertical-align:middle; margin-right:10px;}
.mabz .pal div .paaP{ color:#fff; display:block; text-align:left; line-height:2em; position:relative; top:auto; left:auto; width:auto; height:auto;}
.mabz.pch .pal{ animation:mabpal 3s; opacity:1;}
.mabz.pch .par{ animation:mabpar 3s; opacity:1; justify-content:left;}


.mac{ padding:60px 0 60px 0; max-width:1600px; margin:0 auto;}
.mac .pal{ text-align:center; width:60%;}
.mac .macPal{ padding:0; padding-top:68px; display:block;}
.mac .macPala{ vertical-align:bottom; line-height:30px; padding-left:0; margin-bottom:15px; display:block;}
.mac .macPala img{ display:inline-block; height:30px; vertical-align:top;}
.mac .macPala span{ position:relative; left:auto; top:auto; display:inline-block; height:auto; width:auto; padding-left:10px; font-size:24px; line-height:30px;}
.macPala{}
.mac .macPalb{ padding-left:0; display:block;}
.mac .macPalb>br{ display:none;}
.macPalb span{ margin-top:-4px; display:inline-block; width:6px; height:6px; background:#000; border-radius:50%; position:relative; top:auto; left:auto; vertical-align:middle; margin-right:10px;}
.mac .macPal p{ font-size:18px; line-height:60px;}
.mac .par{ display:flex; justify-content:right; align-items:center; width:40%}
.mac .par img{ max-width:90%; width:360px;}
.mad{ margin:0 0 40px 0; background:#f5f5f5;}
.madDiv{ max-width:1600px; font-size:18px; line-height:1.5em; padding:40px 0; margin:0 auto; background:#f5f5f5;}
.mae{ padding:30px 0 60px 0;}
.maexxx{ display:none;}
.maeI{ margin:0 auto; max-width:1400px;}
.maeImg{ width:100%; margin:0 auto; display:none;}
.maeImg img{ display:block; width:100%; height:auto;}
.maeImgCh{ display:block;}
.maeImg .maea,.maeImg .maeb{}
.maeImg .maea div,.maeImg .maeb div,.maeImg .maex div,.maeImg .maey div{ font-size:18px; padding-top:20px; float:left;}
.maeImg div span{ display:inline-block; min-height:3em; line-height:1.5em;}
.maea{}
.maea div{}
.maea span{ text-align:left;}
.maea div:nth-child(1){ width:35.5%; text-align:center; padding-left:70px;}
.maea div:nth-child(2){ width:33.2%; text-align:center;}
.maea div:nth-child(3){ width:31%; text-align:center;}
.maeb{}
.maeb div:nth-child(1){ width:21.6%; text-align:center; padding-left:70px;}
.maeb div:nth-child(2){ width:22.1%; text-align:center;}
.maeb div:nth-child(3){ width:36.3%; text-align:center;}
.maeb div:nth-child(4){ width:19.7%; text-align:center;}
.maeb span{ text-align:left; padding-left:20px; position:relative;}
.maeb span font{ position:absolute; top:0; left:0;}

.maex{}
.maex div{ text-align:center; line-height:2em; min-height:6em;}
.maex span{ text-align:left;}
.maex div:nth-child(1){ width:18.3%; padding-left:3%; white-space: nowrap;}
.maex div:nth-child(2){ width:16.8%;}
.maex div:nth-child(3){ width:15.8%;}
.maex div:nth-child(4){ width:9.3%;}
.maex div:nth-child(5){ width:11%;}
.maex div:nth-child(6){ width:18.6%;}
.maex div:nth-child(7){ width:10.2%;}
.maex span{ text-align:left; padding-left:20px; position:relative;}
.maex span font{ position:absolute; top:0; left:0;}
.maey{}
.maey div{ text-align:center; line-height:2em; min-height:6em;}
.maex span{ text-align:left;}
.maey div:nth-child(1){ width:8.5%; padding-left:3%; white-space: nowrap;}
.maey div:nth-child(2){ width:14.5%;}
.maey div:nth-child(3){ width:15%;}
.maey div:nth-child(4){ width:14.5%;}
.maey div:nth-child(5){ width:14.5%;}
.maey div:nth-child(6){ width:14.5%;}
.maey div:nth-child(7){ width:18%;}
.maey span{ text-align:left; padding-left:20px; position:relative;}
.maey span font{ position:absolute; top:0; left:0;}




.mae{ padding:30px 0 60px 0; position:relative;}
.maeI{ margin:0 auto; max-width:1400px;}
.maeImg{ width:100%; margin:0 auto; display:none;}
.maeImg img{ display:block; width:100%; height:auto;}
.maeImgCh{ display:block;}
.maec{ position:absolute; top:50%; left:0; height:0; width:100%;}
.maec div{ position:absolute; bottom:0; width:70px; height:70px; background:#d8271c; border-radius:50%; cursor:pointer;}
.maecl{ left:20px;}
.maecr{ right:20px;}
.maecl:hover,.maecr:hover{ opacity:0.8;}
/*transparent*/
.maec div:after{ content:""; width:22px; height:22px; background:none; position:absolute; top:50%; display:block; transform:rotate3d(0,0,1,45deg); margin-top:-14px;}
.maecl:after{ left:50%; margin-left:-8px; border:2px solid #fff; border-right-color:transparent; border-top-color:transparent;}
.maecr:after{ right:50%; margin-right:-8px; border:2px solid #fff; border-left-color:transparent; border-bottom-color:transparent;}


@media(max-width:1620px){
.page-width{ width:1400px;}
.cp_cpb .cp_img{ display:block; width:50%;}
.cp_cpb .cp_img div img{ width:100%;}
.cp_cpc .cp_img{ width:40%;}
.cp_cpc .cp_img img{ width:100%;}
.cp_e,.cp_d{ max-width:1400px; min-width:0;}
.cp_e, .cp_d{ padding:0 20px;}
.cp_content div a{ width:auto; display:block;}
.cp_content div br{ display:none;}
.rcA{ min-width:1400px;}
.rcwidth{ min-width:1400px; overflow:hidden; width:1400px; padding:0 30px;}
.rcBb{ transform:scale(0.8);}
.rcCac img{ width:700px;}
.rcCad h4 span:after, .rcCad .h4 span:after{ width:620px;}
.rcCdd{ padding-left:800px;}
.rcCdc{ left:100px;}
.rcCdd h4 span:after, .rcCdd .h4 span:after{ width:440px;}
.rcCcc{ top:50px;}
.rcCcc img{ display:inline-block; width:800px;}
.rcCcd h4 span:after, .rcCcd .h4 span:after{ width:290px;}
.rcCbc{ left:100px;}
.rcCbc img{}
.rcCbd{ padding-left:450px;}
.rcCbd h4 span:after, .rcCbd .h4 span:after{ width:310px;}
.pead div{ padding:0; width:22%; margin-right:4%;}
.piab span{ padding:190px 0 0 0;}
.pfa_breadcrumb{ width:1400px;}
.pfad,.phad,.pgad,.paa .pal div,.pba .pal td>div{ width:700px;}
.pal .pfad{ padding-left:30px !important;}
.pfad div{ width:50%; margin-right:0;}
.pal .phad{ padding-left:30px !important;}
.phad>div{ width:50%; margin-right:0;}
.pal .pgad{ padding:0 10px !important;}
.pddb{ padding-top:80px;}
.pddc div{ width:32%; margin-right:2%; padding:40px 15px;}
.paa .pal div p{ font-size:24px;}
.paa .pal div p span{ left:20px;}
.pba .pal td>div{ padding:20px;}
.pbcc{ padding:100px 0 30px 0;}

.maban .prl{ width:40%;}

.maeI{ padding:0 100px;}
.mac .par{justify-content:center;}
.madDiv{ padding:40px;}
.mac{ padding-left:40px;}
}
@media(max-width:1420px){
.page-width{ width:1200px;}
.cp_e,.cp_d,.cp_cp,.cp_ban{ min-width:1200px;}
.rcA,.pdiv{ min-width:1200px;}
.rcwidth{ min-width:1200px; width:1200px;}
.rcBb{ transform:scale(0.7);}
.rcBb{ font-size:30px;}
.rcCac img{ width:600px;}
.rcCad h4, .rcCad .h4,.rcCdd h4, .rcCdd .h4,.rcCcd h4, .rcCcd .h4,.rcCbd h4, .rcCbd .h4{ font-size:36px;}
.rcCad h4 span:after, .rcCad .h4 span:after{ width:450px;}
.rcCad div,.rcCdd .rcCdf,.rcCcd div,.rcCbd .rcCbf{ font-size:28px;}
.rcCdd{ padding-left:600px;}
.rcCdc{ left:100px;}
.rcCdd h4 span:after, .rcCdd .h4 span:after{ width:240px;}
.rcCcc{ top:50px;}
.rcCcc img{ display:inline-block; width:700px;}
.rcCcd h4 span:after, .rcCcd .h4 span:after{ width:220px;}
.rcCbc{ left:20px;}
.rcCbc img{}
.rcCbd{ padding-left:250px;}
.rcCbd h4 span:after, .rcCbd .h4 span:after{ width:90px;}
.product{ min-width:1200px;}
.pea{ padding:0 30px;}
.pead div{ width:24.25%; margin-right:1%;}
.pead h3,.pead .h3{ font-size:26px;}
.peae{ width:80%; margin:0 auto;}
.pacc{ padding:60px 20px 0 20px;}
.peb .pal{ padding:0 10px;}
.peb .pal div{ padding-left:70px;}
.peb .pal h4,.peb .pal .h4{ padding-left:0;}
.pdf{ min-width:1200px;}
.pfa_breadcrumb{ width:1200px;}
.pfad,.phad,.pgad,.paa .pal div,.pba .pal td>div{ width:600px;}
.pdc .par div{ width:100%;}
.pdc .par div img{ display:inline-block; width:100%;}
.pch .pdbimg div{ left:auto; right:0;}
.pdd{ padding:0;}
.pddb{ padding-left:0;}
.pdbimg div{ left:auto; right:0;}
.paa .pal div p{ line-height:30px; padding:25px 10px 25px 100px;}
.pact{ padding:150px 40px 90px 40px}
.pact .pal{ width:40%;}
.pact .par{ width:60%;}
.maban .h3,.prr .hl{ white-space:inherit;}
.maeImg .maex div,.maeImg .maey div{ font-size:14px;}
}
@media(max-width:1220px){
.page-width{ width:1000px;}
.cp_e,.cp_d,.cp_cp,.cp_ban{ min-width:1000px;}
.cp_ed{ width:30%; margin-right:5%;}
.cp_ed:nth-child(4n){ margin-right:5%;}
.cp_ed:nth-child(3n){ margin-right:0;}
.cp_cpd .cp_img{ width:35%;}
.cp_cpd .cp_img img{ width:100%;}
.rcA,.pdiv{ min-width:1000px;}
.rcwidth{ min-width:1000px; width:1000px;}
.rcBb{ transform:scale(0.62);}
.rcCab{ padding-top:100px;}
.rcCac{ top:130px;}
.rcCa .rcCad .h4{ padding-bottom:0px;}
.rcCac img{ width:500px;}
.rcCad h4 span:after, .rcCad .h4 span:after{ width:280px;}
.rcCdd{ padding-left:490px;}
.rcCdc{ left:30px;}
.rcCdd h4 span:after, .rcCdd .h4 span:after{ width:200px;}
.rcCcc{ top:50px;}
.rcCcc img{ display:inline-block; width:600px;}
.rcCcd h4 span:after, .rcCcd .h4 span:after{ width:100px;}
.rcCbc{ left:0;}
.rcCba{ padding-top:50px;}
.rcCbd{ padding-left:210px;}
.rcCb .rcCbd div{ padding-left:60px;}
.rcCbd p{ font-size:22px;}
.rcCbd h4 span:after, .rcCbd .h4 span:after{ width:70px;}
.prDiv{ padding:0 20px 0 10px;}
.product{ min-width:1000px;}
.pead h3, .pead .h3{ font-size:22px;}
.peb .pal div{ padding-left:60px;}
.peb .pal{ padding:0 3px;}
.peb .pal h4,.peb .pal .h4{ font-size:22px;}
.pdf{ min-width:1000px;}
.rlatedProducts{ width:3.33333333333%;}
.piai p,.pibr p{ font-size:24px;}
.pibl{ margin-left:2%; width:58%;}
.pibl div{ width:100%; background-position:center bottom; background-size:contain;}
.pfa_breadcrumb{ width:1000px;}
.pfad,.phad,.pgad,.paa .pal div,.pba .pal td>div{ width:500px;}
.pal .pfad{ padding-left:10px !important;}
.pfa .pfad span{ width:100%;}
.pfad div{ margin:10px 0;}
.pfad h3, .pfad .h3{ font-size:24px;}
.pfc .pal{ padding:0 1%;}
.pal .phad{ padding-left:10px !important;}
.pfa .phad span{ width:100%;}
.phad>div{ margin:10px 0;}
.phad h3, .phad .h3{ font-size:24px;}
.pgad div{ width:50%; margin:0;}
.pgad p{word-wrap:break-word;}
.pdads{ width:930px; padding-left:560px;}
.pdadc{ width:1000px;}
.product .page-width{ padding:0 10px;}
.pdbc{ padding-left:10px;}
.pddc p{ font-size:16px;}
.pddc div{ padding:20px 10px;}
.pdda,.pddb{ height:660px;}
.pddb{ padding-top:80px;}
.pdda span{ bottom:50px;}
.pdbimg div{ bottom:-210px;}
.pch .pdbimg div{ bottom:-30px;}
.pdbimg div img{ display:inline-block; width:300px; height:auto;}
.pab{ padding:0;}
.pabc{ padding-top:400px;}
.pabc div{ padding:0 5px;}
.pact .par{ padding-right:0;}
.pch .pabimg{ top:-25%; left:-36%;}
.pha .phad span{ width:100%;}
.mab .par br{ display:none;}
.mac .macPal{ padding-left:0;}
.maeImg .maex div, .maeImg .maey div{ font-size:12px;}
}
@media(max-width:640px){
.page-width{ width:100%; min-width:100%;}
#holder canvas{ height:50vh !important;}
.pdTitle{ font-size:26px; line-height:1.5em;}
.cp_ban{ height:50vh; min-width:100%; padding:0 10px; min-height:0;}
.protocol{ padding:0 10px 20px 10px;}
.protocol p{ font-size:16px; line-height:1.5em;}
.protocol h4{ font-size:18px;}
.cp_e, .cp_d, .cp_cp{ min-width:100%; padding:20px 10px; min-height:0; height:auto;}
.cp_ban_txt h2, .cp_ban_txt h1{ padding-bottom:0; font-size:28px;}
.cp_ban_txt p{ font-size:16px;}
.cp_ed,.cp_div a,.rlatedNewsD{ width:100%; margin-right:0; float:none;}
.cp_div p{ height:auto; font-size:16px; line-height:1.5em;}
.cp_dt{ font-size:24px;}
.cp_div div div{ font-size:20px;}
.cp_div h5{ font-size:20px;}
.cp_content p a{ font-size:16px;}
.cp_ed_div h4, .cp_ed_div div,.rlatedNewsDiv p{ font-size:16px; overflow:auto; white-space:inherit; border:1px solid #f0eeee; padding:10px;}
.cp_ed_img{ margin:0;}
.cp_content h3, .cp_content h2, .cp_content .h2{ margin:10px 0;}
.cp_ban_txt{ position:absolute; top:auto; left:10px; bottom:20px; margin:0; width:calc(100% - 20px);}
.cp_img,.cp_cpc .cp_img,.cp_cpb .cp_img,.cp_cpd .cp_img{ width:100%; position:relative; top:auto; left:auto; display:block; height:auto; margin:0 auto; right:auto;}
.cp_img div{ width:100%; text-align:center;}
.cp_img div img,.cp_cpb .cp_img div img{ display:inline-block; max-width:70vw; max-height:70vw;}
.cp_cpb .cp_img{ width:auto; text-align:center;}
.cp_con{ display:block; position:relative; top:auto; left:auto; height:auto;}
.cp_content,.cp_cpb .cp_content,.cp_cpd .cp_content{ width:auto; padding:0;}
.cp_content h3,.cp_content h2,.cp_content .h2,.cp_content h3 a,.cp_content h2 a,.cp_content .h2 a{ font-size:24px;}
.cp_content p{ font-size:16px; line-height:1.5em;}
.cp_content div a{ font-size:16px; line-height:1.5em;}
.pal,.par{ float:none; width:100%;}
.product{ min-width:100%; min-height:0; height:50vh; background:#000;}
.prDiv img{ max-width:100vw; max-width:100%; max-height:100vw; margin: auto 0 auto; padding-right:0;}
.prDiv{ padding:0 0 0 10px;}
.prl,.prr{ width:100%; height:50vh; float:none; display:flex; justify-content:center; align-items:center;}
.pra div{ padding:0; margin-top:-30px;}
.pra td>div{ padding:0; margin-top:-30px;}
.pra td>div{ min-height:0;}
.prl{ width:47%; position:absolute; left:0; top:0; z-index:1;}
.prr{ width:50%; margin-left:50%; position:relative; z-index:2;}
.prr table td{ height:50vh;}
.prr h1{ font-size:24px; line-height:1.3em; padding:10px 0;}
.prr h3, .prr .h3{ font-size:16px; line-height:1.5em; display:block; margin-top:0; padding:5px 0 15px 0;}
.prr span,.prr h1 span{ line-height:2em; position:relative; display:inline-block; margin-bottom:5px; margin-right:2px; padding:0 6px; font-size:16px;}
.prls span,.prls h1 span{ display:block; width:120px; text-align:center;}
.prr p{ display:none; font-size:18px; line-height:1.5em; padding-bottom:40px;}
.rcA,.pdiv{ min-width:100%; padding:0px 10px 20px 10px; overflow:hidden;}
.peb{ padding:20px 0 20px 0;}
.pead{ padding:20px 0;}
.pead p{ font-size:16px; line-height:1.5em;}
.peae{ width:100%;}
.peb .pal span{ transform:scale(0.6);}
.pead div{ width:100%; margin:0 0 20px 0; float:none;}
.pead span{ margin:0 0 5px 0;}
.peb .pal{ width:100%; float:none; text-align:left; margin-bottom:30px;}
.pacc{ padding:20px 0 10px 0; border-width:0px;}
.peb .pal p{ color:#666; font-size:16px; line-height:1.5em;}
.breadcrumb li a{}
.piai div{ float:none; width:100%; margin:0 0 10px 0; min-height:0; padding:30px 10px;}
.piai div span{ padding:0; width:70vw; height:70vw; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.piai span img{ max-width:70vw; max-height:70vw;}
.piai div p{ position:relative; top:auto; left:auto; right:auto; bottom:auto; text-align:left; font-size:20px; text-align:center; line-height:1.5em;}
.pib{ padding:20px 0 30px 0;}
.pibl{ width:100%; margin:0; height:auto;}
.pibl div{ height:50vw; margin-top:0;}
.pibr{ width:100%; padding:0;}
.pibr table{ height:auto; width:100%; text-align:center;}
.pibr table p{ font-size:20px; line-height:1.5em;}
.om01 .om011 input{ font-size:20px; min-width:160px; line-height:1em; padding:10px 0; margin-top:10px}
.dban .prr{ padding:0;}
.pdca table{ height:auto;}
.om01 .om011{ position:relative; top:auto; left:auto; bottom:auto; height:50vh; display:flex; justify-content:center; align-items:center;}
.om01 .om011 span{ font-size:30px; padding:0; line-height:1.5em;}
.om01 .om011 h1{ font-size:20px; line-height:1.5em; padding:0 0 10px 0; height:200px;}
.om012 p{ font-size:16px; line-height:1.5em; display:none;}
.pda{ height:auto;}
.pdadiv{ position:relative; width:100%; overflow:hidden; min-height:400px;}
.pdad,.pdadiv{ position:relative; top:auto; left:auto; right:auto; bottom:auto; display:block; height:auto; opacity:1; margin:0;}
.pdada,.pdadb{ display:none;}
.pdadc,.aaaaa .pdadc{ width:1000px; height:720px; transform:scale(0.4); -webkit-transform:scale(0.4); position:absolute; top:-150px; left:50%; margin-left:-520px;}
.aaaaa .pdadc{ transform:scale(0.4) !important; -webkit-transform:scale(0.4) !important;}
.pdadc div{ opacity:1; transform:none !important;}

.pdb{ height:auto;}
.pdbimg{ width:40%; min-height:40px;}
.pdbimg div img{ width:100%;}
.pdb .pdbimg div,.aaaaa .pdb .pdbimg div{ transition:none !important; bottom:auto; position:relative; left:auto; padding-top:20px;}

.pdbc{ width:60%;}
.pdbc h3,.pdbc h2{ padding:20px 0 10px 0; font-size:22px; line-height:1.5em;}
.pdca h3,.pdca h2{ font-size:22px; line-height:1.5em; padding:20px 0 20px 0;}
.pdbr div{ min-height:148px;}
.pdbr span{ font-size:20px; line-height:1.5em;}
.pdbr p{ font-size:16px; line-height:1.5em; min-height:9em;}

.pdc .pal div{ padding:0;}
.pdc .pal div p{ padding-bottom:20px; font-size:18px;}
.pdd .pddb{ padding-right:0; padding-top:20px;}
.pddb h3, .pddb h2{ font-size:22px; line-height:1.5em; padding-bottom:20px; text-align:center;}
.pdd .pddc div{ margin-bottom:10px;}
.pddc div>font{ font-size:22px;}
.pddc p{ text-align:center;}

.pdf{ min-width:100%;}
.rlatedProducts{ width:10%;}
.rlatedNews{ margin:0;}
.rlatedNewsD{ margin-bottom:30px;}
.rlatedProducts p{ font-size:18px; line-height:24px; height:48px;}
.index_cicon span{ transform:scale(0.6);}
.pfa .pal table{ height:auto;}
.pal .pgad div{ text-align:left; margin-right:4%; width:48%; padding:0;}
.pal div:nth-child(2n){ margin-right:0;}
.pfa .pal .pfad{ padding:90px 0 0 0 !important;}
.pfad, .phad, .pgad, .paa .pal div, .pba .pal td>div{ width:100%;}
.pfad div{ width:100%;}
.pfad p,.phad p{ min-height:0; font-size:16px; line-height:1.5em;}
.pfa .par,.pha .par{ height:auto; width:100%;}
.pfa .par{ margin-top:30px;}
.pfa .par div,.pha .par div{ height:300px; width:100%;}
.pfc{ padding:0 0;}
.pfc .pal,.phc .pal{ width:100%; text-align:left; min-height:80px;}
.pfa .pfad span{ margin:0; position:relative; top:auto; left:auto; margin-bottom:5px;}
.pfa_breadcrumb{ width:100%;}
.pfa_breadcrumb .breadcrumb{ padding-left:0;}
.pfad div,.pal div.h3,.pha .pal .phad>div{ animation:none !important;}
.pal div.h3{ font-size:22px; margin:0; float:none;}
.pfad p{ font-size:16px;}
.prhs div{ margin-top:-70px;}
.pia{ padding:0px 0 0 0;}
.pfc .pal>div,.phc .pal>div{ display:block; margin:20px 0; padding-left:70px;}
.pfc .pal span,.phc .pal span{ transform:scale(0.6);}
.pdb{ width:100%; min-height:42vh; overflow:hidden; box-sizing:border-box;}
.pdc{ min-height:42vh;}
.pfc .pacc{ padding:30px 0;}
.pfc .pal h4,.pfc .pal .h4,.phc .pal .h3{ font-size:22px; line-height:1.5em; font-weight:normal;}
.pfc .pal p,.phc .pal p{ color:#666;}
.pdca .pal div,.phc .pal div{ width:auto; display:block;}
.pdda, .pddb{ width:100%; float:none; height:auto;}
.pdda span{ position:relative; left:auto; bottom:auto; padding:0; width:80%; margin:0 auto; padding-top:20px;}
.pddc div{ width:100%; margin:0; float:none;}
.pddc p{ min-height:auto;}
.pha{ padding:0;}
.pha .pal .phad{ padding:0 !important;}
.pha .pal .phad>div{ width:100%; padding:0 !important;}
.pha .pfa_breadcrumb,.pga .pfa_breadcrumb{ padding:0 10px;}
.pha .pal table{ height:auto; padding:90px 10px 0 10px;}
.phc{ padding:0;}
.phc .pacc{ padding:20px 10px;}
.pha .phad span{ margin:0 0 5px 0;}
.paa .pal,.paa .par{ float:none; width:100%; height:auto;}
.paa .par img{ margin:20px 0; max-width:80%;}
.paa .pal{ padding-top:30px;}
.paa .pal table{ height:auto;}
.paa .pal div{ padding:0 !important;}
.paa .par div{ height:300px;}
.pact{ padding:0;}
.pact .pal,.pact .par{ float:none; width:auto;}
.pha .pdTitle{ display:none; padding:0; text-align:left;}
.pba .pal,.pba .par{ width:100%; float:none;}
.pba .pal table{ height:auto;}
.pba .par,.pba .par div{ height:300px;}
.pga{ padding:0;}
.pga .pal table{ height:auto; padding:90px 0 30px 0;}
.pga .par,.pga .par div{ width:100%; height:120vw;}
.pgad p{ font-size:16px;}
.paa{ padding:0;}
.paa .pfa_breadcrumb{ padding:0 10px;}
.pabc{ padding-bottom:30px;}
.pabc div{ width:100%; display:block; float:none; padding-left:60px; position:relative; min-height:60px; margin-bottom:10px; display:flex; justify-content:left; align-items:center;}
.pabc div span{ position:absolute; top:50%; left:0; margin-top:-20px; width:50px; height:50px;}
.pabc p{ font-size:16px; line-height:1.5em; padding:0; text-align:left;}
.paa .pal div p span{ transform:scale(0.6); left:5px;}
.paa .pal div p{ font-size:16px; transition:none; animation:none !important; padding:10px 10px 10px 50px;}
.pab .pabimg{ transform:scale(0.5); transition:none;}
.pab .pabimg{ top:-32%; left:-60%;}
.pabc{ padding-top:280px;}
.pabc span{ width:60px; height:60px; border-radius:10px;}
.pabc span font{ transform:scale(0.6); margin-top:-1px;}
.pac{ padding:0;}
.pact .par{ padding:20px 0;}
.pact{ padding:0 10px;}
.pact .pal{ width:80%; margin:0 auto;}
.pact .par h3, .pact .par .h3{ font-size:22px; line-height:1.5em; padding-bottom:10px;}
.pact .par p{ font-size:16px; line-height:1.5em;}
.pacc{}
.pacc .pal>div{ display:block; padding-left:70px; padding-bottom:10px;}
.pacc .pal span{ transform:scale(0.6);}
.pal h4, .pal .h4{ font-size:22px;}
.pacc .pal p{ color:#666; font-size:16px; padding-right:10px;}
.pacc .pal p:nth-child(4),.pacc .pal p:nth-child(7){ display:none;}
.pdfbg .pdTitle{ margin:0 auto; display:block; font-size:22px;}
.pba{ padding:0;}
.pba .pfa_breadcrumb{ padding:0 10px;}
.pba .pal{ padding:90px 0 20px 0;}
.pba .pal td>div{ padding:0 10px 20px 10px;}
.pbb{ height:auto;}
.pba .pbaa{ padding-top:0;}
.pba .pal div .h3,.pba .pal div h3{ font-size:22px;}
.pba .pal div p{ font-size:16px; line-height:1.5em;}
.pbb .pbbimg{ width:100%; float:none; background:url(../image/bc.png) top no-repeat; background-size:contain; width:100%; height:80vw; min-height:0;}
.pbb .pbbimg div{ display:none;}
.pbbc{ width:100%; float:none;}
.pbbc table{ height:auto;}
.pbb .pbbc p{ font-size:16px; line-height:1.5em; animation:none !important;}
.pact .pal{ width:80%; margin:0 auto;}
.pacc .pal{ width:auto;}

.rcA{ min-height:0; height:50vh;}
.rcwidth{ min-width:0; width:auto; padding:10px 0; overflow:initial; height:auto; min-height:0;}
.rcA .rcwidth{ padding:0; position:relative; height:50vh;}
.rcA h3, .rcA h1{ font-size:24px; line-height:1.2em; padding-bottom:10px; min-height:240px;}
.rcAh{ min-height:0; height:50vh; width:100%;}
.rcAh>div{ display:block; width:100%;}
.rcAa{ margin:5px 0;}
.rcAa span{ font-size:14px; width:33%; margin-right:0.5%; line-height:30px;}
.rcAa span:nth-child(3){ margin-right:0;}
.rcAa,.rcAb{ display:none;}
.rcAb p{ font-size:16px; line-height:1.5em;}
.rcA h5, .rcA .h5{ font-size:24px; line-height:1.2em; margin:5px 0; display:none;}
.rcAbut{ min-width:0; padding:10px; line-height:1em; font-size:18px; color:#fff; border:1px solid #fff; min-width:160px;}


.rcB h3, .rcB h2{ font-size:24px; line-height:1.5em; padding:0 0 10px 0;}
.rcBa{ font-size:16px; line-height:1.5em;}
.rcBa i{ font-size:1em;}

.rcBb{ transform:none; height:auto; position:relative; margin:120px 0;}
.rcBb>div{ margin:0;}
.rcBb:after{ content:""; width:100%; height:0; overflow:hidden; clear:both; display:block;}
.rcBb div img{ display:block;}
.rcBb p{ animation:none !important; display:block; top:auto; left:auto; right:auto; bottom:auto; white-space:nowrap; width:auto;}
.rcBb p span{}
.rcBb p span:after{ animation:none !important;}
.rcBb .rcBba{ float:left; position:relative; top:auto; left:auto; right:auto; bottom:auto;}
.rcBba div img{ width:67vw;}
.rcBb .rcBbb{ float:right; position:relative; top:auto; left:auto; right:auto; bottom:auto;}
.rcBbb div img{ width:25vw; margin-top:10vw;}
.rcBb .rcBbc{ float:none; left:0; top:24vw;}
.rcBbc div img{ width:29vw;}
.rcBb .rcBbd{ float:none; left:15vw; top:31vw;}
.rcBbd div img{ width:11vw;}
.rcCaa{ padding:0; min-height:0;}
.rcCba{ padding:0; min-height:0;}
.rcCca{ padding:0; min-height:0;}
.rcCda{ padding:0; min-height:0;}
.rcCdd .rcCdf{ padding-bottom:0;}
.rcBba{ position:relative;}
.rcBba p{ top:-10vw; left:39vw;}
.rcBba p span{}
.rcBba p span:after{ width:1px; right:50%; height:10vw;}
.rcBbb{ position:relative;}
.rcBbb p{ bottom:-10vw; right:10vw; padding:0 20px 0 0; text-align:right;}
.rcBbb p span{ left:auto; right:0;}
.rcBbb p span:after{ width:1px; height:20vw; right:50%; top:auto; bottom:0;}
.rcBbc{ position:absolute;}
.rcBbc p{ top:-44vw; left:10vw; padding:0 0 0 20px; text-align:left;}
.rcBbc p span{ right:auto; left:0}
.rcBbc p span:after{ width:1px; left:50%; height:46vw;}
.rcBbc p span:before{ display:none;}
.rcBbd{ position:absolute;}
.rcBbd p{ bottom:-50vw; left:5vw; padding:0 0 0 20px; text-align:left;}
.rcBbd p span{ right:auto; left:0;}
.rcBbd p span:after{ width:1px; height:50vw; left:50%; top:auto; bottom:0;}

.rcCDiv,.rcCab{ height:auto; padding-top:10px;}
.rcCac,.rcCbc,.rcCcc,.rcCdc{ width:100%; text-align:center; position:relative; top:auto; left:auto; right:auto; bottom:auto;}
.rcC .rcCDiv .h4 span{ display:none;}
.rcC h4,.rcC div.h4,.rcC .rcCa .rcCad .h4{ font-size:22px; line-height:1.5em; margin-top:20px; padding:0;}

.rcC img{ max-width:80vw; max-height:80vw;}
.rcC .rcCad{}
.rcCico{ top:-8px;}
.rcC p{ font-size:16px; line-height:1.5em;}
.rcCad,.rcCb	d,.rcCcd,.rcCdd{ padding:0;}
.rcCb .rcCbd .rcCbda{ padding:0;}
.rcCad div, .rcCdd .rcCdf, .rcCcd div, .rcCbd .rcCbf{ font-size:20px; line-height:1.5em;}
.rcCb .rcCbda div{ width:100%; float:none;}
.rcCa .rcCad div,.rcCc .rcCcd div,.rcCb .rcCbda div,.rcCd .rcCdd div{ margin-top:20px; min-height:50px;}
.rcCb .rcCbda .rcCbdiv{ margin:0;}
.rcCb .rcCbda .rcCbdiv font{ font-size:16px; line-height:1.5em;}
.rcCa .rcCad div span,.rcCc .rcCcd div span,.rcCb .rcCbda div span,.rcCd .rcCdd div span{ transform:scale(0.6);}
.rcCcc{ padding:90px 0 40px 0;}
.rcCbd .rcCbf{ padding-bottom:0px;}
.rcC .rcCbdiv{ padding-left:80px;}
.rcC .rcCbdiv font{ font-size:16px;}
.table{ min-height:0;}
.rcDaba div{ min-height:272px; padding:20px 10px 0 0;}
.rcD{ padding:0;}
.rcDbg{ position:relative; top:auto; left:auto; width:100vw; height:53.8vw;}
.rcd .rcwidth{ padding:10px;}
.rcDa{ float:none; width:auto; margin:0; padding:0 10px;}
.rcDaba{ width:auto; padding:0; min-height:0; margin-bottom:20px;}
.rcDa h4, .rcDa .h4{ font-size:24px;}
.rcDad h5, .rcDad .h5{ font-size:20px;}
.rcDad p{ font-size:16px; line-height:1.5em;}
.rcDac{ text-align:center;}
.rcDac span{ margin:0 10px;}

.centerH2{ font-size:16px;}

.maban .prl img{ height:50vh;}
.maa .pal div .paaP{ text-align:center; margin-bottom:20px;}
.mab .par p{ font-size:16px;}
.mab .pal,.mab .par,.mabz .pal,.mabz .par{ height:auto; margin:20px 0; animation:none !important;}
.mac .macPal{ padding:20px 0 0 0;}
.mac .macPal p{ font-size:16px; line-height:1.5em;}
.mac .par{ width:90%; padding-top:20px;}
.pal div{ padding:0 0 0 0;}
.madDiv{ font-size:16px; padding:20px; line-height:1.5em;}
.maeImg .maea div,.maeImg .maeb div{ font-size:1.3vw;}
.maeb div:nth-child(1),.maea div:nth-child(1){ padding-left:5%;}

.maeI{ padding:0 0;}
.maec{ position:relative; top:auto; left:auto; height:40px;}
.maec div{ width:40px; height:40px;}
.maec div:after{ width:12px; height:12px; margin-top:-8px;}
.maecl:after{ margin-left:-4px;}
.maecr:after{ margin-right:-4px;}
.maeImg div span{ min-height:6em;}

.maeImg .maex div, .maeImg .maey div{ font-size:0.1vw;}
.maeImg div span{ padding:0;}
.maex span font,.maey span font{ display:none;}
.mab .par p,.mabz .pal p{ line-height:2.6em;}

.mae{ display:none;}
.maexxx{ display:block;}

.maexxx .maeImg>div>div{ float:left; text-align:center;}
.maez00 div:nth-child(1){ width:28%; padding-left:4%;}
.maez00 div:nth-child(2){ width:30%;}
.maez00 div:nth-child(3){ width:42%;}
.maez01 div:nth-child(1){ width:46%; padding-left:7.4%;}
.maez01 div:nth-child(2){ width:40%;}
.maez02 div:nth-child(1){ width:44%; padding-left:7.4%;}
.maez02 div:nth-child(2){ width:46%;}
.maez05 div:nth-child(1){ width:48%; padding-left:7%;}
.maez05 div:nth-child(2){ width:42%;}
.maez06 div:nth-child(1){ width:48%; padding-left:7%;}
.maez06 div:nth-child(2){ width:23%;}
.maez06 div:nth-child(3){ width:28%;}
.maez07 div:nth-child(1){ width:54%; padding-left:7%;}
.maez07 div:nth-child(2){ width:30%;}
.maexxx .maeImg img{ display:block; height:suto; width:100%;}
.maexxx .maeImg div span{ text-align:left; padding-left:15px; position:relative;}
.maexxx .maeImg div span font{ position:absolute; top:0; left:0;}

}