锘緻charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700&display=swap');
* {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
{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
{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:16px;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}
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;}

.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:30px; 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:9999}
.fixtop .toper .logo i { display:inline-block; vertical-align:top; background:url(../images/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:80px;}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;margin:0 0 0 40px;}
.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 .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 .search { position:absolute;right:0;top:71px;}
.fixtop .toper .search .en i { background:url(../images/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(../images/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(../images/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(../images/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 .search {top:119px;}

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

.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(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: "\e646";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 .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:40px 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(../images/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('../images/5.png') no-repeat center;background-size:30%;border-radius:5px;}
#slider3 .bx-wrapper .bx-next {right:-80px; background:#fff url('../images/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('../images/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(../images/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;}
.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%}
.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.li406,.product li.li424 { background:#f5f5f5;padding-right:30px}
.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:102%;margin:-2% 0 0 -1%}
.servicell li {border:1px solid #04285f;border-radius:20px;padding:4.5% 2%; text-align:center;margin:2% 1% 0 1%;width:23%;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:20% 0 13% 0}
.servicell li .num h1 { display:inline-block; vertical-align:bottom;font-size:51px; line-height:51px;font-weight:700;color:#002b63;}
.servicell li .num h2 { display:inline-block; vertical-align:bottom;font-size:21px; line-height:21px;color:#002b63;font-weight:400;margin:0 0 0 10px}
.servicell li .content {min-height:60px; line-height:30px;font-size:17px}

.servicenet {margin:120px 0 -120px 0; background-position:center; background-repeat:no-repeat; height:1167px; background: url("../images/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 ul {display:inline-block; vertical-align:top;width:65%;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:15px; display:block;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);font-size:12px;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(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);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("../images/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(../images/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("../images/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 25px;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("../images/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);}}





.foot {margin:120px 0 0 0;padding:115px 0 60px 0; background:#1a1a1a;color:#999;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.menu {width:30%}
.foot ul.menu li { display:inline-block; vertical-align:top; position:relative;padding:0 0 0 17px;width:50%;margin:0 0 10px 0}
.foot ul.menu li:before {content:''; background:url(../images/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;}
.foot ul.ct:after {content:''; position:absolute;bottom:0px;right:0; background:url(../images/map.png) no-repeat center;width:193px; height:95px}
.foot .cons {float:right; position:relative;margin-top:-30px}
.foot .cons .logo { background:url(../images/logo.png) no-repeat center; background-size:cover;width:135px; height:52px;}
.foot .cons .t { text-align:right;color:#fff;font-size:14px;margin:25px 0 10px 0}
.foot .cons .p {width:135px;}
.footer {padding:20px 0; background:#101010;font-size:14px;color:#999}
.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:16px;margin:0 2px 0 0}
.fixright li.tel:hover p {left:-130px;width:180px;}
.fixright li.wx { background-image:url(../images/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;}