@import url('css.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,.mmore a p i,.fixtop .toper li a p i,.backtotop,.fixtop,.fixtop .toper .logo ,.fixtop .toper .logo i,.fixtop .toper .logo p,.fixtop .toper ul.navpc,.fixtop .toper .search,.indpro li .p img,.indpro li .t,.indche li p,.indnews li .pic p,.honor .slide .p p,#slider3 .bx-wrapper .bx-prev,#slider3 .bx-wrapper .bx-next,.navbar-nav li,.yflab li .pic img,#featured .description,#frame-center-inner .slider a img,.nav-arrow,.product li .mleft img,.product li .mright .link,.product li .mright .link i,.investor li .mright .link2 a i,.servicell li,.fixtop1 .toper .search .en i,.contact .mleft .p img,.job li i,.fixright li.tel p,.culture li .pic p,.honor .slide .p i,.rd_capacity li .pic,.rd_capacity li .title,.coretech li .cons,.coretech li .pic,.corporatestyle li .p p,.culture dd .cons,.partner li p,.response li .pic p,.fixtop .toper .search .en i,.productlist li .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:hover .p img,.indche li:hover p,.indnews li:Hover .pic p,.honor .slide:hover .p p,.yflab li:hover .pic img,#frame-center-inner .slider:Hover a img,.product li .mleft img:hover,.contact .mleft .p img:hover,.culture li:hover .pic p,.rd_capacity li:hover .pic,.coretech li:hover .pic,.corporatestyle li:Hover .p p,.partner li:Hover p,.response li:hover .pic p,.productlist li:hover .pic 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)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.fixtop .toper .search form #k,.indpro li,.foot ul.menu li,.about .cons,.yflab li .cons ,.product .submenu .c1 td,.product .submenu .c3 td,.servicell li,.job li .t,.culture dd .cons,.product .submenu .c1 dd
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indparter li:hover img,.servicell li:hover .icon img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:18px;color:#505050;font-weight:300;}strong,b {font-weight:700}
a:hover,.fixtop .toper .search .en a:hover,.indpro li:hover .t,.indnews li:hover .title a,.honor .slide:hover .t,.nshow .mcurrent a:hover {color:#2055ad}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.mc{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; text-align: center;}
.ml{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left; text-align: left;}
.mr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end; text-align: right}
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;}
hr {border:0; background:#92989d;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; z-index:1;width:100%; height:100%;top:0;left:0;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.flexrow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
.mt20{
    margin-top: 20px;
}
.mt50{
    margin-top: 50px;
}
.p50{
    padding: 50px;
}
.border-bottom{
    border-bottom: 2px solid #ebe7e7;
}
.border-top{
    border-top: 2px solid #ebe7e7;
}
.w1600{
    width: 88vw;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:85px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;}
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d7d7d7;}
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;}
.pager a,.pager span.disabled {}
.pager a:hover,.pager span.current { background:#005bac;border:1px solid #005bac;  background-size:cover; }
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #005bac;}
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff}
.pager a,.pager span.current,.pager span.disabled{width:auto; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}

::-webkit-scrollbar {width: 10px;height:1px; }
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

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

::selection {background:#2055ad;color:#ffffff;}
::-moz-selection {background:#2055ad;color:#ffffff;}
::-webkit-selection {background:#2055ad;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

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

.fixtop {position:fixed;top:0;left:0; height:170px;width:100%;z-index:9998;}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:55px; z-index:99999}
.fixtop .toper .logo i { display:inline-block; vertical-align:top; background:url(../image/logo.png) no-repeat center; background-size:cover;width:157px; height:60px;}
.fixtop .toper .logo p { display:inline-block; vertical-align:top;color:#fff;margin:5px 0 0 22px;width:140px; line-height: 1.6}
.fixtop .toper ul.navpc { text-align:right; position:relative;top:48px;right:270px; z-index: 9999}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;margin:0 0 0 50px;}
.fixtop .toper ul.navpc li a {display:block;position:relative; height:75px; line-height:75px;font-weight:500;color:#fff;}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{color:#2055ad}
.fixtop .toper ul.navpc li .list { position:absolute; z-index:9999;left:-20px;top:75px;width:130px; display:none;text-align:left;background:rgba(255,255,255,0.95);padding:10px 0;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.fixtop .toper ul.navpc li .listF { position:fixed; z-index:9999;left:-20px;top:75px;width:100%; display:none;text-align:left;background:rgba(255,255,255,0.95);padding:10px 0;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.fixtop .toper ul.navpc li .listpro {width:230px;}
.fixtop .toper ul.navpc li dl dd a,.fixtop .toper ul.navpc li.check dl dd a {color:#505050;font-weight:400;border:0;height:auto; line-height:35px;padding:0;background:none;font-size:14px;display:block;padding:0 0 0 20px}
.fixtop .toper ul.navpc li dl dd a:hover {color:#2055ad}

.fixtop .toper ul.navpc li.full .head-dropinfo a {outline: none;outline-offset: 0;color: #505050;text-decoration: none; height: auto;}
.fixtop .toper ul.navpc li.full .head-dropinfo a:hover {color: #2055ad;}
.fixtop .toper ul.navpc li.full .head-dropinfo ul,li { margin: 0;box-sizing: border-box;}
.fixtop .toper ul.navpc li.full .head-dropinfo ul, li, dl, dt, dd, ol { list-style: none; margin: 0; padding: 0; }
.fixtop .toper ul.navpc li.full .head-dropinfo ul.hdlist li{ display: list-item; text-align: -webkit-match-parent; unicode-bidi: isolate;position: initial;}
.fixtop .toper ul.navpc li.full .head-dropinfo { width: 100vw; position: fixed; left: 0; top: 123px; right: 0; z-index: 5555;display: none;text-align: left;background: rgba(255, 255, 255, 0.95);border: 1px solid #EDEDED}
.fixtop .toper ul.navpc li.full .head-dropinfo .inner { font-size: 15px; min-height: 600px; overflow: hidden; }
.fixtop .toper ul.navpc li.full .head-dropinfo .inner .hdlist { padding: 36px 0;border-right: 2px solid #EDEDED;min-height: 600px; }
.fixtop .toper ul.navpc li.full .head-dropinfo .inner .hdlist .hditem .tit i { position: absolute; right: 26px; top: 0; line-height: 22px; font-size: 100%; color: #1f427c; transition: all .3s cubic-bezier(.04, .79, 1, 1) !important; }
.fixtop .toper ul.navpc li.full .head-dropinfo .inner .hdlist-1 { position: relative; width: 20%;}
.fixtop .toper ul.navpc li.full .head-dropinfo .inner .hdlist-2,.hdlist-3 { width: 120% !important;}
.fixtop .toper ul.navpc li.full .head-dropinfo .inner .hdlist:not(.hdlist-1) { width: 100%; display: none; flex: 1; padding-left: clamp(calc(20 / 2* 1px), calc(20 / 1440* 100vw), 20px); position: absolute; left: 100%; top: 0; }

.fixtop .toper ul.navpc li.full .head-dropinfo .inner .hdlist .hditem .tit { margin-bottom: 18px; display: block; padding-right: 60px; position: relative; line-height: 20px; transition: all .3s cubic-bezier(.04, .79, 1, 1) !important; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px }
.fixtop .toper ul.navpc li.full .head-dropinfo .inner .hdlist .hditem.on>.tit { color: #1f427c; font-weight: bold; transform: translateX(5px); }


.fixtop .toper .search { position:absolute;right:30px;top:71px; z-index: 9999999}
.fixtop .toper .search .en i { background:url(../image/1.png) no-repeat center; background-size:cover;width:12px; height:16px; display:inline-block; vertical-align:top;margin:8px 10px 0 0; cursor:pointer}
.fixtop .toper .search .en { display:inline-block; vertical-align:top;}
.fixtop .toper .search .en a {color:#fff;font-weight:500;}
.fixtop .toper .search form { background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1); height:30px; line-height:30px; position:absolute;top:0;right:30px;width:200px; z-index:9999;padding:0 5px 0 25px;display:none}
.fixtop .toper .search form #k { display:inline-block; vertical-align:top;width:170px; height:30px; line-height:30px;font-size:14px;padding:0 10px}
.fixtop .toper .search form #b { display:inline-block; vertical-align:top; background:url(../image/2.png) no-repeat center;width:30px; height:30px; cursor:pointer; background-size:40%}
.fixtop .toper .search form i { position:absolute;left:10px;top:0px;color:#505050; cursor:pointer}
.tblank { display:none;}

.fixtop1 .toper .logo i { background:url(../image/logo2.png) no-repeat center; background-size:cover;}
.fixtop1 .toper .logo p {color:#000}
.fixtop1 .toper ul.navpc li a {color:#333;}
.fixtop1 .toper .search .en i { background:url(../image/2.png) no-repeat center; background-size:cover;}
.fixtop1 .toper .search .en a {color:#333}

.fixtop.active { background:rgba(0,0,0,0.8);top:-95px}
.fixtop.active .toper .logo {top:113px}
.fixtop.active .toper .logo i {width:105px; height:40px;}
.fixtop.active .toper .logo p {margin-top:-6px;}
.fixtop.active .toper ul.navpc {top:95px}
.fixtop.active .toper ul.navpc li.full .head-dropinfo {top:75px;}
.fixtop.active .toper .search {top:119px;}

.fixtop1.active {background:rgba(255,255,255,0.9);box-shadow:0 0 5px rgba(0,0,0,0.2)}

.earthbtn,.earthlist .in .grid dd,.earthlist .in .grid dd a,.earthlist,.earthlist .in .grid,.blurstyle,.fixtop .earthbtn span.icon-dimension {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.earthlist .in .grid dd {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.earthbtn {position:absolute;right:0;top:68px; z-index: 9999;}
.earthbtn span.icon-dimensions {color:#fff;font-size:20px;font-weight:400; cursor: pointer}
.fixtop1 .earthbtn span.icon-dimensions {color:#333;}
.fixtop.active .earthbtn {top:116px}
.earthlist {position:fixed;left:0;top:0;width:100%; z-index: 8888;height:100%;display:none;opacity:0;}
.earthlist .in { position:relative; text-align: center;background: #fff}
.earthlist .in .grid { position: relative; z-index: 10;padding:60px 0 80px 0; text-align: center; background: #fff;opaicty:0}
.earthlist .in .grid dl {text-align:left;font-size:14px; line-height: 24px; font-weight:400;max-width:1600px;margin:50px auto  auto}
.earthlist .in .grid dt {font-weight:500;font-size:22px;padding:0 10px;margin:0 0 15px 4%}
.earthlist .in .grid dd {float:left;width:12%;margin:5px 4%;padding:10px 10px 10px;}
.earthlist .in .grid dd a {font-size:12px; display:inline-block; line-height:22px;;font-weight:400;border-bottom:2px solid transparent;}
.earthlist .in .grid dd a:hover {color:#000;border-color:#000}
.earthlist .in .grid dd.check,.earthlist .in .grid dd:hover {background:#f4f4f4;}
.earthlist .in .bgwhite { position: absolute;left:0;top:0;width:100%; background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.earthblack { position:fixed;left:0;top:0;width:100%; height:100%;background: rgba(0,0,0,0.5); z-index: 7777;display:none;}

body.activeearth {overflow:hidden}
body.activeearth .fixtop .wrap {left:-5px}
body.activeearth .earthlist {opacity:1}
body.activeearth .earthlist .in .grid  {padding-top:160px;opaicty:1}
body.activeearth .earthbtn span.icon-dimensions{color:#2055ad}
body.activeearth .fixtop .toper ul.navpc li.check a {color:#333}
body.activeearth .fixtop .toper ul.navpc li a:hover,body.activeearth .fixtop .toper ul.navpc li:hover>a {color:#2055ad}
body.activeearth .blurstyle {filter:blur(2px)}
body.activeearth .fixtop.active .earthlist .in .grid  {padding-top:100px;}

body.activeearth .fixtop .toper .logo i { background:url(../image/logo2.png) no-repeat center; background-size:cover;}
body.activeearth .fixtop .toper .logo p {color:#000}
body.activeearth .fixtop .toper ul.navpc li a {color:#333;}
body.activeearth .fixtop .toper .search .en i { background:url(../image/2.png) no-repeat center; background-size:cover;}
body.activeearth .fixtop .toper .search .en a {color:#333}

.indpics li,.bannerin {
background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-position: center bottom; background-size:cover; position: relative;}
.indpics .pic { position: absolute;left:0;top:0;width:100%;height:100%; z-index: 50;}
.indpics .picno {display:none;}

#myvideo {object-fit:cover; }
.videos{position:absolute; z-index:60;top:0;left:0;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indpics li:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5); z-index: 70}
.videos video {position:absolute; z-index:1;top:0;left:0;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(https://www.manst.com/css/play.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}

.indexad { position: fixed; z-index: 9999;left:0;top:0;width:100%;height:100%; text-align: center; background: rgba(0,0,0,0.5)}
.indexad .close { background:#fff;width:45px;height:45px; line-height: 45px; border-radius:50%;margin:30px auto 0 auto; position: relative; text-align: center; cursor: pointer}
.indexad .close:before {font-family:"iconfont" !important;content: "\e686";color:#000;font-size:18px}

.indpics .cons { text-align:center;color:#fff; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100}
.indpics .cons .t {font-weight:500;font-size:80px; line-height:90px;margin:20px 0 40px 0}
.indpics .cons .c {font-size:35px;margin:30px 0 0 0;}
.indpics .cons .m {margin:30px 0 0 0}
.indpics .cons .m a { display:inline-block; background:#2055ad; font-size:16px;height:40px; line-height:38px;padding:0 20px; text-align:center;border-radius:3px;margin:0 auto;color:#fff;font-weight:400}
.indpics .cons .m a:Hover { background:#000}
.indpics i {color:#fff; position:absolute;bottom:5px;left:50%;margin:0 0 0 -8px;font-weight:700;animation: myfirst 1.5s infinite; cursor:pointer}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
.firstend { position:absolute; height:0;top:-75px; overflow:hidden}
.indpro {padding:115px 0 120px 0;}
.indpro .subject { text-align:center;font-size:44px; line-height:44px;font-weight:700;color:#000}
.indpro ul {width:103%;margin:-3% 0 0 -1.5%;padding:85px 0 0 0}
.indpro li { display:inline-block; vertical-align:top;width:22%;margin:3% 1.5% 0 1.5%;border:2px solid #03125e;padding:10px}
.indpro li .in {min-height:130px}
.indpro li .t {font-size:20px; line-height:30px;font-weight:300;color:#000;padding:30px 0 0 25px}
.indpro li .t2 {font-weight:700;font-size:20px; line-height:30px;margin:5px 0 0 0;padding-top:0}
.indpro li .p { overflow:hidden;margin:0px 0 0 0}
.indpro li:Hover {border-color:#2055ad}

.indlab { background-position:center; background-repeat:no-repeat; height:630px; text-align:center;color:#fff;font-size:20px;font-wegiht:300;}
.indlab .t {font-size:80px; line-height:80px;font-weight:700;margin:0 0 40px 0}
.indlab a {color:#fff}
.indsubject {color:#000;font-size:44px; line-height:44px;margin:115px 0 60px;font-weight:700}
.indche ul {width:102%;margin:-2% 0 0 -1%}
.indche li { display:inline-block; vertical-align:top;width:48%;margin:2% 1% 0 1%; position:relative; overflow:hidden;}
.indche li .pic:before {content:''; position: absolute; left:0;top:0;width:100%; height: 100%; background: rgba(32,85,175,0.3); z-index: 200}
.indche li .pic {position:relative; overflow:hidden;}
.indche li i { position:absolute; z-index:100;left:0;top:0;width:100%; height:100%; background:rgba(9,14,28,0);}
.indche li .t {text-align:center;margin:15px 0 0 0;font-size:18px}
.indchecons {font-size:22px;margin:0px 0 50px 0; position: relative;}
.indchecons:before {content:''; position: absolute;width:60px; height: 2px; background: #002b63;margin-left:-30px;left:50%;top:-30px;}

.indnews ul {width:104%;margin:-2% 0 0 -1%}
.indnews li { display:inline-block; vertical-align:top;width:23%;margin:2% 1% 0 1%;}
.indnews li .pic { position:relative; overflow:hidden}
.indnews li .title { height:20px; line-height:20px; overflow:hidden;margin:25px 0 0 0}
.indnews li .title a {color:#072142;font-weight:400;font-size:20px}
.indnews li .content {color:#999;font-size:14px; line-height:22px; height:66px; overflow:hidden;margin:15px 0 30px 0}
.indnews li .more a { display:block; width:100px; height:38px; line-height:36px; background:#002b63;color:#fff; text-align:center;font-size:12px;font-weight:400}
.indnews li:hover .more a { background:#2055ad}

.bannerin { text-align:center;color:#fff;}
.bannerin .cons {margin:100px 0 0 0}
.bannerin .t2 {font-size:29px; line-height:39px;}
.bannerin .t {font-size:86px; line-height:96px;font-weight:500;margin:10px 0 25px 0}
.bannerin .c {font-size:17px;margin:0 0 60px}
.bannerin i {font-weight:100;font-size:30px;display:block; background:url(../image/4.png) no-repeat center; background-size:cover;width:40px; height:40px;margin:0 auto; cursor:pointer}
.aboutsubject { text-align:center;font-size:46px; line-height:46px;padding:85px 0 75px 0;color:#4b4b4b;font-weight:400}
.namemj { position:absolute;top:-75px}
.about { position:relative}
.about .cons {width:63%; background:#f1f1f1;padding:50px 13% 50px 90px}
.about .cons .t {font-size:46px; line-height:56px;margin:0 0 40px 0;font-weight:400}
.about .pics { position:absolute;right:0;top:20px;width:45%}
.about .pics .slide img {width:100%}

.honor { background:#f4f4f4;padding:1px 0 85px 0;margin:85px 0 0 0}
.honor .slide .p { position:relative; overflow:hidden}
.honor .slide .p i { display:block; position:absolute;left:0;top:0;width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.3); z-index:100}
.honor .slide .t {margin:10px 0 0 0; text-align:center}
.honor .slide:hover .p i {background:rgba(0,0,0,0);}

#slider3 .bx-wrapper .bx-prev {left:-80px;background:#fff url('../image/5.png') no-repeat center;background-size:30%;border-radius:5px;}
#slider3 .bx-wrapper .bx-next {right:-80px; background:#fff url('../image/5.png') no-repeat center; background-size:30%;border-radius:5px;}
#slider3 .bx-wrapper .bx-controls-direction a {margin-top:-46px;width:50px;height:50px; opacity:1;border:1px solid #ccc;}
#slider3 .bx-wrapper .bx-controls-direction a:hover {background-position:center; }
#slider3 .bx-wrapper .bx-prev:hover,#slider3 .bx-wrapper .bx-next:hover {background:#2055ad url('../image/left.png') no-repeat center;border-color:#2055ad;background-size:30%;}
.namemj2 { height:0; position:relative;top:-75px}
.namemj3 { height:0; position:relative;top:0}
.navbar { position:relative; z-index:999;top:0;left:0;width:100%; background:#fff;}
.navbar-nav li { display:inline-block; vertical-align:top;width:25%; text-align:center; height:70px; line-height: 70px; overflow:hidden;}
.navbar-nav li a { display:block; height:100%;font-size:20px;font-weight:400; text-align: center;color:#2c2c2c; position:relative;padding:0 8px;}
.navbar-nav li a:before {content:''; position:absolute;left:0;top:0; background:url(../image/6.png);width:4px; height:100%; z-index:-1}
.navbar-nav li:first-child a:before { display:none;}
.navbar-nav li.active,.navbar-nav li:hover { background:#002b63;color:#fff}
.navbar-nav li:hover a,.navbar-nav li.active a {color:#fff;}
.mainabout.active .navbar { position:fixed;top: 75px;}
.mainabout.active .aboutblank { height:75px;}
/*.mainabout.active .fixtop { display:none;}*/
.namemjmenu { position:absolute;top:0; height:0; overflow:hidden}
.mainabout.active2 .navbar-nav li:first-child { background:#002b63}
.mainabout.active2 .navbar-nav li:first-child a {color:#fff}

.mainabout2.active2 .navbar-nav li:first-child { background:none;}
.mainabout2.active2 .navbar-nav li:first-child a {color:#2c2c2c}
.mainabout2.active2 .navbar-nav li:first-child:hover,.mainabout2.active2 .navbar-nav li.active:first-child { background:#002b63;color:#fff}
.mainabout2.active2 .navbar-nav li:first-child a:hover,.mainabout2.active2 .navbar-nav li.active:first-child a {color:#fff;}

.navbar2 .navbar-nav li {width:33.3333%}
.navbar4 .navbar-nav li {width:50%}
.navbar5 .navbar-nav li {width:20%}
.navbar6 .navbar-nav li {width:16.6666%}
.navbar7 .navbar-nav li {width:14.2857%}
.navbar8 .navbar-nav li {width:12.5%}
.navbar9 .navbar-nav li {width:11.1111%}
.navbar8 .navbar-nav li:nth-child(1) {width:12%}
.navbar8 .navbar-nav li:nth-child(2) {width:9%}
.navbar8 .navbar-nav li:nth-child(3) {width:13.5%}
.navbar8 .navbar-nav li:nth-child(4),.navbar8 .navbar-nav li:nth-child(5) {width:16.5%}
.navbar8 .navbar-nav li:nth-child(6),.navbar8 .navbar-nav li:nth-child(7) {width:11.5%}
.navbar8 .navbar-nav li:nth-child(8) {width:9.5%}

.navbar9 .navbar-nav li:nth-child(1) {width:11%}
.navbar9 .navbar-nav li:nth-child(2) {width:8%}
.navbar9 .navbar-nav li:nth-child(3) {width:12%}
.navbar9 .navbar-nav li:nth-child(4),.navbar9 .navbar-nav li:nth-child(5) {width:15%}
.navbar9 .navbar-nav li:nth-child(6),.navbar9 .navbar-nav li:nth-child(7) {width:10%}
.navbar9 .navbar-nav li:nth-child(8) {width:9%}
.navbar9 .navbar-nav li:nth-child(9) {width:10%}

.yflab {margin-bottom:-20px}
.yflab ul {width:106%;margin:-65px 0 0 -3%}
.yflab li  {width:44%;margin:65px 3% 0 3%; display:inline-block; vertical-align:top;}
.yflab li .pic { overflow:hidden;}
.yflab li .pic img {width:100%}
.yflab li .cons { background:rgba(255,255,255,0.9);width:70%;margin:-65px auto 0 auto; text-align:center; position:relative; z-index:1;padding:13px 7% 20px 7%}
.yflab li .cons .t {color:#002b63;font-size:29px; line-height:39px;margin:0 0 25px 0}
.yflab li .cons .c {font-size:19px; line-height:1.6; text-align:left;}

.quancons {font-size:22px;padding:85px 0}
.product {padding:0 0 0px 0;margin-top:60px;margin-bottom:-80px}
.product li {border-top:1px solid #ccc;padding:85px 0}
.product li.li1 { background:#f5f5f5;padding-left:30px;padding-right:50px}
.product li.li1 p { overflow: hidden}
.product li:nth-child(1) {border-top:0}
.product li .mleft { display:inline-block; vertical-align:middle;width:33%;}
.product li .mleft img {width:100%}
.product li .mright { display:inline-block; vertical-align:middle;width:59%;margin:0 0 0 8%}
.product li.upfull .mright {width:100%;margin:0}
.product li .mright .title {color:#000;font-size:39px; line-height:59px;font-weight:500;}
.product li .mright .gs_content {font-size:20px;color:#000;margin:30px 0 0 0;}
.product li .mright .link { vertical-align:top;cursor:pointer; height:45px; line-height:43px; border:1px solid #2c2c2c;border-radius:25px; display:inline-block;padding:0 35px;font-size:18px;font-weight:400;margin:80px 0 0 0}
.product li .mright .link i { display:inline-block; vertical-align:top;margin:2px 0 0 10px;font-weight:700;color:#000}
.product li .mright .link:Hover,.product li .mright .link.active {color:#fff; background:#2055ad;border-color:#2055ad}
.product li .mright .link:hover i {color:#fff}
.product li .mright .link.active i {transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);color:#fff}
.product .submenu {display:none;max-width:1185px;margin:0 auto}
.product li.upfull .submenu {max-width:100%;}
table {border-collapse: separate;border-spacing: 0 0}
.product .submenu .c1 {font-size:19px;color:#000;margin:55px 0 85px 0}
.product .submenu .c1 .t {color:#002b63;font-weight:500;margin:0 0 10px 0}
.product .submenu .c1 dl {width:110%;margin:0 0 0 -5%}
.product .submenu .c1 dd {float:left;width:40%;margin:0 5%;padding:30px 0}
.product .submenu .c1 .clear {border-top:1px solid #ccc;margin:0 0 0 5%;width:90%}
.product .submenu .c1 .clear2 {border-width:0;}
.product .submenu .c1 table,.product .submenu .c3 table {border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.product .submenu .c1 td,.product .submenu .c3 td {font-size:16px;border-left:1px solid #ccc;border-top:1px solid #ccc;padding:5px 10px;}

.product .submenu .c2 { vertical-align:bottom}
.product .submenu .c2 .mleft { display:inline-block; vertical-align:bottom;width:50%;margin:0 15% 0 0}
.product .submenu .c2 .mleft img {width:100%}
.product .submenu .c2 .mright { display:inline-block; vertical-align:bottom;width:35%;margin:0;font-size:20px;color:#000}
.product .submenu .c2 .mright p {margin:5px 0; position:relative}
.product .submenu .c2 .mright p:before {content:''; position:absolute;left:-20px;top:15px; background:#002b63;width:8px; height:8px;}
.product .submenu .c3 {margin:85px 0 0 0;font-size:20px;color:#000}
.hideline {height:5px; background: #fff;top:-90px; position: relative; z-index: 99;margin-bottom:-120px}

.investor li {padding:85px 13% 85px 12%}
.investor li .mleft { width:28%}
.investor li .mright { width:64%;}
.investor li .mright .gs_content {margin:30px 0 -20px 0;}
.investor li .mright .link2 { display:inline-block; vertical-align:top;margin:80px 0 0 50px}
.investor li .mright .link2 a {height:45px; line-height:43px; border:1px solid #2c2c2c;border-radius:25px; display:inline-block;padding:0 35px;font-size:18px;font-weight:400;}
.investor li .mright .link2 a i { display:inline-block; vertical-align:top;margin:2px 0 0 10px;font-weight:700;color:#000}
.investor li .mright .link2 a:Hover{color:#fff; background:#2055ad;border-color:#2055ad}
.investor li .mright .link2:hover a i {color:#fff}
.servicesubject { text-align:center;color:#212121;padding:100px 0 80px 0}
.servicesubject .t {font-size:39px; line-height:39px;margin:0 0 30px 0;font-weight:700}
.servicesubject .c {font-size:20px;color:#000}
.servicell ul {width:104%;margin:-4% 0 0 -2%}
.servicell li {border:4px solid #04285f;border-radius:20px;padding:4.5% 2%; text-align:center;margin:4% 2% 0 2%;width:29.3333%;color:#002b63; position:relative;top:0; display:inline-block; vertical-align:top;font-weight:400}
.servicell li:hover {top:-10px}
.servicell li .icon {margin:0 auto;width:90px;}
.servicell li .num {margin:15% 0 10% 0}
.servicell li .num h1,.servicell li .num h2 { display:inline-block; vertical-align:bottom;font-size:51px; line-height:51px;font-weight:700;color:#002b63;}
.servicell li .content {min-height:60px; line-height:1.6;font-size:25px;font-weight:700;}

.servicenet {margin:120px 0 -120px 0; background-position:center; background-repeat:no-repeat; height:1167px; background: url("../image/map.jpg") no-repeat center;}
.servicenet .servicesubject {color:#fff;padding-top:80px}
.servicenet .servicesubject .c {color:#fff}

.news {padding:5% 0 5% 0}
.news ul {width:108%;margin:-8% 0 0 -4%}
.news li { width:25.3333%;margin:8% 4% 0 4%;}

.nshow {margin:210px 0 100px 0}
.nshow .mcurrent {border-bottom:1px solid #ccc;padding:0 0 15px 0; position:relative;color:#999}
.nshow .mcurrent a {color:#999}
.nshow .mcurrent .mright { position:absolute;right:0;top:0}
.nshow .mcurrent span {margin:0 0 0 40px; display:inline-block; vertical-align:top;}
.nshow .title {font-size:38px;color:#333; line-height:58px; text-align:center;margin:85px auto 75px auto;font-weight:400;max-width:1050px}
.nshow .content {font-size:20px;max-width:1050px;margin:0 auto}
.nshow .content img {margin:0 auto}
.searchnews {padding:180px 0 30px 0}

.contact {margin:120px auto 0 auto;}
.contact .mleft { display:inline-block; vertical-align:top;width:30%;}
.contact .mleft .t {font-size:22px;color:#000;margin:-3px 0 30px 0;font-weight:700; text-align: center;}
.contact .mleft .p {  overflow:hidden}
.contact .mleft .p img {width:100%}
.contact .mright {display:inline-block; vertical-align:top;width:64%;margin:-17px 0 0 5%}
.contact .mright ul.u1 {
    border-top: 1px solid #ccc;
    background: #f5f5f5;
    font-weight: 500;
}
.contact .mright ul.u1 li {
     position: relative;
     border: 1px solid #ccc;
     border-top: 0;
     color: #000;
 }
.contact .mright .jobtitle {
    font-weight: 700;
    font-size: 25px;
    margin: -13px 0 40px 0;
}
.contact ul {display:inline-block; vertical-align:top;width:64%;margin:-17px 0 0 5%}
.contact li { position:relative;color:#000;border-bottom:1px solid #ccc;padding:23px 0}
.contact li .t {font-weight:700;font-size:20px; position:absolute;top:18px}
.contact li .c {margin:0 0 0 160px;font-size:14px;font-weight:400; position:relative;padding:0 0 0 30px}
.contact li .c:before {content:''; position:absolute;left:0;top:6px;width:1px; height:90%; background:#ccc;}
.contact li.wx {border:0}
.contact li.wx img {width:160px; position: relative;top:-5px;left:-10px}

.job {padding:115px 0 30px 0;margin:0 auto;}
.job ul.u1 {border-top:1px solid #ccc; background:#f5f5f5;font-weight:500}
.job li { position:relative;border:1px solid #ccc;border-top:0;color:#000;}
.job li .t { display:inline-block; vertical-align:top;padding:10px 30px; text-align:center}
.job li .t1 { text-align:left;width:25%}
.job li .t2 {width:21%}
.job li .t3 {width:21%}
.job li .t4 {width:21%}
.job li i { position:absolute;right:30px;top:7px; display:block;font-size:20px;color:#333}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice li.open .link i {transform:rotate(-180deg);-ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg);color:#fff}
.accordionservice li.open .link { background:#2055ad;color:#fff}
.accordionservice .submenu {display:none;padding:30px;border-top:1px solid #f5f5f5}
.accordionservice .submenu strong {color:#002b63}

.history { background:#f4f4f4;}
.culture ul {width:103%;margin:-3% 0 120px -1.5%}
.culture li {float:left;width:47%;margin:3% 1.5% 0 1.5%; position: relative; overflow: hidden}
.culture li:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.3)}
.culture li .pic {padding:30% 0;}
.culture li .cons { position:absolute;left:5%;top:60px;width:90%; z-index: 100;color:#fff;}
.culture li .cons .t { position: relative;font-size:30px; line-height: 40px;font-weight:700; letter-spacing: 2px;margin:0 0 30px 0;padding:23px 0 0 158px}
.culture li .cons .t:before {content:''; position: absolute;left:0;top:-30px; background: url("../image/qy.png");width:142px; height: 93px;}
.culture li .cons .c {font-size:20px;}

.memorabilia { text-align: center}
.memorabilia .cons {display:inline-block;margin:0 auto 120px 200px; text-align: left;}
.memorabilia ul {border-left:1px solid #002b63;padding:1px 0 1px 60px;margin:0 0 0 140px}
.memorabilia li { position:relative;padding:30px 0}
.memorabilia li .title { position:absolute;left:-340px;width:250px;top:22px;color:#002b63;font-size:35px; line-height:45px;font-weight:700; text-align: right}
.memorabilia li .content { position:relative;}
.memorabilia li .content .t {font-weight:700;font-size:18px;margin:0 0 5px 0}
.memorabilia li .content:before {content:'';  position:absolute;left:-69px;top:8px; background:url(../image/11.png);width:18px; height:18px;}

.rd_capacity ul {width:101%;margin:-1% 0 120px -0.5%}
.rd_capacity li {float:left;width:32.3333%;margin:1% 0.5% 0 0.5%;padding:9% 0;position: relative;overflow: hidden}
.rd_capacity li .title { position:absolute;left:0;bottom:0;width:100%; background: rgba(0,0,0,0.5); z-index: 100;padding:10px 0 12px 0}
.rd_capacity li .title h2 {color:#fff; text-align: center;font-size:18px; line-height:28px}
.rd_capacity li .title h2 span {font-size:25px; line-height: 28px}
.rd_capacity li:hover .title {opacity:0}
.coretech { background:#f4f4f4;}
.coretech ul {width:101%;margin:-1% 0 0 -0.5%;padding:0 0 120px 0}
.coretech li {float:left;width:15.6666%;margin:1% 0.5% 0 0.5%; position: relative; overflow: hidden;padding:17.15% 0}
.coretech li .cons { position:absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,43,99,0.8); z-index: 100}
.coretech li .cons h2 { position:absolute;left:20px;top:20px;z-index: 100;color:#fff; font-style: italic;font-weight:500;font-size:30px; line-height: 30px}
.coretech li .cons h3 { position:absolute;left:0;top:25%;z-index: 100;color:#fff;width:100%; text-align: center}
.coretech li .cons h3 p {width:35px;font-size:25px; line-height: 28px; margin:0 auto; display: inline-block; vertical-align: top;font-weight:500; text-align: center}
.coretech li:hover .cons {background: rgba(0,43,99,0);}

.mc_a1t_dian {
    position: relative;
    animation: bordershow 3s infinite;
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 7px solid #2055ad;
    border-radius: 50%;
}
.mc_a1t_dian::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(255,255,255, 0.5);
    animation: boderM 3s .75s infinite;
}
.mc_a1t_dian::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    animation: boderM 3s infinite;
}
@keyframes boderM {
    0% {transform: translate(-50%, -50%) scale(1);opacity: 0}
    20% {opacity: 1}
    75% {transform: translate(-50%, -50%) scale(2);opacity: 0}
    100% {opacity: 0}
}
@keyframes bordershow {50% {box-shadow: 0px 0px 10px 0 #fff;}}
.servicenet dl {display:none;}
.servicenet .mappoint {width:100%; text-align: center;position:absolute;top:0;left:0;height:1167px;}
.servicenet .mappoint ul {width:1000px;margin:0 auto; position: relative;height:100%; text-align: left; }
.servicenet li { position: absolute; cursor: pointer;}
.servicenet li .cons { position: absolute; z-index: 999;left:40px;top:-22px;background: #fff;border-radius:10px;padding:20px 20px 25px 20px;width:220px; display: none;}
.servicenet li .cons .t {font-size:20px; line-height: 30px;font-weight:700;color:#002b63;margin:0 0 10px 0}
.servicenet li .cons .c {font-size:14px; line-height: 1.6}
.servicenet span.mc_a1t_dian {cursor: pointer}

.job .mleft {float:left;width:30%}
.job .mright {float:right;width:65%}
.job .mright .jobtitle {font-weight:700;font-size:25px;margin:-13px 0 40px 0}
.job .mright .jobcons {margin:40px 0 0 0;font-size:18px; line-height:2.2}

.corporatestyle ul {width:102%;margin:-2% 0 0 -1%;padding:100px 0 0 0}
.corporatestyle li {float:left;width:31.3333%;margin:2% 1% 0 1%}
.corporatestyle li .p { position:relative; overflow: hidden;padding:28% 0;}
.corporatestyle li .t {height:25px; line-height: 25px; overflow: hidden; text-align: center;margin:15px 0 0 0}

.culture dl {width:101%;margin:-1% 0 0 -0.5%;padding:0 0 120px 0}
.culture dd {float:left;width:24%;margin:1% 0.5% 0 0.5%; position: relative; overflow: hidden;padding:21.63% 0}
.culture dd .cons { position:absolute;left:0;top:0;width:100%;height:100%;padding:38% 10% 0 10%; background: rgba(0,43,99,0.8); z-index: 100;}
.culture dd .cons .t { color:#fff; font-weight:500;font-size:35px; line-height:45px;margin:0 0 30px 0; letter-spacing: 1px}
.culture dd .cons .c {color:#fff;font-size:18px; }
.culture dd:hover .cons {background: rgba(0,43,99,0);}

.partner ul {width:102%;margin:-2% 0 0 -1%}
.partner li {float:left;width:18%;margin:2% 1% 0 1%;padding:5.2% 0; position: relative}

.response { background:#f4f4f4;padding:0px 0 80px 0;margin:80px 0 -120px 0}
.response ul {width:102%;margin:-2% 0 0 -1%}
.response li {float:left;width:23%;margin:2% 1% 0 1%}
.response li .pic { position:relative; overflow: hidden;padding:37.2% 0}
.response li .t {height:25px; line-height: 25px; text-align: center;margin:15px 0 0 0;display:none}

.network .subject1 {color:#000}
.network .subject1 .t {font-size:40px; line-height: 50px;font-weight:900;margin:100px 0 0 0}
.network .subject1 .c {font-size:30px; line-height:40px;}
.network .subject2 {text-align:right}
.network .subject2 .in {display:inline-block;margin:0 auto; text-align: center}
.network .subject2 .t {font-size:40px; line-height: 50px;font-weight:900;margin:0px 0 5px 0;color:#2055ad}
.network .subject2 .c {font-size:35px; line-height:1.3;font-weight:900; text-align: center;color:#ccc}
.network .bg {background:url("../image/map2.png") no-repeat 80px center;height:580px; position: relative;}
.network .uleft {width:350px; position: absolute;left:0;top:10%;z-index: 200}
.network .uright {width:350px; position: absolute;right:0;top:10%; z-index: 200}
.network li { background: #2055ad;color:#fff;padding:12px 15px 14px 20px;margin:0 0 10px 0;line-height: 1.2;}
.network li .cons h3 {color:#fff;font-size:18px;margin:10px 0 0 0}
.network li.li356 {padding:48px 20px 56px 60px}
.network li.li355 {padding:48px 20px 50px 60px}
.network i { position: absolute; background:url("../image/dian.png");width:12px;height: 16px; background-size:100%; z-index: 100;display: block;animation: myfirst 1.5s infinite;}
.network i.i356 {display:none;}
.network i.i355 {left:710px;top:35%}/**欧洲**/
.network i.i354 {left:1000px;top:54%}/**深圳**/
.network i.i353 {left:1006px;top:46.0%}/**安徽**/
.network i.i352 {left:1015px;top:46.3%}/**江苏**/
.network i.i351 {left:1010px;top:48.3%}/**浙江**/
.network i.i350 {left:984px;top:50%}/**成都**/
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -2px); }100% {transform: translate(0px, 0px);}}

.productlist .subject {font-weight:400;font-size:44px; line-height: 64px; text-align: center;margin:80px 0 60px 0;color:#173d7b; letter-spacing:1px}
.productlist ul {width:104%;margin:-20px 0 0 -2%}
.productlist li {float:left;width:29.3333%;margin:20px 2% 0 2%}
.productlist li .pic {padding:33.3% 0; position: relative; overflow: hidden; background: #f5f5f5;border:1px solid #f5f5f5}
.productlist li .title a {font-weight:400;color:#333;font-size:18px;height:60px; line-height: 58px; overflow: hidden; text-align: center; display: block;}
.productlist li:Hover .title a { background: #173d7b;color:#fff}




.foot {padding:115px 0 60px 0; background:rgb(3, 15, 45);color:rgb(130, 136, 151);font-size:14px;}
.foot a {font-size:14px;color:#999;}
.foot ul {float:left; position:relative; z-index:10}
/*.foot ul:before {content:''; position:absolute;top:-30px;left:0;width:60px; height:3px; background:#002b63}*/
.foot ul .foot-title { position:absolute;top:-30px;left:55px;width:140px; color:#fff;font-size: 16px}
.foot ul.menu {width:25%;min-height: 100px;}
/*display:inline-block;*/
.foot ul.menu li { vertical-align:top; position:relative;padding:0 0 0 55px;width:85%;margin:0 0 10px 0;}
/*.foot ul.menu li:before {content:''; background:url(../image/3.png) no-repeat center;width:7px; height:7px; position:absolute;left:0;top:10px; background-size:cover;}*/
.foot ul.ct li { position:relative;margin:0 0 10px 0}
.foot ul.ct li .t { display:inline-block; vertical-align: top; font-weight:500}
.foot ul.ct li .c {display: inline-block; vertical-align: top;color: #999;}
.foot ul.ct:after {content:''; position:absolute;bottom:0px;right:0; background:url(../image/map.png) no-repeat center;width:193px; height:95px}
.foot ul.link {margin:0 0 0 10%}
.foot ul.link li {margin:20px 0 0 0;}
.foot ul.link li:nth-of-type(1) {margin:0}
.foot ul.link li a {font-weight:700;}
.foot .cons {float:right; position:relative;margin-top:-30px}
.foot .cons .foot-title { width:70px; color:#fff;font-size: 16px}
.foot .cons .tel { margin-top: 10px;color: #fff;font-size: 17px;}
.foot .cons .email { margin-top: 10px;}
.foot .cons .logo { background:url(../image/logo.png) no-repeat center; background-size:cover;width:135px; height:52px;}
.foot .cons .t { text-align:center;color:#fff;font-size:14px;margin:5px 0 10px 0}
.foot .cons .p {width:95px;}
.footer {padding:20px 0; background:rgb(3, 15, 45);font-size:14px;color:rgb(130, 136, 151);line-height: 50px;}
.footer ul.link {display: flex;border-bottom: 1px solid}
.footer ul.link li {margin:0 0 0 10px;}
.footer ul.link li:nth-of-type(1) {margin:0}
.footer a {color:#999;font-size:14px;}
.footer a:Hover,.foot a:hover {color:#fff}
.fixright { position:fixed; z-index:2000;right:0;top:50%;margin-top:-78px}
.fixright li {width:50px; height:50px; line-height:50px;margin:1px; background:#173d7b;border-radius:5px; text-align:center; position:relative; cursor:pointer}
.fixright li a { display:block}
.fixright li i  {color:#fff; text-align:center;margin:0 auto}
.fixright li.totop i {font-size:20px;font-weight:500}
.fixright li.tel {  text-align:left;}
.fixright li.tel p { position:absolute;left:0;top:0; height:50px; line-height:50px;width:180px; background:#173d7b;color:#fff;border-radius:5px}
.fixright li.tel p i {width:50px; display:inline-block; vertical-align:top;font-size:22px;margin:0 2px 0 0}
.fixright li.tel:hover p {left:-130px;width:180px;}
.fixright li.wx { background-image:url(../image/wx.png); background-position:center; background-repeat:no-repeat; background-size:40%}
.fixright li.wx p { position:absolute;bottom:0px;right:52px;width:100px;border:1px solid #ccc; display:none;}
.foot-top{ width: 100%; height: 200px; background-color: rgb(43, 100, 238); color: #fff; margin: 120px 0 0 0; }
.foot-top .foot-top-body{ width: 100%; display: flex; justify-content: space-evenly; }
.foot-top .foot-top-body .title{ font-size: 26px; }
.foot-top .foot-top-body .form{ background-color: #fff;width: 40%; border-radius: 6px; display: flex; justify-content: space-between; }
.foot-top .foot-top-body .form .mobile{ font-size: 16px; width: 60%; margin-left: 20px; line-height: 46px}
.foot-top .foot-top-body .form .button{ font-size: 16px;color: #fff; background-color: rgb(43, 100, 238); margin: 3px 3px 3px 0; padding: 0 42px; border-radius: 5px; }