@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,.pager a font,.ts,.fixtop,.topblank,.fixtop .navpc li a.a p i,.fixtop .logo,.indmore a i,.indmore2 a i,.indpro li .pic img,.indcase li .pic img,.videodown .bg  i,.videodown .bg .pic,.indnews li .pic img,.inddown .title span,.inddown .pic img ,.environment li img,.case dl.dl1 dd .pic img,.case dl.dl2 dd .pic img,.nshow .mleft li img,.nshow .mleft li,.wview_nshow a p,.wview_nshow a span,.contact .pic img,.message li.btn input,.employee li .pic img,.employee li .title,.get_more p,.environment li .title,.environment li .content,.case dl.dl1 dd .title2,.base .pics li img,.base .pics li .cons
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:hover .pic img,.indcase li:hover .pic img,.videodown .bg:hover .pic,.indnews li:hover .pic img,.environment li:hover img,.case dl.dl1 dd:hover .pic img,.case dl.dl2 dd:hover .pic img,.nshow .mleft li:Hover img,.contact .pic img:hover,.employee li:Hover .pic img,.base .pics li: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,.nshow .mright,.contact .pic,.contact .area,.contact li,.message li.beizu textarea,.recruitment .row ,.job li .t,.jobapp li input[type="text"],.philosophy td,.quality li .content td
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.casecons .pic img:Hover,.recruitment .row.step li:hover 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','PingFang SC','SF Pro Text','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:18px;color:#333;font-weight:400}a {color:#333}b,strong {font-weight:700}
a:hover,.indnews li:hover .cons .in .title a,.inddown li:Hover .title span,.inddown li:Hover .title a,.footer a:hover,.case dl.dl1 dd:hover .title,.nshow .mleft li:Hover .cons .title a ,.prevnext a:hover,.employee li:hover .title,.environment li:hover .title,.environment li:hover .content,.case dl.dl1 dd:hover .title2 {color:#2648a3}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;}
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 22px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#073190;height:1px;margin:0px 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;}
.vcenter{height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;}

.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:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:40px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#2648a3; background: #2648a3} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.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: 10px;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: #2648a3;}
::-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:#cccccc;}
:-moz-placeholder {color:#cccccc; }
::-moz-placeholder { color:#cccccc; }
:-ms-input-placeholder {color:#cccccc; }

::selection {background:#2648a3;color:#ffffff;}
::-moz-selection {background:#2648a3;color:#ffffff;}
::-webkit-selection {background:#2648a3;color:#ffffff; }

.wrap {margin:0 auto;max-width:1440px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:100px;box-shadow:0 0 5px rgba(0,0,0,0.3); background:#fff}
.fixtop .logo { position: absolute;left:0;top:28px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.svg") no-repeat center bottom;width:286px; height:36px;background-size:100%; display: block}
.fixtop .navpc { text-align:right;}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 45px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:100px; line-height:97px;font-size:18px;font-weight:500; letter-spacing: 0.5px}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#2648a3;margin:0 auto}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li.check a.a p i {width:100%}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a,.fixtop .navpc li.lan:hover a.a {color: #2648a3}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:130px;margin-left:-65px;top:100px;display:none;background:rgba(255,255,255,0.95); text-align:center; box-shadow:0 0 5px rgba(0,0,0,0.3); padding:11px 0 13px 0}
.fixtop .navpc li .list.left {text-align:left;}
.fixtop .navpc li .list3 {left:-25px;margin-left:0;padding-left:25px;width:170px}
.fixtop .navpc li .list4 {left:-25px;margin-left:0;padding-left:25px;width:140px}
.fixtop .navpc li .list dd p {margin:10px 0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height: 26px;display:inline-block;color:#333; letter-spacing: 0}
.fixtop .navpc li .list dd p a:hover {color: #2648a3;}
.fixtop .navpc li.lan a.a {font-size:16px;color:#999;font-weight:400; letter-spacing: 0}
.fixtop .navpc li.lan a.a span.icon-dimensions {margin:0 6px 0 0;font-size:20px}
.fixtop .navpc li.lan a.a span.icon-xialajiantouxiao {margin:0 0 0 5px;font-size:12px;}
.fixtop .navpc li.lan .list { text-align: left;padding:5px 0 9px 20px;width:112px;margin-left:-70px}
.fixtop .navpc li.lan .list dd p {margin:5px 0}
.fixtop .navpc li.lan .list dd p a {font-size:14px}
.fixtop .navpc li.lan .list dd p a img {margin:0 8px 0 0}
.fixtop .en {display:none;}
.topblank {height:100px}
.topblank.active {height:80px}
.fixtop.active {top:-20px;}
.fixtop.active .logo {top:38px}
.fixtop.active .navpc li a.a {line-height:117px;}

.indpics .swiper-wrapper .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200;  text-align: center;color:#fff}
.indpics .swiper-wrapper .cons .title {font-size:35px; line-height:45px;font-weight:500;  letter-spacing: 0.5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.indpics .swiper-wrapper .cons .content {font-size:22px; line-height: 1.6; margin:3px 0 0 0; letter-spacing: 0.8px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); position: relative; display: inline-block}
.indpics .swiper-wrapper .cons .content:before,.indpics .swiper-wrapper .cons .content:after {content:'';position: absolute;left:-264px;top:15px; background: url("../images/1.png") no-repeat center;width:254px;height: 18px; background-size:100%}
.indpics .swiper-wrapper .cons .content:after {left:auto;right:-264px;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.indpics .swiper-wrapper .pic { position:relative; overflow: hidden;padding:17.9% 0}
.indpics .swiper-wrapper .pic:before { content:'';position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background:rgba(0,0,0,0.15);}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:7s linear;transform:scale(1,1);}

.indabout {background:#eef3f7 url("../images/aboutbg.jpg") no-repeat left bottom;padding:100px 0}
.indabout .text {display:inline-block;vertical-align: middle;width:50%}
.indabout .text .data {margin:80px 0 50px 0}
.indabout .pic {display:inline-block; vertical-align: middle;width:45%;margin:0 0 0 5%;}
.indabout .swiper-slide {position: relative; overflow: hidden;padding:37.5% 0;}
.indsubject {color:#2648a3;border-bottom:3px solid #2648a3;padding:0 0 5px 0; display: inline-block;margin:0 0 30px 0;}
.indsubject h2 {display:inline-block; vertical-align: top;font-size:25px; line-height: 25px;font-weight:500;}
.indsubject p {display:inline-block;vertical-align: top; text-transform: uppercase; line-height: 19px;font-size:19px;margin:3px 0 0 8px; letter-spacing: -0.5px}
.indmore a {height:42px; line-height: 40px; background: #2648a3;color:#fff; display: inline-block;padding:0 25px;border-radius:42px; letter-spacing: 1px}
.indmore a i {width:18px; height:18px;border-radius:50%; text-align: center; line-height:16px;border:1px solid #fff;display:inline-block; vertical-align: top;margin:11px 0 0 6px;font-size:16px}
.indmore a:Hover {padding:0 35px}
.indmore a:Hover i {margin-left:11px}

.indpro {padding:100px 0}
.indpro ul {width:104%;margin:-4% 0 0 -2%;padding:10px 0 0 0}
.indpro li {float:left;width:29.3333%;margin:4% 2% 0 2%; background: #eef3f7;padding:15px 15px 20px 15px}
.indpro li .pic {position:relative; overflow: hidden;padding:39% 0;}
.indpro li .title {height:30px; line-height: 30px; position: relative;overflow: hidden;padding:0 100px 0 0;margin:20px 0 0 0}
.indpro li .title a.a {font-size:20px;font-weight:500;}
.indpro li .title .indmore2 { position:absolute;right:0;top:0}
.indmore2 a {letter-spacing: 0.5px;font-size:16px;color:#999}
.indmore2 a i {color:#999;width:15px;height:15px;border-radius:50%; text-align: center; line-height:14px;border:1px solid #999;display:inline-block; vertical-align: top;margin:8px 0 0 5px;font-size:14px}
.indpro li:Hover {background:#2648a3;}
.indpro li:Hover .indmore2 a,.indpro li:hover .title a {color:#fff;}
.indpro li:Hover a i {border-color:#fff;color:#fff}

.indcase {padding:100px 0; background: #eef3f7}
.indcase ul {width:106%;margin:-6% 0 0 -3%;padding:10px 0 0 0}
.indcase li {float:left;width:44%;margin:6% 3% 0 3%; background: #fff;}
.indcase li .pic { position:relative; overflow: hidden;padding:32.1% 0}
.indcase li .pic .indmore {position:absolute;top:50%;left:50%;margin:-22px 0 0 -79px; z-index: 100;opacity:0}
.indcase li:hover .pic .indmore {opacity:1}
.indmore.white a {background: rgba(0,0,0,0.5);border:1px solid #fff;}
.indmore.white a i {margin-left:10px}
.indmore.white a:Hover {padding:0 25px; background: #2648a3;}
.indmore.white a:Hover i {margin-left:10px}
.indcase li {box-shadow:0 0 20px rgba(0,0,0,0.2)}
.indcase li .cons {padding:20px 15px;text-align: center;}
.indcase li .title {height:25px; line-height: 25px; overflow: hidden;text-align: center}
.indcase li .title a {font-size:21px;font-weight:500}
.indcase li .title2 {height:20px; line-height: 20px; overflow: hidden; text-transform: uppercase;font-size:12px;margin:5px 0 0 0}
.indcase li:Hover {background:#2648a3;}
.indcase li:Hover .title a,.indcase li:Hover .title2 a {color:#fff}

.videonews .bg {background: #eef3f7;padding:25px;margin:10px 0 0 0}
.videonews {padding:100px 0}
.videodown {float:left;width:47%}
.videodown .bg a { position:relative; display: block; overflow: hidden}
.videodown .bg a:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 1; background: rgba(0,0,0,0.3)}
.videodown .bg .pic {height:404px}
.videodown .bg  i {opacity:0.8;background:url("../images/play.png") no-repeat center;width:100px; height:100px; background-size:100%; position: absolute; z-index:200; left:50%;top:50%;margin:-50px 0 0 -50px; display: block}
.videodown .bg:Hover  i {opacity:1}
.indnews {float:right;width:47%;}

#myvideo {object-fit:cover;width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/video.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}
.floatvideo { position:fixed;top:0;left:0;width:100%; height:100%; z-index:999999; display:none; background: rgba(0,0,0,0.8)}
.floatvideo iframe {width:100%; height:100%}
.video_cons {width:100%; height:100%;background:none; text-align:center;color:#fff}
.video_cons i { position:absolute;right:0;top:0; background:url(../images/close.png) no-repeat center;width:30px; height:30px; background-size:cover;margin:-15px -15px 0 0; z-index:99999; cursor:pointer}

.inddown {background:#eef3f7; text-align: center;margin:50px 0 0 0;padding:0 60px;height:550px;}
.inddown .pic img {box-shadow:0 0 20px rgba(0,0,0,0.15);max-height:380px}
.inddown .title {margin:40px 0 0 0}
.inddown .title a {font-size:16px;font-weight:500}
.inddown .title span {color:#ea4318;font-size:40px; line-height:40px; margin:-5px 5px 0 0;display:inline-block; vertical-align: top;}
.inddown li:Hover .pic img {box-shadow:0 0 20px rgba(0,0,0,0.3)}

.indnews .bg {text-align:right;padding-bottom:50px}
.indnews li { background: #fff;box-shadow:0 10px 10px rgba(0,0,0,0.1);margin:0 0 50px 0}
.indnews li .pic {position:relative; overflow: hidden;height:256px;}
.indnews li .cons {padding:25px 20px 52px 25px; position: relative}
.indnews li .cons .addtime {position:absolute;left:25px;top:25px;width:65px;height:78px;color:#fff;font-size:14px; line-height: 14px; background: #2648a3; text-align: center}
.indnews li .cons .addtime p {font-size:37px; line-height: 37px;font-weight:500;padding:8px 0 5px 0}
.indnews li .cons .in {padding:0 0 0 80px; text-align: left;}
.indnews li .cons .in .title {height:30px;line-height: 30px;margin:-5px 0 10px 0; overflow: hidden}
.indnews li .cons .in .title a {font-weight:500;}
.indnews li .cons .in .content {font-size:15px; line-height: 25px; height:50px; overflow: hidden;color:#999}

.bannerin .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bannerin { position:relative;}
.bannerin:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.15); z-index: 150}
.bannerin .pic {overflow: hidden;padding:11.7% 0; position: relative}
.bannerin .cons {  text-align: center;position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200;font-size:50px; line-height: 1.5;letter-spacing:0px;color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3)}

.namemj_abo {position:relative;top:-100px;height:0;width:100%}
.navbar {height: 80px;position: relative; z-index: 100; box-shadow:0 0 15px rgba(0,0,0,0.2); background: #fff}
.navbar.active { position:fixed;left:0;top:80px; z-index: 999;width:100%}
.navbar-nav li {display:inline-block; vertical-align: top;position:relative;height:80px; line-height: 78px}
.navbar-nav li i {display:inline-block; vertical-align: top;width:2px;height:30px; background: #eaeaea;margin:25px 40px 0 40px}
.navbar-nav li a { display:inline-block;color:#666;}
.navbar-nav li.active a,.navbar-nav li:hover a {color:#2648a3}
.aboutblank {display:none;}
.aboutblank.active {display:block;height:80px}
.about {margin:120px 0}
.about .pic {float:left;width:47%;}
.about .text {float:right;width:47%; line-height: 2;margin:20px 0 0 0}
.about .text .en {margin-top:30px;font-size:16px}
.about .swiper-container {margin:100px 0 0 0}
.about .swiper-slide { position:relative;padding:26% 0}
.culture { background: #eef3f7;padding:80px 0 120px 0}
.culture .indsubject {position:relative; z-index: 10}
.culture .cons {text-align:center;margin:80px 0 0 0}
.structure{padding:80px 0 120px 0}
.structure .cons {text-align:center;margin:60px 0 0 0}
.history .cons {margin-top:-60px}
.environment {margin:100px 0 120px 0}
.environment ul {width:103%;margin:-3% 0 0 -1.5%;padding:30px 0 0 0}
.environment li {float:left;width:30.333%;margin:3% 1.5% 0 1.5%;}
.environment li .pic {padding:34% 0; overflow: hidden; position: relative}
.environment li .title {height:20px; line-height: 20px; overflow: hidden;margin:12px 0 2px 0;font-size:16px}
.environment li .content {height:20px; line-height: 20px; overflow: hidden;font-size:12px;}

.activities {background: #eef3f7;padding:80px 0 100px 0}
.activities .indsubject {margin-bottom:40px}
.activities .cons {font-size:16px;color:#666}
.activities .cons img {margin:10px 0}
.honor {margin:100px 0 120px 0;}
.honor .cons {text-align:center;margin:30px 0 0 0}
.honor .cons img {margin:20px 0;}
.competitiveness {background:#eef3f7;padding:80px 0 100px 0;}
.competitiveness .cons {text-align:center;margin:40px 0 0 0}
.clients {padding:100px 0 120px 0;}
.clients .cons {text-align:center;margin:40px 0 0 0}

.namemj_pro {position:relative;top:-180px;height:0;width:100%}
.product li {padding:100px 0 120px 0}
.product li.li2 { background:#eef3f7;}
.product li .subject { position: relative;min-height:50px;margin:0 0 60px 0}
.product li .subject .num {position:absolute;left:0;top:5px;width:50px; height: 50px; background: #babbbd; text-align: center; line-height: 48px;color:#fff;font-weight:500;font-size:30px}
.product li .subject .titles {margin:0 0 0 70px;color:#2648a3;font-size:12px; line-height: 12px;border-bottom:2px solid #2648a3;padding:0 0 8px 0; display: inline-block; letter-spacing: -0.5px}
.product li .subject .titles h2 {font-weight:400;font-size:30px; line-height:30px;margin:0 0 5px 0; letter-spacing: 0.6px}

.casecons {background:#eef3f7;padding:60px 0}
.casecons .text {display:inline-block; vertical-align: middle;width:43%;margin:0 2% 0 0;font-size:22px}
.casecons .text .en {font-size:14px;color:#666;margin:-10px 0 0 0}
.casecons .pic {display:inline-block; vertical-align: middle;width:55%; text-align: right;}

.case li {padding:100px 0 120px 0}
.case li.li2 { background:#eef3f7;}
.case li .subject { position: relative;min-height:50px;margin:0 0 60px 0}
.case li .subject .num {position:absolute;left:0;top:5px;width:50px; height: 50px; background: #babbbd; text-align: center; line-height: 48px;color:#fff;font-weight:500;font-size:30px}
.case li .subject .titles {margin:0 0 0 70px;color:#2648a3;font-size:12px; line-height: 12px;border-bottom:2px solid #2648a3;padding:0 0 8px 0; display: inline-block;}
.case li .subject .titles h2 {font-weight:400;font-size:30px; line-height:30px;margin:0 0 5px 0;}
.case dl.dl1 {width:106%;margin:-50px 0 0 -3%}
.case dl.dl1 dd {float:left;width:44%;margin:50px 3% 0 3%}
.case dl.dl1 dd .pic { position: relative; overflow: hidden;padding:30.3% 0}
.case dl.dl1 dd .title {margin:18px 0 2px 0;font-size:18px; line-height: 26px;height:26px; overflow: hidden}
.case dl.dl1 dd .title2 {height:25px; line-height: 25px; overflow: hidden;font-size:16px;color:#333}
.case dl.dl2 {width:102%;margin:-40px 0 0 -1%}
.case dl.dl2 dd {float:left;width:31.3333%;margin:40px 1% 0 1%}
.case dl.dl2 dd .pic { position: relative; overflow: hidden;padding:35.8% 0;margin:0 0 15px 0}
.case dl.dl2 dd .title {height:28px; line-height: 28px; overflow: hidden;font-size:15px}

.newsbg { background: #eef3f7;}
.news {float:none;width:100%;padding:70px 0 120px 0}
.news ul {width:106%;margin:-6% 0 0 -3%}
.news li { float:left;width:44%;margin:6% 3% 0 3%;}
.news li .pic {height:auto;padding:20.3% 0}
.download {margin:0;padding:70px 0 120px 0;height:auto}
.download ul {width:106%;margin:-6% 0 0 -3%}
.download li {float:left;width:44%;margin:6% 3% 0 3%; background: #fff;padding:50px 50px 40px 50px;box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.download li .pic a {display:block; position: relative; overflow: hidden;padding:33.3% 0;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.download .pic img {max-height:none;}
.download .title {margin:30px 0 0 0}
.download li:Hover .pic img {box-shadow:0 0 0}
.download li:hover .pic a {box-shadow:0 0 20px rgba(0,0,0,0.3)}
.download li:hover {box-shadow:0 10px 10px rgba(0,0,0,0.3);}

.bannerin.left .cons {text-align:left;}
.nshow {padding:100px 0 120px 0; background: #eef3f7}
.nshow .mleft {float:left;width:26%}
.nshow .mleft .subject {font-size:22px;font-weight:500;color:#000;border-bottom:2px solid #ccc;padding:0 0 5px 0;margin:-10px 0 50px 0}
.nshow .mleft li {background:#fff;margin:35px 0 0 0;box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.nshow .mleft li .pic { overflow:hidden}
.nshow .mleft li .cons {padding:20px 25px 20px 25px}
.nshow .mleft li .cons .title {line-height:30px}
.nshow .mleft li .cons .title a {color:#666;}
.nshow .mleft li .cons .dateclick {color:#999; position: relative;margin:30px 0 0 0;font-size:16px}
.nshow .mleft li .cons .dateclick p {position:absolute;right:0;top:0;}
.nshow .mleft .indmore {text-align:center;margin:60px 0 0 0;}
.nshow .mleft li:hover {box-shadow:0 10px 10px rgba(0,0,0,0.3)}
.nshow .mright {float:right;width:69%; background: #fff;padding:50px}
.nshow .mright .title {font-size:32px; line-height: 42px;font-weight:500;}
.nshow .mright .title2 {color:#999;border-bottom:1px solid #ccc;padding:10px 0 10px 0;font-weight:300;margin:0 0 40px 0}
.nshow .mright .title2 i {display:inline-block; vertical-align: top;margin:10px 20px 0 20px; background: #999;width:1px;height:15px;}
.nshow .mright .content img {margin:5px 0}
.nshow .mright .heart { text-align:center;margin:80px 0}
.nshow .mright .heart iframe { height:37px;width:100px;}

.wview_nshow { text-align:center}
.wview_nshow a { display:block;font-size:12px; line-height:12px;color:#b6b6b7;}
.wview_nshow a span {display:inline-block; vertical-align: top;font-size:35px; line-height: 35px;color:#666}
.wview_nshow a p {display:inline-block; vertical-align: top;font-size:16px;color:#666;}
.wview_nshow a p.p1 { position: absolute;right:21px;top:12px}
.wview_nshow a p.p2 {margin:12px 0 0 10px;opacity:0}
.wview_nshow a.active span {color:#2648a3}
.wview_nshow a.active p {color:#2648a3;}
.wview_nshow a.active p.p1 {opacity:0}
.wview_nshow a.active p.p2 {opacity:1}

.prevnext {position:relative;border-top:1px solid #ccc;padding:20px 0 0 0;font-size:16px;color:#666}
.prevnext .pn {width:48%;}
.prevnext .pn.no a {color:#999}
.prevnext a {color:#666;}
.prevnext a p {padding:0 0 0 65px}
.prevnext span {position:absolute;left:0;top:20px}
.prevnext .pn:nth-child(2) {position:absolute;right:0;top:20px}
.prevnext .pn:nth-child(2) span {top:0}

.contact {background:#eef3f7;padding:100px 0 120px 0}
.contact .indsubject {margin-bottom:40px}
.contact .pic {float:left;width:42.5%;height:345px;border:2px solid #2648a3; position: relative; overflow: hidden}
.contact .pic h2 {position:absolute;left:15px;top:10px; z-index: 100;color:#2648a3;font-weight:400;font-size:18px}
.contact .area {float:right;width:56%;padding:65px 80px 0 80px; background: #fff;min-height:344px;box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.contact .area .logo  {border-bottom:3px solid #2648a3;padding:0 0 15px 0;margin:0 0 15px 0}
.contact .area .text {color:#000; line-height: 2}
.contact ul {width:102.4%;margin:-2.4% 0 0 -1.2%;padding:15px 0 0 0; clear: both}
.contact li {float:left;width:30.9333%;margin:2.4% 1.2% 0 1.2%; background: #fff;padding:40px 30px 0 30px;min-height:320px;box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.contact li .title {font-weight:700;font-size:22px; line-height: 32px;color:#000;}
.contact li .title2 {font-size:12px; line-height: 20px;border-bottom:3px solid #2648a3;padding:0 0 12px 0;margin:-2px 0 15px 0;font-weight:500; letter-spacing: -0.2px}
.contact li .content {color:#000}
.map {background:#eef3f7;padding:100px 0 120px 0}
.map iframe {margin:20px 0 0 0}
.map iframe,#container {width:100%;height:740px}

.message {padding:100px 0 120px 0}
.message li {float:left;width:45%;border-bottom:1px solid #ccc; position: relative;margin:0 0 30px 0}
.message li span {position:absolute;top:35px}
.message li.name p ,.message li.tel p{margin:0 0 0 62px;}
.message li.email p {margin:0 0 0 78px;}
.message li.country p {margin:0 0 0 98px;}
.message li p input {width:100%;height:100px; line-height: 90px;}
.message li.right {float:right}
.message li.beizu {width:100%;border:0;float:none;margin:30px 0 0 0}
.message li.beizu span {position:relative;top:0; display: block;margin:0 0 33px 0}
.message li.beizu textarea {width:100%;border:1px solid #ccc;height:300px;padding:20px 25px; overflow: auto}
.message li.btn {width:100%;border:0;float:none; text-align: center;margin:30px 0 0 0}
.message li.btn input { background: #2648a3;color:#fff;padding:8px 0 10px 0;border-radius:40px;width:165px;margin:0 auto; cursor: pointer}
.message li.btn input:hover {width:185px;}

.jobapp { text-align: center;padding:20px 0 0 0}
.jobapp li {margin:30px 0}
.jobapp li p {color:#999; letter-spacing: 1px;margin:0 0 10px 0}
.jobapp li p i {color:#ff4800; display:inline-block; vertical-align: top;margin:5px 5px 0 0}
.jobapp li input[type="text"] {width:100%; height: 48px;border:1px solid #ccc; background: none;padding:0 3%; text-align: center;font-size:18px}
.jobapp li.upload {width:100%;}
.jobapp li.upload input[type="text"]{width:100%; text-align: left;font-weight:300;font-size:16px}
.jobapp li.btn {margin:50px 0 20px 0}
.jobapp li.btn input {color:#fff;padding:10px 0 12px 0;width:200px; text-align: center;border-radius:10px;background:#2648a3; cursor: pointer;font-size:18px;font-weight:300}
.file-box2{ position:relative;}
.file-box2 .in {margin:0 0px 0 0}
.file-box2 input.upbtn{ background:#ccc;height:48px;width:150px;position:absolute;right:0;top:0;font-size:18px;color:#000; cursor: pointer}
.file-box2 input.file {position:absolute; top:0px; right:0; height:48px;filter:alpha(opacity=0);opacity:0;width:150px;cursor:pointer;}

.jobbg { background: #eef3f7;padding:100px 0 120px 0}
.recruitment { clear: both;margin:20px 0 0 0}
.recruitment .row {background:#fff;padding:40px;float:left;width:56.5%;box-shadow:0 5px 10px rgba(0,0,0,0.05)}
.recruitment .row.step {float:right;width:39%}
.recruitment .row .subject {text-align:center;color:#fff; background: #224194;height:50px; line-height: 48px;font-size:21px; text-transform: uppercase;}
.recruitment .row.step ul {margin:50px 0 -10px 0}
.recruitment .row.step li {text-align:center;margin:30px 0}
.recruitment .row.step li img {height:50px}
.recruitment .row.step li p {font-size:20px;margin:5px 0 0 0;font-weight:500}
.employee {background:#fff;padding:70px 80px 80px 80px;box-shadow:0 5px 10px rgba(0,0,0,0.05);margin:4.7% 0 0 0}
.employee .indsubject {display:block}
.employee ul {width:102%;margin:-30px 0 0 -1%;}
.employee li {float:left;width:48%;margin:40px 1% 0 1%}
.employee li .pic {padding:34.9% 0; position: relative; overflow: hidden}
.employee li .title {height:30px; line-height: 30px;color:#666;margin:15px 0  0; text-align: center}

.job {padding:10px 20px 30px 20px}
.job ul.u1 {font-size:20px;font-weight:500;margin:0 0 -15px 0}
.job li { position:relative;}
.job li .t { display:inline-block; vertical-align:top;padding:19px 15px 21px 15px; text-align:center;}
.job li .t1 { text-align:left;width:32%;padding-left:0;}
.job li .t2 {width:26%}
.job li .t3 {width:22%}
.job li .t4 {width:20%; text-align: right;padding-right:0}
.job li .t4 a {margin:0 0 0 auto;cursor:pointer;height:35px; line-height: 33px;border-radius:10px;width:100px; text-align: center; background: #2648a3;color:#fff;display: block;font-size:16px;font-weight:300}
.accordionservice li .link {border-bottom:2px solid #969696;cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice .submenu {display:none; background: #eef3f7;padding:35px 50px 45px 50px;font-size:16px;margin:25px 0 0 0;color:#000; position: relative}
.accordionservice .submenu span.icon {display:block; position: absolute;left:10px;top:-24px;font-size:40px; line-height:40px;transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg); color: #eef3f7}
.accordionservice .submenu .more {text-align:right;margin:30px 0 0 0}
.accordionservice .submenu .more a {height:40px; line-height: 38px; background: #2648a3;color:#fff;border-radius:10px;width:120px; text-align: center; display: block;font-size:18px;font-weight:300}
.namemj_job {position:relative;top:-10px;height:0;width:100%}

.get_more{ position: relative;float:left;left:50%;width:110px;text-align: center;margin:45px 0 30px -55px}
.get_more p {width:100%;margin:0 auto; height:32px; line-height:30px;font-size:16px;border:2px solid #ccc;border-radius:32px;color:#333}
.get_more:Hover p {background:#2648a3;color:#fff;border-color:#2648a3}

.case dl.dl1 .get_more {margin-bottom:0;margin-top:100px}
.case dl.dl1 .get_more p { background: #2648a3;border-color:#2648a3;color:#fff}

.philosophy{background:#eef3f7;padding:100px 0 110px 0}
.philosophy table {width:100%;}
.philosophy td img {width:100%}
.philosophy td {width:65%; vertical-align: middle}
.philosophy td:nth-child(1) {padding:0 10% 0 0}
.philosophy td:nth-child(2) {width:34%}
.philosophy .text {color:#666; line-height: 2.2}

.base {padding:100px 0 110px 0}
.base .text {margin:0 480px 0 0;min-height:234px; line-height: 2.2;color:#666}
.base .indnum { position: absolute;right:0;top:0; background: url("../images/tech.jpg") no-repeat center;width:366px;height:234px;}
.base .indnum li { position:absolute;left:8px;top:15px;width:165px}
.base .indnum li:nth-child(2) {left:auto;right:-20px;}
.base .indnum li:nth-child(3) {top:138px}
.base .indnum li:nth-child(4) {top:138px;left:auto;right:-20px;}
.base .indnum li h3 {display:inline-block; vertical-align:top;font-size:42px; line-height: 42px;font-weight:500;color:#2648a3}
.base .indnum li.li143 h3.t2 {font-size:18px;margin:7px 0 0 0}
.base .indnum li .content {margin:5px 0 0 0;color:#666}
.base .indnum li.li143 .content {margin-top:-2px}
.base .pics {width:101%;margin:-1% 0 0 -0.5%;padding:0px 0 0 0}
.base .pics li {float:left;width:32.3333%;padding:10.5% 0; overflow: hidden; position: relative;margin:1% 0.5% 0 0.5%}
.base .pics li .cons { position:absolute;left:0;top:0;width:90%;padding:0 5%;height:100%; z-index: 100; background: rgba(17,40,105,0.5);color:#fff; text-align: center}
.base .pics li .cons .t {font-size:25px; line-height: 35px;}
.base .pics li .cons .c {font-weight:300}
.base .pics li:hover .cons {background: rgba(17,40,105,0.8);}

.quality { background: #eef3f7;padding:100px 0 110px 0}
.quality ul {margin-top:-70px}
.quality ul ul {margin:0}
.quality li .title {margin:100px 0 0 0; position: relative}
.quality li .title:before {content:''; position: absolute;left:5%;bottom:0;width:95%;height:1px;background: #6a7285}
.quality li .title p {display:inline-block;height:50px; line-height: 48px;border-radius:10px;padding:0 20px;color:#fff; background: #6a7285;font-size:20px}
.quality li .content {margin:40px 0 0 0; line-height: 2.2;color:#666}
.quality li {list-style:none;}
.quality li li {position:relative;padding:0 0 0 10px}
.quality li li:before {content:''; position: absolute;left:0;top:19px;width:3px;height:3px;border-radius:50%; background: #666;}
.quality li .content table {width:100%}
.quality li .content td {vertical-align:top;width:35%}
.quality li .content td:nth-child(1) {padding:0 4% 0 0}
.quality li .content td:nth-child(2) {width:65%}
.quality li .content td img {width:100%}
.strength {background:#fff;}











.foot { background: #4a4f5e url("../images/footbg.jpg") no-repeat right bottom;padding:100px 0 120px 0;color:#fff}
.foot a {color:#fff}
.foot .menu {float:left;}
.foot .menu dl {display:inline-block; vertical-align: top;margin:0 50px 0 0; position: relative}
.foot .menu dl:before {content:''; position: absolute;left:0;top:45px; background: rgba(255,255,255,0.15);width:100%;height:2px}
.foot .menu dt {margin:0 0 40px 0}
.foot .menu dt a {font-size:21px; line-height: 21px;;padding:0 0 10px 0;}
.foot .menu dd p {margin:15px 0 0 0}
.foot .menu dl:nth-child(1) {width:200px}
.foot .menu dl:nth-child(1) dd {margin-top:-15px}
.foot .menu dl:nth-child(1) dd p {display:inline-block; vertical-align: top;}
.foot .menu dl:nth-child(1) dd p:nth-child(2),.foot .menu dl:nth-child(1) dd p:nth-child(4),.foot .menu dl:nth-child(1) dd p:nth-child(6),.foot .menu dl:nth-child(1) dd p:nth-child(8) {margin-left:40px}
.foot .menu dd p a {font-weight:300;font-size:17px;}
.foot .text {float:right;width:400px}
.foot .text ul{position:relative;left:-5px}
.foot .text li {position:relative;margin:15px 0 0 0}
.foot .text li.li31 {margin:15px 0 40px 0}
.foot .text li p {position:absolute;left:0;top:5px; text-align: center;width:45px}
.foot .text li.li28 p {top:7px}
.foot .text li p span {font-size:40px; line-height:40px;margin:0 auto}
.foot .text li.li31 p span {font-size:55px; line-height:55px; position: relative;left:-2px}
.foot .text li.li28 p span {font-size:35px; line-height:35px;}
.foot .text li h2 {margin:0 0 0 65px;font-size:25px; letter-spacing: 0.5px;font-weight:500}
.foot .text li.li31 h2 {font-size:18px; line-height: 28px;font-weight:400;padding:3px 0 0 0}
.footer { background: #eef3f7;padding:15px 0;color:#666;font-size:14px}
.footer a {color:#666;}