@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.image-container img,.pager font,.fixtop,.fixtop .logo,.fixtop .navpc li a.a p,.top-blank,.fixtop .navpc li a.a p i,.fixtop .tel,.home-about .pic img,.home-more:before,.home-service .swiper-slide .pic img,.home-service .swiper-slide .text,.home-service .swiper-slide .text .icon,.indnews .row .pic img,.indnews .row .pic,.home-partner li,.fixright li .tubiao,.home-case .swiper-slide .pic h2 img,.home-case .swiper-slide .title,.home-case .swiper-slide .pic,.home-product li .pic img,.home-product li .pic,.home-product .col-3 .col,.mainmenu li a:before,.mainmenu li a p,.about .pic img,.culture li .pic img,.contact dd,.contact dd .pic,.contact dd .t,.blog li .pic img,.blog li,.blog li .cons .m .home-more,.bgline i,.showpic img,.technology .swiper-slide .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-about .pic img:hover,.home-service .swiper-slide:hover .pic img,.indnews .row:hover .pic img,.home-case .swiper-slide:hover .pic h2 img,.home-product li:hover .pic img,.about .pic img:hover,.culture li:hover .pic img,.blog li:hover .pic img,.showpic img:Hover,.technology .swiper-slide .pic:hover img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.foot .area .ct ,.foot .area .wx,.fixright li,.home-case .swiper-slide .pic,.mainmenu li,.contact dd:Hover .pic,.prevnext .prev,.prevnext .back,.capacity table
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-service .swiper-slide:hover .text .icon img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#333;font-weight:400;}a {color:#333}b,strong {font-weight:700;color:#000}
a:hover,.indnews .row .more a:hover,.indnews .row:hover .title a,.indnews li .title a:hover,.indnews .row:hover .more a,.home-product li:hover .title a,.product-show .subject a:hover{color:#2154aa}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.average {display:flex;}.average .col {flex: 1;}
.both-end{display:flex;justify-content:space-between;}
.col-2 {display: flex;flex-wrap: wrap;gap:0;} .col-2 .col {width:50%;box-sizing: border-box;width:calc(50% - 0px);width:-webket-calc(50% - 0px)}
.col-3 {display: flex;flex-wrap: wrap;} .col-3 .col {width:33.3333%;box-sizing: border-box;}
.col-4 {display: flex;flex-wrap: wrap;} .col-4 .col {width:25%;box-sizing: border-box;}
.col-5 {display: flex;flex-wrap: wrap;} .col-5 .col {width:20%;box-sizing: border-box;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#e8e8e8}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#2154aa; background: #2154aa} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #2154aa;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

::selection {background:#2154aa;color:#ffffff;}
::-moz-selection {background:#2154aa;color:#ffffff;}
::-webkit-selection {background:#2154aa;color:#ffffff; }

.wrap {margin:0 auto;max-width:1400px;position:relative;}
.wrap1 {margin:0 4%;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:120px; background:rgba(255,255,255,1);}
.fixtop .logo { position: absolute;left:0;top:19px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat center top;width:247px; height:74px;background-size:100%; display: block}
.fixtop .logo .text {position:absolute;left:267px;top:16px;width:500px;padding:0 0 0 20px;}
.fixtop .logo .text:before {content:''; position:absolute;left:0;width:1px;height:51px; background: #000;}
.fixtop .logo .text h2 {font-weight:700;font-size:22px; line-height: 22px; color:#000;}
.fixtop .logo .text h3 {font-weight:400;font-size:13.6px; line-height: 14px;color:#666;margin:10px 0 0 0}
.fixtop .navpc { text-align: center;width:980px; position: absolute;right:220px;z-index: 1999;}
.fixtop .navpc li {padding:0 20px;display:inline-block;vertical-align: top; position: relative}
.fixtop .navpc li a.a {position: relative;height:120px;line-height: 118px;display:block; overflow: hidden;color:#000;font-size:18px;font-weight:500;}
.fixtop .navpc li a.a p { position:absolute;left:0;top:117px;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#2154aa;margin:0 auto;}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a,.fixtop .navpc li:hover>a.a {color:#2154aa}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li:hover>a.a p i,.fixtop .navpc li.active a.a p i {width:100%;}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:130px;top:120px;margin-left:-65px;display:none;  background: #f5f5f5}
.fixtop .navpc li .list-product {width:170px;left:-10px;margin-left:0; text-align: left;}
.fixtop .navpc li .list-case {width:180px;margin-left:-90px}
.fixtop .navpc li .list dd p a {display:block; line-height: 23px;padding:10px 10px 10px 10px;}
.fixtop .navpc li .list-product dd p a {padding:10px 23px 10px 33px;}
.fixtop .navpc li .list dd p:first-of-type a {padding-top:25px}
.fixtop .navpc li .list dd p:last-of-type a {padding-bottom:30px}
.fixtop .navpc li .list dd p:hover a { background: #2154aa;color:#fff;}
.fixtop .tel {position:absolute;right:0;top:33px;}
.fixtop .tel span.icon {color:#ef8200;font-size:30px; position: absolute;left:-50px}
.fixtop .tel h2 {font-size:23px; line-height: 23px;color:#2154aa}
.fixtop .tel h3 {color:#2154aa}
.fixtop .tel h3 .small {font-weight:400;color:#ccc}
.top-blank {height:120px;}

.fixtop.active {top:-20px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.fixtop.active .logo {top:29px;}
.fixtop.active .navpc li a.a {line-height: 138px;}
.fixtop.active .tel {top:43px}
.top-blank.active {height:100px;}

.indpics .swiper-slide { position:relative;overflow: hidden;padding:20.8333% 0}

.home-subject {padding:100px 0 50px 0; text-align: center;}
.home-subject h2 {font-weight:700;color:#000;font-size:35px; line-height: 1}
.home-subject h2 span {color:#2154aa;}
.home-subject .subtitle {color:#999; text-transform: uppercase; position: relative;font-size:16px;margin:15px auto 0 auto; display: inline-block}
.home-subject .subtitle:before {content:''; position: absolute;top:15px;left:-60px;width:50px;height:1px; background: #999;}
.home-subject .subtitle:after {content:''; position: absolute;top:15px;right:-60px;width:50px;height:1px; background: #999;}

.home-subject-2 {text-align:left}
.home-subject-2 h2 {font-weight:700;color:#000;font-size:35px; line-height: 1;display:inline-block; position: relative; z-index: 10}
.home-subject-2 h2:before {content:''; position: absolute;bottom:-3px;left:0;width:100%;height:10px; background: #ef8200; z-index: -1;opacity:0.8}
.home-subject-2 .subtitle {color:#999; text-transform: uppercase; position: relative;font-size:16px;margin:0px 0 30px 0}

.home-more {position: relative;height:40px; line-height: 36px;display:inline-block; overflow: hidden; background: #2154aa}
.home-more:before {content:''; position: absolute;left:0;top:0;width:0;height:100%; z-index: 1; background: #ef8200;}
.home-more a {display:inline-block;padding:0 25px;position: relative; z-index: 10;color:#fff}
.home-more:hover {border-color:transparent}
.home-more:hover:before {width:100%}

.home-about {padding:1px 0 100px 0;padding:120px 0; background: #2154aa url("../images/line-about.png") no-repeat center; background-size:cover;}
.home-about .wrap {display:flex;align-items: center; justify-content: center;max-width:1450px;}
.home-about .pic {width:50%; overflow: hidden}
.home-about .pic img {width:100%}
.home-about .text {width:50%; position: relative;background: #fff;padding:50px; z-index: 100;margin-left:-50px; text-align: right}
.home-about .text .content {text-align:left;margin:0 0 40px 0}
.home-about .text .home-more {margin: 0 0 0 auto}

.home-service {padding:1px 0 120px 0}
.home-service .swiper-slide { position: relative; }
.home-service .swiper-slide .pic {position: relative; overflow: hidden;padding:60% 0}
.home-service .swiper-slide .text {position:absolute;left:0;top:0;width:80%;padding:0 10%;height:100%; z-index: 100; background: rgba(0,0,0,0.5); text-align: center;color:#fff;display: flex; align-items: center; justify-content: center; flex-direction: column;}
.home-service .swiper-slide:hover .text {background: rgba(33,84,170,0.9);}
.home-service .swiper-slide .text .title {font-weight:700;font-size:25px; line-height: 1;}
.home-service .swiper-slide .text .subtitle {font-size:14px;opacity:0.8; text-transform: uppercase;margin:8px 0 0 0}
.home-service .swiper-slide .text .icon {margin:30px 0}
.home-service .swiper-slide:hover .text .icon {margin:40px 0}
.home-service .swiper-slide .text .icon img {height:80px;}
.home-service .swiper-slide .text .content { line-height: 30px;min-height:90px}

.home-number { text-align: center; background:#2154aa url("../images/line-number.png") repeat-x center bottom;padding:100px 0;}
.home-number li {position: relative;}
.home-number li h2,.home-number li h3 {display:inline-block; vertical-align: top;color:#fff}
.home-number li h2 {font-size:82px; line-height: 82px;}
.home-number li h3 {font-size:20px; line-height: 20px;font-weight:400;margin:13px -10px 0 3px}
.home-number li h3 b {color:#fff;}
.home-number li .content {font-size:22px;margin:10px 0 0 -12px;color:rgba(255,255,255,0.8)}

.home-news {background:url("../images/news-bg.jpg") no-repeat center;padding:0 0 120px 0; background-size:cover;}
.indnews .row {float:left;width:28%;margin:0 4% 0 0;}
.indnews .row .pic {position:relative;height:261px;overflow: hidden}
.indnews .row .addtime {padding:15px 0 0 0;color:#999}
.indnews .row .title {font-size:20px; line-height: 30px;height:30px;margin:5px 0 27px 0; overflow: hidden;font-weight:700}
.indnews .row .title a {color:#000}
.indnews .row .more {border-bottom:1px solid rgba(0,0,0,0.5);padding:0 0 12px 0}
.indnews .row .more a {color:#999}
.indnews ul {float:right;width:35%;border-top:1px solid rgba(0,0,0,0.5)}
.indnews li {border-bottom:1px solid rgba(0,0,0,0.5);padding:9px 0 11px 0; position: relative}
.indnews li .addtime {position: absolute;right:0;top:9px;color:#999}
.indnews li .title {line-height: 30px;height:30px; overflow: hidden;padding:0 80px 0 0}

.home-news .home-subject {text-align:left;}
.home-news .home-subject .subtitle {padding-left:48px}
.home-news .home-subject .subtitle:before {left:0;;width:40px;}
.home-news .home-subject .subtitle:after {right:-48px;width:40px;}
.home-news .home-more {position:absolute;right:0;top:132px}

.home-partner {padding:0 0 120px 0}
.home-partner ul.col-5 {gap:30px;}
.home-partner ul.col-5 .col {width:calc(20% - 24px);width:-webkit-calc(20% - 24px)}
.home-partner li {border:1px solid #ddd;display: flex; align-items: center; justify-content: center;height:140px; position: relative;top:0; background: #fff}
.home-partner li:hover {top:-5px;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.home-partner li img {max-width:200px;max-height:100px;margin:0 auto}

.home-case {padding:0 0 120px 0}
.home-case .swiper-container {padding-left:1px}
.home-case .swiper-slide { position: relative;}
.home-case .swiper-slide .pic { position: relative;border:1px solid #2154aa;padding:40px;}
.home-case .swiper-slide .pic h2 {position: relative;padding:50% 0; }
.home-case .swiper-slide .title {height:55px; line-height: 53px; overflow: hidden; text-align: center;padding:0 10px;color:#fff; background: #2154aa}
.home-case .swiper-slide .title a {color:#fff;font-size:20px}
.home-case .swiper-slide:hover .title { background: #ef8200}
.home-case .swiper-slide:hover .pic {border-color:#ef8200}

.home-product {padding:0 0 100px 0; text-align:center;}
.home-product ul.col-3 {gap:50px;margin-bottom:80px}
.home-product .col-3 .col {width:calc(33.3333% - 33.3333px);width:-webkit-calc(33.3333% - 33.3333px); position: relative;top:0; }
.home-product .col-3 .col:hover {top:-10px}
.home-product li .pic {position: relative;padding:10%;box-shadow:0 0 10px rgba(0,0,0,0.15);background: #fff}
.home-product li:hover .pic {box-shadow:0 0 20px rgba(33,84,170,0.5)}
.home-product li .pic h2 {position: relative;padding:41.6666% 0}
.home-product li .title {text-align:center;height:50px;line-height: 50px; overflow: hidden;margin:15px 0 -10px 0}
.home-product li .title a {font-weight:700;font-size:20px;}

.mainmenu {background:#606060; text-align: center}
.mainmenu ul { display:flex;align-items: center;justify-content: center;}
.mainmenu li {display:inline-block; vertical-align: top; text-align: center;border-left:1px solid rgba(255,255,255,0.3);}
.mainmenu li:last-of-type {border-right:1px solid rgba(255,255,255,0.3);}
.mainmenu li a {font-size:20px; display: block;position: relative;height:70px; line-height: 68px;padding:0 50px}
.mainmenu li a p {position:relative; z-index: 10;color:#fff}
.mainmenu li a:before {content:''; position: absolute;left:0;top:0; background: #0053a4;width:0;height:100%; z-index: 1}
.mainmenu li a:Hover:before,.mainmenu li.check a:before {width:100%}
.mainmenu li:Hover a p,.mainmenu li.check a p{color:#fff}

.top-pic { position: relative;}
.top-pic .pic {padding:13.0208% 0}
.top-pic .text {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100;color:#fff;}
.top-pic .text .wrap { display: flex; align-items:flex-start;justify-content: center;flex-direction: column;height:100%}
.top-pic .text:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.3); z-index: -1}
.top-pic .text .title {font-size:2.5vw; line-height: 1;font-weight:700; letter-spacing: 0.1vw;}
.top-pic .text .subtitle {font-size:1.2vw; line-height: 1;text-transform: uppercase;margin:1vw 0 0 0; letter-spacing: 0.05vw;}
.about-top .text .title {margin-top:-15%}

.about-subject h2 {font-size:35px; line-height: 1;color:#2154aa;font-weight:700}
.about-subject p {color:#999;font-size:15px; line-height: 1;margin:10px 0 35px 0; text-transform: uppercase; letter-spacing: 0.5px}
.about {padding:120px 0}
.about .both-end {align-items: center;text-justify:center;}
.about .text {width:47%;margin:0 6% 0 0}
.about .pic {width:47%; overflow: hidden}
.about .pic img {width:100%}
.namemj {position:absolute;top:-200px}
.about-partner {text-align:center;padding-top:100px; background: #f5f5f5;}
.about-partner ul {padding-top:20px}

.layout_subject {position: relative;padding:0 0 0 50px;}
.layout_subject:before {content:''; position: absolute;left:0;top:5px; background: linear-gradient(to bottom,#2154aa,rgba(233,73,41,0));width:2px;height:330%}
.layout_subject .cn {color:#2154aa;font-size:36px; line-height: 36px;}
.layout_subject .en {color:#999;font-size:28px; line-height: 28px;margin:12px 0 35px 0;font-weight:300}

.culture {padding:120px 0; text-align: center}
.culture .col-3 {gap:50px;padding-top:20px}
.culture .col-3 .col {width:calc(33.3333% - 33.3333px);width:-webkit-calc(33.3333% - 33.3333px);}
.culture li {text-align:left}
.culture li .pic {position:relative;  overflow: hidden;padding:41.6666% 0}
.culture li .layout_subject {margin-top:50px;}
.culture li .content {padding:0 0 0 50px;font-size:20px}
.about-subject.center {text-align:center}

.contact {padding:120px 0 0 0}
.contact .col-4 {gap:30px;padding-top:20px;}
.contact .col-4 .col {width:calc(25% - 22.5px);width:-webkit-calc(25% - 22.5px)}
.contact dd {background: #efefef; text-align: center;padding:60px 0 50px 0}
.contact dd .pic { background: #2154aa;width:75px; height: 75px;border-radius:50%; text-align: center;margin:0 auto}
.contact dd .pic img {width:50px;margin:14px auto 0 auto;}
.contact dd .t {font-size:20px;color:#000;margin:20px 0 60px 0;font-weight:700;}
.contact dd .c {min-height:60px;font-size:20px;max-width:250px;margin:0 auto}
.contact dd:hover { background: #2154aa;color:#fff}
.contact dd:hover .t {color:#fff}
.contact dd:hover .pic { background: #ef8200}
.contact-map {position:relative}
.map {margin:100px 0 0 0}
.map iframe,#container {width:100%; height: 600px}
.namemj-2 {position:absolute;top:-100px}

.news {padding:120px 0}
.blog ul {padding-top:20px}
.blog li {position:relative;min-height:333px; background: #f5f5f5; padding:50px;}
.blog li:nth-child(2),.blog li:nth-child(4) {background:#fff}
.blog li.lifull {padding:45px 0 50px 0;min-height:0}
.blog li .pic {position:absolute;left:50px;top:50px;width:400px;height:333px; overflow: hidden;}
.blog li .cons {margin:0 0 0 480px;padding:45px 0 0 0}
.blog li.lifull .cons {margin:0;padding:0 50px}
.blog li .cons .t {height:30px; line-height: 30px; overflow: hidden}
.blog li .cons .t a {font-weight:700;color:#2154aa;font-size:25px;}
.blog li .cons .c {margin:30px 0 40px 0; line-height: 35px; height:105px; overflow: hidden;font-size:18px;}
.blog li .cons .m {position:relative;font-size:18px;color:#2154aa}
.blog li .cons .m .home-more {position:absolute;right:5px;top:-1px;border-radius:40px}
.blog li .cons .m .home-more a {font-weight:300}
.blog li:hover { background: #2154aa;color:#fff}
.blog li:hover .cons .t a,.blog li:hover .cons .m {color:#fff}
.blog li:hover .cons .m .home-more { background: #fff;color:#2154aa}
.blog li:hover .cons .m .home-more a {color:#2154aa}
.blog li:hover .cons .m .home-more a:hover {color:#fff}

.nshow .title { text-align: center;font-weight:700;font-size:35px; line-height: 45px;color:#2154aa;margin:120px 0 15px 0}
.nshow .addtime {color:#999; text-align: center}
.nshow .text {box-shadow:0 0 10px rgba(0,0,0,0.2);padding:50px;margin:60px 0 0 0;font-size:18px; line-height: 2; background: #fff}
.prevnext {margin:30px 0 120px 0;padding:40px 0 0 0; position: relative;font-size:16px; line-height: 26px;color:#666}
.prevnext a {color:#666}
.prevnext a:hover {color:#2154aa}
.prevnext .prev {float:left;width:40%;padding:6px 0 0 140px; position: relative;}
.prevnext .back {float:left;width:20%;text-align: center; position: relative;top:-7px}
.prevnext .back a { background: #2154aa;display:block;height:45px; line-height: 43px;width:120px; text-align: center;margin:0 auto;color:#fff}
.prevnext .back a:hover {background:#2154aa;color:#fff}
.prevnext .next {float:right;width:40%; position: relative; text-align: right}
.prevnext .next .in2 {display:inline-block;margin:0 0 0 auto;  position: relative;padding:6px 0 0 140px;}
.prevnext p {background:#2154aa;color:#fff;height:45px; line-height: 43px;width:120px; text-align: center; position: absolute;left:0;top:-7px}
.prevnext a:hover p {background:#2154aa;}

.mainleft {float:left;width:20%;}
.mainleft li {margin:0 0 5px 0}
.mainleft li a {font-size:20px;}
.mainleft li a:hover,.mainleft li.check a {color:#2154aa}
.mainright {float:right;width:80%;margin:10px 0 0 0}

.case_subject {margin:0 0 65px 0}
.case_subject .en {color:#2154aa;font-size:30px; line-height: 1; letter-spacing: 1px; position: relative;margin:0 0 0px 0; text-transform: uppercase}
.case_subject .en i {position: absolute;width:100px;height:3px; background: #2154aa;left:-120px;top:15px}
.case_subject .en p {display:inline-block; vertical-align: top;width:100px;height:3px; background: #ccc; position: relative;left:20px;top:15px}
.case_subject .en p i { position: relative;left:0;display:inline-block; vertical-align: top; background: linear-gradient(to right,#2154aa,rgba(0,0,0,0));width:75px;top:0}
.case_subject .cn {font-size:30px; line-height:1;margin-top:10px}

.case {padding:60px 0 100px 0}
.case .col-3 {gap:40px;}
.case .col-3 .col {width:calc(33.3333% - 26.66666px);width:-webkit-calc(33.3333% - 26.6666px); background: #fff}
.case .home-case {padding:0}
body.bg {background:#f9f9f9}
body.bg2 {background:#f5f5f5}

.products {padding:60px 0 120px 0}
.products .home-product {padding:0;}
.products .home-product ul.col-3 {margin-bottom:0}
.products .content {text-align:left; background: #666;padding:30px 40px;color:#fff;margin:0 0 50px 0;font-size:20px;font-weight:300; line-height: 2; position: relative}
.products .content h2 {position:absolute;right:0;top:-51px;height:50px; line-height: 49px;display:inline-block;padding:0 25px;color:#fff;background: #2154aa;font-size:20px}

.bgline { position:absolute;bottom:0;left:0;width:100%; text-align: center; height:3px; z-index:-1}
.bgline i {width:0; height: 100%; background: #2154aa; display: block;margin:0 auto}
a:Hover .bgline i{width:100%}
.navbar {height: 70px;padding:20px 0 0 0;position: relative; z-index: 100; background: #fff;border-bottom:1px solid #ddd; text-align: right}
.navbar.active { position:fixed;left:0;top:108px; z-index: 999;width:100%}
.navbar-nav li {display:inline-block; vertical-align: top;margin:0 0 0 40px;position:relative;height:70px; line-height: 68px}
.navbar-nav li a { display: block;color:#000;font-size:18px}
.navbar-nav li.active .bgline i,.navbar-nav li:hover .bgline i{width:100%}
.navbar-nav li.active a,.navbar-nav li:hover a {color:#2154aa;}
.navbar-nav li.active a {font-weight:700}

.product-show {padding:80px 0 120px 0}
.product-show .subject {font-size:25px; line-height: 35px;margin:0 0 40px 0;color:#000}
.product-show .subject a {color:#000;}
.showpic {float:left;width:36%; overflow: hidden;margin:20px 0 0 0;box-shadow:0 0 20px rgba(0,0,0,0.2); background: #fff;padding:30px}
.showpic p { overflow: hidden}
.showpic img {width:100%}
.showcons {float:right;width:53%;margin:20px 0 0 0}
.showcons .t {font-size:40px; line-height: 50px;font-weight:700;color:#009c41; position: relative;padding:0 0 0 25px;margin:-8px 0 50px 0}
.showcons .t:before {content:''; position: absolute;left:0;top:10px;width:6px;height:70%;background: #009c41}
.showcons .c {font-size:18px; line-height: 2}
.showcons .c h3,.showcons .c h2,.showcons .c h1 {border-bottom:1px solid #ddd;color:#000;font-size:24px; line-height: 34px;padding:0 0 10px 0;margin:0 0 15px 0}

.capacity {padding:100px 0 120px 0}
.capacity h2 {font-size:30px; position: relative; line-height: 1;margin:0 0 40px 0}
.capacity h2:before {content:'';position: absolute;left:50%;width:60px;height:4px; background: #2154aa;margin-left:-30px;bottom:-25px;}
.capacity table {width:100%;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.capacity td,.capacity th {border-top:1px solid #ddd;border-right:1px solid #ddd;padding:10px 20px; text-align: center; background: #fff;min-width:50px}
.capacity tr:nth-child(1) th,.capacity tr:nth-child(1) td {background:#2154aa;color:#fff}
.capacity .cap-244-2 tr:nth-child(1) th,.capacity tr:nth-child(1) td {background:#666;}
body.bg243 {background:#fff}
.capacity .quality-bg {background:#666;color:#fff;padding:30px 40px;font-size:20px;font-weight:300; line-height: 2;margin:0 0 10px 0;border-radius:10px}
.capacity h3 {background:#2154aa;height:50px; line-height: 48px;border-radius:50px;display:inline-block;padding:0 25px;color:#FFFFFF;font-size:25px;margin:10px 0 0 30px}
.capacity .line {border:1px solid #2154aa;border-radius:10px;padding:10px 30px;font-size:20px;}

.device-subject {margin:95px 0 0 0}
.equipmentmain {position:relative;margin:0 0 140px 0}
.floatmenu {display:inline-block; position: absolute;left:50%;top:0;margin-left:-700px; z-index: 100}
.floatmenu li {margin:0 0 5px 0}
.floatmenu li a {font-size:20px}
.floatmenu li a:hover,.floatmenu li.check a {color:#2154aa}

.technology {padding-left:33.8%;}
.technology .list {position:relative;margin:0 0 250px 0}
.technology .swiper-slide {width:683px;}
.technology .swiper-slide .cons {position: relative;padding:0 0 60px 30px;}
.technology .swiper-slide .cons:before {content:'';position:absolute;left:0;top:8px;width:2px; background: linear-gradient(to bottom,#2154aa,rgba(0,0,0,0));height:90%}
.technology .swiper-slide .cons .num {font-size:80px; line-height: 1;font-family: "Poppins";font-weight:100;color:#000}
.technology .swiper-slide .pic { position:relative;padding:36.25% 0; overflow: hidden;}

.technology .swiper-button-next,.technology .swiper-button-prev {top:auto;bottom:-135px;width:auto;height:auto;margin-top:0;border:0;border-radius:0;}
.technology .swiper-button-next:after,.technology .swiper-button-prev:after {color:#2154aa;font-size:20px;width:auto;padding:0;height:auto;line-height:auto; border-radius:0;border:0}
.technology .swiper-button-next:Hover,.technology .swiper-button-prev:hover {background:none;}
.technology .swiper-button-next:hover:after,.technology .swiper-button-prev:hover:after{color:#2154aa; background: none;}
.technology .swiper-button-prev {left:-4px}
.technology .swiper-button-next{right:auto;left:20px}

.swiper-pagination-progressbar{background:rgba(33,84,170,0.3);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2154aa;}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:2px;top:auto;bottom:-75px}

.swiper-scrollbar{border-radius:0;background:rgba(33,84,170,0.3);}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{left:90px;bottom:-109px;height:2px;width:90px}
.swiper-scrollbar-drag{background:#2154aa;border-radius:0;}

.technology .activeIndex,.technology .total {position:absolute;bottom:-124px;left:195px;color:#2154aa;font-size:18px;font-weight:500}
.technology .activeIndex {left:55px}


.footbg {padding:60px 0 0 0; background: #2154aa url("../images/foot.jpg") no-repeat center; background-size:cover;}
.foot{color:rgba(255,255,255,0.5);}
.foot a {color:rgba(255,255,255,0.5);}.foot a:hover {color:#fff}
.foot .pics {border-bottom:1px solid rgba(255,255,255,0.2);margin:0 0 80px 0;padding:0 0 10px 0}
.foot .pics .updown {float:left;padding:0 0 10px 0}
.foot .pics .logo {float:right;margin:22px 0 0 0}
.foot .area {position:relative;}
.foot .area:before,.foot .area:after {content:'';position: absolute;left:19%;top:0;width:1px;height:100%; background: rgba(255,255,255,0.2)}
.foot .area:after {left:auto;right:18%}
.foot .area .ct {float:left;width:19%;color:#fff;}
.foot .area .ct .t {font-size:18px; line-height:1; position: relative;margin:0 0 34px 0}
.foot .area .ct .t:before {content:''; position: absolute;left:0;bottom:-15px;width:32px;height:1px; background: #fff}
.foot .area .ct .c {font-size:14px; line-height: 2;max-width:215px}
.foot .area dl {float:left;margin:0 0 0 4.1%}
.foot .area dt {margin:-5px 0 28px 0}
.foot .area dt a {font-size:18px; line-height: 1; color:#fff;position: relative;}
.foot .area dt a:before {content:''; position: absolute;left:0;bottom:-12px;width:32px;height:1px; background: #fff}
.foot .area dd p {margin-bottom:5px}
.foot .area dd a {font-size:14px;}.foot .area dd a:hover {color:#fff}
.foot .area .wx {float:right;width:18%;color:#fff; text-align:right;}
.foot .area .wx .in {display:inline-block;margin:0 0 0 auto; text-align: center}
.foot .area .wx .pic img {max-width:180px;margin:5px 0 0 0}
.foot .area .wx .t {font-size:24px;line-height: 34px;margin:18px 0 3px 0;font-weight:700}
.foot .area .wx .c {font-size:14px;}

.footer{color:rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.2);padding:20px 0 40px 0;font-size:14px;margin:80px 0 0 0}
.footer a {color:rgba(255,255,255,0.5);}.footer a:hover {color:#fff}
.footer .copy {float:left;width:55%}
.footer .links {float:right;width:40%; text-align: right}
.footer .links a {margin:0 0 0 12px}
.footer .links a:nth-child(1) {margin:0}

.fixright { position: fixed;right:0;top:50%; z-index: 2000;margin-top:-102px}
.fixright li { position:relative;margin:1px 0; }
.fixright li .tubiao {width:50px; height:50px; line-height:50px; cursor:pointer;text-align: center;color:#fff;background:#2154aa;}
.fixright li .tubiao span {font-size:25px}
.fixright li.tel .tubiao span {font-size:28px;color:#fff}
.fixright li.up .tubiao span {font-size:26px}
.fixright li .cons { display:none; position: absolute;right:52px;top:0;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:5px; background: #fff;min-height:50px;color:#3c3c3c;font-size:16px}
.fixright li:hover .tubiao { background: #ef8200;color:#fff}
.fixright li:hover .tubiao span {color:#fff}
.fixright li.wx .cons {width:280px;height:110px;padding:10px 0 10px 10px}
.weixin { position: relative}
.weixin .pcover {width:110px;height:110px}
.weixin .wright { position: absolute;left:140px;top:6px;font-size:16px; line-height: 33px; color:#3c3c3c}
.weixin .wright b {display:block}
.weixin .wright span {font-size:40px;line-height:40px;}
.fixright li.qq .cons {width:155px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700;}
.fixright li.qq .cons font {color:#3c3c3c;margin:0 10px 0 0}
.fixright li.tel .cons {width:180px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.tel .cons font {color:#3c3c3c;margin:0 10px 0 0}