@import url(layui1.css);
@import url(reset.css);
@import url(iconfont.css);
@import url(jquery.fancybox.css);
@import url(swiper.min.css);
@import url(aos.css);
body{ overflow-x:hidden;}
body{ color:#595757; height:auto; box-sizing:border-box; font-size:14px; line-height:1.3; min-width:1280px; padding-top:104px; text-transform: capitalize;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#595757; text-decoration:none;}
a:hover{ text-decoration:none; color:#10347e;}
i,em{ font-style:normal;}

.fileList .img img,
.ipt_b2,
.ideaList .text,
.newsList img,
.mediaList img,
.mediaList .img:after,
.mediaList .img:before,
.features .img:before,
.menu .box,
.iNews .img img,
.strengthMain1_1 img{
transition: all 0.3s ease-out;
}

.fileList .img,
.newsList .img,
.mediaList .img,
.iNews .img,
.strengthMain1_1 .img{ overflow:hidden;}

.fileList .pd:hover img,
.newsList .pd:hover img,
.mediaList .pd:hover img,
.iNews .pd:hover img,
.strengthMain1_1 .pd:hover img{ transform:scale(1.05,1.05);}

tttttttttttt{ transform:translateY(-5px); box-shadow:0 0 10px rgba(0,0,0,0.2);}

yyyyyyyyyyyy{ transform:translateY(-2px);}

.dealersCon .em,
.dealersCon .p,
.fNav dt span,
.fNav dt i,
.more1:before,
.menu span,
.menu i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu-link{  box-sizing: border-box; position:absolute; top:50%; left:-8px;font-size: 11px;z-index: 10; width:40px; height:40px; padding:7px; margin-top:-20px; transition: all 0.2s ease-out; display:none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block; margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:1px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -6px;content: " ";}
.menu-link span:after {top:6px;}
.menu-link.active{}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}



.wp{ width: 1200px; margin: 0 auto; position: relative;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; background: #10347e; padding:40px 0 3px 0;}
.header:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; height:40px; background: #1a1e23;}
.header:after{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 3px; background: #097d9d;}
.header .wp{ margin: 0 50px; width: auto;}
.logo{ position:absolute; font-size:36px; left:0px; top:50%; margin-top:-18px; line-height:36px; z-index:3;}
.logo img{ height:1em; width:auto; display:block; margin-right: 1em;}
.logo strong{font-size: 20px; line-height: 1; position: absolute; left: 100%; bottom:2px; width: 15em; color: #fff;}


.tContact{ position: absolute; left: -30px; top: -40px; z-index: 3;  font-size: 1.00em;color: #fff;}
.tContact .i{ width: 40px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; display: none;}
.tContact .box{ height:40px; line-height:40px; font-size: 1.00em;}
.tContact .box a{ display:block; float: left; color: #fff;}
.tContact .box strong{ display:block; float: left; font-weight: normal;}
.tContact .box a:hover{ color: #fff;}
.tLanguage{ position: absolute; right: -30px; top: -40px; z-index: 3; color: #fff;}
.tLanguage .i{ width: 40px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; display: none;}
.tLanguage .box{ height: 40px; line-height: 40px; font-size: 1.00em;}
.tLanguage .box a{ display:block; float: left; color: #fff;}
.tLanguage .box em{ display:block; float: left; margin:0 0.5em;}
.tLanguage .box a:hover{ color: #fff;}
.tSearch{ position: absolute; right: -50px; top: 0px; width: 96px;z-index: 3;}
.tSearch .i{ height: 72px; cursor: pointer; line-height: 72px; font-size: 22px; border-left: 1px solid #fff; text-align: center; color: #fff;}
.tSearch .i.active:before{content: "\e600";}
.searchBox{ position:fixed; box-shadow: 0 0 10px rgba(0,0,0,0.5); top:104px; left:0px; right:0px; z-index:9; padding:34px 0; background:#fff; display:none;}
.searchBox .wp{ }
.searchBox .pd{ position:relative; display:block; border-left:2px solid #fff;}
.ipt_t1{ display:block; height:42px; font-size:1em; color:#000; border-radius:0 !important; background:none; width:100%; box-sizing:border-box; line-height: 42px; border: 1px solid #ccc; padding: 0 15px;}
.ipt_t1:focus{ box-shadow: none !important; border: 1px solid #ccc !important;}
.ipt_b1{ display:block; position:absolute; right:0px; top:0px; font-size:1em; height:42px; line-height:42px; background:none; border:none; border-radius:0 !important; cursor:pointer; padding: 0 1em;}
.ipt_b1 i{ font-size:1.375em; display:inline-block; vertical-align:bottom; margin-right:0.25em;}
.ipt_b1 span{ font-size:1em; display:inline-block; vertical-align:bottom; content:'Search';}

.menu{ position:relative; z-index:2; padding-right: 100px;}
.menu ul{ float: right; position: relative;}
.menu li{ float:left; text-align:left; padding:0px; margin-right: 3.5em; box-sizing:border-box;}
.menu li:last-child{ margin-right: 0px;}
.menu .h3{ position: relative; z-index: 2;}
.menu .h3 a{ display:block; height:72px; line-height:72px; font-size:1em; position:relative; color:#fff;}
.menu .h3 a:before{ content:''; position:absolute; left:50%; width:0%; height:3px; background:#fff; bottom:0px; transition: 0.3s all;}
.fNav dt span,
.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.fNav dt span:before,
.menu span:before { content: "\e605"; }
.fNav dt span.active:before,
.menu span.active:before { content: "\e606"; }
.fNav dt i,
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.fNav dt i:before,
.menu i:before { content:"\e704"; }
.menu .box{ position: absolute; right: -150px; top:0; padding: 75px 0 50px 100px; left:-100px; display: none;}
.menu .box a{ font-size: 1em; margin-right: 3.75em; margin: 0 1em; display: inline-block; vertical-align: bottom;}
.menu .box a:first-child{ margin-left: 10px;}
.menu .box a:last-child{ margin-right: 0px;}
.menu .pd{ background:rgba(255,255,255,0.8); margin-left: -10px; margin: 0px; line-height:62px;  text-align: center;}

/*
.menu li.li1 .pd{ padding-left: 0px;}
.menu li.li2 .pd{ padding-left: 7.5em;}
.menu li.li3 .pd{ padding-left: 14.75em;}
.menu li.li4 .pd{ padding-left: 22em; padding-left: 0px;}
.menu li.li5 .pd{ padding-left: 23.5em; padding-left: 0px;}
.menu li.li6 .pd{ padding-left: 34.75em;}
.menu li.li7 .pd{ padding-left: 30em;}
*/

.menu li:hover .h3{ z-index: 1;}
.menu li.curr .h3 a,
.menu li:hover .h3 a{ color:#fff;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ width: 100%; left: 0%;}
.menu li:hover .box{ display: block;}



.body_fix .header{}


.iBanner{}
.iBanner .swiperDots{ display:block;}
.iBanner .pd{ overflow:hidden; display:block;}
.iBanner .img img{ width:100.418410041841%; display:block;}
.iBanner .text{ position:absolute; width:1200px; left:50%; top:0; bottom:10vw; margin-left:-600px; color:#fff;}
.iBanner .em{ font-size:4.5em; font-weight:bold; line-height:1.1; margin-bottom:0.25em;}
.iBanner .h3{ font-size:2.375em; line-height:1;}
.iBanner .m{ padding-top:3.5em;}

.tit1{ margin-bottom: 2.875em;}
.tit1 strong{ font-size: 2em; color: #172d80; line-height: 44px; font-weight: lighter; float: left; padding:0 0.25em; border: 1px solid #172d80; text-transform: uppercase;}
.tit1 em{ margin-left: 14px; font-size: 1.75em; float: left; margin-top:9px; line-height: 28px; color: #8d8e8f; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#8d8e8f), to(#fff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}



.more1{ display: inline-block; vertical-align: bottom; height: 38px; line-height: 38px; padding: 0 0.375em; border: 1px solid #fff; transition: 0.3s all;}
.more1 span{ display: block; float: left; font-size: 1.375em; text-indent: 0.1312em; letter-spacing: 0.2625em; font-weight: lighter;}
.more1 i{ display: block; float: left; margin-left: 0.125em;}
.more1:hover{ color:#172d80; background:#fff; transform:translateY(-5px);}
.more1_2{ color: #091737; background: #fff; line-height: 32px; height: 32px;}
.more1_2 span{ font-size: 1.125em;}
.more1_2 i{ font-size: 1.125em;}
.more1_3{ color: #fff;; line-height: 32px; height: 32px;}
.more1_3 span{ font-size: 1.125em;}
.more1_3 i{ font-size: 1.125em;}

.more1_4{ color: #fff;; line-height: 22px; height: 22px;}
.more1_4 span{ font-size:14px;}
.more1_4 i{ font-size:14px;}



.iMain{  padding:4.6875em 0; background:no-repeat center center; background-size:cover;}
.iMain .wp{ margin: 0 5.125em; width: auto;}
.iMain1{ background:#fff; padding: 5.3125em 0 4.6875em 0;}
.iProCon .swiperArrow{ display:block;}
.iProCon .swiperPrev{ left:2em;}
.iProCon .swiperNext{ right:2em;}
.iProCon{ margin-bottom: 6.875em;}
.iProCon .pd{ display: block; position:relative; color: #fff;}
.iProCon .h3{ position: absolute; left: 0px; top: 4.375em; right: 0px; text-align: center; line-height: 1;}
.iProCon .h3 strong{ font-size: 2.875em; display: block; font-weight: lighter;}
.iProCon .h3 em{ font-size: 12px; font-weight: lighter; display: block; padding-top: 1em;}
.iProCon .img{ overflow: hidden;}
.iProCon .m{ position: absolute; left: 50%; bottom: 3.375em; width: 8.375em; margin-left: -4.1875em;}
.iProCon .white{ color:#010207;}
.iProCon .white .more1{ border-color: #010207;}
.iProCon .white .more1:hover{color:#fff; background:#010207;}


.iProNav{ padding: 0 10.5em;}
.iProNav .swiper{ margin: 0 -1.25em;}
.iProNav .swiper-slide{ padding-top: 11px;}
.iProNav .pd{ display: block; position: relative; text-align: center; background: #c4c4c4; margin: 0 1.25em; padding: 1.25em 0 2.125em 0;}
.iProNav .pd:after{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; transition: 0.3s all; background: #fff; border: 1px solid #10347e; opacity: 0;}
.iProNav .pd:before{ content: ''; z-index: 2; position: absolute; left: 50%; bottom: 0px; height: 4px; width: 3em; margin-left: -1.5em; background: #10347e;}
.iProNav .i{ font-size: 4.25em; line-height: 1; position: relative; z-index: 2; color: #3e3a39;}
.iProNav .h3{ line-height: 1.25; min-height: 2.5em; padding-top: 0.375em; position: relative; z-index: 2; color: #595757;}
.iProNav .h3 strong{ font-weight:normal; display: block;}
.iProNav .h3 em{ display: block;}
.iProNav .pd:hover:after{ top: -11px; opacity: 1;}
.iProNav .pd:hover .i{ color: #10347e;}



.iMain2{ background:#fff; padding: 4.6875em 0 5em 0; display: none;}

.iNews{}
.iNews .swiper{ margin:0 -0.8125em;}
.iNews .swiperDots{ display:block; bottom:0px;}
.iNews .swiper-slide{ padding-bottom: 8em;}
.iNews .pd{ background:#fff; margin:0 0.8125em; display:block;}
.iNews .img{ overflow:hidden; position:relative; margin-bottom: 1.375em;}
.iNews .text{ font-size: 1.25em; height: 2.6em; line-height: 1.3; position: relative;}
.iNews .h3{ position: absolute; bottom: 0px; left: 0px; max-height: 2.6em; line-height: 1.3; overflow: hidden; right: 8.125em; color: #595757;}
.iNews .m{ position: absolute; bottom: 0px; right: 12px;}

.more2{ display: block;}
.more2 span{ display: inline-block; vertical-align: middle; margin-right: 0.625em;}
.more2 i{display: inline-block; vertical-align: middle; font-size: 1.3em; line-height: 1;}

.more2_2{ color: #10347e;}





.footer{}
.footer .wp{ width: 1400px; margin: 0 auto;}

.fTop{ background: #f5f5f5; padding: 3.625em 0 6.375em 0;}
.fNav{ float: left;}
.fNav dl{ float: left;}
.fNav dt{ padding-left: 15px; margin-bottom: 1.75em;}
.fNav dt a{ display: block; line-height: 1;font-size: 16px; font-weight: 600; color: #10347e;}
.fNav dd{ border-right: 1px solid #ccc; padding: 0 15px; min-height: 130px;}
.fNav dd a{ display: block; min-width: 6em; font-size: 14px; line-height: 1.5; margin-bottom: 0.83333333333em;}
.fNav dd a:last-child{ margin-bottom: 0px;}
.fNav dl:first-child dt{ padding-left: 0px;}
.fNav dl:first-child dd{ padding-left: 0px;}
.fNav dl:last-child dd{ border-right: none;}

.fLink{ position: absolute; right: 0px; width: 172px; top:41px; display: none;}
.fLink .t{ background: #fff; padding: 0 8px; color: #10347e; position: relative; cursor: pointer;}
.fLink .t span{ font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; }
.fLink .t i{ width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; border: 1px solid #10347e; border-radius: 50%; display: block; position: absolute; right: 8px; top: 50%; margin-top: -11px;}
.fLink .c{ position: absolute; display: none; left: -1px; bottom: 100%; right: -1px; background: #fff; border: 1px solid #a0a1a1; text-align: center; padding: 5px 0;}
.fLink .c a{ display: block; line-height: 2em; font-size: 14px;}
.fLink.active .t i{ transform: rotate(180deg);}


.fLinkImg{ position: absolute; right: 0px; top: 0px; width: 172px; height: 40px; overflow:hidden;}
.fLinkImg img{ width: 100%; height: auto; display: block;}
.fEwm{ float: right; padding-top: 100px; width: 214px; padding-top: 50px;}
.fEwm ul{ margin: 0 -15px;}
.fEwm li{ width: 50%; float: left; box-sizing: border-box; padding: 0 15px; text-align: center;}
.fEwm img{ width: 100%; height: auto; display: block;}
.fEwm p{ font-size: 12px; color: #595757; padding-top: 9px; line-height: 1;}

.fCopy{ line-height: 16px; padding: 10px 0; color: #fff; background: #1a1e23; font-size: 0.75em;}
.fCopy p{ display: inline-block;vertical-align: bottom; margin: 0 0.5em;}
.fCopy a{ color: #fff;}
.fCopy a:hover{ color:#fff; text-decoration: underline;}


.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff; cursor:pointer; background:rgba(0,0,0,0.5);}
.play_btn i:before{ width:64px; height:64px; font-size:32px; line-height:64px; position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; border-radius:50%; text-align:center;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0);}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:42; display:none;}
.video_box{ position:fixed; width:768px; height:auto; left:50%; top:50%; margin:-230px 0 0 -384px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#177bc1; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-60px; margin-left:-20px;}
.video_box video{ width:100%; height:360px; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}

.pBanner{ position: relative;}
.pBanner .img{ overflow: hidden;}
.pBanner .img img{ width: 100.418410041841%;}
.pBanner .text{ position: absolute; left: 50%; top: 0px; bottom: 0px; width: 1536px; margin-left: -768px; text-align: center; text-transform: uppercase;}
.pBanner .h3{ position: relative; line-height: 1;}
.pBanner .h3 strong{ font-size: 1.875em; color: #fff;}
.pBanner .h3 em{ font-size: 3.375em; position: absolute; left: 0px; bottom: 100%; color: #fff; opacity: 0.5;}
.pBannerAbout5 .text{ display: block;}
.pBannerProduct1 .text{ display: none !important;}

.pNavMain{ padding: 43px 0 27px 0; position: relative;}
.pNavMain:before{ content:''; height: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; background: #8e8e8f;}
.tit1_2{ float: left; margin-bottom: 0px;}
.tit1_2 strong{ font-size: 20px; line-height: 30px; font-weight: 500; padding: 0 20px;}
.tit1_2 em{ line-height: 22px; margin-top: 5px; margin-left: 20px;}
.pNav{ position: absolute; right: 0px; bottom: -27px;}
.pNav li{ float: left; margin-left: 22px;}
.pNav a{ display: block; height: 39px; line-height: 38px; color: #1a1e23; font-size: 14px; position: relative; font-weight: 600;}
.pNav a:before{ content: ''; position: absolute; left: 50%; bottom: 0px; width: 0%; height: 1px; background: #10347e; transition: 0.3s all;}
.pNav a:hover,
.pNav li.curr a{ color: #10347e;}
.pNav a:hover:before,
.pNav li.curr a:before{ width: 100%; left: 0%;}


.pMain{ padding: 4.6875em 0 9em 0;}
.aboutMain1{}
.aboutMain1_1{ margin-bottom: 5.125em;}
.aboutMain1_1 .img{ width: 780px; float: right;}
.aboutMain1_1 .text{ width: 380px; float: left; background: #dfdfdf; padding: 20px; box-sizing: border-box;}
.aboutMain1_1 .h3{ font-size: 20px; line-height: 1.5; margin-bottom: 24px; font-weight: 500; color: #10347e; position: relative;}
.aboutMain1_1 .h3:before{ content: ''; position: absolute; left: 0px; bottom: -11px; height: 1px; width: 2em; background: #10347e;}
.aboutMain1_1 .p{ font-size: 0.9375em; line-height: 2;}
.aboutMain1_2{}
.aboutMain1_2 .img{ width: 380px; float: left;}
.aboutMain1_2 .text{ width: 780px; float: right;}
.aboutMain1_2 .p{ line-height: 1.85; color: #595757;font-size: 0.9375em;}
.aboutMain1_2 .p p{ text-indent: 2em; margin-bottom: 1em;}
.aboutMain1_2 .p img{ display: block; width: 100%; height: auto;}

.historyMain1{}
.historyMain1_1{}
.textlistA{ padding: 7.25em 0; position:relative;}
.textlistA:before{ content: ''; position: absolute; left: 226px; width: 1px; z-index: 2; top: 0px; bottom: 0px; background: #808080;}
.textlistA dl{ margin-bottom: 24px; padding: 2em 0 2em 226px; position: relative;}
.textlistA dl:before{ content: ''; position: absolute; top: 0px; bottom: 0px; background: #fff;}
.textlistA dl:last-child{ margin-bottom: 0px;}
.textlistA dt{ position: absolute; left: 0px; top: 1em; color: #10347e; width: 226px; padding-left: 46px; box-sizing: border-box;}
.textlistA dt strong{ line-height: 60px; font-size: 66px; font-weight: normal; display: block;}
.textlistA dt em{ font-size: 12px; font-weight: bold; bottom: -7px; width: 66px; right: 0px; line-height: 1;}
.textlistA dd{ position: relative; padding: 1em 0 1em 2.25em; }
.textlistA dd:before{ content: ''; position: absolute; left: 0px; top: 0px; z-index: 3; bottom: 0px; width: 3px; background: #10347e;}
.textlistA .p{ font-size: 1.125em;}
.textlistA dl:hover:before{ background: #efefef;}
.textlistA dl:hover dd{ color: #10347e;}
.textlistA_1 dl:before{ left: 50%; width: 100vw; margin-left: -50vw;}
.textlistA_2 dl{ padding-left: 158px;}
.textlistA_2 dl:before{ left: 0px; width: 100vw;}
.textlistA_2:before{ left: 158px;}
.textlistA_2 dt{ width: 158px; top: 2em;}
.textlistA_2 dt strong{ padding-left: 0px;}
.textlistA_2 dd{ padding-left:24px;}
.textlistA_2 dl:hover dd{ color: #231815;}

.honorMain1{}
.honorMain1_1{ width: 426px; position: absolute; left: 0px; top: 70px;}
.honorCon{}
.honorCon .pd{ display: block; margin-bottom: 62px;}
.honorCon .swiperDots{ display: block; bottom: 0px;}
.honorMain1_2{ margin-left: 520px;}

.speechMain1{}
.speechMain1_1{}
.speechMain1_1 .img{ width: 508px; float: left;}
.speechMain1_1 .text{ margin-left: 508px; padding-left: 4em;}
.speechMain1_1 .p{ line-height: 2; color: #595757;}
.speechMain1_1 .p p{ text-indent: 2em; margin-bottom: 8px;}
.speechMain1_1 .em{ line-height: 1; font-size: 72px; text-align: right;}
.speechMain1_1 .em img{ display: inline-block; vertical-align: bottom; height: 1em; width:auto;}


.cultureMain1{ background:#091737; padding: 0px; color: #fff;}
.cultureMain1 .wp{ width: 1536px;}
.cultureMain1_1{ padding-bottom: 15px;}
.cultureMain1_1 .pd{ display: block; position: relative;}
.cultureMain1_1 .img{ width: 50%; float: right;}
.cultureMain1_1 .img img{ width: 50vw; float: left;}
.cultureMain1_1 .text{ position: absolute; left: 0px; top: 0px;  bottom: 0px; right: 50%; padding-right: 128px;}
.tit2{ border-bottom: 1px solid #fff; line-height: 70px; margin-bottom: 30px;}
.tit2 strong{ font-size: 2.75em; font-weight: lighter; display: inline-block; vertical-align: middle;}
.tit2 em{ font-size: 2.5em; color: #8d8e8f; margin-left:0.5em; display: inline-block; vertical-align: middle;}
.cultureMain1_1 .em{ font-size: 1.125em;}

.cultureMain2{ background:#091737; padding:0; color: #fff;}
.cultureMain2 .wp{ width: 1122px;}
.cultureMain2_1{ background: url(/public/static/english/images/culture2.jpg) no-repeat left center; margin: 0 auto;}
.cultureMain2_1 ul{ float: right; padding: 88px 0 56px 0; max-width: 50%;}
.cultureMain2_1 li{ position: relative; margin-bottom: 50px; line-height: 1; padding-left: 28px;}
.cultureMain2_1 li:last-child{ margin-bottom: 0px;}
.cultureMain2_1 li:before{ content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 1px; background: #fff;}
.cultureMain2_1 .h3{font-size: 2em; margin-bottom: 15px; font-weight: lighter;}
.cultureMain2_1 .p{font-size: 1em; line-height: 2; color: #b3b3b4;}

.tit3{ position: relative; line-height: 1; margin-bottom: 77px;}
.tit3 strong{ font-size: 1.875em; color: #fff;}
.tit3 em{ font-size: 3.375em; position: absolute; left: 0px; bottom: 100%; color: #0d2150; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#0d2150), to(#091738));-webkit-background-clip: text;-webkit-text-fill-color: transparent; opacity: 0.5;}

.cultureMain3{ background:#091737; padding:68px 0; color: #fff;}
.cultureMain3 .wp{ width: 1536px;}
.cultureMain3_1{ padding: 58px 0 66px 0;}
.cultureMain3_1 .img{ width: 50%; position: absolute; right: 0px; top: 0px;}
.cultureMain3_1 .img img{ width: 50vw; float: left;}

.reportsListA li{ margin-bottom: 35px;}
.reportsListA li:last-child{ margin-bottom: 0px;}
.reportsListA .pd{ display: block; position: relative; height: 34px;}
.reportsListA .h3{ margin-right: 320px; line-height: 34px;}
.reportsListA .m{ position: absolute; right: 0px; top: 50%; margin-top: -17px;}
.reportsListA .m .more1_3{ margin-left: 64px;}

.reportsListB dl{ margin-bottom: 35px; position: relative;}
.reportsListB dl:last-child{ margin-bottom: 0px;}
.reportsListB dt{ position: relative; height: 34px; display: block;}
.reportsListB dt .h3{ margin-right: 320px; line-height: 34px;}
.reportsListB dt .m{ position: absolute; right: 0px; top: 50%; margin-top: -17px;}
.reportsListB dt .m .more1_3{ margin-left: 64px;}
.reportsListB dd{ position: absolute; right: 0px; bottom: 100%; display: none; padding-bottom: 18px;}
.reportsListB dd:before{ position:absolute; right:70px; bottom:8px; margin-left:-6px; content:''; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #fff;}
.reportsListB ul{ background: #fff; width: 320px; padding: 15px; border-radius: 10px;}
.reportsListB ul a{ display: block; position: relative; line-height: 32px;}
.reportsListB ul span{ display: block; margin-right: 20px;}
.reportsListB ul i{ position: absolute; right: 0px; top: 50%; width: 32px; height: 32px; margin-top: -16px;}
.reportsListB li{ border-bottom: 1px dashed #ccc;}
.reportsListB li:last-child{ border-bottom: none;}
.reportsListB dl.curr dd{ display: block;}

.strengthMain1{}
.strengthMain1_2{ margin-bottom: 40px;}
.strengthMain1_2 video{ width: 100%; height: auto; }
.strengthMain1_1{}
.strengthList ul{ margin-right: -26px;}
.strengthList li{ width: 33.3333%; float: left;}
.strengthList li:first-child{ width: 100%; margin-bottom: 40px;}
.strengthList li:first-child .img img{ height: 366px;}
.strengthList .pd{ display: block; margin-right: 26px; position: relative;}
.strengthList .img{ overflow: hidden;}
.strengthList .text{ position: absolute; left: 0px; padding:34px; box-sizing:border-box;  top: 0px; right: 0px; bottom: 0px; color: #fff;}
.strengthList .h3{}
.strengthList .h3 strong{ display:block; font-size: 1.75em; font-weight: lighter;}
.strengthList .h3 em{ display: block;}
.strengthList .p{ max-width:640px; font-size: 12px; line-height: 1.3; padding-top: 1em; opacity: 0; transition: 1s all;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
word-wrap:break-word;
text-align: justify;
}
.strengthList .m{ position: absolute; left: 34px; bottom:44px;}
.strengthList .m .more1{ margin-left: 0px;}
.strengthList li.curr .p{ opacity: 1;}
.strengthList li.curr .m{ display: none;}

.patentMain1{}
.patentMain1_1{ margin-bottom: 30px; font-size: 22px; font-weight: lighter;}
.patentMain1_1 strong{ font-size: 28px; color: #10347e; font-weight: bold;}

.patentMain1_2{}
.patentMain1_2 ul{ margin: 0 -50px;}
.patentMain1_2 li{ width: 33.3333%; float: left; margin-bottom: 50px;}
.patentMain1_2 .pd{ display: block; margin: 0 50px;}
.patentMain1_2 .img{}
.patentMain1_2 .text{ padding: 15px 25px;}
.patentMain1_2 .h3 strong{ display: block; font-size: 1.125em; line-height: 1.5; height: 3em;}


.productMain1{ padding: 114px 0;}
.productMain1_1{ position: absolute; left: 0px; top: 0px; width: 714px;}
.productMain1_1 video{ display: block; width: 100%; height: 402px;;}
.productMain1_2{ margin-left: 740px; margin-bottom: 16px;}
.productMain1_2 .pd{ display: block; position: relative;}
.productMain1_2 .img{}
.productMain1_2 .text{ position: absolute; left: 0px; top: 0px; padding: 20px; color: #fff;}
.productMain1_2 .h3 strong{ font-size: 1.875em; width: 6em; display: block; margin-bottom: 0.5em; text-shadow: 0 0 1px rgba(0,0,0,1);}
.productMain1_2 .h3 em{ font-size: 1.875em; display: block; color: #909192; width:8em; line-height: 1.3333;}
.productMain1_3{ margin-left: 740px;}
.productMain2{ background: #091b44; padding: 0px;}
.productMain2 .wp{ width: auto; margin-bottom: 26px;}
.productMain2_1{}
.productMain2_1 .pd{ display: block; position:relative; color: #fff;}
.productMain2_1 .pd[href="javascript:;"]{ cursor: default;}
.productMain2_1 .img{ overflow: hidden;}
.productMain2_1 .img img{ width: 100.418410041841%;}
.productMain2_1 .h3{ position: absolute; left: 0px; top:3.125em; right: 0px; text-align: center; line-height: 1;}
.productMain2_1 .h3 strong{ font-size:1.625em; display: block; font-weight: lighter;}
.productMain2_1 .h3 em{ font-size: 0.625em; font-weight: lighter; display: block; padding-top: 1em;}
.productMain2_1 .m{ position: absolute; left: 50%; bottom: 1.375em; width: 134px; margin-left: -67px; display: none;}
.productMain2_1 .white .more1{ color: #10347e;}
.productMain2_1 .white .more1 i{ border-color: #10347e; color: #10347e;}
.productMain2_1 .white .h3 em{ font-size: 1.125em;}


.more3{ display: inline-block; vertical-align: bottom;}
.more3 span{ font-size: 1.125em; display: inline-block; vertical-align: middle; margin-right: 0.5em;}
.more3 i{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-radius: 50%; text-align: center; line-height: 16px; font-size: 12px; border: 1px solid #fff;}

.productMain3{ padding: 0px;}
.productMain3 .wp{ width: auto;}
.productMain3_1{ overflow: hidden; width: 100%;}
.productMain3_1 ul{ margin: 0 -13px;}
.productMain3_1 li{ width: 50%; float: left; margin-bottom: 26px;}
.productMain3_1 .pd{ display: block; position:relative; color: #fff; margin: 0 13px;}
.productMain3_1 .img{ overflow: hidden;}
.productMain3_1 .img img{ width: 100.418410041841%;}
.productMain3_1 .h3{ position: absolute; left: 0px; top:3.125em; right: 0px; text-align: center; line-height: 1;}
.productMain3_1 .h3 strong{ font-size:2em; display: block; font-weight: lighter;}
.productMain3_1 .h3 em{ font-size: 12px; font-weight: lighter; display: block; padding-top: 1em;}
.productMain3_1 .m{ position: absolute; left: 0px; right: 0px; text-align: center; top: 8em;}
.productMain3_1 .white{ color: #010207;}
.productMain3_1 .white .more3{ color: #10347e;}
.productMain3_1 .white .more3 i{ border-color: #10347e; color: #10347e;}
.productMain3_1 .white .h3 em{ font-size: 1.125em;}
.productMain3 .proBtnBox{ width: 58%;}

.proBtnBox{ margin: 0 auto; padding: 84px 0 216px 0;}
.more4{ display: block; height: 106px; line-height: 106px; color: #172d80; padding: 0 46px; background: #dfdfdf;}
.more4 span{ font-size: 1.125em; float: left;}
.more4 i{font-size: 1.125em; float: right;}
.more4:hover{ background: #10347e; color: #fff;}


.otherMain1{ padding-top: 142px;}


.tit4{ position: relative; line-height: 1; margin-bottom:72px; text-align: center; padding-top: 10px;}
.tit4 strong{ font-size: 2.25em; display: block; color: #172d80; position: relative; z-index: 2; font-weight: normal;}
.tit4 em{ font-size: 1.75em; line-height: 28px; color: #8d8e8f; position: absolute; top: 0px; left: 0px; right: 0px; text-align: center; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#8d8e8f), to(#fff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


.pNavMainB{ padding: 12px 0 0 0; position: relative;}
.pNavMainB:before{ content:''; height: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; background: #8e8e8f;}
.pNavMainB .wp{ width: 1410px;}
.pNavB{ text-align: center;}
.pNavB ul{display: inline-block; vertical-align: bottom;}
.pNavB li{ float: left; margin: 0 25px;}
.pNavB li:last-child{ margin-right: 0px;}
.pNavB a{ display: block; height: 90px; line-height: 90px; color: #1a1e23; font-size: 16px; position: relative;}
.pNavB a:before{ content: ''; position: absolute; left: 50%; bottom: 0px; width: 0%; height: 2px; background: #10347e; transition: 0.3s all;}
.pNavB a:hover,
.pNavB li.curr a{ color: #10347e;}
.pNavB a:hover:before,
.pNavB li.curr a:before{ width: 100%; left: 0%;}

.proInfoMain{ padding:0 0 136px 0; background: #fbfbfb;}
.proInfoMain .wp{ width: 1410px;}
.proInfoMain1{ padding-top: 136px; background: #fff;}
.proInfoMain1_1{ margin-bottom: 0px;}
.proInfoMain1_2{ background: #efefef; padding: 40px 55px;}
.textA{ font-size: 1.125em; line-height: 1.7778;}
.proInfoMain2{}
.proInfoMain3{}
.proInfoMain4 .wp{ margin: 0px !important; width: auto !important;}
.proInfoMain4_1 img{ width: 100vw; height: auto; display: block;}
.tableA{}
.tableA table{ width: 100%; border: 1px solid #919192; border-collapse: collapse;}
.tableA th,
.tableA td{ border: 1px solid #919192; line-height: 1.5; padding: 1em; text-align: center;}
.tableA tr:first-child th,
.tableA tr:first-child td{ background: #dfdfdf; color: #000000; border: 1px solid #dfdfdf; padding: 2em 1em;}
.proInfoMain5{ display: none;}
.proInfoMain4_1{}
.features{}
.features ul{ margin-right: -20px;}
.features li{ width: 20%; float: left;}
.features .pd{ display: block; margin-right: 20px;}
.features .img{ position: relative; margin-bottom: 10px;}
.features .img:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.7);}
.features .text{}
.features .h3{ position: absolute; left: 50%; top: 50%; margin: -64px 0 0 -64px; width: 126px; height: 126px; border: 1px solid #10347e; border-radius: 50%; background: rgba(235,235,235,0.7); line-height: 1; text-align: center;}
.features .h3 strong{ font-size: 1.75em; display: block; margin-bottom: 5px; color: #000; padding-top: 46px;}
.features .h3 em{ font-size: 6px; display: block; color: #8d8e8f;}
.features .p{ text-align: center; line-height: 48px; height: 48px; border-bottom: 1px solid #919192; font-size: 1.125em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.features .pd:hover .img:before{ background:rgba(0,0,0,0); }
.features .pd:hover .h3 strong{ color: #10347e;}
.features .pd:hover .p{ border-bottom-color: #10347e; color: #10347e;}

.newsMain1{ padding: 104px 0 0 0;}
.newsMain1_1{}
.newsList{}
.newsList li{ margin-bottom: 30px;}
.newsList li:last-child{ margin-bottom: 0px;}
.newsList .pd{ position: relative; display: block; background: #efefef; }
.newsList .pd:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid #efefef;}
.newsList .img{ width: 538px; float: right; position: relative; z-index: 2;}
.newsList .text{ right: 538px; position: absolute; top: 0px; bottom: 0px; padding: 34px 106px 34px 50px;}
.newsList .em{ font-size: 14px; margin-bottom: 11px; line-height: 1;}
.newsList .h3{ font-size: 1.125em; color: #10347e; margin-bottom: 1em;}
.newsList .p{ font-size: 14px; line-height: 1.5; height: 4.5em; margin-bottom: 2em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.newsList .m{}
.newsList .pd:hover:before{ border: 1px solid #1a2e75;}

.mediaMain1{ padding: 104px 0 0 0;}
.mediaMain1_1{}
.mediaList{}
.mediaList ul{ margin: 0 -14px;}
.mediaList li{ width: 33.3333%; float: left; margin-bottom: 58px;}
.mediaList .pd{ margin: 0 14px; display: block; position: relative; background: #dfdfdf; color: #10347e; }
.mediaList .img{ position: relative;}
.mediaList .img:after{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(/public/static/english/images/btnA_2.svg) no-repeat center center; background-size: 64px 64px; opacity: 0; z-index: 2;}
.mediaList .img:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background:url(/public/static/english/images/btnA_1.svg) no-repeat rgba(9,23,55,0.8) center center; background-size: 64px 64px; opacity: 1; z-index: 2;}
.mediaList .text{ padding:30px 10px;}
.mediaList .h3{ line-height: 20px; font-size: 1.125em; height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mediaList .pd:hover{ background: #10347e; color: #fff;}
.mediaList .pd:hover .img:after{ opacity: 1;}
.mediaList .pd:hover .img:before{ opacity:0;}


.jobMain1{ padding: 107px 0;}
.jobMain1_1{}
.jobNavList{ width: 790px; margin: 0 auto 75px auto;}
.jobNavList ul{ margin: 0 -100px;}
.jobNavList li{ width: 50%; float: left;}
.jobNavList .pd{ display: block; position: relative; text-align: center; background: #c4c4c4; margin: 0 100px; padding: 44px 0;}
.jobNavList .pd:after{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; transition: 0.3s all; background: #fff; border: 1px solid #10347e; opacity: 0;}
.jobNavList .pd:before{ content: ''; z-index: 2; position: absolute; left: 50%; bottom: 0px; height: 3px; width: 72px; margin-left: -36px; background: #10347e;}
.jobNavList .i{ font-size: 130px; line-height: 1; position: relative; z-index: 2; color: #3e3a39;}
.jobNavList .h3{ line-height: 1.25; font-size: 1.5em; padding-top: 0.375em; position: relative; z-index: 2; color: #10347e;}
.jobNavList .h3 strong{ font-weight:normal; display: block;}
.jobNavList .h3 em{ display: block;}
.jobNavList .pd:hover:after{ top: -11px; opacity: 1;}
.jobNavList .pd:hover .i{ color: #10347e;}
.jobMain1_2{}
.tit5{ background: #efefef; line-height: 42px; height: 42px; padding: 0 100px; margin-bottom: 40px;}
.tit5 strong{ font-style: 16px; color: #10347e; font-weight: bold; margin-right: 1em;}
.tit5 em{ font-size: 13px; color: #909192;}
.jobContact{ padding: 0 100px;}
.jobContact dl{ float: left; margin-right: 4em; line-height: 24px;}
.jobContact dt{ float: left; padding-right: 12px; margin-right: 12px; position: relative;}
.jobContact dt:before{ content:''; position: absolute; right: 0px; top: 50%; height: 18px;  margin-top: -9px; width: 1px; color: #fff; background: #10347e;}
.jobContact dt i{ font-size: 24px; float: left;color: #10347e; margin-right: 4px;}
.jobContact dt span{ font-size: 1.125em; float: left; display: inline-block; vertical-align: middle;}
.jobContact dd{ float: left; font-size: 1.125em;}

.jobMain2{ padding: 134px 0 0 0 ;}
.jobMain2_1{}
.jobList{}
.jobTit{ background: #efefef; margin-bottom: 62px; position: relative;}
.jobTit:before{ content: ''; position: absolute; top: 0px; bottom: 0px; left: 50%; width: 100vw; margin-left: -50vw; background: #efefef;}
.jobTit .dt{ text-align: center; width: 20%; float: left;font-size: 1.5em; line-height: 86px; height: 86px; position: relative; z-index: 2;}
.jobTit .dt:hover{ background: #10347e; color: #fff;}
.jobCon .dd{ text-align: center; height: 67px; line-height: 67px; width: 20%; float: left; font-size: 1.125em;}
.jobCon .dl{ border-bottom: 1px solid #919192;}
.jobCon .dl:last-child{ border-bottom: none;}
.jobCon .dd.curr{color: #10347e; font-weight: bold;}
.jobCon .pd:hover .dd{ color: #10347e; font-weight: bold;}




.ideaMain1{}
.ideaMain1_1{}
.ideaList{}
.ideaList ul{ margin: 0 -10px;}
.ideaList li{ width: 33.3333%; float: left; margin-bottom: 64px;}
.ideaList .pd{ display: block; margin: 0 10px; position: relative; overflow: hidden;}
.ideaList .img{}
.ideaList .text{ position: absolute; left: 0px; top: 221px; height: 100%; width: 100%; box-sizing: border-box; right: 0px; background: rgba(23,45,128,0.9); padding: 15px 18px 0 18px; color: #fff;}
.ideaList .h3{ height: 54px; line-height: 54px; position: relative;}
.ideaList .h3:before{ content: ''; position: absolute; right:0px; top: 50%; width: 30%; height: 1px; background: #fff;}
.ideaList .h3 strong{display: inline-block; vertical-align: bottom; font-size: 1.5em; font-weight: lighter;}
.ideaList .p{ line-height: 2; height: 10em; font-size: 14px;}
.ideaList .pd:hover{}
.ideaList .pd:hover .text{ top: 0px; background: rgba(9,23,55,0.8); padding-top: 38px;}
.ideaList .pd:hover .h3{ height: 45px; line-height: 45px; margin-bottom: 24px;}
.ideaList .pd:hover .h3:before{ left: 0px; top: auto; bottom: 0px;}


.platformMain1{}
.platformMain1_1{ width: 825px; margin: 0 auto 120px auto;}
.tit6{ margin-bottom: 14px;}
.tit6 strong{ font-size: 1.5em; line-height: 1; color: #10347e; font-weight: 500;}
.platformList{ margin-bottom: 70px;}
.platformList .swiperArrow{ display: block;font-weight: bold; width: 34px; height: 34px; line-height: 34px; border-color: #1a2e75; color: #1a2e75; margin-top: -18px; font-size: 24px;}
.platformList .swiperNext{ right: -130px;}
.platformList .swiperPrev{ left: -130px;}
.platformList .swiperArrow:hover{ background: #1a2e75; color: #fff;}
.textB{ font-size: 1.125em; line-height: 1.85;}
.textB p{ margin-bottom: 1em;}
.textB p:last-child{ margin-bottom: 0px;}

.platformMain1_2{}

.platformNavList{}
.platformNavList ul{ margin: 0 -63px;}
.platformNavList li{ width: 20%; float: left;}
.platformNavList .pd{ display: block; position: relative; text-align: center;}
.platformNavList .i{ font-size: 106px; border: 1px solid #10347e; margin: 0 auto 40px auto; width: 138px; height: 138px; line-height: 138px; position: relative; z-index: 2; color: #3d3939;}
.platformNavList .i:after{ content: ''; z-index: 2; position: absolute; left: 50%; bottom: 0px; height: 2px; width: 36px; margin-left: -18px; background: #10347e;}
.platformNavList .h3{ line-height: 1.25; font-size: 1.25em; position: relative; z-index: 2; color: #10347e; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1.25em;}
.platformNavList .h3 strong{ font-weight:normal; display: block;}
.platformNavList .pd:hover:after{ top: -11px; opacity: 1;}
.platformNavList .pd:hover .i{ color: #10347e;}


.joinMain1{ padding: 50px 0 170px 0; background: url(/public/static/english/images/join.jpg) no-repeat center bottom #081d48; background-size: 100% auto;}
.joinMain1_1{ min-height: 765px;}
.joinMain1_1 img{ float: right; width: 68%;}
.joinMain1_2{ position: absolute; left: 0px; top: 150px; width: 30%; color: #fff;}
.joinMain1_2 table{width: 100%; border: 1px solid #fff; border-collapse: collapse;}
.joinMain1_2 td,
.joinMain1_2 th{ border: 1px solid #fff; padding: 0.25em;}

.tit7{ line-height: 1; position: absolute; left: 0px; top: 0px; width: 100%;}
.tit7 strong{ font-size: 1.875em; color: #fff; padding-bottom: 1em; padding-top: 58px; display: block; position: relative; z-index: 2;}
.tit7 strong:before{ content: ''; position: absolute; bottom: 0px; left: 0px; height: 1px; width:30%; background: #fff;}
.tit7 em{ font-size: 4.375em; position: absolute; left: 0px; top:0px; color: #0b244e; opacity:1;}



.ipt_t2{ box-sizing: border-box; border: 1px solid #a0a1a1; height: 44px; width: 100%; display: block; padding: 0 26px; font-size: 1em;}
.ipt_t2_2{ padding-left: 155px;}
.ipt_r2{ margin-right: 5px;}
.ipt_s2{ box-sizing: border-box; border: 1px solid #a0a1a1; height: 44px; width: 100%; display: block; padding: 0 14px; font-size: 1em; float: left;}
.ipt_s2_2{ position: absolute; left: 0px; top: 0px; width: 140px;}
.ipt_b2{ display: inline-block; vertical-align: middle; width: 136px; height: 44px; background: #10347e; color: #fff; border:none;}
.ipt_b2 i{ display: inline-block; vertical-align: middle; line-height: 44px; font-size: 1.875em; margin-right: 10px;}
.ipt_b2 span{ display: inline-block; vertical-align: middle; line-height: 44px; font-size: 1.25em;}
.ipt_b2:hover{ transform: translateY(-5px); box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.ipt_b2_2{ background: #8d8e8f;}

.joininMain1{ padding: 100px 0 80px 0;}
.joininMain1_1{ margin-bottom: 40px;}
.formA{}
.formA ul{ margin-right: -58px;}
.formA li{ margin-bottom: 16px; width: 50%; float: left; height: 44px;}
.formA li:last-child{ width: 100%; padding-top: 20px; margin-bottom: 0px;}
.formA .pd{ display: block; margin-right: 58px; position: relative;}
.formA .pd2{ padding-left: 125px;}
.formA strong{ position: absolute; left: 0px; top: 0px; line-height: 44px; padding-left: 10px; width: 125px; box-sizing: border-box;}
.formA em{ line-height: 44px; display: inline-block; vertical-align: middle; }
.formA label{ cursor: pointer; margin-right: 18px; display: inline-block; vertical-align: middle; }
.formA .dl{ margin-right: -5px;}
.formA .dd{ float: left; width: 33.3333%; padding-right: 5px; box-sizing: border-box;}
.joininMain1_2{}
.joininMain1_2 .pd{ float: right;}
.joinBg{ display: none; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.8); z-index: 99;}
.joinBox{ display: none;  position: fixed; border-radius: 12px; left: 50%; width: 1024px; top: 50px; bottom: 50px; margin-left: -512px; z-index: 100; background: #fff; padding: 30px;}
.joinBox .pd{ position: relative; height: 100%; overflow-y: auto;}
.joinBox .i{ position: absolute; right: -22px; top: -22px; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #10347e; color: #fff; text-align: center; font-size:24px; cursor: pointer;}
.joinBox dl{ margin-bottom: 2em;}
.joinBox dt{ font-size: 1.125em; color:#10347e; margin-bottom: 0.5em;}
.joinBox dd{ font-size: 14px; line-height: 1.5;}

.downloadMain1{ padding: 146px 0 50px 0 ;}
.downloadMain1_1{}

.downloadList{}
.downloadList ul{ margin: 0 -80px;}
.downloadList li{ width: 33.3333%; float: left; margin-bottom: 140px;}
.downloadList .pd{ display: block; position: relative; text-align: center; background: #c4c4c4; margin: 0 80px; padding: 54px 0;}
.downloadList .pd:after{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; transition: 0.3s all; background: #fff; border: 1px solid #10347e; opacity: 0;}
.downloadList .pd:before{ content: ''; z-index: 2; position: absolute; left: 50%; bottom: 0px; height: 3px; width: 72px; margin-left: -36px; background: #10347e;}
.downloadList .i{ font-size: 112px; line-height: 1; margin-bottom: 20px; position: relative; z-index: 2; color: #3e3a39;}
.downloadList .h3{ line-height: 1.25; position: relative; z-index: 2;}
.downloadList .h3 strong{ font-weight:normal; font-size: 1.5em; line-height: 1.2; height: 1.2em; overflow: hidden; display: block; color: #172d80; margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.downloadList .h3 em{ display: block; font-size: 1em; color: #8d8e8f; line-height: 1.2; height: 1.2em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.downloadList .pd:hover:after{ top: -11px; opacity: 1;}
.downloadList .pd:hover .i{ color: #10347e;}
.downloadList li:last-child .h3 strong{}

.fileMain1{ padding: 104px 0 0 0;}
.fileMain1_1{}
.fileList{}
.fileList ul{ margin-right: -27px;}
.fileList li{ width: 25%; float: left; margin-bottom: 27px;}
.fileList .pd{ margin-right: 27px; display: block;}
.fileList .img{ background: #222126;}
.fileList .text{ background: #10347e; color: #fff; position: relative;}
.fileList .h3{ display: block; height: 32px; margin-right: 32px; font-size: 14px; line-height: 32px; padding: 0 1em;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.fileList .i{ position: absolute; right: 0px; top: 0px; height: 32px; line-height: 32px; text-align: center; width: 32px; font-size: 20px; border-left: 1px solid rgba(255,255,255,0.5);}

.ipt_t2_3:focus{ background: #c2c2c2;}
.ipt_b2_3{ display: block; margin: 0 auto; width: 148px;}
.serviceMain1{ padding: 108px 0 240px 0;}
.serviceMain1_1{ width: 1066px; border: 1px solid #172d80; margin: 0 auto;}
.formB{}
.formB .wpd{ padding: 30px 98px}
.formBtit{ text-align: center; line-height: 1; margin-bottom: 25px;}
.formBtit strong{ font-size: 1.75em; padding-bottom: 19px; font-weight: 500; color: #172d80; display: block; position: relative;}
.formBtit strong:before{ content: ''; position: absolute; width: 210px; height: 7px; left: 50%; bottom: 0px; margin-left: -105px; background: #172d80;}
.formBlist{ margin-bottom: 30px;}
.formBlist ul{ margin-right: -50px;}
.formBlist li{ width: 25%; float: left; position: relative;}
.formBlist .pd{ display: block; margin-right: 50px; position: relative;}
.formBlist li:before{ content: ''; background: #808080; position: absolute; right: 17px; top: 50%; height: 1px; width: 15px; text-align: center;}
.formBlist li:last-child:before{ display: none;}
.formBbox{}
.aftersalesMain1_1{}
.aftersalesMain1_1 img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}

.skillMain1{}
.skillMain1_1{}
.skillList{ position: relative;}
.skillList:before{ content: ''; width: 1px; position: absolute; top: 0px; bottom: 0px; background: #808080; }
.skillList dl{ margin-bottom: 2em}
.skillList dt{ position: relative; cursor: pointer;}
.skillList dt:after{ content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 3px; background: #10347e;}
.skillList dt:before{ content: ''; position: absolute; top: 0px; bottom: 0px; left: 50%; width: 100vw; margin-left: -50vw; background: #efefef; opacity: 0;}
.skillList .h3{ position: relative; z-index: 2; padding-left: 1.5em; padding-right: 44px;}
.skillList .h3 strong{ font-size: 1.5em; line-height: 76px; color: #231815; display: block;}
.skillList .h3 i{ width: 34px; height: 34px; line-height: 34px; border: 1px solid #10347e; color: #10347e; border-radius: 50%; display: block; text-align: center; position: absolute; right: 0px; top: 50%; margin-top: -18px; }
.skillList dd{ display: none;}

.skillList dl:hover .h3 strong,
.skillList dl.curr .h3 strong{color: #10347e;}
.skillList dl:hover .h3 i,
.skillList dl.curr .h3 i{ transform: rotate(-90deg); background: #10347e; color: #fff;}
.skillList dl:hover dt:before,
.skillList dl.curr dt:before{ opacity: 1;}


.textC{ line-height: 1.85; font-size: 14px; padding: 2em 0;}
.textC p{ padding-left: 24px; position: relative; margin-bottom: 20px;}
.textC p:after{ content: ''; position: absolute; left: 0px; top: 0.125em; height: 14px; width: 3px; background: #10347e;}





/*新闻详情*/
.newsInfoMain{ background:#f5f5f5;}
.newsInfoFl{ width:66.6666%; float:left;}
.newsInfoTit{ padding-bottom:20px; border-bottom:1px dashed #999; margin-bottom:30px;}
.newsInfoTit h1{ font-size:1.5em; color: #000;}
.newsInfoTit .em{ color:#999; font-size: 14px;}
.newsInfoTit .em p{ display: inline-block;vertical-align: bottom; margin-right: 1em;}
.newsInfoCon{ font-size:14px; line-height:1.85; color:#666; margin-bottom:30px; padding-bottom: 2em;}
.newsInfoCon p{ margin-bottom: 1em;}
.newsInfoCon img{ margin:0.5em 0; max-width:100%; height:auto; display:inline-block; vertical-align:bottom;}
.newsInfoCon table{ width: 100%; border: 1px solid #ccc; border-collapse: collapse;}
.newsInfoCon td,
.newsInfoCon th{border: 1px solid #ccc; padding: 0.25em 0.5em;}
.newsInfoCon video{ width: 100%; }
.newsInfoCon strong{ color: #000; font-size: 1.125em;}
.newsInfoM{ position: relative; padding-right: 125px;}
.newsInfoM li{ background:#f5f5f5; margin-bottom:5px; line-height:40px; height:40px; padding:0 20px;}
.newsInfoM li strong{ float:left; line-height:40px; height:40px;}
.newsInfoM li a{ display:block; line-height:40px; height:40px; overflow:hidden;}
.newsInfoM li:hover{ color: #fff; background: #10347e;}
.newsInfoM li:hover a{ color: #fff;}
.newsInfoM li.backList{ position: absolute; right: 0px; top: 0px; width: 120px; height: 85px; padding: 0px;}
.newsInfoM li.backList a{ display: block; text-align: center; line-height: 85px; height: 85px;}
.newsInfoFr{ width:29.5238%; float:right; background:#fff; padding:20px; box-sizing:border-box;}

.news_list3 {}
.news_list3 li{ margin-bottom:20px;}
.news_list3 li:last-child{ margin-bottom:0px;}
.news_list3 .pd{ position:relative; display:block;}
.news_list3 .img{}
.news_list3 .text{ position:absolute; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,0.8); padding:10px 20px; color:#fff;}
.news_list3 .h3{ font-size:14px; line-height:20px; height:20px; overflow:hidden;}
.news_list3 .pd:hover{ box-shadow:0 0 3px rgba(0,0,0,0.3);}
.news_list3 .pd:hover .text{ background:#10347e;}

.tit8{ line-height:24px; margin-bottom:30px; overflow:hidden;}
.tit8 strong{ float:left; font-weight:normal; font-size:24px;}
.tit8 a{ float:right;}
.more5{ display:inline-block; vertical-align:bottom;}
.more5 span{ float:left; height:24px; line-height:24px; font-size:14px;}
.more5 i{ float:left; margin-top:5px; margin-left:6px; width:14px; height:14px; background:#10347e; font-size:10px; text-align:center; color:#fff; line-height:14px;}



/*搜索*/
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#25211e; border-left:2px solid #10347e; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#10347e; margin-left:0.5em;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:25vh;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#10347e; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}
@media screen and (max-width:768px){
.search_tit{}
.search_list{ padding: 20px 0 30px 0; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}


/*视频*/
.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#10347e; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
}


.jobInfoCon{}
.jobInfoCon h2{ font-size: 1.25em; font-weight: bold; color: #000;}
.jobInfoCon h3{ font-size: 1.125em; font-weight: bold; color: #000;}
.jobInfoCon table{ border: 1px solid #ccc; border-collapse: collapse; width: 100%; font-size: 12px;}
.jobInfoCon td,.jobInfoCon th{ border: 1px solid #ccc; padding: 0.5em 1em;}
.jobInfoCon td:nth-child(1){ width: 4em;}
.jobInfoCon td:nth-child(2){ width: 4em;}
.jobInfoCon td:nth-child(3){ width: 8em;}

.job_list3{}
.job_list3 li{ border-top: 1px dashed #919192;}
.job_list3 .pd{ display: block; line-height: 40px;}
.job_list3 em{ float: right; font-size: 12px;}
.job_list3 span{ display: block; overflow: hidden; height: 40px; line-height: 40px;}


.pagination{ text-align:center; font-size:14px; padding:84px 0 216px 0;}
.pagination li{ display:inline-block; vertical-align:bottom; margin:3px;}
.pagination a,
.pagination span{ display:block; border:1px solid #ccc; line-height:2; padding:0 0.6em;}
.pagination .active span{ background:#10347e; color:#fff; border-color:#10347e;}


.nextPage{ position: absolute; left: 0px; bottom: 0px; right: 0px; z-index: 2; height: 36px;display: none;}
.nextPage img{ width: 100%; height: auto; display: block;}

.fContact{ display: none;}
.fDealers{ width: 80%; margin: 0 auto; padding: 40px 0;  display: none;}
.fDealers .img{ margin-bottom: 10px;}
.fDealers .text{ font-size: 14px; color: #172D80; font-weight: bold;}
.fDealers .text a{ color: #172D80; margin-left: 0.5em;}

.proInfoMain4_1 img{max-width: 100vw; height: auto !important; display: inline-block; vertical-align:bottom;}
@media screen and (max-width:1680px){
body{ font-size: 14px; padding-top: 86px;}
.logo{ font-size: 32px;}
.logo img{ margin-right: 0.75em;}
.logo strong{ font-size: 16px;}
.menu{ padding-right: 76px;}
.menu li{ margin-right: 3.75em;}
.menu .h3 a{ line-height: 54px; height: 54px;}
.menu .box a{ margin-right: 2.5em; margin: 0 0.75em;}
/*.menu li.li1 .pd{ padding-left: 0px;}
.menu li.li2 .pd{ padding-left: 5.5em;}
.menu li.li3 .pd{ padding-left: 13em;}
.menu li.li4 .pd{ padding-left: 20.5em; padding-left: 0px;}
.menu li.li5 .pd{ padding-left: 20.5em; padding-left: 0px;}
.menu li.li6 .pd{ padding-left: 27em;}
.menu li.li7 .pd{ padding-left: 33.5em;}*/
.menu .box{ padding-top: 57px;}
.tSearch{ width: 72px;}
.tSearch .i{ height: 54px; line-height: 54px;}
.searchBox{ top: 86px;}

.iMain{ padding: 60px 0}
.iProNav{ padding: 0 60px;}
.iProNav .swiper{ margin: 0 -10px;}
.iProNav .pd{ margin: 0 10px;}
.iProCon{ margin-bottom: 5em;}




.tit2 strong{ font-size: 2em;}
.tit2 em{ font-size: 1.875em;}
.tit3{ margin-bottom: 40px;}
.tit3 em{ font-size: 2.5em; }
.tit3 strong{ font-size: 1.4em;}
.tit4{ margin-bottom: 54px;}
.tit4 strong{ font-size: 2em;}
.tit4 em{ font-size:1.5em;}
.pBanner .text{ width: 1152px; margin-left: -576px;}
.cultureMain1 .wp{ width: 1152px;}
.cultureMain2 .wp{ width: 840px;}
.cultureMain2_1 .h3{ font-size: 2em;}
.cultureMain2_1 .p{ font-size: 14px; line-height: 2;}
.cultureMain3 .wp{ width: 1152px;}
.cultureMain3_1{ padding: 40px 0 50px 0;}
.reportsListB dl{ margin-bottom: 26px;}
.pNavMainB{ padding-top: 9px;}
.pNavB li{margin: 0 20px;}
.pNavB a{ height: 68px; line-height: 68px; font-size: 16px;}
.iProCon .h3 strong{ font-size: 2.5em;}
.proInfoMain .wp{ width: 1200px;}
.proInfoMain1_1{ margin-bottom: 26px;}
.pMain{ padding: 3.5em 0 6.75em 0;}
.cultureMain1{ padding: 0px;}
.cultureMain2{ padding: 0px;}
.cultureMain3{ padding: 52px 0;}
.productMain1{ padding: 86px 0;}
.proInfoMain{ padding: 0 0 100px 0;}
.proInfoMain1{ padding-top: 100px;}
.productMain2{ padding: 0px;}
.productMain3{ padding: 0px;}
.otherMain1{ padding: 106px 0 0 0;}
.newsMain1{ padding: 78px 0 0 0 ;}
.mediaMain1{ padding: 78px 0 0 0 ;}
.pagination{ padding: 60px 0 160px 0;}
.jobMain1{ padding: 80px 0;}
.joinMain1{ padding: 38px 0 128px 0;}
.joininMain1{ padding: 75px 0 60px 0;}
.downloadMain1{ padding: 110px 0 38px 0;}
.serviceMain1{ padding: 84px 0 180px 0;}
.productMain1_2 .h3 strong{ font-size: 1.5em;}
.productMain1_2 .h3 em{ font-size: 1.75em;}
.textB{ font-size: 14px;}
.platformMain1_1{ margin-bottom: 90px;}
.platformNavList .i{ width: 100px; height: 100px; line-height: 100px; font-size: 75px; margin-bottom: 30px;}
.platformNavList .h3{ font-size: 1.125em;}

.joinMain1_1{ min-height: 574px;}
.downloadList li{ margin-bottom: 105px;}
.mediaList li{ margin-bottom: 44px;}
.mediaList .text{ padding: 24px 10px;}
.ideaList li{ margin-bottom: 48px;}
.platformList{ margin-bottom: 52px;}

.pNavMainB .wp{ width: 1200px;}


}

@media screen and (max-width:1600px){
.productMain3_1 .h3{ top: 2em;}
.productMain3_1 .h3 strong{ font-size: 1.75em;}
.productMain3_1 .white .h3 em{ font-size: 1em;}
.productMain3_1 .m{ top: 6.5em;}

}

@media screen and (max-width:1280px){
}



@media screen and (max-width:1024px){
body{ padding-top:60px; background:#fff; font-size:14px; min-width:inherit;}
.footer .wp,
.header .wp,
.iMain .wp,
.wp{ width:auto; margin:0 30px;}
.header{ left:0px; top:0px; right:0px; padding: 0px; background:#10347e; box-shadow:0 0 3px rgba(0,0,0,0.3); border-bottom:none; padding-top:0px; position:fixed;}
.header:before,
.header:after{ display:none;}
.header .wp{ height:60px; position:relative; padding:0px;}
.logo{ font-size:30px; left: 50%; margin:-0.5em 0 0 -2.3166em; top:50%; z-index:3;}
.logo img{ height: 1em; width: auto; display: block; margin-right: 0.5em;}
.logo strong{ font-size: 14px; display: none;}
.tSearch{ width: auto; right:0px; margin-top: -16px; top: 50%;}
.tSearch .i{ width: 32px; height: 32px; border-left: none; line-height: 32px;}

.tLanguage{ color: #fff;  width: auto; right:32px; margin-top: -16px; top: 50%; display: block;}
.tLanguage .i{width: 32px; height: 32px; border-left: none; line-height: 32px; display: block; cursor: pointer; color: #fff;}
.tLanguage .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px;  padding:15px 30px; background:rgba(0,0,0,0.5);}
.tLanguage .pd{ position: relative;}

.searchBox{ top: 60px;}

.menu-link{ display:block;}
.menu{ display:none; position:fixed; margin:0px; transform: translateZ(0); top:60px; width:240px; left:0px; padding:0px; background:#f2f2f2;}
.menu ul{ display:block; padding-right:0px; margin:0px; width:auto; float: none;}
.menu li{ float:none; padding:0px; width:auto; margin:0px;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; border-bottom:1px solid rgba(162,104,90,0.1); padding:0px;}
.menu .h3 a{ text-align:left; position:static; color:#333; padding:0px 30px; height:40px; line-height:40px; border-radius:0px; font-size:16px;text-decoration:none !important;}
.menu .h3 a:after{ display:none;}
.menu .h3 strong{ padding-top:0px; margin-bottom:3px;}
.menu li:hover .h3 a{ color:#333;}
.menu li:hover .h3 span{ color:#333;}
.menu li.curr .h3 a,
.menu li.curr .h3 span{ background:#1873d6; color:#fff;}
.menu-link{ display:block;}
.menu li:hover .box{ display:none;}
.menu i{ display:block;}
.menu span{ display:block;}
.menu .box{ display:none; visibility:visible; opacity:1; transition:none; position:static; padding:10px 0px; right: auto; left: auto; margin:0px !important; width:auto !important; background:#fff;}
.menu .pd{ margin: 0px; line-height: 1.25; padding: 0px !important;}
.menu .box a{ position:static; color:#333; display: block; border-bottom:none; min-width:inherit; padding:10px 54px 10px 30px; margin: 0px !important;}
.menu .box span,
.menu .box i{ right:30px; color:#333;}
.menu .box dt:before{ display:none;}
.menu .box dt span:before{ content:"\e604";}
.menu .box dt span.active:before{ content:"\e606";}
.menu .box dd{ position:static; width:auto; box-shadow:none;}
.menu .box dd a{ background:rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.1); text-align:center;}
.menu .box dd a:before{ display:none;}
.menu .box dl{border-bottom:1px solid rgba(162,104,90,0.1);}
.menu .box dl:hover dt span{ color:#333;}
.menu .box dl:hover dt a{ color:#333;}
.menu .box dl:hover dd{ display:none;}

.iProCon{}
.iProNav{ padding: 0 60px;}
.iProNav .swiperArrow{ display: block; color: #000; font-size:16px; width: 32px; height: 32px; line-height: 32px; margin-top: -16px;}
.iProNav .swiperArrow:hover{ color: #fff;}
.iNews .swiper-slide{ padding-bottom: 60px;}

.fTop{ padding: 30px 0;}
.fNav{ margin-bottom:0px;}
.fNav dl{ width: 14.285714285714286%; padding: 0px; text-align: center;}
.fNav dl:first-child dd{ padding: 0;border-left: 1px solid #fff;}
.fNav dt{ padding: 0px;}
.fNav dd{ padding: 0px;}

.fEwm{}





.pBanner .img img{ height: auto; width: 100%;}
.pBanner .text{ display: block; width: auto; left: 30px; right: 30px; margin: 0px; text-align: center;}
.pBanner .h3 strong{ display: block; font-size: 24px; margin-bottom: 10px;}
.pBanner .h3 em{ position: static; display: block; font-size: 12px; background:none; -webkit-text-fill-color:inherit; opacity: 1; color: #fff;}

.

.pNavMain{ padding: 0px;}
.pNavMain .tit1{ display: none;}
.pNav{ position: static; bottom: auto; text-align: center;}
.pNav ul{ display: inline-block; vertical-align: bottom;}
.pNav li{ margin: 0 1em;}

.pMain{ padding: 60px 0;}
.cultureMain1{ padding: 0px;}
.cultureMain2{ padding: 0px;}
.cultureMain3{ padding: 60px 0;}
.productMain1{ padding: 60px 0;}
.proInfoMain{ padding:  60px 0;}
.proInfoMain1{ padding: 60px 0; background: #fff;}
.productMain2{ padding: 0px;}
.productMain3{ padding: 0px;}
.proInfoMain4{ padding: 0px;}
.proInfoMain4 .wp{ margin: 0px !important;}
.otherMain1{ padding: 60px 0 0 0;}
.newsMain1{ padding: 60px 0 0 0 ;}
.mediaMain1{ padding: 60px 0 0 0 ;}
.pagination{ padding: 60px 0 60px 0;}
.jobMain1{ padding: 60px 0;}
.joinMain1{ padding: 60px 0 60px 0;}
.joininMain1{ padding: 60px 0 60px 0;}
.downloadMain1{ padding: 60px 0 60px 0;}
.serviceMain1{ padding: 60px 0 60px 0;}

.aboutMain1_1{ margin-bottom: 30px;}
.aboutMain1_1 .img{ width: 60%; overflow: hidden;}
.aboutMain1_1 .img img{ width: 107%; margin-left: -3.5%;}
.aboutMain1_1 .text{ width: 40%;}
.aboutMain1_1 .p{ line-height: 1.85;}
.aboutMain1_2 .img{ width: 40%;}
.aboutMain1_2 .text{ width:auto; float: none; margin-left: 40%; padding-left: 40px;}

.honorMain1_1{ width: 240px;}
.honorMain1_2{ margin-left: 240px;}
.honorCon .pd{ margin-bottom: 30px;}

.speechMain1_1 .img{ width:320px;}
.speechMain1_1 .text{ margin-left: 320px; padding-left: 30px;}

/*.pBannerAbout5 .text{ display: none;}*/

.cultureMain1 .wp{ width: auto;}
.cultureMain2 .wp{ width: auto;}
.cultureMain2_1 ul{ padding: 50px 0;}
.cultureMain2_1 li{ margin-bottom: 30px;}
.cultureMain2_1 li:before{ height: auto; bottom: 0px;}
.cultureMain2_1 .h3{ font-size: 18px; margin-bottom: 1em;}
.cultureMain2_1 .p{ line-height: 1.5;}
.cultureMain3 .wp{ width: auto;}
.cultureMain3_1 .img{ height: 100%;}
.cultureMain3_1 .img img{ width: auto; height: 100%;}
.tit3 em{ opacity: 1;}

.strengthList .p{ opacity: 1;}
.strengthList .m{ display: none;}
.strengthList ul{ margin-right: -15px;}
.strengthList li:first-child{ margin-bottom: 20px;}
.strengthList .pd{ margin-right: 15px;}

.patentMain1_1{ font-size: 18px;}
.patentMain1_1 strong{ font-size: 1.25em;}
.patentMain1_2 ul{ margin: 0 -15px;}
.patentMain1_2 li{ margin-bottom: 20px;}
.patentMain1_2 .pd{ margin: 0 15px;}
.patentMain1_2 .text{ padding: 15px 0 0 0;}
.patentMain1_2 .h3 strong{ font-size: 12px;}

.productMain1_1{ width: 560px;}
.productMain1_1 video{ height: 314px;}
.productMain1_2{ margin-left: 580px;}
.productMain1_2 .img img{ height: 180px;}
.productMain1_2 .h3 strong{ font-size: 14px;}
.productMain1_2 .h3 em{ font-size: 18px;}
.productMain1_3{ margin-left: 580px;}
.productMain2{ background: none;}
.productMain2_1 .img img{ width: 150%; margin-left: -25%; width: 100%; margin-left: 0px;}
.productMain3_1 .m{display: none;}
.productMain3_1 .h3 strong{ font-size: 16px;}
.productMain3_1 .h3 em{ font-size: 10px;}
.productMain3_1 .white .h3 em{ font-size: 12px;}


.pNavMainB .wp{ width: auto;}
.pNavMainB{ padding: 0px;}
.pNavB li{ margin: 0 0.75em;}
.pNavB a{ height: 34px; line-height: 34px; font-size: 14px; }
.proInfoMain .wp{ width: auto;}
.tit4{ padding-top: 0px; margin-bottom: 30px;}
.tit4 em{ font-size: 12px; margin-top: -0.75em; line-height: 16px;}
.tit4 strong{ font-size: 18px;}
.textA{ font-size: 14px; line-height: 1.5; padding: 30px;}

.newsList .img{ width: 380px;}
.newsList .text{ right: 380px; padding: 30px;}
.newsList .m{display: none;}
.newsList .p{ margin-bottom: 0px;}

.mediaList ul{ margin: 0 -10px;}
.mediaList li{ margin-bottom: 20px;}
.mediaList .pd{ margin: 0 10px;}
.mediaList .text{ padding: 12px 10px;}
.mediaList .h3{ font-size: 14px;}

.jobNavList{ width: 640px;}
.jobNavList ul{ margin: 0 -50px;}
.jobNavList .pd{ margin: 0 50px;}
.jobNavList .i{ font-size: 64px;}
.jobNavList .h3{ font-size: 14px;}

.jobTit{ margin-bottom: 20px;}
.jobTit .dt{ font-size: 16px; height: 50px; line-height: 50px; }
.jobCon .dd{ font-size: 14px; height: 40px; line-height: 40px;}

.ideaList ul{ margin: 0px;}
.ideaList li{ width: auto; float: none;}
.ideaList .pd{ background: rgba(23,45,128,0.9); margin: 0px;}
.ideaList .img{ width: 320px; float: left;}
.ideaList .p{ height: auto;}
.ideaList .pd:hover .text,
.ideaList .text{position: relative; top: auto; width: auto; height: auto; left: auto; right: auto; margin-left: 320px; background: none; padding:30px;}
.ideaList .h3,
.ideaList .pd:hover .h3{ height: auto; line-height: 1.5; margin-bottom: 12px;}
.ideaList .h3:before,
.ideaList .pd:hover .h3:before{ left: 120px; top: 50%; bottom: auto;}

.platformMain1_1{ width: 640px;}
.platformList .swiperPrev{ left: -80px;}
.platformList .swiperNext{ right: -80px;}
.platformNavList ul{ margin: 0 -10px;}
.platformNavList .pd{ margin: 0 10px;}
.platformNavList .i{ width: auto; font-size: 54px; height: 76px; line-height: 76px; margin-bottom: 15px;}
.platformNavList .h3{ font-size: 14px;}

.joinMain1_1{ width: 100%;}
.joinMain1_1 img{width: 50%;}
.tit7 em{color: #999; font-size: 12px; margin-top: -1.25em;}
.tit7 strong{ font-size: 18px; font-weight: normal;padding-top: 0px;}
.tit7 strong:before{ width: 100px;}

.downloadList ul{ margin: 0 -20px;}
.downloadList li{ margin-bottom: 30px;}
.downloadList .pd{ margin: 0 20px; padding: 20px 0;}
.downloadList .i{ font-size: 60px; margin-bottom: 10px;}
.downloadList .h3 strong{ font-size: 14px;}
.downloadList .h3 em{ font-size: 12px;}

.fileList ul{ margin: 0 -8px;}
.fileList li{ margin-bottom: 20px;}
.fileList .pd{ margin: 0 8px;}

.serviceMain1_1{ width: auto;}
.formB .wpd{ padding: 40px;}
.formBtit strong{ font-size: 18px; padding-bottom: 15px;}
.formBtit strong:before{ width: 190px; margin-left: -95px; height: 3px;}

.skillList .h3 strong{ line-height: 54px; font-size: 18px;}
.skillList .h3 i{ width: 28px; height: 28px; line-height: 28px; margin-top: -14px; font-size: 14px;}
.textC{ padding: 1em 0;}
.textC p{ margin-bottom: 5px;}
.textC p:after{ width: 2px;}

.joinBox{ width: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 0px; margin: 0px;}
.joinBox .i{ top: 5px; right: 5px; width: 32px; height: 32px; line-height: 32px; font-size: 14px;}

.joinMain1_2{ top: 60px;}
}

@media screen and (max-width:980px){
.tit1{ text-align: center;}
.tit1 strong{ font-size: 1.5em; line-height: 1; float: none; border:none; display: block; padding: 0px;}
.tit1 em{ font-size: 1.25em; line-height: 18px; display: block; float: none; margin: 0px;}
.iProCon .h3{ top: 30px;}
.iProCon .h3 strong{ font-size: 18px;}
.iProCon .h3 em{ font-size: 10px; padding-top: 0.5em;}
.more1{ line-height: 24px; height: 24px;}
.more1 span{ font-size: 12px;}
.iProCon .m{ left: 0px; right: 0px; bottom: 20px; width: auto; margin: 0px; text-align: center;}
.iNews .text{ font-size: 14px;}
.fNav{ float: none;}
.fEwm{ float: none; padding-top: 20px;}
.fLinkImg{ bottom: 20px; top: auto; }
.fLink{ top: auto; bottom: 70px; right: 0px;}

.aboutMain1_1 .img{ width: auto; float: none;}
.aboutMain1_1 .img img{ width: 100%; margin: 0px;}
.aboutMain1_1 .text{ width: auto; height: auto;}
.aboutMain1_2 .img{ width: 31%;}
.aboutMain1_2 .text{ margin-left: 31%; padding-left: 20px;}
.aboutMain1_2 .p{}



.honorMain1_1{ width: auto; float: none; position: relative; left: auto; top: auto; margin-bottom: 50px;}
.honorMain1_2{ margin: 0px;}


.speechMain1_1 .img{ width:auto; float: none; margin-bottom: 30px;}
.speechMain1_1 .text{ margin-left: 0; padding-left: 0;}

.cultureMain1_1 .text{ padding-right: 0px; width: 70%;}
.tit2{ line-height: 40px; margin-bottom: 10px;}
.tit2 strong{ font-size: 1.5em;}
.tit2 em{ font-size: 1.25em;}

.strengthList li{ width: auto; float: none; margin-bottom: 20px;}
.strengthList .pd{ overflow: hidden; background: #f5f5f5;}
.strengthList .img{ width: 200px; float: left;}
.strengthList li:first-child .img img{ height: auto;}
.strengthList .text{ position: static; color: #333; margin-left: 200px; padding: 30px;}
.strengthList .p br{ display: none;}

.productMain1{ padding: 30px 0;}
.productMain1_1{ width: auto; float: none; position: static; margin-bottom: 30px; margin-bottom: 0px;}
.productMain1_1 video{ height: auto;}
.productMain1_2{ margin-left: 0px; margin-bottom: 0px; display: none;}
.productMain1_2 .img img{ height: 120px;}
.productMain1_3{ margin-left: 0px; display: none;}
.productMain3_1 .h3{ top: 20px;}
.productMain2{ display: none;}

.pNavB{ padding: 15px 0;}
.pNavB ul{ display: block;}
.pNavB li{ margin: 0px; margin-right: 5px; margin-bottom: 5px;}
.pNavB a{ background: #f5f5f5; padding: 0 10px;}
.pNavB a:before{ display: none;}
.pNavB a:hover, .pNavB li.curr a{ background: #10347e; color: #fff;}
.features li{ width: 33.3333%; margin-bottom: 20px;}
.features .h3 strong{ font-size: 18px;}

.newsList .pd:before{ display: none;}
.newsList .img{ float:left; width: 300px;}
.newsList .text{ position: static; margin-left: 300px; padding: 20px;}
.newsList .em{ font-size: 12px; margin-bottom: 5px;}
.newsList .h3{ font-size: 14px; height: 1.5em; line-height: 1.5em; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.newsList .p{ font-size: 12px;}

.jobNavList{ width: auto; margin-bottom: 30px;}
.jobNavList ul{ margin: 0 -20px;}
.jobNavList .pd{ margin: 0 20px;}

.platformMain1_1{ width: auto; margin: 0 100px; padding-bottom: 30px;}
.platformList .swiperPrev{ left: -50px;}
.platformList .swiperNext{ right: -50px;}
.platformNavList li{ width: 33.3333%; margin-bottom: 20px;}

.tit7{ position: static; text-align: center;}
.tit7 em{ right: 0px;}
.tit7 strong:before{ display: none;}
.joinMain1_1{ margin-bottom: 30px;}
.joinMain1_1 img{ width: 100%; height: auto;}
.joinMain1_2{ position: static; width: 100%;}

.formA li{ width: 100%; height: auto;}
.ipt_t2{ height: 34px; padding: 0 15px;}
.formA strong{ width: auto; position: static; padding-left: 0px; display: block; line-height: 1; margin-bottom: 10px;}
.formA .pd2{ padding: 0px;}
.ipt_s2{ height: 34px;}
.formA em{ line-height: 1;}

.downloadList ul{ margin: 0 -10px;}
.downloadList .pd{ margin: 0 10px;}

.newsInfoFl{ width: auto; float: none; margin-bottom: 40px;}
.newsInfoFr{ width: auto; float: none; padding: 0px;}

.formBlist .pd{ margin-right: 30px;}
.formBlist li:before{ right: 10px; width: 10px;}

.joinMain1_1{ min-height: inherit;}
}

@media screen and (max-width:750px){
.fNav{ display: none;}
.fNav dl{ width: auto; float: none; text-align: left; margin-bottom: 20px;}
.fNav dl:last-child{ margin-bottom: 0px;}
.fNav dl:first-child dd,
.fNav dd{ border: none; display: none;}
.fNav dd{ min-height: inherit;}
.fNav dt{ margin-bottom: 10px;}
.fNav dd a{ margin-bottom: 0px;}
.fLink{ position:relative; bottom: auto; right: auto; margin-bottom: 20px;}
.fLinkImg{ position: absolute; bottom: auto; top: 0px;}
.fEwm{ margin: 0 auto;}


.textlistA{ padding: 30px 0;}
.textlistA:before{ left: 80px;}
.textlistA dl{ padding: 1em 0 1em 80px; margin-bottom: 12px;}
.textlistA dt{ width: 80px; top: 1em; padding-left: 0px;}
.textlistA dt strong{ font-size: 32px; line-height: 30px; padding-left: 0px;}
.textlistA dt em{font-size: 10px; width: 40px;}
.textlistA dd{ padding: 0.5em 0 0.5em 1.125em;}
.textlistA dd:before{ width: 2px;}
.textlistA .p{ font-size: 14px; line-height: 1.85;}

.patentMain1_2 li{ width: 50%;}
.pBannerProduct1 .text{ display: none;}
.pBannerProductInfo .text{ display: none;}

.tableA:after,
.tableA:before{ content:'！右边还有内容，请右滑→'; color:#721c24; background:#f8d7da; border:1px solid #f5c6cb; line-height:1.5em; height:1.5em; padding:0 0.5em; border-radius:0.2em; margin-bottom:0.25em; float:left; font-size:12px;}
.tableA{ overflow:hidden; overflow-x:auto;}
.tableA table{ min-width:768px; font-size: 12px;}
.tableA tr:first-child th, .tableA tr:first-child td{ padding:1em;}
.tableA th, .tableA td{ padding: 0.5em 1em;}

.mediaList li{ width: 50%;}
.mediaList .img:before,
.mediaList .img:after{ background-size: 32px 32px;}

.downloadList ul{ margin: 0 -5px;}
.downloadList li{ width: 50%; margin-bottom: 20px;}
.downloadList .pd{ margin: 0 5px;}

.textlistA_2:before{ left: 40px;}
.textlistA_2 dt{ width: 40px;}
.textlistA_2 dl{ padding-left: 40px;}

.pagination{ padding: 40px 0;}
}

@media screen and (max-width:640px){
.iBanner .img img{height: calc(100vh - 60px); background-position: center bottom;}
.nextPage{ display: block;}

.tit1{ margin-bottom: 30px;}
.tit1 strong{ margin-bottom: 0px; position: relative; z-index: 2;}
.tit1 em{ font-size: 12px; line-height: 1; position: absolute; top: -0.5em; left: 0px; right: 0px;}
.more1{ height: 20px; line-height: 20px; border: none; padding: 0px; position: relative; padding-right: 20px;}
.more1:before{ content: "\e704"; font-size: 10px; color: #fff; position: absolute; right: 0px; top: 50%; margin-top: -7px; border-radius: 50%; width: 12px; line-height: 12px; text-align: center; height: 12px; border:1px solid #fff;}

.iMain1{ overflow: hidden;}
.iMain1 .wp{ margin: 0px !important;}

.iProCon{ margin-bottom:0px;}
.iProCon .swiperArrow{ display: none;}
.iProCon .swiperPrev{ left: 10px;}
.iProCon .swiperNext{ right: 10px;}
.iProCon .swiperDots{ display: block; bottom: 0px;}
.iProCon .swiper-slide{padding-bottom: 30px;}
.iProCon .pd{}
.iProCon .img img{ width: 150%; margin-left: -25%;}
.iProCon .h3{ top: 20px;}
.iProCon .h3 strong{ font-size: 14px;}
.iProCon .m{ bottom: 10px;}
.iProCon .white .more1:before{ color: #010207; border-color: #010207;}

.iProNav{ padding:0px; margin: 0 -8%}
.iProNav .h3{ font-size: 12px;}
.iProNav .swiper{ margin: 0 -5px;}
.iProNav .swiperArrow{ display: none;}
.iProNav .swiperPrev{ left:0px;}
.iProNav .swiperNext{ right:0px;}
.iProNav .swiperDots{ display: block; bottom: 0px;}
.iProNav .swiper-slide{ padding-top: 30px; padding-bottom: 30px;}
.iProNav .pd{ margin: 0 5px; position: relative; background: none; border: 1px solid #9B9C9C; padding: 50px 0 20px 0;}
.iProNav .pd:before{ height: 2px; display: none;}
.iProNav .pd:after{ display: none;}
.iProNav .i{ width: 58px; font-size: 36px; height: 58px; line-height: 58px; text-align: center; position:absolute; left: 50%; top:0px; margin: -29px 0 0 -29px; border: 1px solid #9B9C9C; border-radius: 50%; background: #fff;}
.iProNav .pd:hover{ border-color: #10347e;}
.iProNav .pd:hover .h3{ color: #10347e;}
.iProNav .pd:hover .i{ background: #10347e; border-color: #10347e; color: #fff;}
.iMain2{ background: #f3f4f4; padding-bottom: 0px !important; overflow: hidden;}
.iMain2_1{ background: #fff; margin: 0 -30px; padding: 20px 30px 50px 30px;}
.iNews .swiper-slide{ padding-bottom: 0px;}
.iNews .swiperDots{ bottom: 20px;}
.iNews .pd{ position: relative;}
.iNews .img{ margin-bottom: 0px;}
.iNews .text{ position: absolute; left: 0px; bottom: 0px; height: auto;right: 0px ; background: rgba(23,45,128,0.6); padding: 0 12px;}
.iNews .h3{ height: 32px; line-height: 32px; color: #fff; font-weight: bold; position: static; max-height: inherit; margin-right: 100px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.iNews .m{ bottom:auto; top: 50%; margin-top: -10px; color: #fff;}
.iNews .m .more2 i{ font-size: 10px; color: #fff; border-radius: 50%; width: 12px; line-height: 12px; text-align: center; height: 12px; border:1px solid #fff;}
.iNews .m .more2 i:before{ content: "\e704";}

.fCopy{ text-align: center; background: #172d80;}
.fTop{ background: #fff;}
.fLink{ display: none;}
.fLinkImg{ display: none;}
.fNav{ display: block; padding-top: 0px; margin-bottom: 30px; float: none;}
.fNav dl{ margin-bottom: 0px;}
.fNav dt{ border-bottom: 1px solid #040306; position: relative; margin-bottom: 0px;}
.fNav dt span{ display: block; right: 0px;}
.fNav dt a{ font-weight: normal; color: #595757; padding: 12px 0; font-size: 18px;}
.fNav dl:first-child dd,
.fNav dd{ border-bottom: 1px solid #040306; padding: 15px 0; text-align: center;}
.fNav dd a{ line-height: 2;}
.fEwm{ margin: 0px; width: 180px; position: relative; padding-top: 0px;}
.fEwm li{ padding: 0 10px;}
.fEwm p{ font-size: 9px;}
.fContact{ display: block;color: #717071; line-height: 1; position: absolute; right: 0px; bottom:30px; border-left: 2px solid #172d80; padding: 10px;}
.fContact .h3{ font-size: 18px; margin-bottom: 0.5em;}
.fContact .p{ font-size: 16px;}
.fDealers{ display: none;}



.pBanner .img img{ height: 162px; width: auto;}
/*.pBannerProduct1{ display: none;}*/
.pBannerProduct1 .img img{ height: auto; width: 100%;}
.pBannerAbout5 .img img{ float: right;}
.pNav li{ margin: 0 5px;}

.cultureMain1_1 .img{ width: 100%;}
.cultureMain1_1 .img img{ width: 100%;}
.tit2 strong{ font-size: 18px;}
.tit2 em{ font-size: 12px;}
.tit3 em{ font-size: 12px; bottom: auto; top: 0px; margin-top: -0.5em; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#8d8e8f), to(#fff));}
.cultureMain1_1 .text{ left:20px;}
.cultureMain1_1 .em{ font-size: 14px;}
.cultureMain2_1 ul{ max-width: 80%; padding-right: 30px;}
.cultureMain3_1{ padding: 0px;}
.cultureMain3_1 .img{ width: 100%; display: none;}
.cultureMain3_1 .img img{ width: 100%; height: auto;}
.cultureMain3_1 .more1_2{ padding:0 10px; line-height: 34px; height: 34px;}
.reportsListB dl{ margin-bottom: 10px;}
.reportsListB dt .h3{ margin-right: 100px;}
.reportsListB ul{ width: 240px}

.productMain3_1 li{ width: auto; float: none;}
.productMain2_1 .h3{ top: 20px;}
.productMain2_1 .m{ display: none;}
.productMain2_1 .img img{ width: 200%; margin-left: -50%; width: 100%; margin-left: 0px;}
.productMain2_1 .h3 strong{ font-size: 16px;}
.productMain2_1 .h3 em{ font-size: 10px; padding-top: 5px}

.pNavB a{font-size: 12px;  }
.textA{ padding: 20px;}
.features li{ width: 50%;}
.features .img{ margin-bottom: 0px;}
.features .p{ height: 24px; line-height: 24px; font-size: 12px;}

.pagination{ font-size: 10px;}
.pagination li{ margin: 0 1px;}

.jobNavList ul{ margin: 0 -10px;}
.jobNavList .pd{ margin: 0 10px;}
.tit5{ padding: 0px 15px;}
.jobContact{ padding: 0 15px;}
.jobContact dl{ float: none; overflow: hidden; margin-bottom: 15px; margin-right: 0px;}

.jobTit .dt{font-size: 14px; height: 40px; line-height: 40px;}
.jobCon .dd{font-size: 12px;}
.jobTit .dt:nth-child(2),
.jobTit .dt:nth-child(3),
.jobCon .dd:nth-child(2),
.jobCon .dd:nth-child(3){ display: none;}
.jobTit .dt:nth-child(1),
.jobCon .dd:nth-child(1){ width: 42%; text-align: left;}
.jobTit .dt:nth-child(4),
.jobCon .dd:nth-child(4){ width: 26%;}
.jobTit .dt:nth-child(5),
.jobCon .dd:nth-child(5){ width: 32%;}

.ideaList .img{ width: auto; float: none;}
.ideaList .pd:hover .text, .ideaList .text{ margin: 0px; padding: 20px;}
.ideaList .pd:hover .h3:before,
.ideaList .h3:before{ width: 120px; left: 6em;}
.ideaList .p{ line-height: 1.5;}
.ideaList li{ margin-bottom: 20px;}
.ideaList .h3 strong{ font-size: 18px;}

.platformMain1_1{ margin: 0px;}
.platformList .swiperArrow{ display: none;}
.platformList .swiperDots{ display: block; bottom: 10px;}
.platformNavList li{ width: 50%;}

.jobInfoCon table{ font-size: 10px;}
.jobInfoCon td,.jobInfoCon th{ padding: 0.25em 0.5em;}
.newsInfoTit .em{ font-size: 10px;}
.jobInfoCon h2{ font-size: 1em;}
.tit8{ margin-bottom: 20px;}
.tit8 strong{ font-size: 18px;}

.fileList ul{ margin: 0 -5px;}
.fileList li{ width: 50%;}
.fileList .pd{ margin: 0 5px;}

.formB .wpd{ padding: 30px 20px;}
.formB .ipt_t2{ padding: 0 8px;}
.formBlist ul{ margin-right: -20px;}
.formBlist .pd{ margin-right: 20px;}
.formBlist li:before{ right: 6px; width: 6px;}

.skillList .h3 i{ width: 24px; height: 24px; line-height: 24px; margin-top: -12px;}
.skillList .h3 strong{ height: auto; padding: 1em 0; line-height: 1.2; font-size: 16px;}

.pNavMainB .wp{ margin: 0px;}
.pNavB{ overflow: hidden; padding: 0px; background: #f5f5f5; padding-top: 1px;}
.pNavB ul{ margin: 0px;}
.pNavB li{ width:50%; margin:0; border-bottom: 1px solid #fff;}
.pNavB a{ padding: 0px; margin-right:0; border-right: 1px solid #fff;}
.pNavB_3 li:last-child{ width: 100%;}
}

@media screen and (max-width:540px){
.footer .wp,
.header .wp,
.iMain .wp,
.wp{ margin:0 25px;}
.logo img{ margin-right: 5px;}
.logo strong{ font-size: 10px;}


.aboutMain1_2 .img{ width: auto; float: none; margin-bottom: 30px;}
.aboutMain1_2 .text{ margin: 0px; padding: 0px;}


.strengthList .img{ width: auto; float: none;}
.strengthList .img img{ height: 140px !important;}
.strengthList .text{ padding: 20px; margin-left: 0px;}
.strengthList .h3{ position: absolute; left: 20px; top: 20px; color: #fff;}
.strengthList .h3 strong{ font-size: 18px;}
.strengthList .h3 em{ font-size: 12px;}
.strengthList .p{ padding-top: 0px; line-height: 1.85;}

.patentMain1_1{ font-size: 14px;}

.newsList .img{ width: auto; float: none;}
.newsList .text{ margin: 0px;}
.newsList .p{ height: 3em;-webkit-line-clamp: 2;}

.productMain3_1 li:last-child{ margin-bottom: 0px;}
.pagination{ padding: 30px 0;}

.pNav{ display: none;}
.pNav{ margin: 0 -15px;}
.pNav a{ font-size: 9px;}

.serviceMain1{ overflow: hidden;}
.serviceMain1 .wp{ margin: 0 0 0 -15px;}
}

@media screen and (max-width:413px){
body{ font-size:12px;}
.footer .wp,
.header .wp,
.iMain .wp,
.wp{ margin:0 20px;}

.pNav a{ font-size: 13px;}

.skillList .h3 strong{ font-size: 14px; height: 40px; line-height: 40px; overflow: hidden;}


.pNav li{ margin: 0 2px;}
.pNav a{ font-size: 8px;}

.serviceMain1 .wp{ margin: 0 0 0 -18px;}
}

@media screen and (max-width:374px){
body{ font-size:10px;}
.footer .wp,
.header .wp,
.iMain .wp,
.wp{ margin:0 15px;}
}

.dealersMain1{ background: #f5f5f5;}
.dealersTit{ padding-bottom: 30px; position: relative;}
.dealersTit .dl{ width: 50%;}
.dealersTit .dd{ width: 33.3333%; float: left; padding-right: 10px; box-sizing: border-box;}
.dealersCon{}
.dealersCon li{ background: #fff; border-top: 1px solid #ccc; margin-bottom: 15px;}
.dealersCon .pd{ display: block; padding: 30px;  background: #fff;}
.dealersCon .h3{ font-size: 1.25em; color: #10347e; font-weight: bold;}
.dealersCon .em{}
.dealersCon .em:before{ content: '\e602'; margin-right: 5px;}
.dealersCon .p{}
.dealersCon .p:before{ content: '\e646'; margin-right: 5px;}

.dealersSearch{ position: absolute; right: 0px; top: 0px; width: 300px;}
.dealersSearch .pd{ position: relative;}

.ipt_t3{ display:block; height:42px; font-size:1em; color:#000; border-radius:0 !important; background:#fff; width:100%; box-sizing:border-box; line-height: 42px; border: 1px solid #a0a1a1; padding: 0 15px;}
.ipt_b3{ display:block; position:absolute; right:0px; top:0px; font-size:1em; height:42px; line-height:42px; background:none; border:none; border-radius:0 !important; cursor:pointer; padding: 0 1em;}
.ipt_b3 i{ font-size:1.375em; display:inline-block; vertical-align:bottom; margin-right:0.25em;}
.ipt_b3 span{ font-size:1em; display:inline-block; vertical-align:bottom; content:'Search';}

.ipt_b4{ display:block; position:absolute; left:50%; margin-left: 10px; top:0px; font-size:1em; height:44px; line-height:44px; background:#10347e; border:none; border-radius:0 !important; cursor:pointer; padding: 0 1em; color: #fff;}
.ipt_b4 i{ font-size:1.375em; display:inline-block; vertical-align:bottom; margin-right:0.25em;}
.ipt_b4 span{ font-size:1em; display:inline-block; vertical-align:bottom; content:'Search';}

@media screen and (max-width:980px){
.ipt_t3{ height: 34px;}
.ipt_b3{ height: 34px; line-height: 34px;}
}
@media screen and (max-width:750px){

.dealersTit .dl{ width: auto; margin-bottom: 10px; margin-right: -10px;}
.dealersSearch{ position:static; width: 100%;}


}





.busine{background: #fff; padding: 20px 0;line-height: 1.85; color: #666666;}
.busine .tit{color: #005BAC; font-size: 18px; padding: 0px 0 10px; border-bottom: 1px dashed #D2D2D2; width: 94%; margin: 0 auto; line-height: 24px;}
.busine .titf{text-align: center;width: 94%; margin: 0 auto; padding: 20px 0; border-bottom: 1px dashed #D2D2D2; }
.busine h1{ border-bottom: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: bold; color: #003399; line-height: 1.5; margin-bottom: 1em;}
.busine h2{color: #005BAC; padding-bottom: 0.3em; font-size: 18px;}
.busine img{max-width: 100%; height: auto !important;}
.busine{}
.busine table{ width: 100%; max-width: 100%; border: 1px solid #919192; border-collapse: collapse;}
.busine th,
.busine td{ border: 1px solid #919192; line-height: 1.5; padding: 1em; text-align: center;}
.busine tr:first-child th,
.busine tr:first-child td{ background: #dfdfdf; color: #000000; border: 1px solid #dfdfdf; padding: 2em 1em;}
@media screen and (max-width:750px){
.busine th,
.busine td{ padding: 0.25em; font-size: 12px;}
}

.busine,
.strengthList .p,
.textC,
.textB,
.newsInfoCon,
.tableA th, .tableA td,
.textA,
.cultureMain2_1 .p,
.speechMain1_1 .p,
.textlistA .p,
.aboutMain1_1 .p,
.aboutMain1_2 .p{ font-size: 12px; line-height: 1.3;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
word-wrap:break-word;
text-align: justify;
}


.textC p:after{ top: 0.3em;}
.ideaList .p{ line-height: 1.75; height: 8.75em;}
.newsList .p{ font-size: 14px; line-height: 1.75; height: 5.25em;}
@media screen and (max-width: 540px){
.newsList .p{ height: 3.5em;}
}