/* CSS Document */
.red{ color:#d8271c;}
.picture-us{ background-image:url(../image/picture-us.jpg);}
.picture-Teg{ background-image:url(../image/picture-Teg.jpg);}
.picture-Pro{ background-image:url(../image/picture-Pro.jpg);}
.picture-Tra{ background-image:url(../image/picture-Tra.jpg);}
.picture-Abo{ background-image:url(../image/about-ban.jpg);}
.picture-Ce{ background-image:url(../image/picture-Ce.jpg);}
.picture-Rms{ background-image:url(../image/picture-Rms.jpg);}
.picture-Er{ background-image:url(../image/picture-Er.jpg);}
.picture-Gy{ background-image:url(../image/picture-Gy.jpg);}
.picture-Pg{ background-image:url(../image/picture-Pg.jpg);}
.picture-SaleSupport{ background-image:url(../image/picture-SaleSupport.jpg);}
.picture{ width:100%; min-width:1400px; background-repeat:no-repeat; background-position:center; height:340px; background-color:#2b2b2b; background-size:cover;}
.words{ font-size:48px; color:#fff; line-height:340px;}
.contactUsl{ width:50%; float:left; padding-bottom:120px; padding-top:60px;}
.contactUsl div{ width:540px; background:#fff; box-shadow:-2px 4px 10px 0px #ddd; margin-left:120px; border-radius:10px; padding:20px 50px;}
.contactUsl h5{ font-size:22px; line-height:50px; font-weight:normal;}
.contactUsl p{ margin-top:20px; font-size:18px;}
.contactUsl span{ font-size:18px; color:#b2000e; padding-top:10px; display:block;}
.contactUsl_er{ padding-right:110px; position:relative;}
.contactUsl_er font{ display:block; width:100px; height:100%; position:absolute; top:0; right:0;}
.contactUsl_er font img{ display:block; width:100%; height:42px;}
.contactUsl input,.contactUsl textarea,.contactUsl select{ height:42px; width:100%; border:1px solid #000; line-height:42px; padding:0 12px; font-size:18px; transition:all 0.27s;}
.contactUsl textarea{ height:126px; max-width:100%; min-width:100%; min-height:126px;}
.contactUsl input[type=text]:focus,.contactUsl textarea:focus{ box-shadow:0 0 8px 1px #fea6ad; border-color:#d51c2b;}
.contactUsl .contactUsbut{ width:160px; height:50px; background:#b2000e; transition:background 0.27s linear; cursor:pointer; color:#fff; border:none; font-size:20px; margin-bottom:30px;}
.contactUsl .contactUsbut:hover{ background:#da291c;}
.contactUsr{ width:50%; float:right; padding-bottom:120px; padding-top:60px; padding-left:30px; font-size:18px;}
.contactUsr h4{ font-size:28px; line-height:60px; font-weight:normal; text-transform:uppercase;}
.contactUsr h4 span{ display:block; width:80px; height:1px; margin-bottom:20px;}
.contactUsr h3{ color:#b2000e; line-height:32px; font-weight:normal;}
.contactUsr p{ line-height:34px; color:#000;}
.contactUsr div{ margin-top:20px;}
.contactUsr div a{ display:inline-block; margin-right:20px;}
.contactUsr div .icon{ transition:transform 0.1s linear;}
.contactUsr div a:hover .icon{ transform:translate(0,-5px);}
.contactMap{}
.map{}
#BaiduMaps{ width:100%; height:500px;}
.blank{ height:100px;}
.tegisteredT{ margin:60px 0 20px 0;}
.tegisteredT a{ display:inline-block; margin-right:10px;}
.tegisteredT span{ display:inline-block; line-height:46px; cursor:pointer; border-radius:23px; padding:0 20px; text-align:center; color:#fff; font-size:16px; background:#838280; transition:background 0.27s linear;}
.tegisteredT .tegTch{ background:#b2000e;}
.tegisteredT span:hover{ background:#da291c;}
.tegisteredC{}
.tegisteredD{ padding-right:420px; border-bottom:1px solid #d3d3d3; position:relative; font-size:18px;}
.tegisteredDl{ display:table-cell; vertical-align:middle; padding:35px 0;}
.tegisteredD p{ width:100%; padding-right:130px; color:#2b2b2b; line-height:30px;}
.tegisteredDr{ width:420px; position:absolute; top:50%; right:0; height:36px; margin-top:-18px; color:#6f6f6f;}
.tegisteredD span{ display:inline-block; width:280px; margin-right:20px; line-height:36px;}
.tegisteredD a{ display:inline-block; width:120px; height:36px; line-height:36px; text-align:center; background:#adadad; color:#fff; border-radius:5px; transition:all 0.27s linear;}
.tegisteredD:hover p{ color:#da291c; text-decoration:underline;}
.tegisteredD:hover a{ background:#b2000e;}
.tegisteredD a:hover{ background:#da291c;}
.guide{ padding:60px 0 30px ;}
.guideT{ width:300px; text-align:center; line-height:46px; color:#fff; background:#b2000e; border-radius:23px; margin:40px auto; font-size:22px;}
.guideC{}
.guideD{ width:326px; float:left; margin-right:32px; margin-bottom:32px; overflow:hidden; padding:30px 30px 20px 30px; background:#f4f4f4; border-radius:10px; transition:box-shadow 0.27s linear; position:relative;}
.guideD:nth-child(4n){ margin-right:0;}
.guideDc{ position:absolute; top:0; left:0; width:100%; height:100%; padding:20px 30px 30px 30px; opacity:0; transition:opacity 0.27s;}
.guideDc:after{ content:""; width:100%; height:100%; display:block; background:#000; opacity:1; position:absolute; top:0; left:0; z-index:1;}
.guideDc div{ height:210px; overflow-y:auto; margin-top:10px;}
.guideD:hover .guideDc{ opacity:1;}
.guideDc h4{ font-size:24px; color:#2b2b2b; line-height:30px; height:60px; overflow:hidden; font-weight:normal; position:relative; z-index:3; color:#fff;}
.guideDc p{ line-height:20px; position:relative; z-index:3; padding:5px 0;}
.guideDc p a{ display:inline-block; margin-right:10px; color:#fff; cursor:pointer;}
.guideDc p .icon{ cursor:pointer;}
.guideDc p .icon{ transition:transform 0.1s linear;}
.guideDc p .icon:hover{ transform:translate(0,-5px);}
.guideDc p a:hover{ color:#da291c;}
.guideDimg{ width:270px; height:280px; overflow:hidden; text-align:center;}
.guideDimg img{ max-width:270px; height:auto;}
.guideD:hover{ box-shadow:-2px 2px 6px 0px #ccc;}
.videoDiv{ width:700px; background:#838280; margin:0 auto; border-radius:10px; padding:0 30px 30px 30px;}
.videoDiv h4{ color:#fff; line-height:30px; padding:20px 30px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.mp4{ width:100%; height:360px; background:#b2000e;}
.mp4 video{ width:100%; height:360px; background:#2b2b2b;}
.videoClose{ text-align:right;}
.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-top:20px;}
.videoClose span:hover{ opacity:0.9;}
.trainingA{ margin:40px auto 80px auto; color:#2b2b2b; position:relative;}
.trainingAt{ position:relative; padding-right:660px; min-height:386px;}
.trainingAt h3{ font-size:30px; font-weight:normal; line-height:30px; padding-bottom:30px;}
.trainingAta{ font-size:18px; line-height:30px; line-height:32px; padding-bottom:20px;}
.trainingAtb p{ font-size:18px; color:#6a6a6a; padding-left:40px; position:relative; line-height:40px;}
.trainingAtb p br{ display:none;}
.trainingAtb p span{ display:block; position:absolute; top:50%; left:0; margin-top:-12px;}
.trainingAti{ width:620px; height:auto; max-height:386px; overflow:hidden; border-radius:10px; position:absolute; top:0; right:0;}
.trainingAtimg{ border-radius:10px;}
.trainingAb{}
.trainingAb h3{ font-size:30px; font-weight:normal; padding-bottom:20px;}
.trainingAb div{}
.trainingAb span{ display:block; float:left; width:25%; font-size:18px; line-height:32px; padding-bottom:20px;}
.trainingAtw .trainingAt{ padding:30px 0 0 0; min-height:0;}
.trainingAtw .trainingAtb{ padding:40px 0 50px 0;}
.trainingAc h3{ font-size:30px; font-weight:normal; padding-bottom:50px;}
.trainingAcb{}
.trainingAcbd{ border:1px solid #2b2b2b; display:inline-block; margin-right:10px; width:400px; padding:4px 10px; text-align:center;}
.trainingAc .trainingAcbd p{ border-bottom:1px solid #cdcdcd; color:#2b2b2b; line-height:80px; font-size:18px;}
.trainingAcbd span{ line-height:130px; font-size:36px; color:#b2000e;}
.trainingAc p{ color:#b2000e;}
.trainingD{ background:#f0f0f0; min-width:1400px; padding:40px 0 80px 0;}
.traCq{ padding-bottom:80px;}
.traC{ padding-top:50px;}
.traC h3{ font-size:30px; line-height:34px; position:relative; color:#2b2b2b; margin-bottom:24px; font-weight:normal;}
.visaI{ border:1px solid #bebebe; width:100%; margin-bottom:20px; box-sizing:border-box; border-radius:5px;}
.visaIa{ border:1px solid #da291c;}
.visaI input,.visaI select{ font-size:18px; height:50px; line-height:50px; padding:0 5px; box-sizing:border-box; width:100%; transition:box-shadow 0.27s; border-radius:5px;}
.selectDh{ display:none;}
.visaI input:focus,.visaI select:focus{ box-shadow:0 0 8px 1px #bebebe;}
.traCb{ border:1px solid #a31f24; transition:all 0.27s; text-align:center; cursor:pointer; display:inline-block; width:230px; padding-right:40px; height:50px; border-radius:35px; font-size:16px; color:#a31f24; line-height:50px; position:relative; margin-top:20px;}
.traCb span{ transition:all 0.27s; display:inline-block; width:30px; height:30px; background-position:-32px -78px; background-color:#a31f24; border-radius:50%; position:absolute; top:50%; margin-top:-15px; right:15px;}
.traCb:hover{ box-shadow:0 0 5px 0px #a31f24;}
.trainingDa{ width:280px; margin-right:10px; float:left;}
.trainingDaa{ width:720px;}
.trainingDa:nth-child(5){ margin-right:0;}
.trainingDiv{}
.trainingDb{ padding-left:50px; position:relative; font-size:16px; line-height:46px;}
.trainingDb label{ padding-left:28px; position:relative; cursor:pointer;-webkit-user-select:none; padding-right:10px;}
.trainingDb label input{ display:none;}
.trainingDb label span{ display:inline-block; width:18px; height:18px; position:absolute; top:50%; margin-top:-9px; left:2px; background-position:-358px 0;}
.trainingDb label input:checked + span{ background-position:-378px 0;}
.trainingDc{ font-size:18px; line-height:30px; color:#b2000e; margin:20px 0 50px 0;}
.trainingDe{}
.trainingDe:hover{ opacity:0.7; filter:alpha(opacity=80);}
.trainingC{ padding-bottom:50px;}
.trainingC h3{ font-weight:normal; font-size:30px; color:#2b2b2b; line-height:128px;}
.trainingCc{}
.trainingCc div{ width:444px; margin-right:32px; color:#fff; float:left; border-radius:10px; text-align:center; padding-top:40px;}
.trainingCc div:nth-child(3){ margin-right:0;}
.trainingCc p{ font-size:24px; line-height:30px; height:110px; overflow:hidden; padding:10px 0 40px 0;}
.trainingCc span{ display:inline-block; width:70px; height:64px; background-image:url(../image/training.png); background-repeat:no-repeat;}
.trainingCca{ background:#2b2b2b;}
.trainingCcb{ background:#b2000e;}
.trainingCcc{ background:#266287;}
.trainingCca span{ background-position:0 0;}
.trainingCcb span{ background-position:-70px 0;}
.trainingCcc span{ background-position:-140px 0;}
.trainingt{ font-size:18px; color:#2b2b2b; position:relative; min-height:480px; margin:90px 0 70px 0;}
.trainingtl{ width:880px; box-shadow:0 0 10px 0px #ddd; position:relative; z-index:2; padding:60px; border-radius:10px;}
.trainingtl h3{ font-size:30px; text-align:center; font-weight:normal; color:#b2000e; padding-bottom:20px;}
.trainingtp{ line-height:30px; height:60px; margin-bottom:40px; overflow:hidden;}
.trainingtb{ height:160px;}
.trainingtb p{ line-height:20px; color:#6a6a6a; position:relative; padding:10px 0 10px 40px;}
.trainingtb p i{ display:block; position:absolute; top:50%; left:0; margin-top:-12px;}
.trainingtbut{ width:220px; height:46px; text-align:center; line-height:46px; border-radius:5px; margin:0 auto; color:#6a6a6a; border:1px solid #6a6a6a; transition:background 0.27s;}
.trainingtbut i{ display:inline-block; margin-left:10px;}
.trainingtr{ position:absolute; z-index:1; top:50%; right:0; margin-top:-240px; text-align:right;}
.trainingtr a{ color:#da291c; line-height:20px; margin-bottom:10px; display:inline-block; padding-right:10px; position:relative;}
.trainingtr a i{ position:absolute; top:50%; margin-top:-5px; right:0;}
.trainingtr p{ width:520px; height:420px; background-position:right; background-repeat:no-repeat; background-size:cover;}
.trainingtr img{ display:none;}
.trainingM{ margin-bottom:70px;}
.trainingM a{ display:block; width:220px; height:46px; text-align:center; line-height:46px; border-radius:5px; margin:0 auto; background:#b2000e; color:#fff; transition:background 0.27s;}
.trainingcwi{ background:#f3f3f3; padding-top:40px;}
.trainingc{}
.trainingc h4{ font-size:40px; font-weight:normal; padding-bottom:40px;}
.trainingcc{}
.trainingcd{ width:430px; height:288px; margin-right:55px; overflow:hidden; float:left; position:relative; cursor:pointer; margin-bottom:55px;}
.trainingcd:nth-child(3n){ margin-right:0;}
.trainingci{ width:430px; height:288px; overflow:hidden;}
.trainingcid{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:transform 0.27s;}
.trainingcid img{ width:100%; height:auto; transition:transform 0.27s; display:none;}
.trainingcu{ width:70px; height:46px; border-radius:10px; position:relative; transition:background 0.14s linear; background:#2b2b2b; background:rgba(43,43,43,0.8); position:absolute; top:50%; left:50%; margin-top:-23px; margin-left:-35px;}
.trainingcu i{ position:absolute; top:50%; left:50%; margin-top:-10px; margin-left:-6px;}
.trainingct{ position:absolute; bottom:0; left:0; height:62px; width:100%;}
.trainingct span{ background:#2b2b2b; opacity:0.7; filter:alpha(opacity=70); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.trainingct p{ position:absolute; top:0; left:0; line-height:62px; height:62px; width:100%; color:#fff; padding:0 10px; z-index:2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trainingct span{ background:#2b2b2b; background:rgba(43,43,43,0.8); transition:background 0.14s linear;}
.trainingtbut:hover{ border-color:#da291c; color:#da291c;}
.trainingM a:hover{ background:#da291c;}
.trainingtr a:hover{ opacity:0.7; filter:alpha(opacity=70);}
.trainingcd:hover .trainingcu,.trainingcd:hover .trainingct span{ background:#b2000e; background:rgba(178,0,14,0.8);}
.trainingm{ padding-top:50px;}
.trainingmD{ width:420px; margin:0 70px 70px 0; float:left;}
.trainingmD:nth-child(3n){ margin-right:0;}
.trainingmc{}
.trainingmImg{ width:420px; height:280px; overflow:hidden; position:relative;}
.trainingmImg div{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:transform 0.27s;}
.trainingmImg img{ width:100%; height:auto; transition:transform 0.27s; display:none;}
.trainingmImg img{ width:100%; height:auto; transition:transform 0.27s;}
.trainingmcd{ overflow:hidden;}
.trainingmc h4{ font-size:24px; line-height:50px; color:#2a2a2a; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trainingmc p{ font-size:18px; line-height:30px; height:90px; overflow:hidden; color:#6a6a6a; margin-bottom:20px;}
.trainingmc a .trainingtbut{ margin:0 auto; width:auto; display:inline-block; padding:0 30px; color:#fff; background:#b2000e; border-color:#b2000e;}
.trainingmc .trMore .trainingtbut{ background:#919191; border-color:#919191;}
.trainingmc a:hover .trainingtbut{ background:#da291c; border-color:#da291c;}
.uea{ margin-bottom:70px;}
.ueal{ float:left; width:700px; height:408px; background:#f6f6f6; color:#000; padding:50px; display:block;}
.ueal h4{ font-size:28px; font-weight:normal; line-height:60px;}
.ueal span{ display:block; width:90px; height:1px; background:#000; transition:width 0.27s ease;}
.ueal div{ font-size:22px; line-height:50px; padding-bottom:20px;}
.ueal p{ line-height:40px; position:relative; padding-left:40px; font-size:18px;}
.ueal p i{ display:block; position:absolute; top:50%; left:0; margin-top:-14px;}
.uear{ float:left; width:700px; height:408px; overflow:hidden;}
.uear img{ display:block; width:100%; height:auto;}
.ueb{ padding-bottom:70px;}
.ued{ display:block; float:left; color:#000; width:448px; margin-right:28px; height:260px; background:#fff; padding:26px; box-shadow:0 5px 10px 2px #ddd; margin-bottom:40px; transition:all 0.15s linear;}
.ued:nth-child(3n){ margin-right:0;}
.ued h4{ font-size:22px; font-weight:normal; line-height:40px;}
.ued span{ display:block; width:90px; height:1px; background:#000; transition:width 0.27s ease;}
a.ued:hover span,a.ueal:hover span{ width:100%;}
.ued div{ font-size:20px; line-height:30px; height:70px; padding:5px 0; overflow:hidden;}
.ued p{ line-height:40px; position:relative; font-size:20px; line-height:32px; color:#6a6a6a;}
.ued:hover{ transform:translate(0,-10px);}
.register{ width:720px; margin:0 auto; color:#2b2b2b;}
.register h5{ font-size:24px; line-height:40px; font-weight:normal; padding:70px 0 20px 0;}
.registerv{}
.registerv p{ min-height:50px; line-height:50px; margin-bottom:10px;}
.registerv p input,.registerv p select{ height:50px; border:1px solid #000; border-radius:5px; padding:0 15px; width:100%; line-height:48px; font-size:18px; transition:all 0.27s;}
.registerv p input[type=text]:focus,.registerv p select:focus{ box-shadow:0 0 8px 1px #fea6ad; border-color:#d51c2b;}
.registerv .registerr{ padding-right:180px; position:relative;}
.registerv .registerr input{}
.registerv .registerr span{ position:absolute; top:0; right:0; height:50px; width:160px; line-height:50px; text-align:center; color:#fff; background:#2b2b2b; border-radius:5px; cursor:pointer;}
.registerv p label{ line-height:30px; display:block; color:#b2000e; padding:5px 0;}
.registerh{ color:#b2000e; font-size:18px; line-height:40px; margin-bottom:10px;}
.registert{ padding-bottom:50px;}
.registert p{ font-size:18px; color:#b2000e; line-height:30px;}
.registert p a{}
.registert label{ cursor:pointer;}
.registert label input{ margin-right:10px; cursor:pointer;}
.registert a{ color:#b2000e;}
.registerb{ text-align:center;}
.registerb input{ font-size:20px; color:#fff; width:160px; height:50px; background:#b2000e; border-radius:5px; cursor:pointer;}
.registerch{ display:none;}
.registerb input:hover{ background:#da291c;}
.registerv .registerr span:hover{ opacity:0.7; filter:alpha(opacity=70);}
.registert a:hover,.registert p a:hover{ color:#da291c;}
.aboutPic{ height:850px;}
.picture-Alr{ background-image:url(../image/picture-left-right.jpg); background-size:auto 100%; background-position:right 0; animation:picture-Alr 80s infinite linear;}
@keyframes picture-Alr{
0{background-position:right 0;}
50%{background-position:0 0;}
100%{background-position:right 0;}
}
.aboutPic .words{ line-height:80px; text-align:center; padding-top:345px; display:block; font-weight:normal;}
.aboutPic .words p{ font-size:70px;}
.aboutPic .words font{ font-size:48px;}
.aboutA{ color:#2b2b2b; width:100%; overflow:hidden; min-width:1400px; padding:20px 0 90px 0;}
.aboutA .page-width{ width:1000px;}
.aboutA h1{ font-size:36px; text-align:center; font-weight:normal; line-height:120px;}
.aboutA p{ font-size:18px; line-height:30px; text-align:center;}
.aboutAc{ margin-top:50px; min-height:390px; position:relative; width:100%;}
.aboutAc div{ width:700px; height:394px; overflow:hidden; margin:0 auto; margin-bottom:50px; position:relative;}
.aboutAc video{ width:100%; height:100%; position:absolute; top:0; left:0;}
.aboutAc img{}
.aboutAc span{ font-size:18px; color:#b2000e; line-height:30px; font-weight:bold;}
.aboutA .aboutAc p{ text-align:left; text-indent:2em; padding-bottom:20px;}
.aboutB{ color:#2b2b2b; background:#f2f2f2; min-width:1400px;}
.aboutB .page-width{ padding:0 0 50px 0;}
.aboutB h4{ font-size:36px; text-align:center; font-weight:normal; line-height:120px; padding-top:20px;}
.aboutBc{ min-height:480px; position:relative;}
.abB{ width:1260px; height:510px; overflow:hidden; margin:0 auto; position:relative; z-index:2;}
.abBd{ width:100%; overflow:hidden; overflow-x:scroll; height:580px; white-space:nowrap;}
.abBa{ display:inline-block; background:#dae8f2; width:380px; border-radius:10px; margin-right:60px; white-space:normal; vertical-align:middle;}
.abBa:last-child{ margin-right:0;}
.abBa a{ padding:35px; display:inline-block; color:#2b2b2b;}
.abBa h5{ font-weight:normal; font-size:30px; text-align:center; line-height:50px;}
.abBa p{ font-size:16px; line-height:30px; height:150px; overflow:hidden; margin:0 0 16px 0;}
.abBa div{ width:310px; height:224px; overflow:hidden;}
.abBa img{}
.abI{ position:absolute; height:0; width:100%; top:50%; left:0; z-index:1;}
.abI i{ position:absolute; top:0; margin-top:-12px; cursor:pointer;}
.abIl{ left:0;}
.abIr{ right:0;}
.aboutC{ padding:0 0 90px 0;}
.aboutC h4{ font-size:36px; text-align:center; font-weight:normal; line-height:120px; padding-top:20px;}
.aboutC h5{ font-size:24px; color:#2b2b2b; padding:30px 0;}
.aboutCimg{ text-align:center;}
.aboutCgq{ padding-top:40px;}
/*新版产品指南*/
.productGuidePic{ height:424px;}
.pagel{ float:left; width:320px; margin-bottom:30px;}
.pager{ float:right; width:1040px; margin-bottom:90px;}
.pga{ position:relative; min-height:230px; padding-left:270px; margin-top:-150px; margin-bottom:60px;}
.pgaa{ font-family:Gabriola; text-transform:uppercase; width:230px; height:230px; line-height:230px; font-size:48px; color:#2f2e2e; text-align:center; border-radius:50%; overflow:hidden; position:absolute; top:0; left:0; background:#c2c2c2; box-shadow:0 3px 5px 0 #c2c2c2;}
.pgab{}
.pgab h1{ font-size:28px; line-height:80px; color:#fff; font-weight:normal; padding:70px 0 20px 0;}
.pgab p{ font-size:22px; line-height:38px;}
.pgab span{ display:inline-block; color:#fff; background:#222222; padding:0 10px; margin-right:10px;}
.pgb{}
.paged{ margin-bottom:50px; box-shadow:0 0px 5px 0 #d9d9d9;}
.paged h4{ background:#d8271c; color:#fff; font-size:28px; padding:0 10px; line-height:74px; overflow:hidden; font-weight:normal;}
.pageb{ border:1px solid #d9d9d9; border-top:none; padding:0 14px;}
.pgbat p{ border-bottom:1px solid #d9d9d9;}
.pgbat p:last-child{ border:none;}
.pgbat p a{ font-size:22px; line-height:60px; padding:18px 0 18px 88px; position:relative; display:block; color:#000;}
.pgbat p span{ display:block; width:60px; height:60px; position:absolute; top:18px; left:10px; z-index:2; background:#464646; border-radius:50%; overflow:hidden;}
.pgbat p font{ width:30px; height:30px; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px;}
.pgbaa{ background-position:0 -112px;}
.pgbab{ background-position:-30px -112px;}
.pgbac{ background-position:-60px -112px;}
.pgbad{ background-position:-90px -112px;}
.pgba .pgbatp a,.pgba p a:hover{ color:#d8271c;}
.pgbaf{ line-height:36px; text-align:center; padding:30px 0;}
.pgbaf div{ width:92px; height:92px; overflow:hidden; border-radius:50%; box-shadow:0 3px 5px #d9d9d9; margin:0 auto 10px auto;}
.pgbaf div img{ display:block; width:100%; height:auto;}
.pgbaf h3{ font-size:22px; font-weight:normal; padding-bottom:10px;}
.pgbaf p{ font-size:18px;}
.pgbbb{ border-top:1px solid #e8e8e8;}
.pgbb{ position:relative; border-bottom:1px solid #e8e8e8; padding:40px 0 40px 0; padding-left:260px; min-height:230px;}
.pgbbi{ width:220px; height:220px; overflow:hidden; position:absolute; top:50%; margin-top:-110px; left:0; background-repeat:no-repeat; background-size:contain;}
.pgbbi img{ width:100%; height:auto; display:none;}
.pgbb h3{ font-weight:normal; font-size:30px; line-height:48px; padding-bottom:10px;}
.pgbba{}
.pgbba a{ color:#000;}
.pgbba a:hover{ color:#d8271c;}
.pgbba span{ display:block; width:50%; font-size:20px; line-height:36px; float:left;}
.pgbba span a{ position:relative; max-width:380px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; padding-right:34px;}
.pgbba span a font{ position:absolute; top:4px; right:4px; font-size:12px; line-height:2px; font-weight:bold; color:#f00; font-style:italic;}
/**/
.pgcbb{}
.pgccb{ border:1px solid #ababab; height:72px; margin-bottom:26px; font-size:22px; line-height:72px; position:relative; border-radius:10px; overflow:hidden; display:flex;}
.pgccb span{ display:block; text-align:right; padding:0 10px; background:#fff; float:left;}
.pgccb input{ height:70px; font-size:22px; display:block; color:#666; flex:1 1 0%;}
.pgccc{}
.pgccc .pgccb{ width:48%; margin-right:4%; float:left;}
.pgccc .pgccb:last-child{ margin-right:0;}
.pgccc .pgccb{}
.pgccc .pgccb span{}
.pgccc .pgccb:nth-child(1){}
.pgccc .pgccb:nth-child(1) span{}
.pgccc .pgccb:nth-child(2){}
.pgccc .pgccb:nth-child(2) span{}
.pgccd{ text-align:right; padding-top:10px; padding-bottom:60px;}
.pgccd input{ font-size:22px; width:300px; height:52px; color:#fff; background:#d8271c; border-radius:26px;}
.pgccd input:hover{ opacity:0.9; cursor:pointer;}
.pgcE{ display:none;}
.pgcEs{ display:flex;}
.pgcEmail{ padding-left:10px; line-height:30px;}
.article{ margin-bottom:41px; padding-top:10px; float:left;}
.article label{ position:relative; padding-left:24px; cursor:pointer; font-size:22px; line-height:32px;}
.article label input{ display:none;}
.gou{ display:none; width:18px; height:18px; box-sizing:border-box; padding:6px 0 0 4px; position:absolute; top:50%; left:0; margin-top:-9px; text-align:left;}
.gou svg{ width:9px; vertical-align:top; fill:#434343;}
.article label input[checked]+div{ display:inline-block;}
.article label span{ width:18px; height:18px; box-sizing:border-box; border:1px solid #434343; display:inline-block; position:absolute; top:50%; left:0; margin-top:-9px;}
.article label a{ display:inline-block; border-bottom:1px solid #000; line-height:18px; color:#434343;}
.alert{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999999999; align-items:center; justify-content:center; display:none;}
.alert-div{ width:500px; max-width:95%; height:300px; background:#fff; border-radius:10px; box-shadow:0 0 5px 0 #d9d9d9; border:1px solid #d9d9d9; display:none; flex-direction:column; transform:scale(0.7); opacity:0;}
.alert-c{ flex:1 1 0%; padding:0 20px; display:flex; justify-content:center;}
.alert-c div{ display:flex; align-items:center; font-size:16px; max-width:100%;}
.alert-c div p{ max-width:100%; word-wrap:break-word; overflow-wrap:break-word;}
.alert-b{ text-align:center; margin:20px 0 30px 0;}
.alert-b input{ width:100px; height:40px; font-size:16px; line-height:30px; border-radius:30px; background:#fff; border:1px solid #d9d9d9; cursor:pointer;}
.alert-b input:hover{ background:#f1f1f1;}
.alert-show{ display:flex;}
.alert-show .alert-div{ animation:alertdiv 0.27s linear; transform:scale(1); opacity:1; display:flex;}
@keyframes alertdiv{
0%{ transform:scale(0.7); opacity:0; display:none;}
0%{ transform:scale(0.7); opacity:0; display:flex;}
2%{ transform:scale(0.7); opacity:0; display:flex;}
100%{ transform:scale(1); opacity:1; display:flex;}
}
.pgda{ width:100%;}
.pgda table{ width:100%; max-width:100%; border:1px solid #d9d9d9; border-bottom:none;}
.pgda table td{ border-bottom:1px solid #d9d9d9; line-height:60px; max-width:208px; text-align:center; padding:0; margin:0; min-width:60px; padding:0 5px; position:relative;}
.pgdaa{ position:absolute; top:100%; left:100%; width:520px; padding:20px 0; background:#fff; z-index:2; box-shadow:0 0 13px 0 #cccccc; display:none;}
.pgdaa div{ line-height:46px; font-size:24px; text-align:left;}
.pgdaa span{ display:inline-block; width:210px; text-align:right; padding-right:20px;}
.pgdaa font{}
.pgda table tr:hover .pgdaa{ display:block;}
.pgda table thead td{ line-height:70px;}
.pgda table tbody{ color:#6e6e6e;}
.pgda table p{ width:100%; max-height:60px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pgdac{ text-align:right; margin-top:40px;}
.pgdac a{ display:inline-block; height:32px; line-height:32px; text-align:center; padding:0 10px; border-radius:3px; border:1px solid #d9d9d9; margin-left:10px; cursor:pointer;}
.pgdac a:hover{ background:#f1f1f1;}
.pgdac .pgdacl{ width:30px; border-color:#fff; background:url(../image/lr.png) 0 0 no-repeat;}
.pgdac .pgdacr{ width:30px; border-color:#fff; background:url(../image/lr.png) -30px 0 no-repeat;}
.pgdac .pgdacl:hover{ background:url(../image/lr.png) 0 0 no-repeat;}
.pgdac .pgdacr:hover{ background:url(../image/lr.png) -30px 0 no-repeat;}
.pgdba{ display:none;}
.pgdbach{ display:block;}
.pgdba table{ position:fixed; top:0; left:50%; width:0; height:100%; z-index:9;}
.pgdbb{ display:block; width:600px; padding:40px 0; background:#fff; margin-left:-300px; box-shadow:0 0 13px 0 #cccccc;}
.pgdbb div{ text-align:center; padding-bottom:10px;}
.pgdbb span{ font-size:26px; color:#d8271c; line-height:40px; padding-bottom:10px; display:block;}
.pgdbb p{ font-size:22px; line-height:24px; padding:0 30px;}

/*会员中心*/
.hyzx{}
.hyzx a{ color:#000;}
.hyzxc{ background:#f2f2f2; position:relative; padding:60px 30px; padding-left:360px; min-height:293px;}
.hyzx a:nth-child(2n) .hyzxc{ background:#fff;}
.hyzxi{ width:296px; height:233px; overflow:hidden; position:absolute; top:60px; left:30px;}
.hyzxi img{ width:100%; height:auto; display:block;}
.hyzxc h3{ font-weight:normal; font-size:28px; line-height:40px; height:40px; padding-bottom:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hyzxd{ font-size:18px; line-height:30px; text-align:justify; text-overflow:ellipsis; overflow:hidden; height:150px;}
.hyzxt{ font-size:18px; padding-top:16px;}
.hyzx a:visited h3{ color:#999;}
.hyzx a:hover h3{ color:#d8271c;}
.hyzx h1{ font-size:28px; font-weight:normal; line-height:46px; padding-bottom:30px;}
.hyzxx{ font-size:18px; line-height:2em;}
.hyzxx p{}
.aboutmap{ background:url(../image/banner3.jpg) center no-repeat; background-size:cover; padding:60px 0; position:relative;}
.aboutmap .table{ position:relative; top:auto; left:auto;}
.picture{ margin:0;}
.aboutimg .abB{ width:1300px; height:460px;}
.aboutimg .abBd{}
.aboutimg .abBa{ width:1300px; height:460px; margin-right:0; border-radius:0; background:none;}
.aboutimg .abBa span{ display:inline-block; width:25%; float:left; text-align:center; height:460px; overflow:hidden; box-sizing:border-box; border-left:5px solid transparent; border-right:5px solid transparent;}
.aboutimg .abBa span img{ display:block; width:100%; height:auto;}
.newst{ text-align:center; padding:40px 0;}
.newst h1{ font-size:28px; color:#2b2b2b; font-weight:normal;}
.newst span{ display:inline-block; width:120px; height:1px; background:#2b2b2b; margin:20px 0;}
.newst p{ font-size:18px; line-height:30px; color:#6a6a6a;}
.newsList{ padding-bottom:40px;}
.newsLD{ width:420px; margin:0 70px 70px 0; float:left;}
.newsList a:nth-child(3n) .newsLD{ margin-right:0;}
.newsImg{ width:420px; height:280px; overflow:hidden; position:relative;}
.newsImg div{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:transform 0.27s;}
.newsImg img{ width:100%; height:auto; transition:transform 0.27s; display:none;}
.newsLc{}
.newsLc span{ font-size:16px; line-height:30px; color:#da291c; padding:20px 0 10px 0; display:inline-block;}
.newsLc div{ height:210px; overflow:hidden;}
.newsLc h4{ font-size:24px; line-height:30px; padding-bottom:30px; color:#2a2a2a; font-weight:normal;}
.newsLc p{ font-size:18px; line-height:30px; color:#6a6a6a;}
.newsList a:hover h4{ color:#da291c; text-decoration:underline;}
.newsList a:hover .newsImg div{ transform:scale(1.02);}
.newsf{ position:relative;}
.news{ width:1200px; margin:0 auto;}
.newsTitle{ padding:70px 0;}
.newsTitle p{ font-size:16px; line-height:30px; color:#da291c;}
.newsTitle h1{ font-size:28px; line-height:60px; padding:10px 0; color:#2b2b2b; font-weight:normal;}
.newsTitle span{ font-size:16px; line-height:30px; color:#6a6a6a;}
.newsContent{ width:1000px; margin:0 auto;}
.newsContent p{ color:#6a6a6a; font-size:18px; line-height:36px;}
.newsContent img{ max-width:100%; height:auto;}
.newsfx{ width:32px; position:absolute; top:70px; left:0;}
.newsfx a{ display:inline-block; margin-bottom:20px;}
.newsfx .icon{ transition:transform 0.1s linear;}
.newsfx a:hover .icon{ transform:translate(0,-5px);}
/*新闻新*/
.newsA{ padding-top:40px;}
.newsAi{ width:57.14%; float:left; margin:6px 0;}
.newsAi img{ display:block; max-width:100%;}
.newsAc{ width:42.85%; float:left; padding-left:50px;}
.newsAc h1{ font-size:28px; line-height:36px; font-weight:normal;}
.newsAc a{ color:#000;}
.newsAc a:hover{ color:#b2000e;}
.newsAc span{ font-size:18px; line-height:30px;}
.newsAcc{ border-top:1px solid #e3e3e3; padding-top:20px; margin:20px 0;}
.newsAcc p{ font-size:18px; line-height:30px;}
.newsAc .fx{ text-align:right;}
.newsB{ padding:40px 0;}
.newsBd{ background:#f2f2f2; padding:40px 30px;}
.newsBd:nth-child(2n){ background:#fff;}
.newsBi{ width:320px; height:180px; margin:6px 0; float:left; background-repeat:no-repeat; background-size:cover; background-position:center;}
.newsBi img{ display:block; width:100%; display:none;}
.newsBc{ width:1020px; float:left; padding-left:40px;}
.newsBc h5{ font-size:28px; line-height:36px; font-weight:normal;}
.newsBc a{ color:#000;}
.newsBc a:hover{ color:#b2000e;}
.newsBc span{ font-size:18px; line-height:30px;}
.newsBcc{ margin:20px 0;}
.newsBcc p{ font-size:18px; line-height:30px;}
.newsBc .fx{ text-align:right;}
.newsBc .fx span{ float:left; line-height:32px;}
.recruitR{ margin-bottom:150px;}
.recruitRt{ background:#2b2b2b; height:50px; line-height:50px; color:#fff; font-size:18px;}
.recruitRc{}
.rRcD{ line-height:24px; background:#f6f6f6;}
.rRcD a{ display:block;}
.rRcD:nth-child(2n){ background:#e2eaf0;}
.rRcD:nth-child(1){ border-top:none;}
.rRcD:after{ content:"";clear:both;display:block;}
.recruitRt div,.rRcD div{ display:inline-block; float:left; min-height:1px;}
.rRcD div{ color:#000;}
.rRcD div font{ font-weight:bold;}
.recruitRt div:nth-child(1),.rRcD div:nth-child(1){ box-sizing:border-box; width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:30px;}
.recruitRt div:nth-child(2),.rRcD div:nth-child(2){ width:40%;}
.recruitRt div:nth-child(3),.rRcD div:nth-child(3){ width:15%;}
.recruitRt div:nth-child(4),.rRcD div:nth-child(4){ width:25%;}
.rRcD div{ padding:22px 0 22px 0;}
.rRcD div:nth-child(2){ padding:10px 0;}
.loading{ text-align:center; font-size:18px; height:80px;}
.loading span{ opacity:0;}
.loading span:nth-child(1){ animation:l1 1s infinite;}
.loading span:nth-child(2){ animation:l2 1s infinite;}
.loading span:nth-child(3){ animation:l3 1s infinite;}
@keyframes l1{
0{ opacity:0}
25%{ opacity:1}
100%{ opacity:1}
}
@keyframes l2{
0{ opacity:0}
25%{ opacity:0}
50%{ opacity:1}
100%{ opacity:1}
}
@keyframes l3{
0{ opacity:0}
50%{ opacity:0}
75%{ opacity:1}
100%{ opacity:1}
}
.pic{}
.pic .newsLc div{ height:auto;}
.pic .newsLD:nth-child(3n){ margin-right:0;}
.pic .newsLc h4{ padding-bottom:0; height:90px; overflow:hidden;}
.picUrl{ display:none;}
.picClick{ cursor:pointer;}
.picPlay{}
.picPlay .videoDiv{ width:850px; padding:0 60px 60px 60px; position:relative;}
.picImg{ height:480px; width:100%; overflow:hidden; position:relative;}
.picTab{ width:10000%; overflow:hidden;}
.picTab div{ width:1%; text-align:center; height:480px; background-position:center; background-repeat:no-repeat; background-size:contain; float:left;}
.picClose{ position:absolute; top:24px; right:24px; cursor:pointer;}
.picPlayC{ position:absolute; top:50%; left:0; height:0; width:100%;}
.picPlayC i{ position:absolute; top:50%; margin-top:-16px; cursor:pointer;}
.picPlayl{ left:22px;}
.picPlayr{ right:22px;}
.productAban{ height:700px; background:url(../image/t2banner.jpg) center no-repeat; width:100%; min-width:1400px;}
.productAban .page-width{ position:relative; height:700px;}
.productA{ color:#fff; padding-top:90px;}
.productA h3{ font-size:48px; line-height:80px; padding-bottom:90px;}
.productA h5{ font-size:30px; line-height:50px;}
.productA p{ font-size:20px; line-height:40px; padding-bottom:30px;}
.productA a{ display:inline-block; width:130px; height:50px; line-height:50px; transition:opacity 0.27s linear; text-align:center; color:#2b2b2b; background:#fff; width:130px; height:50px; line-height:50px; border-radius:25px; font-size:18px;s}
.productA a i{ margin-left:6px;}
.productB{ width:330px; height:589px; position:absolute; bottom:0; right:180px;}
.productB{}
.productA a:hover{ opacity:0.7; filter:alpha(opacity=70);}
.information{ margin:40px auto; min-height:500px;}
.informationd{ position:relative; padding:40px 260px 40px 0; border-bottom:1px solid #dfdfdf; line-height:24px; font-size:14px; color:#3f4a5c;}
.informationd span{ display:inline-block; width:150px; position:absolute; top:40px; right:0; color:#888;}
.infoyd{ color:#aaa;}
.conDiv{ width:100%; text-align:center; height:600px; line-height:600px; font-size:28px; color:#3f4a5c; opacity:0.4;}
.T1Pic{ height:500px;}
.T1Pic .words{ padding-top:270px; line-height:230px;}
.t1div{ background-repeat:no-repeat; background-position:center; min-width:1400px; height:402px;}
.t1div .page-width{ position:relative; height:402px;}
.t1div h3{ font-size:30px; line-height:46px; padding-bottom:20px; color:#00a4e8; font-weight:normal;}
.t1div p{ font-size:18px; line-height:24px; padding-bottom:20px; color:#2b2b2b;}
/*.t1div a{ transition:opacity 0.27s linear; font-size:18px; display:inline-block; width:130px; height:50px; line-height:50px; text-align:center; border-radius:25px; background:#fff; color:#da291c;}
*/.t1div a i{ margin-left:6px;}
.t1r{ display:table-cell; vertical-align:middle; height:402px;}
.t1A{ background-image:url(../image/t1a.jpg);}
.t1B{ background-image:url(../image/t1b.jpg);}
.t1C{ background-image:url(../image/t1c.jpg);}
.t1D{ background-image:url(../image/t1d.jpg);}
.t1E{ background-image:url(../image/t1e.jpg);}
.t1F{ background-image:url(../image/t1f.jpg);}
.t1G{ background-image:url(../image/t1g.jpg);}
.t1H{ background-image:url(../image/t1h.jpg);}
.t1l{ position:absolute;}
.t1l img{ display:block;}
.t1r{ width:700px; padding:0 30px;}
.t1A{}
.t1A .t1l{ right:80px; bottom:0;}
.t1A h3{ color:#00a4e8;}
.t1B{}
.t1B .page-width{ padding-left:600px;}
.t1B .t1l{ left:30px; bottom:0;}
.t1B h3{ color:#003b61;}
.t1C{}
.t1C .t1l{ right:30px; bottom:0;}
.t1C h3{ color:#9bd079;}
.t1D{}
.t1D .page-width{ padding-left:600px;}
.t1D .t1l{ left:60px; bottom:0;}
.t1D h3{ color:#9bd079;}
.t1E{}
.t1E .t1l{ right:30px; bottom:26px;}
.t1E h3{ color:#0171b9;}
.t1F .page-width{ padding-left:600px;}
.t1F .t1l{ left:30px; bottom:20px;}
.t1F h3{ color:#306eb8;}
.t1G{}
.t1G .t1l{ right:60px; bottom:50px;}
.t1G h3{ color:#0171b9;}
.t1div a:hover{ opacity:0.7; filter:alpha(opacity=70);}
.t1G .t1ll{ right:450px;}
.t1H{}
.t1H .t1l{ right:30px; bottom:0;}
.t1H h3{ color:#9219c4;}
.salseS{ padding-bottom:70px; margin-top:50px;}
.salseSd{ color:2b2b2b; display:block; float:left; width:448px; margin-right:28px; height:222px; background:#fff; padding:26px 26px 26px 182px; position:relative; box-shadow:0 5px 10px 2px #ddd; margin-bottom:40px; transition:all 0.15s linear;}
.salseSd:nth-child(3n){ margin-right:0;}
.salseSd div{ width:130px; height:170px; overflow:hidden; position:absolute; top:26px; left:26px;}
.salseSd div img{ width:100%; display:block; height:auto;}
.salseSd h4{ font-size:20px; line-height:20px;}
.salseSd span{ display:inline-block; width:20px; height:3px; margin-bottom:10px; background:#c21f26;}
.salseSd p{ font-size:16px; line-height:30px;}
.salseSd h5{ font-size:16px; padding-top:20px;}
/*关于我们*/
.aboutG{ position:relative; background:url(../image/about01.png) left bottom no-repeat #f5f5f5; background-size:30% auto; padding:170px 0 170px 0; min-width:1400px;}
.aboutG h2{ font-size:60px; display:block; text-align:right; position:absolute; top:170px; left:0; text-align:center; width:30%; font-weight:normal;}
.aboutG div{ width:70%; margin-left:30%; padding-right:6%;}
.aboutG div p{ line-height:36px; font-size:22px;}
.aboutH{ position:relative; border:40px solid #fff; min-width:1400px; width:100%; overflow:hidden;}
.aboutH h2{ font-size:60px; line-height:200px; font-weight:normal; padding-left:100px;}
.aboutHa{ position:absolute; top:0; right:0; font-size:400px; color:#f3f3f3; font-family:Arial; z-index:0;}
.aboutHi{ position:relative; z-index:9; margin:0 100px; height:588px; overflow:hidden;}
.aboutHic{ height:588px; position:relative;}
.aboutHid{ text-align:center; height:0; overflow:hidden; position:absolute; top:0; left:200%; width:100%; height:100%;}
.aboutHid div{ margin-bottom:24px;}
.aboutHid div img{ display:inline-block; max-width:100%;}
.aboutHid p{ font-size:24px; line-height:44px; height:176px; overflow:hidden; width:719px; margin:0 auto;}
.aboutHidch{ left:0;}
.aboutHidl{ animation:aboutHidl 0.27s linear;}
.aboutHidr{ animation:aboutHidr 0.27s linear;}
.aboutHidll{ animation:aboutHidll 0.27s linear; left:0;}
.aboutHidrr{ animation:aboutHidrr 0.27s linear; left:0;}
.aboutHidch div{}
.aboutHicc div{ animation:none;}
@keyframes aboutHidl{
0%{ left:0;}
100%{ left:-100%;}
}
@keyframes aboutHidr{
0%{ left:0;}
100%{ left:100%;}
}
@keyframes aboutHidll{
0%{ left:100%;}
100%{ left:0;}
}
@keyframes aboutHidrr{
0%{ left:-100%;}
100%{ left:0;}
}
.aboutHs{ height:160px; margin-top:26px; border-top:1px solid #b9b9b9; position:relative;}
.aboutHst{ text-align:center; width:100%;}
.aboutHst span{ font-size:22px; color:#909090; line-height:80px; width:90px; display:inline-block; margin:0; padding:0; position:relative; cursor:pointer;}
.aboutHst .aSpan:after{ content:""; width:50px; height:3px; background:#d8271c; position:absolute; top:-3px; left:50%; margin-left:-25px; clear:both; display:block;}
.aboutHst span:hover{ color:#000;}
.aboutHc{ position:absolute; bottom:300px; left:0; height:0; width:100%;}
.aboutHc div{ position:absolute; bottom:0; width:70px; height:70px; background:#d8271c; border-radius:50%; cursor:pointer;}
.aboutHcl{ left:0;}
.aboutHcr{ right:0;}
.aboutHcl:hover,.aboutHcr:hover{ opacity:0.8;}
/*transparent*/
.aboutHc div:after{ content:""; width:22px; height:22px; background:none; position:absolute; top:50%; display:block; transform:rotate3d(0,0,1,45deg); margin-top:-14px;}
.aboutHcl:after{ left:50%; margin-left:-8px; border:2px solid #fff; border-right-color:transparent; border-top-color:transparent;}
.aboutHcr:after{ right:50%; margin-right:-8px; border:2px solid #fff; border-left-color:transparent; border-bottom-color:transparent;}
.aboutI{ text-align:center; padding:70px 0; background:#f5f5f5; min-width:1400px;}
.aboutI h2{ font-size:60px; font-weight:normal; padding-bottom:70px;}
.aboutIi{ position:relative; display:inline-block; margin:0 auto; min-width:1400px;}
.aboutIi img{ display:inline-block; height:auto; max-width:100%;}
.aboutIi div{ position:absolute; top:0; left:0; width:100%; height:100%;}
.aboutIi div svg{}
.flex{ stroke-dasharray: 1490; stroke-dashoffset: 0; animation:flex-draw 10s ease-in-out infinite; -webkit-animation:flex-draw 10s ease-in-out infinite;}

/*about2024*/
.aboutJ{ padding:80px 0; background:#f5f5f5; min-width:1600px; overflow:hidden;}
.aboutJ p{ font-size:18px; line-height:2em;}
.aboutJ .page-width{ min-width:1600px;}
.aboutJt{ border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0 auto; margin-bottom:40px; max-width:1600px;}
.aboutJtl{ font-size:28px; color:#b2000e; float:left; cursor:pointer; line-height:74px; text-transform:uppercase;}
.aboutJtl:hover{ opacity:0.7;}
.aboutJtr{ float:right; padding-top:20px;}
.aboutJtr span{ font-size:22px; display:inline-block; width:180px; margin-left:70px; line-height:54px; text-align:center; color:#000; transition:all 0.27s;}
.aboutJtr span:hover{ color:#b2000e; cursor:pointer; background:#eee;}
.aboutJtr span.aboutJtche{ background:#b2000e; color:#fff;}
.aboutJspan{ font-size:26px; display:inline-block; line-height:54px;  background:#b2000e; color:#fff; padding:0 10px; text-align:center; width:180px; margin:0 auto 30px auto; transition:all 0.27s;}
.aboutJx{ display:none;}
.aboutJxche{ display:block;}
.aboutJw{}
.aboutJx{}
.aboutJac{}
.aboutJac p{ padding:40px 0;}
.aboutJsvg{ text-align:center;}
.aboutJsvg img{ display:inline-block; max-width:100%;}
.aboutJi{ position:relative; display:inline-block; margin:0 auto; min-width:1400px;}
.aboutJi img{ display:inline-block; height:auto; max-width:100%;}
.aboutJi div{ position:absolute; top:0; left:0; width:100%; height:100%;}
.aboutJi div svg{}
.aboutJspan{ display:none;}
.aboutJl{ width:42%;}
.aboutJl img{ display:block; width:100%; height:auto;}
.aboutJr{ width:51%;}
.aboutJb,.aboutJc{ padding:40px 10px 40px 10px;}
.aboutJb .aboutJl{ float:left;}
.aboutJb .aboutJr{ float:right;}
.aboutJc .aboutJl{ float:right;}
.aboutJc .aboutJr{ float:left;}
.aboutJda{ float:left; width:40%; padding:20px 0 0 100px; position:relative; margin:40px 0 0 0;}
.aboutJda:nth-child(2n){ margin-right:20%;}
.aboutJdi{ position:absolute; top:0; left:20px; width:68px; height:68px; background-image:url(../image/aboutJdi.png); background-repeat:no-repeat; background-size:100% auto;}
.aboutJdia{ background-position:0 0;}
.aboutJdib{ background-position:0 20%;}
.aboutJdic{ background-position:0 40%;}
.aboutJdid{ background-position:0 60%;}
.aboutJdie{ background-position:0 80%;}
.aboutJdif{ background-position:0 100%;}
.aboutJdt{ font-size:24px; line-height:1.5em; border-bottom:1px solid #333; color:#b2000e; margin-bottom:10px;}
.aboutJ .aboutJdp p{ font-size:18px;}
.aboutL,.aboutM{ padding:0; margin-top:80px; margin-left:0; border-bottom:none; border-top:none;}
.aboutLd{ margin:0 auto;}
.aboutM{}
.aboutJpl{ float:left; width:37.5%;}
.aboutJpl img{ display:block; max-width:100%;}
.aboutJpr{ float:right; width:61%; padding:20px 20px 60px 20px; position:relative; min-height:500px; transition:all 0.27s;}
.aboutJpr p{ text-align:justify; transition:all 0.27s;}
.aboutJmore{ position:absolute; bottom:10px; right:20px; right:calc(100% - 240px); line-height:40px; transition:all 0.27s;}
.aboutJmore span{ font-size:18px; padding-right:50px;}
.aboutJmore a{ font-size:22px; color:#000; opacity:0;}
.aboutJpr:hover{ background:#b2000e;}
.aboutJpr:hover p,.aboutJpr:hover span,.aboutJpr:hover a{ color:#fff;}
.aboutJmore a:hover{ color:#000;}
.aboutJpr:hover .aboutJmore{ right:20px;}
.aboutJpr:hover a{ opacity:1;}
.aboutJpl{ float:left;}
.aboutJpr{ float:right;}
.aboutL,.aboutM{ background:none; margin-bottom:40px;}
.aboutM .aboutHs{ height:auto;}
.aboutM .aboutHi,.aboutLc{ height:450px;}
.aboutM .aboutHc{ bottom:220px;}
.aboutLc .aboutHid{}
.aboutLc .width{ max-width:1600px; margin:0 auto;}
.aboutLc .width div{ float:left; width:50%;}
.aboutLc .width div img{ display:block; width:100%; max-width:100%;}
.aboutLc .width p{ float:right; width:45%; text-align:left;}
.aboutLcr .width div{ float:right;}
.aboutLcr .width p{ float:left; height:auto;}
.aboutN{ background:url(../image/aboutN.png) bottom right no-repeat; margin-bottom:120px; padding-bottom:0;}
.aboutNc{ padding-top:20px;}
.aboutNd{ width:56%;}
.aboutNd div{ font-size:22px; margin-top:50px; line-height:2em;}
.aboutNd p{}

.aboutNO{ margin:0 1.5vw; background:none;}
.aboutO{}
.aboutOd{ float:left; width:32.4%; margin-right:1.4%;}
.aboutOd:nth-child(3){ margin-right:0;}
.aboutOSize{ width:100%; margin-bottom:1vw; overflow:hidden; position:relative;}
.aboutOSize .aboutOi{ width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 1s ease-out;}
.aboutOSize .aboutOi img{ display:none; width:100%; height:auto; overflow:hidden;}
.aboutOsa,.aboutOsa .aboutOi{ height:300px;}
.aboutOsb,.aboutOsb .aboutOi{ height:700px;}
.aboutOsc,.aboutOsc .aboutOi{ height:700px;}
.aboutOsd,.aboutOsd .aboutOi{ height:300px;}
.aboutOse,.aboutOse .aboutOi{ height:550px;}
.aboutOsf,.aboutOsf .aboutOi{ height:450px;}
.aboutOsg,.aboutOsg .aboutOi{ height:400px;}
.aboutOsh,.aboutOsh .aboutOi{ height:400px;}
.aboutOr{}
.aboutOsg{ width:35%; float:left; margin-right:1.4%;}
.aboutOsh{ width:63.6%;}

.aboutOtxt{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; display:none;}
.aboutOop{ position:absolute; bottom:0; left:0; height:100%; width:100%; z-index:5; background:-webkit-gradient(linear, 0 0, 0 100%,color-stop(0.3, transparent),color-stop(0.8, rgba(0, 0, 0 ,0.5))); opacity:0;}
.aboutOco{ position:absolute; bottom:20px; left:0; width:100%; color:#fff; padding:0 20px; z-index:9; opacity:0;}
.aboutOco div{ font-size:22px; line-height:2em;}
.aboutOco p{ font-size:18px; line-height:1.5em;}

.aboutOSize:hover .aboutOi{ transform:scale(1.11);}
.aboutOSize:hover .aboutOtxt{ display:block; animation:aboutOtxt 1s ease-out;}
.aboutOSize:hover .aboutOop{ opacity:1; animation:aboutOop 1s ease-out;}
.aboutOSize:hover .aboutOco{ opacity:1; animation:aboutOco 1s ease-out;}

@keyframes aboutOtxt{
0%{ display:none;}
0%{ display:block;}
}
@keyframes aboutOop{
0%{ opacity:0;}
100%{ opacity:1;}
}
@keyframes aboutOco{
0%{ opacity:0;}
100%{ opacity:1;}
}


@keyframes flex-draw {
0%{ stroke-dashoffset: 1490;}
50%{ stroke-dashoffset: 0;}
100%{ stroke-dashoffset: 0;}
}
@-webkit-keyframes flex-draw {
0%{ stroke-dashoffset: 1490;}
50%{ stroke-dashoffset: 0;}
100%{ stroke-dashoffset: 0;}
}
@media(max-width:1620px){
.aboutJ,.aboutJ .page-width{ min-width:1400px;}
.aboutIi,.aboutJi{ transform:scale(0.8) translate3d(-60px,0,0);}
.aboutJt{ max-width:1400px;}
.aboutH{ border:none;}
}
@media(max-width:1420px){
.picture,.aboutG,.aboutH,.aboutI{ min-width:1200px;}
.aboutI{ overflow:hidden;}
.aboutIi,.aboutJi{ transform:scale(0.8) translate3d(-60px,0,0);}
.aboutHst span{ width:80px;}
.aboutHa{ font-size:300px;}
.contactUsl div{ margin:0;}
.newsBc{ width:820px;}
.newsf{ padding:0 10px; box-sizing:border-box;}
.newsfx{ width:auto; top:30px; left:10px;}
.newsfx a{ margin-right:20px;}
.news{ width:100%;}
.newsList{ padding:0 10px;}
.newsLD{ width:32%; margin-right:2%;}
.newsImg{ width:100%; height:280px;}
.newsContent{ width:100%;}
.special-ta{ padding:0 10px;}
.ueal,.uear{ width:600px; height:350px;}
.pagel{ width:300px;}
.pager{ width:870px;}

.aboutJ,.aboutJ .page-width{ min-width:1200px;}
.aboutJtr span{ margin-left:0;}
.aboutJda{ width:50%; margin:0 !important;}
.aboutJdp{ min-height:240px;}
.aboutJt{ max-width:1200px;}
}
@media(max-width:1230px){
.picture,.aboutG,.aboutH,.aboutI{ min-width:1000px;}
.aboutG div{ margin-left:32%; width:68%; padding-right:20px;}
.aboutIi,.aboutJi{ transform:scale(0.6) translate3d(-280px,0,0);}
.aboutHst span{ font-size:18px; width:60px;}
.aboutHa{ font-size:200px;}
.aboutG h2,.aboutH h2,.aboutI h2{ top:100px; font-size:50px; left:20px; padding:0;}
.aboutG{ padding:100px;}
.contactUsl div{ margin:0 0 0 20px; width:auto;}
.newsA{ padding-top:0px;}
.newsAc{ padding-left:30px;}
.newsAcc p{ height:180px; overflow:hidden;}
.newsBd{ padding:20px;}
.newsBc{ width:640px; padding-left:20px;}
.newsBcc a{ display:block; height:90px; overflow:hidden;}
.tegisteredT,.tegisteredC{ padding:0 10px;}
.ueal,.uear{ width:500px; height:350px;}
.information{ padding:0 20px;}
.informationd{ padding-right:200px;}
.webMapB .webMapC{ font-size:20px;}
.pagel{ width:260px;}
.pager{ width:710px;}
.pageb{ padding:20px 10px;}
.pgbat p a{ padding-left:78px; font-size:20px;}
.pgda table p{ font-size:18px;}
.pgdaa{ left:0;}
.pgccb{ height:56px; line-height:56px;}
.pgccd{ padding-bottom:40px;}
.pgbb h3{ font-size:28px;}
.pgbba span{ width:100%; line-height:30px;}
.pgbba span a{ max-width:none;}
.pgbbi{ top:50px; margin-top:0;}
.pgccb input{ height:54px;}

.aboutJ,.aboutJ .page-width{ min-width:1000px;}
.aboutJt{ max-width:1000px;}
.aboutJx{ padding:0 10px;}
.aboutJpl,.aboutJpr{ float:none; margin:0 auto;}
.aboutJpr{ width:auto; margin-top:20px; min-height:0;}
.aboutLcr .width p{}
.aboutNc{ padding:40px 10px 0 10px;}
.aboutNd{ width:100%;}
.aboutNO{ margin:0;}
}
@media(max-width:640px){
.picture, .aboutG, .aboutH, .aboutI{ min-width:100%;}
.productGuidePic{ height:200px;}
.pagel{ width:30%;}
.pager{ width:70%;}
.pgaa{ width:150px; height:150px; font-size:26px; line-height:150px; left:10px;}
.pga{ margin-top:-110px; padding-left:0; margin-bottom:30px;}
.pgab{}
.pgab h1{ padding:40px 0 20px 0; font-size:18px; line-height:30px; padding-left:170px; box-sizing:content-box; min-height:60px;}
.pgab p{ font-size:18px; line-height:1.5em; padding:40px 10px 0 10px;}
.pgab span{ display:block; width:120px; text-align:center; margin-bottom:5px;}
.pagel,.pager{ float:none; width:100%;}
.paged h4{ font-size:20px; line-height:40px;}
.pageb{ padding:20px 10px;}
.pgbat{ padding:0 10px;}
.paged{ margin-bottom:30px;}
.pgbat p a{ padding:10px 0 10px 88px;}
.pgbat p span{ top:10px;}
.pgbaf h3{ padding-bottom:0; font-size:20px;}
.pgbaf p{ font-size:18px;}
.pgbaf h3,.pgbaf p{ line-height:30px;}
.pager{ padding:0 10px; margin-bottom:30px;}
.hyzx h1{ font-size:20px; padding-bottom:20px; line-height:36px;}
.hyzxx{ font-size:16px;}
.hyzxx p{ font-size:16px;}
.hyzxc{ padding:0; margin-bottom:30px;}
.hyzxi{ position:relative; top:auto; left:auto; width:100%; height:auto;}
.hyzxc h3,.hyzxc .h3{ font-size:20px; line-height:1.5em; overflow:auto; height:auto; white-space:inherit; padding:10px;}
.hyzxt{ padding:10px;}
.hyzxd p{ font-size:16px;}
.hyzxd{ text-align:left; padding:10px; height:auto;}
.hyzxt span{ font-size:16px; padding-top:10px;}
.pgccc .pgccb{ width:100%; float:none;}
.pgccb{ padding-left:0 !important;}
/*.pgccb:after{ content:""; width:100%; height:0; overflow:hidden; clear:both; display:block;}*/
.pgccb span,.pgccc span{ width:auto !important; position:relative; top:auto; left:auto; float:left; text-align:left; padding:0 10px;}
.pgccc .pgccb:nth-child(2){ padding-left:80px;}
.pgccc .pgccb:nth-child(2) span{ width:70px;}
.pgccd,.pgdac{ text-align:center;}
.pgccb input{ font-size:16px;}
.pgccc input{}
.pgdaoo{ overflow:auto;}
.pgdac a{ margin-left:5px;}
.aboutPic{ height:200px;}
.aboutPic .words{ line-height:30px; padding:40px 10px 0 10px;}
.aboutPic .words p{ font-size:30px;}
.aboutPic .words font{ font-size:26px;}
.aboutG{ padding:40px 0; background-size:80% auto;}
.aboutG h2,.aboutH h2,.aboutI h2{ font-size:24px; text-align:left; line-height:48px; margin:0 auto 40px auto; background:#c12c20; color:#fff; text-align:center; width:200px;}
.aboutG h2{ position:relative; top:auto; left:auto;}
.aboutG div{ padding:0 10px; margin:0; width:100%;}
.aboutG div p{ font-size:16px; line-height:1.5em;}
.aboutH{ padding:40px 0;}
.aboutHa{ display:none;}
.aboutH{ border-width:10px;}
.aboutH h2{}
.aboutHid p{ width:100%;}
.aboutHi{ margin:0 50px;}
.aboutHi,.aboutHic{ height:400px;}
.aboutHc div{ width:40px; height:40px;}
.aboutHc div:after{ width:12px; height:12px; margin-top:-8px;}
.aboutHcl:after{ margin-left:-4px;}
.aboutHcr:after{ margin-right:-4px;}
.aboutHc{ bottom:50%;}
.aboutHicc .aboutHid div{ margin-bottom:10px;}
.aboutHid p{ font-size:16px; line-height:1.5em; height:12em;}
.aboutHst span{ font-size:16px; width:auto; padding:0 5px; line-height:40px;}
.aboutHs{ height:auto;}
.aboutI{ position:relative; height:340px; padding:50px 0;}
.aboutIi,.aboutJi{ transform:scale(0.26); display:block; margin:0; position:absolute; top:-160px; left:50%; margin-left:-700px; width:1400px;}
.aboutI h2{}
.aboutJ{ margin:0;}
.aboutJt{ min-width:0;}
.aboutO{ padding:10px; box-sizing:border-box;}
.aboutOd{ width:100%; margin:0;}
.aboutOSize,.aboutOSize .aboutOi{ width:100%; margin:0 0 10px 0; height:50vw;}



.picture{ height:50vh;}
.words{ line-height:170px; padding-left:10px;}
.words span{ font-size:24px;}
.contactUsl,.contactUsr{ width:auto; margin:0; padding:0px 0; float:none; box-sizing:border-box;}
.contactUsl div{ margin:0 10px; padding:10px 0; box-shadow:none;}
.contactUsr{ margin:0 10px 30px 10px;}
.contactUsr h4{ font-size:24px; line-height:40px;}
.contactUsr p{ font-size:16px; line-height:1.5em;}
.contactUsr h3{ font-size:20px;}
#BaiduMaps{ height:300px;}
.newsB{ padding:20px 0;}
.newsA{ padding:0 10px; box-sizing:border-box;}
.newsAi,.newsAc{ width:100%; float:none; padding:0; margin:0;}
.newsAc{ padding:10px; border:1px solid #f0eeee;}
.newsAc h1{ padding:10px 0;}
.newsAc h1,.newsAc h1 a,.newsBc h5,.newsBc h5 a{ font-size:22px; line-height:30px; padding:0;}
.newsAc .fx{ text-align:left; padding:5px 0 0 0;}
.newsBc{ width:100%; padding:10px; border:1px solid #f0eeee;}
.newsAc span,.newsBc .fx span{ font-size:16px; padding:10px 0; display:block;}
.newsAcc{ border:none; padding:0; margin:0;}
.newsAcc p{ font-size:16px; line-height:1.5em; height:auto;}
.newsBi{ width:100%; height:auto; margin:0;}
.newsBi img{ display:block; width:100%;}
.newsBcc{ }
.newsBcc a{ height:auto;}
.newsBcc p{ font-size:18px; line-height:1.5em;}
.newsBc .fx{ text-align:left;}
.newsBc h5{ padding-top:10px;}
.newsBc .fx span{ display:block; float:none; margin-bottom:10px;}
.newsTitle h1{ font-size:22px; line-height:1.5em;}
.newsContent p{ font-size:16px; line-height:1.5em;}
.picture-Teg{ height:auto;}
.register{ width:100%; padding:0 10px;}
.registerv .registerr{ padding-right:110px;}
.registerv .registerr span{ width:100px;}
.register h5{ padding-top:30px; line-height:1.4em;}
.blank{ height:60px;}
.registerv p label{ line-height:12px;}
.registerv p{ margin-bottom:4px;}
.newsLD{ width:100%; margin:0 0 20px 0; float:none;}
.newsImg{ height:auto;}
.newsImg div{ position:relative; top:auto; left:auto;}
.newsImg img{ display:block; height:auto;}
.picture-us{ height:auto;}
.newsLc{ padding:10px; border:1px solid #f0eeee;}
.newsLc span{ padding:0; font-size:14px;}
.pic .newsLc h4{ height:auto; font-size:16px;}
.picPlay .videoDiv{ width:96%; box-sizing:border-box; padding:0 30px 60px 30px;}
.picPlayl{ left:10px;}
.picPlayr{ right:10px;}
.pgbb{ padding:0;}
.pgbbi{ position:relative; top:auto; left:auto; margin:0 auto; background-position:center;}
.pgbb h3{ font-size:20px; line-height:1.5em;}
.pgbba span{ line-height:1.5em; font-size:16px;}
.pgbba span a{ font-size:16px;}
.tegisteredT{ margin:50px 0 0px 0;}
.tegisteredC{ margin-top:20px;}
.tegisteredD{ padding:0;}
.tegisteredD p{ padding-right:0; font-size:16px; line-height:1.5em;}
.tegisteredDr{ position:relative; right:auto; top:auto; width:auto; height:auto; margin-bottom:20px;}
.tegisteredD span{ display:block; margin-bottom:10px;}
.tegisteredDl{ display:block; padding:10px 0 20px 0;}
.tegisteredD a{ line-height:46px; width:160px; font-size:18px; height:auto;}
.pgda table p{ font-size:16px;}
.ueal, .uear{ width:100%; padding:0 10px; height:auto;}
.ueal{ padding-bottom:20px;}
.recruitR,.uea{ margin-bottom:50px;}
.ueal h4{ font-size:24px;}
.ueal div{ font-size:20px; padding-bottom:10px; line-height:1.5em; padding-top:10px;}
.ueal p{ color:#666; font-size:16px;}
.recruitR{ overflow-x:auto;}
.recruitRt,.recruitRc{ width:1000px;}
.information{ margin:10px 0; min-height:0;}
.informationd{ padding:20px 0;}
.informationd div{font-size:18px;}
.informationd span{ position:relative; top:auto; right:auto; width:auto;}


.aboutJ,.aboutJ .page-width{ min-width:100%;}
.aboutJtr{ display:none;}
.aboutJx,.aboutJspan{ display:block;}
.aboutJ{ padding:0 0 40px 0;}
.aboutJ p{ font-size:16px;}
.aboutJx{ padding:0 10px;}
.aboutJt{ padding:30px 0; margin:0;}
.aboutJtl{ text-align:center; float:none; font-size:30px;}
.aboutJl,.aboutJr{ float:none !important; width:auto !important;}
.aboutJda{ width:auto !important; padding-left:50px; padding-top:0; margin-bottom:20px !important; float:none;}
.aboutJdi{ width:34px; height:34px; left:5px;}
.aboutJdp{ min-height:0;}
.aboutJdt{ font-size:16px;}
.aboutJ .aboutJdp p{ font-size:14px;}
.aboutJl{ margin-bottom:20px;}
.aboutJr{ margin-bottom:60px;}
.aboutL,.aboutM{ margin-top:20px;}

.aboutJpl{ width:auto; width:70%; margin-top:20px;}
.aboutLcr .width div,.aboutLcr .width p{ float:none;}
.aboutLcr .width div{ margin:20px auto; width:50%;}
.aboutLcr .width p{ width:auto;}
.aboutM .aboutHc{ bottom:50%;}

}