@charset "utf-8";@import url('fonts.css?t=20140328');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.ts,.indmore a p,p.line i,.fixtop,.fixtop .logo,.fixtop .navpc ul,p.line,.fixtop .navpc li .list dl,.fixtop .en,.indmore2 a:before,.indmore2 a p,.indpro .swiper-slide .pic img,.indnews li a:before,.indnews li .pic img,.social a ,.messageemail .btn:before ,.service li .pic img,.about li img,.about li .cons,.about li,.job li i,.newstj li img,.newstj li a:before,.news li .pic img,.navbar li a:before,.product li .mleft img,.product li .mright .link .indmore2 span,.infoshow .c img ,.servicell li
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro .swiper-slide:hover .pic img,.indnews li:hover .pic img,.service li .pic:hover img,.about li:hover img,.newstj li:hover img,.news li:hover .pic img,.product li .mleft img:hover
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.infoshow .c img:hover
{transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.05);-ms-transform:scale(1.02)}
.pd,i.jump,.about li .cons,.job li .t,.news li,.contact .message li input,.contact .message li textarea,.contact .message li select,.navbar li,.infoshow .c,.servicell li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#f4f9f5;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Open Sans','arial';}
html,body,input,button,select,textarea {font-size:16px;font-weight:400;color:#000;}a {color:#000}
a:hover,.fixtop .en a:hover,#foot .footer dt a:hover,.service li.li2 .cons .t a:hover{color:#acce22} .indpro .swiper-slide:hover .cons .t a,.service li .cons .t a:Hover,.news li:hover .cons .title a {color:#7fb029}
.indsubject a:Hover{color:#10357f}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#073190;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}.imgcover img {width:100%;height:100%;object-fit:cover;}
.vcenter{height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:40px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#acce22; background: #acce22} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #acce22;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

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

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

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1400px;position:relative;}
.wrap1 {margin:0 4%;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:100px;}
.fixtop .logo { position: absolute;left:0;top:55px;z-index: 99998}
.fixtop .logo img {height:25px;}
.fixtop .logo p {font-size:12px; line-height: 12px; letter-spacing: 0; position: relative;left:-1px;top:0px;color:#fff;}
.fixtop .navpc { text-align:right;position: relative; z-index: 9999}
.fixtop .navpc ul {padding:69px 0 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 50px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:26px; line-height:26px;font-size:18px;font-weight:Bold; letter-spacing: 0; position: relative; z-index: 999;color:#fff}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {color: #acce22}
.fixtop .navpc li .list {position:absolute;z-index:9999;left:-30px;width:290px;top:15px;display:none;text-align:left;padding:30px 0 0 0; z-index: 100}
.fixtop .navpc li .list-solution {width:200px}
.fixtop .navpc li .list-service {width:250px}
.fixtop .navpc li .list dl {background:rgba(0,32,74,0.9);padding:12px 20px 18px 30px}
.fixtop .navpc li .list dd p {margin:10px 0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height: 26px;display: block;color:#fff; letter-spacing: 0.3px}
.fixtop .navpc li .list dd p a:hover {color: #acce22;}
.fixtop .en {position:absolute;right:32px;top:22px;font-weight:bold; z-index: 9999}
.fixtop .en a {color:#fff; letter-spacing: 0.3px}
.fixtop .en span {color:#acce22;margin:2px 8px 0 0;font-size:22px; line-height: 22px; font-weight:400; display:inline-block; vertical-align: top;}
.topblank {height:0;}

p.line { position:absolute;left:0;bottom:0;width:100%; height:2px; text-align: center}
p.line i { display:block;width:0;height:100%; background:#acce22;margin:0 auto}
.fixtop .navpc li:hover a.a p.line i,.fixtop .navpc li.check a.a p.line i {width:100%}

.fixtop.active,.fixtopbg {top:-30px; background: rgba(0,32,74,0.95)}
.fixtop.active .logo,.fixtopbg .logo {top:45px}
.fixtop.active .navpc ul,.fixtopbg .navpc ul {padding:0}
.fixtop.active .navpc li a.a,.fixtopbg .navpc li a.a {line-height:128px;}
.fixtop.active .navpc li p.line,.fixtopbg .navpc li p.line {bottom:-74px}
.fixtop.active .navpc li .list dl,.fixtopbg .navpc li .list dl {margin:55px 0 0 0}
.fixtop.active .en,.fixtopbg .en {opacity:0}

.fixtopbg .earthbtn {display:none;}
.fixtop .logo a {position:relative}
.fixtop .logo a:before {content:''; position: absolute;left:10px;top:-3px; background: url("../images/logo2.png") no-repeat center; width:124px;height:25px;  z-index: 9999; display: block;opacity:0}
.earthbtn,.earthlist .in .grid dd,.earthlist .in .grid dd a,.earthlist,.earthlist .in .grid,.blurstyle,.fixtop .earthbtn span.icon-dimension,.earthbtn span.icon-dimensions {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:17px; z-index: 9999;}
.earthbtn span.icon-dimensions {color:#fff;font-size:20px;font-weight:400; cursor: pointer}
.fixtop.active .earthbtn {opacity:0}
.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: #f4f9f5}
.earthlist .in .grid { position: relative; z-index: 10;padding:60px 0 80px 0; text-align: center; background: #f4f9f5;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:bold;font-size:20px;padding:0 10px;margin:0 0 6px 4%}
.earthlist .in .grid dd {float:left;width:12%;margin:5px 4%;padding:8px 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:#10357f}
.earthlist .in .grid dd.check,.earthlist .in .grid dd:hover {background:#fff;}
.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 .wrap1 {left:-10px}
body.activeearth .earthlist {opacity:1}
body.activeearth .earthlist .in .grid  {padding-top:140px;opaicty:1}
body.activeearth .earthbtn span.icon-dimensions{color:#7fb029}
body.activeearth .fixtop .navpc li a.a {color:#000}
body.activeearth .fixtop .toper ul.navpc li.check a {color:#000}
body.activeearth .fixtop .toper ul.navpc li a:hover,body.activeearth .fixtop .toper ul.navpc li:hover>a {color:#2055ad}
body.activeearth .fixtop .navpc li.check a.a p.line i {width:0}
body.activeearth .fixtop .navpc li:hover a.a p.line i {width:100%; background: #7fb029}
body.activeearth .fixtop .navpc li:hover a.a,body.activeearth .fixtop ul.navpc li:Hover>a.a {color: #7fb029}
body.activeearth .blurstyle {filter:blur(2px)}
body.activeearth .fixtop.active .earthlist .in .grid  {padding-top:100px;}
body.activeearth .fixtop .en a {color:#000}
body.activeearth .fixtop .en a:hover {color: #7fb029}
body.activeearth .fixtop .logo p {color:#000;left:9px}
body.activeearth .fixtop .logo a:before {opacity:1}
body.activeearth .fixtop .logo img {opacity:0}

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:#000;}
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:#000}

.indpics .swiper-slide { position:relative;height:100vh; overflow: hidden}
.indpics .swiper-slide .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100;}
.indpics .swiper-slide .cons .t {font-size:50px; line-height: 70px;letter-spacing:1px;max-width:740px;margin:-50px 0 0 0;font-weight:bold;color:#fff}
.indpics .swiper-slide .cons .c {margin:10px 0 60px 0;max-width:740px;color:#fff; letter-spacing: 0.3px}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:7s linear;transform:scale(1,1);}
.indmore a {display:inline-block;position: relative}
.indmore a:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index:1; background:linear-gradient(to right,#7fb029,#acce22)}
.indmore a p { position: relative; z-index: 10;font-weight:bold; letter-spacing:0px;padding:0 45px;height:60px; line-height: 61px;color:#10357f;font-size:20px;}
.indmore a:hover p { background:#acce22;padding:0 55px}
i.jump {color:#fff;position:absolute;width:100%;padding:0 0 0 4px;bottom:40px;font-size:30px; line-height: 30px; left:bottom:0; z-index: 999; text-align: center;animation: myfirst 1.5s infinite; cursor:pointer; font-family: "iconfont" !important;}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}

.indsubject {padding:110px 0 55px 0; position: relative;font-size:40px; line-height: 40px;font-weight:bold;color:#10357f; letter-spacing: 0}
.indsubject a {position:absolute;right:0;top:125px;color:#7fb029;font-size:16px;}
.indsubject a span {display:inline-block; vertical-align: top;margin:0px 0 0 0}

.indpro {position:relative}
.indpro .swiper-slide .in {background: #fff;border:1px solid #10357f;}
.indpro .swiper-slide .pic { position:relative; overflow: hidden;padding:28.8% 0}
.indpro .swiper-slide .cons {padding:40px 20px 50px 30px;}
.indpro .swiper-slide .cons .text {min-height:350px;}
.indpro .swiper-slide .cons .t {line-height:35px;font-weight:bold;font-size:25px}
.indpro .swiper-slide .cons .t a {color:#10357f;}
.indpro .swiper-slide .cons .c {margin:20px 10px 10px 0; letter-spacing: 0.1px;}
.indmore2 {text-align:right;margin:0 20px 0 0}
.indmore2 a { background: linear-gradient(to right,#7fb029,#acce22); display:inline-block;padding:2px;border-radius:40px; position: relative}
.indmore2 a i { background:#fff;border-radius:40px;height:38px;width:160px; position: relative; z-index: 20; display: block}
.indmore2 a p {  position: absolute;left:0;top:0;width:100%;line-height: 44px; text-align: center; z-index: 50;color:#7fb029;font-weight:Bold;}
.indmore2 a:before {content:''; position: absolute;left:0;top:0;width:0;height:100%;background: linear-gradient(to right,#7fb029,#acce22); z-index: 30;border-radius:40px;opacity:0}
.indmore2 a:hover:before,.indpro .swiper-slide:hover .indmore2 a:before {opacity:1;width:100%}
.indmore2 a:hover p,.indpro .swiper-slide:hover .indmore2 a p {color:#fff}
.indpro .swiper-button-next,.indpro .swiper-button-prev {top:0%;margin-top:325px;}
.indpro .swiper-button-next:after,.indpro .swiper-button-prev:after {background:#7fb029;border-radius:0;}
.indpro .swiper-button-next:hover:after,.indpro .swiper-button-prev:hover:after{background:#10357f;}
.indpro .swiper-button-prev {left:-25px}
.indpro .swiper-button-next{right:-25px}
.indpro .num0 {display:none;}

#cookieConsent { position: fixed; z-index: 99999;left:0;top:0;width:100%;background: rgba(0,0,0,0.5);}
#cookieConsent .cons {width:520px;padding:35px 40px 45px 40px; background: #00204a;color:#fff}
#cookieConsent .cons .t {font-weight:bold;font-size:25px; line-height: 35px; letter-spacing: 0.5px}
#cookieConsent .cons .c {margin:25px 0 35px 0}
#cookieConsent .cons .m a { color:#10357f;display: inline-block; cursor: pointer;height:45px; line-height: 45px;font-weight:bold; background: #acce22; text-align: center;width:42%;font-size:18px;}
#cookieConsent .cons .m a:nth-child(2) {margin:0 0 0 6%;width:52%}
#cookieConsent .cons .m a:hover { background: #7fb029;}

.indnews {padding:0 0 120px 0}
.indnews ul {width:101.4%;margin:-1.4% 0 0 -0.7%}
.indnews li {float:left;width:23.6%;margin:1.4% 0.7% 0 0.7%; position: relative;overflow:hidden;}
.indnews li a:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background: rgba(0,0,0,0.3)}
.indnews li .pic {padding:50% 0}
.indnews li .cons {position:absolute;left:7%;bottom:20px;width:86%;z-index: 100;color:#fff}
.indnews li .cons .t,.indnews li .cons .c {height:30px; line-height: 30px; overflow: hidden;}
.indnews li .cons .t {font-weight:bold;font-size:22px; word-break: break-all}
.indnews li .cons .c {font-size:14px;margin:-2px 0 0 0; letter-spacing: 0.3px;word-break: break-all}
.indnews li:nth-child(1) {width:48%;}
.indnews li:nth-child(1) .pic {padding:50.65% 0}
.indnews li:nth-child(1) .cons {left:4%;width:92%}
.indnews li:nth-child(1) .cons .c {height:50px; line-height: 25px;margin:2px 0 0 0}
.indnews li:hover a:before { background: rgba(0,32,74,0.8)}

.bannerin {height:100vh; position: relative;overflow:hidden}
.bannerin .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100;color:#fff}
.bannerin .cons .t {font-size:50px; line-height: 70px;letter-spacing:1px;max-width:650px;margin:30px 0 0 0;font-weight:bold;color:#fff}
.bannerin .cons .c {margin:10px 0 0 0;max-width:650px;color:#fff; letter-spacing: 0.3px}
.bannerin.center .cons {text-align:center}
.bannerin.center .cons .t,.bannerin.center .cons .c {margin-left:auto;margin-right:auto}
.bannerin2 .cons .c {font-size:20px; letter-spacing: 0.5px}
.bannerin .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bannerin_job .cons .t,.bannerin_job .cons .c {max-width:790px}

.bannerin_pro .cons .td {vertical-align:top;}
.bannerin_pro .cons .t,.bannerin_pro .cons .c {max-width:750px}
.bannerin_pro .cons .t {margin-top:18%}

.service li {padding:120px 0;border-bottom:1px solid #f4f9f5}
.service li.li2 { background:#00204a;color:#fff}
.service li .pic {display:inline-block; vertical-align: middle;width:36%; overflow: hidden}
.service li .pic img {width:100%}
.service li .cons {margin:0 0 0 12%;width:52%;display: inline-block; vertical-align: middle}
.service li .cons .t {font-weight:bold;font-size:40px; line-height: 50px;}
.service li .cons .t a {color:#10357f}
.service li .cons .t2 {font-weight:bold;font-size:25px; line-height: 35px;margin:5px 0 0 0}
.service li .cons .c {margin:20px 0 50px 0; letter-spacing: 0.3px}
.service li.li2 .cons {margin:0 12% 0 0}
.service li.li2 .cons .t a {color:#fff}

.service li.lifull .cons {margin:0;width:100%}
.service li.limarno .cons .c {margin-bottom:0}

.infoshow {min-height:500px}
.infoshow .wrap {max-width:1050px;margin:0 auto}
.infoshow .t { text-align:center;font-weight:700;font-size:40px; line-height: 60px;color:#10357f;margin:170px 0 50px 0;border-bottom:1px solid #10357f;padding:0 0 20px 0; letter-spacing:-0.3px}
.infoshow .t2 {font-size:18px;color:#666;margin:-10px 0 -5px 0}
.infoshow .c {margin:0 0 120px 0; letter-spacing: 0.3px}
.infoshow .c img {margin:5px 0}

.infoshow .c table {width:100%}
.infoshow .c table.table1 td{width:42.5%}
.infoshow .c table.table1 td:nth-child(2) {width:50.5%;padding:0 0 0 7%;}
.infoshow .c table.table1_2 td:nth-child(2) {width:50.5%;font-size:16px}
.infoshow .c strong {line-height:1.7; display: block}
.infoshow .c table.table2 td{width:40%}
.infoshow .c table.table2 td:nth-child(2) {width:51.2%;padding:0 0 0 8.8%;text-align: center}
.infoshow .c table.table2 td:nth-child(2) img {margin:0 0 20px 0}
.infoshow .c table.table3 td{width:30%}
.infoshow .c table.table3 td:nth-child(2) {width:60%;padding:0 0 0 10%;}

.infoshow .c .tb28_1 {border-bottom:1px solid #666;border-right:1px solid #666; background: #fff}
.infoshow .c .tb28_1 td{border-top:1px solid #666;border-left:1px solid #666;padding:10px 15px; text-align: center}
.infoshow .c .tb28_1 tr:nth-child(1) td {background:#f4f9f5;font-weight:700}

.infoshow .c .rc2_2 {width:105%; position: relative;left:-2.5%;margin:-2.5% 0}
.infoshow .c .rc2_2 td{width:50%;padding:2% 2.5%; vertical-align: top;}

.infoshow .c .rc5_1 {background:#fff; text-align: center;padding:30px 0px 40px 0px}
.infoshow .c .rc5_1 td {vertical-align:top; line-height: 1.5}

.infoshow .c .rc3_1 {background:#fff; text-align: center;padding:20px 5% 40px 5%}
.infoshow .c .rc3_1 td {vertical-align:top; line-height: 1.5;width:45%}
.infoshow .c .rc3_1 td:nth-child(2) {width:10%}

.about {padding:100px 0 120px 0}
.about .subject {text-align:center;font-weight:bold;font-size:40px; line-height: 40px;color:#10357f;margin:0 0 80px 0}
.about ul {width:104%;margin:-4% 0 0 -2%}
.about li {float:left;width:29.3333%;margin:4% 2% 0 2%; position: relative; overflow: hidden;padding:18.6% 0;border-radius:15px; position: relative;top:0}
.about li:hover {top:-20px}
.about li .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,32,74,0.8);color:#fff;padding:20% 9% 0 11%}
.about li .cons .t {font-weight:700;font-size:30px; line-height:40px;margin:0 0 20px 0; letter-spacing: 1px}
.about li .cons .c { letter-spacing:0.3px}
.about li:hover .cons {background: rgba(0,32,74,0.9)}
.about li .cons .table .td {vertical-align:top;}

.job {padding:100px 0 120px 0;}
.job .subject {text-align:center;font-weight:bold;font-size:40px; line-height: 40px;color:#10357f;margin:0 0 80px 0}
.job ul.u1 {background:#00204a;color:#fff;font-size:20px; line-height: 30px;font-weight:bold;}
.job li { position:relative;}
.job li .t { display:inline-block; vertical-align:top;padding:25px 0; text-align:center}
.job li .t1 {width:24%; text-align:left;padding:25px 0 25px 45px;}
.job li .t2 {width:24%}
.job li .t3 {width:24%}
.job li .t4 {width:23%}
.job li .t5 {width:5%;}

.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;color:#10357f;font-size:20px; line-height: 30px;}
.accordionservice li.li2 .link {background: #00204a;color:#fff}
.job li i { position:absolute;right:40px;top:25px; display:block;font-size:30px; line-height: 30px; color:#10357f}
.job li.li2 i { color:#fff}
.accordionservice li.open .link i {transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.accordionservice .submenu {display:none;padding:45px 45px 50px 45px;border:1px solid #00204a; background: #fff; letter-spacing: 0.3px}
.accordionservice .submenu .indmore {margin-top:40px;}
.accordionservice .submenu .indmore span {display:inline-block; vertical-align: top;margin:15px 0 0 -2px;font-size:26px; line-height: 26px}

.newstj {padding:100px 0 0 0}
.newstj ul {width:103%;margin:0 0 0 -1.5%}
.newstj li {float:left;width:47%;margin:0 1.5%;  position:relative;overflow: hidden;padding:13.6% 0}
.newstj li a:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background: rgba(0,0,0,0.6)}
.newstj li .addtime {position:absolute;left:5%;top:20px;width:90%; z-index: 100;color:#fff;opacity:0.5;font-size:14px; letter-spacing: 0.1px}
.newstj li .addtime span {font-size:14px;margin:0 10px 0 0}
.newstj li .cons {position:absolute;left:5%;bottom:30px;width:90%; z-index: 100;color:#fff; letter-spacing: 0.3px}
.newstj li .cons .t {font-size:25px; line-height: 30px;height:30px;font-weight:700; overflow: hidden;margin:0 0 12px 0}
.newstj li .cons .c {line-height:28px;height:56px; overflow: hidden;}
.newstj li:hover a:before {background: rgba(0,0,0,0.8)}

.news {padding:0 0 100px 0}
.news ul {width:103%;margin:0 0 0 -1.5%}
.news li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%;border:1px solid #00204a; background: #fff}
.news li .pic {position:relative;padding:28.9% 0; overflow: hidden}
.news li .cons {padding:25px 30px 30px 30px;}
.news li .cons .addtime {color:#999;letter-spacing: 0.1px}
.news li .cons .addtime span {color:#7fb029}
.news li .cons .addtime span i {font-size:16px; line-height: 16px;margin:0 8px 0 0}
.news li .cons .title {height:30px; line-height: 30px; overflow: hidden;margin:20px 0 15px 0;}
.news li .cons .title a {font-size:23px;font-weight:bold;color:#10357f; letter-spacing: -0.5px}
.news li .cons .content { letter-spacing:0.3px; line-height: 28px; height:56px; overflow: hidden}
.contact {padding:100px 0 120px 0}
.contact .text {text-align:center}
.contact .text .t {font-size:40px; line-height: 50px;font-weight:bold;color:#10357f}
.contact .text .c { letter-spacing: 0.3px;margin:20px 0 80px 0}
.contact .mleft {float:left;width:36%}
.contact .mleft li {background:#00204a;border-radius:15px;padding:54.5px 35px 51.5px 140px;margin:20px 0 0 0;color:#fff; position: relative}
.contact .mleft li:nth-child(1) {margin:0}
.contact .mleft li .pic {height:55px;width:55px; border-radius:50%; background: #acce22; text-align: center; position: absolute;left:50px;top:60px;}
.contact .mleft li.li22 .pic {top:90px}
.contact .mleft li .pic span {color:#00204a;font-size:28px; line-height: 55px}
.contact .mleft li.li21 .pic span {font-size:31px;}
.contact .mleft li.li20 .pic span {font-size:28px;font-weight:bold;}
.contact .mleft li .cons .t {font-size:25px; line-height: 35px;font-weight:700;margin:0 0 5px 0}
.contact .mleft li .cons .c {color:#7f8fa4;letter-spacing: 0.3px}

.contact .message {float:right;width:60%;}
.contact .message .in {background: #00204a;border-radius:15px;padding:25px 40px 40px 40px;margin:0 0 55px 0}
.contact .message .subject {color:#7f8fa4;margin:0 0 20px 0}
.contact .message ul {width:105%;margin:-2.5% 0 0 -2.5%}
.contact .message li {float:left;width:45%;margin:2.5% 2.5% 0 2.5%; position: relative}
.contact .message li.full {width:90%}
.contact .message li.sex {background:#fff}
.contact .message li.sex:after {content: "\e654";font-family: "iconfont" !important;position: absolute;right:15px;top:0;height:50px;font-size:20px; line-height: 50px;}
.contact .message li select { background:none;width:100%;height:50px;padding:0 16px; letter-spacing: -0.1px; cursor: pointer; -moz-appearance: none;-webkit-appearance: none; z-index: 10; position: relative}
.contact .message li input[type="text"] { background:#fff;width:100%;height:50px;padding:0 20px; letter-spacing: -0.1px}
.contact .message li.beizu {width:95%;}
.contact .message li textarea {width:100%;padding:15px 20px; overflow: auto;height:155px;letter-spacing: -0.1px; vertical-align: top;}
.contact .message .indmore {margin-left:40px; cursor: pointer;}
.navbar {background:#00204a; position: relative;left:0;top:0;width:100%; z-index: 99999;}
.navbar li {display:inline-block; vertical-align: top; position: relative;width:15.5%; text-align: center;}
.navbar-3 li {width:33.3333%}
.navbar-5 li {width:20%}
.navbar li.li150 {width:13.5%}
.navbar li.li179 {width:22.5%}
.navbar li.li180 {width:17.5%}
.navbar li:after {content:'';position: absolute;left:0;top:0;width:2px;height:100%; background: #1a375c}
.navbar li:nth-child(1):after {display:none;}
.navbar li a {font-size:20px; line-height: 25px; padding:0 10px; display: block;color:#fff;height:70px;word-break: break-all; letter-spacing: 0.3px;
display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;}
.navbar li a:before {content:''; position: absolute;left:0;top:0;width:0;height:100%; background: linear-gradient(to right,#7fb029,#acce22);}
.navbar li p { z-index:100; position: relative;top:-2px}
.navbar li a:hover:before,.navbar li.active a:before {width:100%}
.navbar li a:Hover,.navbar li.active a {color:#10357f}
.navbar.active { position:fixed;}
.problank.active {height:70px}

.product {padding:60px 0 120px 0;min-height:600px}
.product li {border:1px solid #00204a;padding:80px 5% 80px 3%; background: #fff;margin:60px 0 0 0}
.product li .mleft { display:inline-block; vertical-align:middle;width:28%; overflow: hidden}
.product li .mleft img {width:100%}
.product li .mright { display:inline-block; vertical-align:middle;width:69%;margin:0 0 0 3%}
.product li.upfull .mright {width:100%;margin:0}
.product li .mright .title {color:#10357f;font-size:30px; line-height:40px;font-weight:bold;}
.product li .mright .gs_content { letter-spacing: 0.3px; margin:20px 0 0 0;}
.product li .mright .link .indmore2 a i {width:180px}
.product li .mright .link .indmore2 {cursor:pointer;margin:50px 0 0 0; text-align: left;}
.product li .mright .link .indmore2 span {display:inline-block; vertical-align: top;margin:16px 0 0 5px;font-size:12px; line-height: 12px;color:#7fb029}
.product li .mright .link .indmore2:hover span {color:#fff}
.product li .mright .link.active .indmore2 span {margin-top:14px;transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);color:#fff}
.product li .mright .link.active .indmore2 a:before {opacity:1;width:100%}
.product li .mright .link.active .indmore2 a p {color:#fff}

.product li .mright .gs_content p {position:relative;padding:0 0 0 15px}
.product li .mright .gs_content p:before {content:''; position: absolute;left:0;top:14px;width:5px;height:1px; background: #333;}
.product li .mright .gs_content_noli p {padding:0}
.product li .mright .gs_content_noli p:before {display:None;}

.product .submenu {display:none;margin:0 3% 0 5%}
.product li.upfull .submenu {max-width:100%;}
table {border-collapse: separate;border-spacing: 0 0}
.product .submenu .c1 {font-size:18px;color:#000;margin:55px 0 0px 0}
.product .submenu .c1 .t {color:#10357f;font-weight:bold;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 10% 0 0; overflow: hidden}
.product .submenu .c2 .mleft img {width:100%}
.product .submenu .c2 .mright { display:inline-block; vertical-align:bottom;width:40%;margin:0;font-size:16px;color:#000}
.product .submenu .c2 .mright p {margin:5px 0; position:relative}
.product .submenu .c2 .mright p:before {content:''; position:absolute;left:-20px;top:10px; background:#00204a;width:8px; height:8px;}
.product .submenu .c3 {margin:40px 0 0 0;font-size:16px;color:#000}

.product .submenu .c3 table.id49 {width:100%;}
.product .submenu .c3 table.id49 td {width:25%}
.product .submenu .c3 table.id49 tr:nth-child(odd) {background:#f4f9f5}
.product .submenu .c3 table.id49 tr:nth-child(1) { background: #00204a;color:#fff;font-weight:bold;}
.product .submenu .c3 table.id49 tr:nth-child(1) td {font-size:18px}
.product .submenu .c3 table.id49 tr:nth-child(3),.product .submenu .c3 table.id49 tr:nth-child(5),.product .submenu .c3 table.id49 tr:nth-child(7),.product .submenu .c3 table.id49 tr:nth-child(9),.product .submenu .c3 table.id49 tr:nth-child(11) {background:#f4f9f5}

.product .submenu .c3 ul.list-paddingleft-2 { list-style-type: none;padding:0;margin:0; list-style: none;}
.product .submenu .c3 ul.list-paddingleft-2 li {border:0;padding:0 0 0 15px; background: none;margin:0; list-style: none; position: relative;}
.product .submenu .c3 ul.list-paddingleft-2 li:before {content:''; position: absolute;left:0;top:14px;width:5px;height:1px; background: #333;}

.product .submenu .c3 table {width:100%}
.product .submenu .c3 td {line-height: 1.4;padding:10px 5px 10px 10px}
.product .submenu .c3 table.id49 tr:nth-child(1) td { line-height: 1.2;padding:10px 5px 10px 10px}
.product .submenu .c3 table.col-2 td {width:50%}
.product .submenu .c3 table.col-3 td {width:33.3333%}
.product .submenu .c3 table.col-5 td {width:20%}
.product .submenu .c3 table.col-6 td {width:16.6666%}
.product .submenu .c3 table.col-7 td {width:14.2857%;font-size:14px}
.product .submenu .c3 table.col-8 td {width:12.5%}
.product .submenu .c3 table.col-9 td {width:11.1111%}
.product .submenu .c3 table.col-10 td {width:10%}

.product .submenu .c3 table.col-7 tr:nth-child(1) td {font-size:16px;padding-top:12px}

.servicell {text-align:center}
.servicell ul {width:102%;margin:-40px 0 0 -1%}
.servicell li {border:1px solid #10357f;border-radius:15px;padding:50px 2% 30px 2%; text-align:center;margin:40px 1% 0 1%;width:23%;color:#10357f; 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:60px 0 30px 0}
.servicell li .num h1 { display:inline-block; vertical-align:bottom;font-size:51px; line-height:51px;font-weight:700;color:#10357f;}
.servicell li .num h2 { display:inline-block; vertical-align:top;font-size:18px; line-height:18px;color:#10357f;font-weight:bold;margin:22px 0 0 10px; letter-spacing: 0}
.servicell li:nth-child(4) .num h2 {font-size:55px; line-height: 55px;font-weight:400;margin:-8px 0 0 0px}
.servicell li .content {min-height:50px; line-height:25px;font-size:16px;font-weight:bold; letter-spacing: 0}
em.br {display:none;}


#foot { background: #00204a;color:#a3a9b4;padding:80px 0 60px 0; letter-spacing: 0.3px}
#foot a {color:#a3a9b4;}
#foot a:hover {color:#fff}
.footer dl {float:left;max-width:320px;margin:0 0 0 10%}
.footer dl.dl1 {margin:0}
.footer dl.dl4 {float:right;margin:0;max-width:290px}
.footer dt {margin:0 0 20px 0;font-weight:700;color:#fff;font-size:25px; line-height: 25px}
#foot .footer dt a {color:#fff}
.footer dl.dl1 .c {color:#fff;font-size:25px; line-height: 35px;font-weight:700;margin:0 0 20px 0}
.footer dl.dl1 .c2 {color:#fff;}
.social {margin:35px 0 0 0}
.social a {margin:0 10px 0 0; position: relative;top:0}
.social a:hover {top:-5px}
.messageemail {background:#fff;height:50px; position: relative;margin:30px 0 0 0}
.messageemail .icon {position:absolute;left:1px;top:0px;width:60px; line-height: 50px; text-align: center}
.messageemail .icon span {font-size:20px;coloR:#000}
.messageemail .input {margin:0 50px 0 60px;}
.messageemail .input input {height:50px;width:100%;font-weight:bold;}
.messageemail .btn {position:absolute;right:0;top:0px;width:50px;height:50px; background: #acce22; cursor: pointer}
.messageemail .btn:before {content:'';width:50px;height:50px;background:linear-gradient(to right,#7fb029,#acce22); position: absolute;right:0;top:0; z-index: 50}
.messageemail .btn:after {font-family: "iconfont" !important;content: "\e61c";position: absolute;right:0;top:0; z-index: 100;color:#10357f;font-size:23px;font-weight:bold; text-align: center;width:50px; line-height: 50px;}
.messageemail .btn:hover:before {opacity:0}
.messageemail .btn input {width:100%;height:100%;position: absolute; z-index: 500; cursor: pointer; background: none;}
.footcopy {text-align:center;border-top:1px solid rgba(255,255,255,0.2);padding:25px 0 0 0;margin:80px 0 0 0;color:#fff}
.footcopy a {color:#fff}