锘緻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,.fixtop .toper .search .en i,.productlist li .pic img,.fixtop .toper ul.navpc li .listpro dd img,.products li .pic img,.product-menu dd 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,.products 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,.fixtop .toper ul.navpc,.fixtop .toper ul.navpc li .listpro
{-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,.fixtop .toper ul.navpc li .listpro dd:hover a,.manst-current 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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:85px 0 60px 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:40px; text-align:center;height:40px; line-height:40px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400} 

::-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 .wrap {position: static}
.fixtop .toper .logo { display:block; position:absolute;left:3%;top:55px; z-index:99999}
.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;line-height: 1.6; }
.fixtop .toper .logo p span {display:block;letter-spacing: 2.4px;}
.fixtop .toper ul.navpc { text-align:right; position:absolute;width:100%;top:48px;right:0; z-index: 9999;padding-right:3%}
.fixtop .toper ul.navpc .in {padding-right:110px}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;margin:0 0 0 40px;}
.fixtop .toper ul.navpc li.pro {position:static}
.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 a:hover,.fixtop .toper ul.navpc li:hover>a{color:#2055ad}
.fixtop .toper ul.navpc li .list { position:absolute; z-index:9999;left:-30px;top:75px;width:130px; display:none;text-align:left;background:rgba(255,255,255,0.95);padding:15px 0 17px 0;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.fixtop .toper ul.navpc li .list.center {left:50%;width:120px;margin-left:-60px; text-align: center;}

.fixtop .toper ul.navpc li .listpro {width:100%;left:0; text-align:center;padding:25px 1% 20px 1%;}
.fixtop .toper ul.navpc li .listpro dd {display:inline-block; vertical-align: top; text-align: center;margin:20px 2%}
.fixtop .toper ul.navpc li .listpro dd a,.fixtop .toper ul.navpc li.check .listpro dd a {padding:0}
.fixtop .toper ul.navpc li .listpro dd img {height:30px;margin:0 auto;opacity:0.8;filter: grayscale(100%);}
.fixtop .toper ul.navpc li .listpro dd:hover img {opacity:1;filter: grayscale(0);}
.fixtop .toper ul.navpc li .listpro dd .cate {margin-top:15px; }
.fixtop .toper ul.navpc li .listpro dd .cate a { line-height: 1.6;}
.fixtop .toper ul.navpc li .listpro dd .cate span {display:block}

.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 30px}
.fixtop .toper ul.navpc li .center dl dd a,.fixtop .toper ul.navpc li.check .center dl dd a {padding:0}
.fixtop .toper ul.navpc li dl dd a:hover {color:#2055ad}
.fixtop .toper .search { position:absolute;right:3%;top:71px; z-index: 9999999;margin-right:28px}
.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)}

.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:3%;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(../images/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(../images/2.png) no-repeat center; background-size:cover;}
body.activeearth .fixtop .toper .search .en a {color:#333}

.indpics li,.bannerin {
background:#ccc;
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: "\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(../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%}
.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:nth-child(1) {border-top:0}
.product li.li1 { background:#f5f5f5;border-top:1px solid #ccc; position: relative;top:-1px;bottom:-1px}
.product li .mleft { display:inline-block; vertical-align:middle;width:33%;}
.product li .mleft h2 {position: relative;padding:33.3333% 0}
.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.li1 .mright .title {color:#173d7b}
.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}
body.bg {background:#f1f1f1}
.products {margin-top:160px}
.products ul {width:103%;margin:-3% 0 0 -1.5%;padding:20px 0 30px 0}
.products li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%; background: #fff;border-radius:15px;}
.products li .pic {position: relative; overflow: hidden;padding:33.3333% 0;border-radius:15px;}
.products li .text {border-top:1px solid #ccc;padding:25px 25px 30px 25px}
.products li .title {height:30px; line-height: 30px; overflow: hidden;margin:0 0 15px 0}
.products li .title a {font-weight:700;font-size:20px;color:#000}
.products li:hover .title a {color:#2055ad;}
.products li .content { line-height: 25px;height:100px; overflow: hidden;font-weight:300;color:#000;font-size:16px}

.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("../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 40px 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: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("../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 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("../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);}}

.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}
.productlist ul.center {text-align:center}
.productlist ul.center li {float:none;display:inline-block; vertical-align: top;}
.product-subject {font-weight:700;font-size:44px; line-height: 64px; text-align: center;margin:100px 0 80px 0;color:#173d7b; letter-spacing:1px; position: relative}
.product-subject:before {content:''; position: absolute;left:50%;width:100px;height:5px; background: #173d7b;margin-left:-50px;bottom:-30px;}
.manst-current {border-bottom:1px solid #ccc;font-weight:400;color:#666;padding:0 0 15px 0;margin-top:-40px; text-align: right;font-size:14px;}
.manst-current a {color:#666;font-weight:400;font-size:14px}
.to-top {margin-top:20px}
.to-top2 {margin-top:-70px;padding-top:0}

.productlist li:hover dd .pic img
{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.productlist li dd: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)}
.productlist li.li-dl {width:96%;}
.productlist li dl {width:104%;margin:-20px 0 0 -2%}
.productlist li dt {text-align:center;}
.productlist li dt.subject {color:#000;font-size:34px;margin:60px 0 40px 0;font-weight:500}
.productlist li dd {float:left;width:29.3333%;margin:20px 2% 0 2%}
.productlist li:Hover dd .title a { background: none;color:#333}
.productlist li dd:hover .title a { background: #173d7b;color:#fff}

.productlist li.full {width:100%; clear: both;float:none;margin-left:0;margin-right:0}
.productlist li.full .subject {color:#000;font-size:34px; line-height: 1.4; margin:50px 0 65px 0;font-weight:500}
.productlist li.full .in {width:29.3333%;margin-left:auto;margin-right:auto;}
.productlist li.li1 dt.subject {margin-top:20px}

.product-menu {width:100%;left:0;top:0;text-align:center;background: #f1f1f1;padding:20px 0 20px 0; position: relative; z-index: 9999}
.product-menu dd {display:inline-block; vertical-align: top; text-align: center;margin:20px 2%}
.product-menu dd img {height:30px;margin:0 auto;opacity:0.8;filter: grayscale(100%);}
.product-menu dd:hover img,.product-menu dd.check img {opacity:1;filter: grayscale(0);}
.product-menu dd .cate {margin-top:15px; }
.product-menu dd .cate a { line-height: 1.6;font-weight:400;font-size:14px}
.product-menu dd .cate span {display:block}
.product-menu dd:hover .cate a,.product-menu dd.check .cate a {color:#2055ad;}
.product-menu.active {position: fixed;}
.product-menu-blank.active {height:178px}

.message ::-webkit-input-placeholder {color: #bbb;}
.message :-moz-placeholder {color: #bbb; } 
.message ::-moz-placeholder { color: #bbb; } 
.message :-ms-input-placeholder {color: #bbb; }
.message li.btn button{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.message li input[type="text"],.message li textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-subject {font-size:36px; line-height: 46px;font-weight:700;color:#0073ac; position: relative;padding:0 0 0 125px;display:inline-block}
.home-subject:before {content:'';position: absolute;left:0;top:9px; background: url("../images/logo2.png") no-repeat center;width:105px;height:40px; background-size:100%}
.message {font-weight:400;margin:120px auto 0 auto;max-width:90%}
.message .subject {color:#004098;font-weight:700;margin:0 0 30px 0;font-size:25px; line-height: 1.2}
.message .content {color:#0073ac;font-size:60px;font-weight:400; line-height: 1.4;margin:60px 0 30px 0;font-weight:300}
.message form {box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px;padding:25px 5% 60px 5%;border:1px solid #afafaf}
.message ul {display:flex;flex-wrap: wrap;justify-content: space-between}
.message li {width:32.5%;margin-top:30px}
.message li.full {width:100%}
.message li.btn {width:100%; text-align: center;margin-top:40px}
.message li p {color:#000;margin:0 0 2px 0;font-size:20px}
.message li p font {color:#ff0000;display:inline-block;margin:5px 0 0 3px;vertical-align: top;}
.message li input[type="text"] {width:100%;height:50px;padding:0 20px 2px 20px; background: #f5f9fc;font-size:18px;font-weight:300;color:#000}
.message li.btn button {width:450px;height:55px;padding:0 0 2px 0;font-size:20px;border-radius:55px;font-weight:400; cursor:pointer;color:#fff; background: #004098}
.message li.btn button:hover {background: #0073ac;color:#fff;}
.message li textarea {width:100%;height:160px; line-height: 30px;padding:15px 20px;background: #f5f9fc;font-weight:300;color:#000;font-size:18px; vertical-align: top;}
.message li #captcha {width:32%; vertical-align: top;margin:0 5px 0 0}

.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:15.5%}
.foot ul.menu li {position:relative;padding:0 0 0 17px;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 ul.link {margin:0 0 0 10.5%}
.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; text-align: right}
.foot .cons .logo { background:url(../images/logo.png) no-repeat center; background-size:cover;width:135px; height:52px;margin:0 0 0 auto}
.foot .cons ul {display:flex;width:540px;justify-content: flex-end}
.foot .cons ul:before {display:none;}
.foot .cons li {text-align:center;width:150px;margin:28px 0 0 30px}
.foot .cons li .title {color:#fff;margin:10px 0 0 0;}
.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:99999;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(../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;}