@charset "utf-8";@import url('fonts.css');
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.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,#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,.rd_capacity li .pic,.rd_capacity li .title,.coretech li .cons,.coretech li .pic,.corporatestyle li .p p,.culture dd .cons,.partner li p,.fixtop:before,.indche li .t span,.navbar-nav li a:after,.culture dd .pic,.culture dd:before,.fixright li.tel p ,.partner li,.indche li .pic:before,.energystorage dd,.energystorage dd .title,.application dd .title,.application dd,.applicationstore dd .pic img,.tech1 dd .title,.tech3 li .pic .in2 img,.tech3 li:hover .cons .t,.tech8 dd .pic img,.tech6 .mleft dd,.tech8 dd,.capability_art .cons li:before,.capability_art .cons li,.capability_pack .list_capability dd .title:before,.capability_pack .list_capability dd .content:before,.capability_pack .list_capability dd .font,.capability_pack .list_capability dd .pic img,.capability_zong li .pic img,.capability_zong li:before,.capability_zong li .text .title,.capability_zong li .text .content,.accordionservice li .link:before,.case dd .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:hover .p img,.indche li:hover p,.indnews li:Hover .pic p,.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,.culture dd:hover .pic,.applicationstore dd:hover .pic img,.case dd:hover .pic img,.tech3 li:hover .pic .in2 img,.tech8 dd:hover .pic img,.capability_pack .list_capability dd:hover .pic img,.capability_zong 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,.about .cons,.tech1 dd,.tech3 li .pic ,.tech3 li .pic .in,.tech4 .mright,.tech6 .mright,.capability_art .cons li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indparter li:hover img,.servicell li:hover .icon img,.partner li:hover img,.energystorage dd:Hover .pic img,.application dd:hover .pic img,.tech1 dd:hover .pic 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:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#333;font-weight:400;}strong,b {font-weight:700}
a:hover,.fixtop .toper .search .en a:hover,.indpro li:hover .t,.indnews li:hover .title a,.nshow .mcurrent a:hover,.indche li:Hover .t span,.case dd:Hover .cons .t a,.tech1 dd:hover .title,.tech3 li:Hover .cons .t {color:#006497}
.abc {color:#35aa90;}/** #35aa90 linear-gradient(to right,#35aa90,#006497) **/

.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}.imgcover img {width:100%;height:100%;object-fit:cover;}
.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:0px 0 80px 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:#fee000; background: #35aa90 linear-gradient(to right,#35aa90,#006497)} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height: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:#006497;color:#ffffff;}
::-moz-selection {background:#006497;color:#ffffff;}
::-webkit-selection {background:#006497;color:#ffffff; }

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

.wrap0 {margin:0 4%;position:relative;}
.wrap {margin:0 8%;position:relative;}
.wrap2 {margin:0 auto;max-width:1465px;position:relative;}
.phonemenu { display:none;}
.fixtop {position:fixed;top:0;left:0; height:130px;width:100%;z-index:9998;}
.fixtop:before {content:'';position: absolute;left:0;top:0;width:100%;height:130px; z-index: 9997;background:#35aa90 linear-gradient(to right,#35aa90,#006497);opacity:0}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:25px; z-index:9999}
.fixtop .toper .logo i { display:inline-block; vertical-align:top; background:url(../images/logo4.png) no-repeat center; background-size:cover;width:100px; height:80px;}
.fixtop .toper .logo p { display:inline-block; vertical-align:top;color:#fff;margin:7px 0 0 10px;width:160px;font-size:12px; line-height: 23px; font-weight:300; letter-spacing:0.2px}
.fixtop .toper .logo p span {display:block;font-weight:400;font-size:20px; line-height:20px;padding:3px 0 1px 0; letter-spacing: 1.8px;}
.fixtop .toper ul.navpc { text-align:right; position:relative;top:28px;right:110px; z-index: 9998}
.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;color:#fff;}
.fixtop .toper ul.navpc li a span {display:inline-block;vertical-align: top;font-size:12px;margin:2px 0 0 5px}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{color:#35aa90}
.fixtop .toper ul.navpc li .list { position:absolute; z-index:9999;left:-20px;top:75px;width:105px; display:none;text-align:center;background:rgba(255,255,255,0.95);padding:13px 0;box-shadow:0 0 5px rgba(0,0,0,0.15)}
.fixtop .toper ul.navpc li .listpro {left:-12px}
.fixtop .toper ul.navpc li dl dd a,.fixtop .toper ul.navpc li.check dl dd a {color:#333;border:0;height:auto; line-height:35px;background:none;font-size:14px; display:block;padding:0}
.fixtop .toper ul.navpc li dl dd a:hover {color:#35aa90}
.fixtop .toper .search { position:absolute;right:0;top:51px; z-index: 9999}
.fixtop .toper .search .en i { background:url(../images/1.png) no-repeat center; background-size:100%;width:12px; height:16px; display:inline-block; vertical-align:top;margin:8px 40px 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.3); height:30px; line-height:30px; position:absolute;top:0;right:60px;width:230px; z-index:9999;padding:0 5px 0 25px;display:none}
.fixtop .toper .search form #k { display:inline-block; vertical-align:top;width:200px; height:30px; line-height:28px;font-size:14px;padding:0 10px;font-weight:300}
.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 {box-shadow:0 0 5px rgba(0,0,0,0.15);}
.fixtop1 .toper .logo i { background:url(../images/logo3.png) no-repeat center; background-size:100%;}
.fixtop1 .toper .logo p {color:#000}
.fixtop1 .toper ul.navpc li a {color:#000;}
.fixtop1 .toper .search .en i { background:url(../images/2.png) no-repeat center; background-size:100%;}
.fixtop1 .toper .search .en a {color:#000}

.fixtop.active { top:-130px}
.fixtop.active:before {opacity:0.9;top:75px}
.fixtop.active .toper .logo {top:137px}
.fixtop.active .toper .logo i {width:75px; height:60px;}
.fixtop.active .toper .logo p {margin-top:-3px;}
.fixtop.active .toper ul.navpc {top:130px}
.fixtop.active .toper .search {top:154px;}

.fixtop1.active .toper .logo i { background:url(../images/logo4.png) no-repeat center; background-size:100%;}
.fixtop1.active .toper .logo p {color:#fff}
.fixtop1.active .toper ul.navpc li a {color:#fff;}
.fixtop1.active .toper .search .en i { background:url(../images/1.png) no-repeat center; background-size:100%;}
.fixtop1.active .toper .search .en a {color:#fff}

.fixtop1.active .toper ul.navpc li dl dd a,.fixtop1.active .toper ul.navpc li.check dl dd a {color:#333;}
.fixtop1.active .toper ul.navpc li dl dd a:hover {color:#35aa90}
.fixtop1.active .toper ul.navpc li.check a,.fixtop1.active .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{color:#35aa90}

.indpics li,.bannerin {background:#fff;height: 100vh;background-position: center; background-size:cover; position: relative; background-repeat: no-repeat}
.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}

#myvideo_about {object-fit:cover; width:100%; height: 100%}
.videos_about{position: relative; text-align:center}
.video-btn_about{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn_about.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}

.banxh{position: absolute; z-index:1000; left: 50%;bottom:50px;margin-left: -25px;width: 50px;line-height: 50px;font-size: 40px;color: #fff;text-align: center;}
.banxh span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 53px;height:53px;display: block;border: 1px dashed #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.banxh .cirI01 {-webkit-animation: jing_max 2.4s linear 0s infinite normal both;animation: jing_max 2.4s linear 0s infinite normal both;}
.banxh .cirI02 {-webkit-animation: jing_max 2.4s linear 0.6s infinite normal both;animation: jing_max 2.4s linear 0.6s infinite normal both;}
.banxh .cirI03 {-webkit-animation: jing_max 2.4s linear 1.5s infinite normal both;animation: jing_max 2.4s linear 1.5s infinite normal both;}
@-webkit-keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}
@keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}

.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:700;font-size:80px; line-height:100px;margin:60px 0 80px 0; letter-spacing:5px}
.indpics .cons .c {font-size:35px;margin:0px 0 0 0;font-weight:300}
.indpics .cons .m {margin:30px 0 0 0}
.indpics .cons .m a { letter-spacing: 1px; display:inline-block; background:#35aa90 linear-gradient(to right,#35aa90,#006497); font-size:18px;height:50px; line-height:48px;padding:0 50px; text-align:center;border-radius:50px;margin:0 auto;color:#fff;font-weight:400}
.indpics .cons .m a:Hover {padding:0 60px; letter-spacing: 2px}

.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 .subject h2 {text-transform: uppercase;color:#999; letter-spacing:0.5px;font-size:20px; line-height:30px;margin:10px 0 0 0;font-weight:300}
.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%; background: #35aa90 linear-gradient(to bottom,#35aa90,#006497); padding:2px; text-align: center}
.indpro li a {display:block; position: relative; background: #fff}
.indpro li .t {font-size:20px; line-height:30px;font-weight:300;color:#333;padding:40px 0 0 0}
.indpro li .t2 {font-weight:700;font-size:25px; line-height:35px;margin:5px 0 0 0;padding-top:0;color:#000}
.indpro li .p { overflow:hidden;margin:40px 0 0 0}
.indpro li:Hover {border-color:#006497}

.indlab { background-position:center; background-repeat:no-repeat; height:630px; text-align:center;color:#fff;position: relative; z-index: 10}
.indlab:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 1; background: rgba(0,0,0,0.5)}
.indlab .wrap {z-index:100}
.indlab .t {font-size:80px; line-height:80px;font-weight:700;margin:0 0 40px 0; letter-spacing: 5px}
.indlab .c {font-size:18px;font-weight:400; letter-spacing: 1px}
.indlab a {color:#fff; display: inline-block}
.indsubject {color:#000;font-size:44px; line-height:44px;margin:115px 0 90px;font-weight:700; text-align: center}
.indsubject h2 {text-transform: uppercase;color:#999; letter-spacing:0.5px;font-size:20px; line-height:30px;margin:10px 0 0 0;font-weight:300}
.indche ul {width:102%;margin:-2% 0 0 -1%}
.indche li { display:inline-block; vertical-align:top;width:23%;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(0,0,0,0.3); z-index: 200}
.indche li .pic {position:relative; overflow:hidden;padding:33.3% 0}
.indche li .t {text-align:center;margin:20px 0 10px 0;font-size:20px;font-weight:700;}
.indche li .t span {color:#999;font-size:16px; line-height:24px; font-weight:400;display:block}
.indchecons {font-size:18px;margin:0px auto 70px auto; position: relative;text-align: center;max-width:1000px; line-height: 2}
.indchecons:before {content:''; position: absolute;width:60px; height: 2px; background: #35aa90 linear-gradient(to bottom,#35aa90,#006497);margin-left:-30px;left:50%;top:-37px;}
.indche li:hover .pic:before {opacity:0}

.indnews ul {width:104%;margin:-2% 0 0 -1%; text-align: center}
.indnews li { display:inline-block; vertical-align:top;width:23%;margin:2% 1% 0 1%; text-align: left;}
.indnews li .pic { position:relative; overflow:hidden;padding:33.15% 0}
.indnews li .title { height:25px; line-height:25px; overflow:hidden;margin:30px 0 20px 0}
.indnews li .title a {color:#006497;font-weight:400;font-size:22px}
.indnews li .content {color:#666;font-size:16px; line-height:30px; height:60px; overflow:hidden;margin:15px 0 40px 0;}
.indnews li .more a { display:block; width:120px; height:40px; line-height:38px; background:#35aa90 linear-gradient(to right,#35aa90,#006497);color:#fff; text-align:center;font-size:14px;font-weight:400}
.indnews li:hover .more a {width:140px}

.bannerin { text-align:center;color:#fff; background-repeat:no-repeat; background-position: center; background-size:cover;}
.bannerin .cons {margin:100px 0 0 0}
.bannerin .t2 {font-size:29px; line-height:39px; text-transform: uppercase; letter-spacing:0.5px}
.bannerin .t {font-size:86px; line-height:96px;font-weight:700;margin:15px 0 30px 0; letter-spacing: 5px}
.bannerin .c {font-size:18px;margin:0 0 60px; letter-spacing: 1px}
.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:100px 0 75px 0;color:#000;font-weight:700}
.aboutsubject h2 {text-transform: uppercase;color:#999; letter-spacing:0.3px;font-size:20px; line-height:30px;margin:12px 0 0 0;font-weight:300}
.namemj { position:absolute;top:-75px}
.about { position:relative;}
.about .wrap {background:#f1f1f1}
.about .cons {width:50%;display:inline-block; vertical-align: middle;padding:20px 5% 25px 4%}
.about .cons .t {font-size:46px; line-height:56px;margin:0 0 40px 0;font-weight:400}
.about .cons .c { line-height:2;font-size:16px;font-weight:400;}
.about .pics {display:inline-block; vertical-align:middle;width:50%}
.about .pics .slide img {width:100%}

.about .bx-wrapper .bx-pager {bottom:30px;}
#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:#006497 url('../images/left.png') no-repeat center;border-color:#006497;background-size:30%;}
.namemj1 { height:0; position:absolute;left:0;top:-200px}
.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:#f1f1f1;}
.navbar-nav li { display:inline-block; vertical-align:top;width:25%; text-align:center; height:70px; line-height: 70px; overflow:hidden; position: relative}
.navbar-nav li a { display:block; height:100%;font-size:20px;font-weight:400; text-align: center;color:#2c2c2c; position:relative;padding:0 8px; z-index: 10}
.navbar-nav li a:before {content:''; position:absolute;left:0;top:0; background:#fff;width:2px; height:100%; z-index:10}
.navbar-nav li a:after {content:''; position: absolute;left:0;top:0; z-index: -1;width:0;height:100%; background:#35aa90 linear-gradient(to right,#35aa90,#006497);opacity:0}
.navbar-nav li a:Hover:after {width:100%}
.navbar-nav li:first-child a:before { display:none;}
.navbar-nav li.active,.navbar-nav li:hover {color:#fff}
.navbar-nav li.active a:after,.navbar-nav li:hover a:after {opacity:1;width:100%}
.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 a:after { background:#35aa90 linear-gradient(to left,#35aa90,#006497);opacity:1;width:100%}
.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 { color:#fff}
.mainabout2.active2 .navbar-nav li:first-child:hover a:after,.mainabout2.active2 .navbar-nav li.active:first-child a:after {  background:#35aa90 linear-gradient(to left,#35aa90,#006497);opacity:1;width:100%}
.mainabout2.active2 .navbar-nav li:first-child a:hover,.mainabout2.active2 .navbar-nav li.active:first-child a {color:#fff;}
.mainabout2.active2 .navbar-nav li:first-child a:after {background:none;opacity:0;color:#333;width:0}

.navbar2 .navbar-nav li {width:50%}
.navbar3 .navbar-nav li {width:33.333%}
.navbar4 .navbar-nav li {width:25%}
.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:#006497;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:0px;margin-bottom:-80px}
.product li {border-top:1px solid #ccc;padding:120px 0}
.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:55%;margin:0 0 0 12%}
.product li .mright .title {color:#000;font-size:39px; line-height:59px;font-weight:700;}
.product li .mright .gs_content {font-size:20px; line-height: 2.5; margin:40px 0 0 0;}
.product li .mright .link { vertical-align:top;cursor:pointer; height:45px; line-height:43px; background: #35aa90 linear-gradient(to right,#35aa90,#006497);border-radius:45px; display:inline-block;padding:0 35px;font-size:18px;font-weight:400;margin:80px 0 0 0;color:#fff}
.product li .mright .link i { display:inline-block; vertical-align:top;margin:2px 0 0 10px;font-weight:700;color:#fff}
.product li .mright .link:Hover,.product li .mright .link.active {}
.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:1340px;margin:0 auto}
table {border-collapse: separate;border-spacing: 0 0}
.product .submenu .c1 {font-size:19px;margin:120px 0 0 0}
.product .submenu .c1 .t {color:#006497;font-weight:700;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 .c3 {margin:60px 0 0 0;font-size:20px; line-height: 2}
.product .submenu .c3 strong {color:#000}

.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:#006497;border-color:#006497}
.investor li .mright .link2:hover a i {color:#fff}
.servicesubject { text-align:center;color:#212121;padding:120px 0 80px 0}
.servicesubject .t {font-size:39px; line-height:39px;margin:0 0 35px 0;font-weight:700}
.servicesubject .c {font-size:20px; line-height: 2;color:#666}
.servicell ul {width:102%;margin:-2% 0 0 -1%}
.servicell li {border-radius:20px;padding:1px;  background: #35aa90 linear-gradient(to bottom,#35aa90,#006497); text-align:center;margin:2% 1% 0 1%;width:23%;color:#006497; position:relative;top:0; display:inline-block; vertical-align:top;font-weight:400}
.servicell li .in { background:#fff;padding:60px 2% 30px 2%;border-radius:20px}
.servicell li:hover {top:-10px}
.servicell li .icon {margin:0 auto;width:90px;}
.servicell li .num {margin:60px 0 40px 0}
.servicell li .num h1 { display:inline-block; vertical-align:bottom;font-size:80px; line-height:80px;font-weight:700;color:#006497;}
.servicell li .num h2 { display:inline-block; vertical-align:bottom;font-size:21px; line-height:21px;color:#006497;font-weight:400;margin:0 0 5px 5px}
.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 {margin:90px 0 -80px 0}
.news .page_wrap {margin-top:80px}
.nshow {margin:210px 0 120px 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:#000; line-height:58px; text-align:center;margin:100px auto 60px auto;font-weight:700;max-width:1050px}
.nshow .gs {max-width:980px; background: #f1f1f1;margin:0 auto 40px auto;padding:40px; line-height: 2;font-size:16px}
.nshow .content {font-size:18px;max-width:1050px;margin:0 auto;color:#333; line-height:2}
.nshow .content img {margin:10px auto}
.nshow .content strong {color:#000}
.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;margin:13px 0 0 0}
.contact .mleft .p img {width:100%}
.contact ul {display:inline-block; vertical-align:top;width:60%;margin:-17px 0 0 10%}
.contact li { position:relative;color:#000;border-bottom:1px solid #ccc;padding:23px 0 25px 0}
.contact li .t {font-weight:700;font-size:20px; line-height:30px; position:absolute;top:23px}
.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:700}
.job li { position:relative;border:1px solid #ccc;border-top:0;}
.job li .t { display:inline-block; vertical-align:top;padding:10px 30px; text-align:center}
.job li .t1 { text-align:left;width:32%}
.job li .t2 {width:28%}
.job li .t3 {width:28%}
.job li .t4 {width:0%}
.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 { color:#fff}
.accordionservice li .link:before {content:'';background: #35aa90 linear-gradient(to right,#35aa90,#006497); position: absolute;left:0;top:0;width:100%;height:100%; z-index: -1;opacity:0}
.accordionservice li.open .link:before {opacity:1}
.accordionservice .submenu {display:none;padding:30px;border-top:1px solid #f5f5f5}
.accordionservice .submenu strong {color:#006497}

.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;}

.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 #006497;
    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:#006497;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:60%}
.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;color:#666}

.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:102%;margin:-2% 0 0 -1%;padding:0 0 0 0}
.culture dd {float:left;width:31.3333%;margin:2% 1% 0 1%; position: relative; overflow: hidden;padding:15% 0}
.culture dd:before {content:'';background: #35aa90 linear-gradient(to right,#35aa90,#006497); position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10;opacity:0.85}
.culture dd .cons { position:absolute;left:0;top:0;width:100%;height:100%;padding:25% 15% 0 15%; z-index: 120;}
.culture dd .cons .t { color:#fff; font-weight:700;font-size:35px; line-height:45px;margin:0 0 30px 0; letter-spacing: 1px}
.culture dd .cons .c {color:#fff;font-size:20px;font-weight:300}
.culture dd:hover:before {opacity:0;}

.partner {background:#f1f1f1;margin:120px 0 -120px 0;padding:0 0 150px 0}
.partner ul {width:102%;margin:-2% 0 0 -1%}
.partner li {float:left;width:23%;margin:2% 1% 0 1%;height:250px;position: relative; background:#fff; text-align: center;box-shadow:0 0 10px rgba(0,0,0,0.05)}
.partner li img {max-height:175px}
.partner li:hover {box-shadow:0 0 20px rgba(0,0,0,0.3)}

.network {margin:120px 0 0 0}
.network .subject1 {color:#000;float:left;}
.network .subject1 .t {font-size:40px; line-height: 50px;font-weight:700;margin:30px 0 5px 0}
.network .subject1 .c {font-size:20px; line-height:30px;color:#999}
.network .subject2 {text-align:right;float:right;}
.network .subject2 .in {display:inline-block;margin:0 auto; text-align: center}
.network .subject2 .t {font-size:40px; line-height: 50px;font-weight:700;margin:0 0 5px 0;color:#006497}
.network .subject2 .c {font-size:35px; line-height:1.3;font-weight:400; text-align: center;color:#ccc}

.network .bg {background:url("../images/map2.png") no-repeat center;height:588px; position: relative;margin:80px auto 160px auto}
.dotcenter { position:relative;width:1187px;margin:0 auto}
.network .uleft {width:350px; position: absolute;left:0;top:0;z-index: 200}
.network .uright {width:350px; position: absolute;right:0;top:0; z-index: 200}
.network li { background: #35aa90 linear-gradient(to right,#35aa90,#006497);color:#fff;padding:12px 15px 14px 20px;margin:0 0 10px 0;line-height:1.8;}
.network li.li354,.network li.li355,.network li.li356 {height:auto}
.network li .cons h3 {color:#fff;font-size:18px;margin:10px 0 0 0}
.network li .title {font-weight:700;font-size:18px; line-height:26px}
.network li .cons {font-size:12px; line-height: 1.6}
.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 {left:180px;top:220px}
.network i.i355 {left:560px;top:195px}
.network i.i354 {left:1013px;top:235px}
.network i.i353 {left:920px;top:292px}
.network i.i352 {left:930px;top:288px}
.network i.i351 {left:915px;top:268px}
.network i.i350 {left:920px;top:228px}
.network i.i468 {left:925px;top:268px}
.network i.i469 {left:910px;top:288px}
.network i.i470 {left:945px;top:238px}
.network i.i475 {left:900px;top:295px}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -5px); }100% {transform: translate(0px, 0px);}}

.prosubject {text-align:center}
.prosubject .t {color:#000;font-weight:700;font-size:50px; line-height:70px; position: relative;margin:0 0 95px 0}
.prosubject .t:before {content:''; position: absolute;left:50%;bottom:-50px;width:100px;margin-left:-50px; height: 5px; background: #35aa90 linear-gradient(to right,#35aa90,#006497)}
.prosubject .c {color:#999;font-size:20px; line-height: 35px; text-transform: uppercase; }

.energystorage {padding:120px 0 30px 0}
.energystorage dl {width:104%;margin:-4% 0 0 -2%;padding:100px 0 0 0}
.energystorage dd {float:left;width:29.3333%;margin:4% 2% 0 2%; text-align: center; background: #f1f1f1;padding:120px 0;}
.energystorage dd:hover {box-shadow:0 0 15px rgba(0,0,0,0.3)}
.energystorage dd .pic img {height:120px;margin:0 auto}
.energystorage dd .title {font-weight:700;margin:40px 0 0px 0;font-size:30px; letter-spacing: 1px;}
.energystorage dd:hover .title {color:#006497}

.energystorage .indsubject,.application .indsubject {margin:0}
.energystorage .indsubject h2,.application .indsubject h2 { letter-spacing:0.3px;margin:15px 0 0 0;font-size:17px}

.application {padding:120px 0 30px 0}
.application dl {width:101%;margin:-1% 0 0 -0.5%;padding:80px 0 120px 0}
.application dd {float:left;width:24%;margin:1% 0.5% 0 0.5%; text-align: center; background: #f1f1f1;padding:4% 0;}
.application dd:hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}
.application dd .pic img {height:100px;margin:0 auto}
.application dd .title {font-weight:700;margin:30px 0 0px 0;font-size:25px; letter-spacing:0.5px;}
.application dd:hover .title {color:#006497}

.applicationstore dl {width:101%;margin:-1% 0 0 -0.5%;padding:50px 0 30px 0}
.applicationstore dd {float:left;width:24%;margin:1% 0.5% 0 0.5%; text-align: center}
.applicationstore dd .pic { position:relative; overflow: hidden;padding:33.4% 0}
.applicationstore dd .pic:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background:#35aa90 linear-gradient(to right,#35aa90,#006497); z-index: 100;opacity:0}
.applicationstore dd .title {height:70px; line-height: 68px; overflow: hidden; background:#35aa90 linear-gradient(to right,#35aa90,#006497);color:#fff;font-size:25px; letter-spacing:1px;margin:4.3% 0 0 0}

.case dd { position: relative;min-height:300px;margin:100px 0 0 0; background: #f1f1f1;padding:60px 100px 60px 60px}
.case dd:nth-child(1) {margin:0}
.case dd .pic { position:absolute; left:60px;top:60px;width:460px;height:300px;overflow: hidden;}
.case dd .cons {margin:0 0 0 560px}
.case dd .cons .t {height:35px; line-height: 35px; overflow:hidden;}
.case dd .cons .t a {font-weight:700;font-size:25px;color:#000}
.case dd .cons .t2 {color:#999;font-size:18px;line-height: 25px; overflow: hidden;margin:10px 0 25px 0;border-bottom:1px solid #ccc;padding:0 0 25px 0}
.case dd .cons .gs {font-size:16px;color:#333; line-height: 30px; height:90px; overflow: hidden;margin:0 0 50px 0}
.more1 a { background: #35aa90 linear-gradient(to right,#35aa90,#006497);height:40px; line-height: 38px;color:#fff;border-radius:40px;width:150px; text-align: center; display: block; letter-spacing: 1px}
.case dd:hover a {width:180px}

.tech1 dl {width:102%;margin:-2% 0 0 -1%}
.tech1 dd {float:left;width:31.3333%;margin:2% 1% 0 1%; background:#35aa90 linear-gradient(to bottom,#35aa90,#006497); text-align: center;padding:1px;border-radius:15px}
.tech1 dd .in {background: #fff;border-radius:15px;padding:80px 8% 0 8%}
.tech1 dd .pic { text-align:center}
.tech1 dd .pic img {height:100px;}
.tech1 dd .title { text-align:center;font-size:30px; line-height: 40px;font-weight:700;margin:40px 0 25px 0}
.tech1 dd .cons {min-height:220px}
.tech1 dd .content {font-size:18px;color:#666; line-height:33px; text-align: center}
.indsubject2 {color:#000;font-size:40px; line-height:60px;margin:120px 0 80px 0;font-weight:700; text-align: center}
.indsubject2 i { background: #35aa90 linear-gradient(to right,#35aa90,#006497);width:100px;height:5px; display:block;margin:30px auto 0 auto}
.indsubject2 .gs {color:#999;font-size:18px; line-height: 28px; font-weight:400;margin:30px 0 0 0}
.techbg {background:#f1f1f1;padding:1px 0 120px 0;margin:120px 0}

.tech3 ul {width:104%;margin:-80px 0 0 -2%}
.tech3 li {float:left;width:46%;margin:80px 2% 0 2%; position: relative;}
.tech3 li .pic {float:left; width:40%;background: #35aa90 linear-gradient(to right,#35aa90,#006497);padding:1px}
.tech3 li .pic .in { background:#fff;padding:30px}
.tech3 li .pic .in2 { position: relative;padding:29% 0; overflow: hidden}
.tech3 li .cons {float:right;width:55%}
.tech3 li .cons .t {font-weight:700;font-size:25px; line-height: 35px;margin:-5px 0 20px 0}
.tech3 li .cons .c {font-size:16px;color:#666; line-height: 2}

.tech4 {background:#f1f1f1;padding:1px 0 120px 0;margin:120px 0 0 0}
.tech4 .mleft {display:inline-block; vertical-align: middle;width:45%;font-size:25px;color:#000; line-height: 2;font-weight:300}
.tech4 .mright {display:inline-block; vertical-align: middle;width:55%;margin:0 0 0 0%;border:1px solid #ccc;padding:50px 0; background: #fff; text-align: center}

.tech5 dd .cons {display:inline-block;margin:0 auto;min-height:400px}
.tech5 dd .cons .content {text-align:left}

.tech6 {background:#f1f1f1;padding:1px 0 120px 0;margin:120px 0 0 0;}
.tech6 .mleft {display:inline-block; vertical-align:middle;width:40%}
.tech6 .mleft dl {margin-top:-40px;max-width:450px}
.tech6 .mleft dd { background: #35aa90 linear-gradient(to right,#35aa90,#006497);color:#fff;padding:20px 30px;margin:40px 0 0 0;border-radius:10px; position: relative;left:0}
.tech6 .mleft dd .title {border-bottom:1px solid #fff;padding:0 0 15px 0;font-weight:700;font-size:30px; line-height:40px;margin:0 0 15px 0}
.tech6 .mleft dd .content {font-size:20px;}
.tech6 .mright {display:inline-block; vertical-align:middle;width:60%;border:1px solid #ccc; text-align: center;padding:50px; background: #fff}
.tech6 .mleft dd:hover {left:20px}

.tech7 .indsubject2 .gs {font-size:30px; line-height: 40px; letter-spacing: 1px;font-weight:300}
.tech7 .mleft {display:inline-block; vertical-align:middle;width:35%}
.tech7 .mleft dl {margin-top:-60px;max-width:350px}
.tech7 .mleft dd { margin:60px 0 0 0}
.tech7 .mleft dd .pic {border-bottom:1px solid #ccc;padding:0 0 20px 0;margin:0 0 20px 0}
.tech7 .mleft dd .pic img {height:50px}
.tech7 .mleft dd .content {font-size:20px;}
.tech7 .mright {display:inline-block; vertical-align:middle;width:60%;margin:0 0 0 5%;text-align:right; background: #fff}

.tech8 { background:#f1f1f1;padding:1px 0 120px 0;margin:120px 0 -120px 0}
.tech8 dl {width:102%;margin:-2% 0 0 -1%}
.tech8 dd {float:left;width:23%;margin:2% 1% 0 1%; background: #fff;border-radius:15px;box-shadow:2px 2px 10px rgba(0,0,0,0.1); text-align: center}
.tech8 dd .title {font-size:30px; height:70px; line-height: 68px;font-weight:700; letter-spacing: 1px; background: #35aa90 linear-gradient(to right,#35aa90,#006497);color:#fff;padding:0 10px;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px;}
.tech8 dd .title2 {height:80px; line-height:70px; overflow:hidden;padding:0 10px; overflow: hidden;font-size:20px;color:#006497}
.tech8 dd .pic {padding:0 30px 30px 30px}
.tech8 dd .pic .in {padding:66% 0; overflow: hidden;position: relative;}
.tech8 dd:hover {box-shadow:2px 2px 10px rgba(0,0,0,0.3); }

.capability_art .cons { position:relative}
.capability_art .cons .pic { text-align:center}
.capability_art .cons li { position:absolute;left:0;top:0; z-index: 1; background: #f1f1f1;padding:20px 30px;width:260px;font-size:20px; line-height: 2;}
.capability_art .cons li:hover {color:#fff}
.capability_art .cons li:before {content:''; position: absolute;left:0;top:0;width:0;height:100%; z-index: 2; background: #35aa90 linear-gradient(to right,#35aa90,#006497);opacity:0}
.capability_art .cons li:hover:before {width:100%;opacity:1}
.capability_art .cons li .c { position:relative; z-index: 10}
.capability_art .cons li.li2 {right:0;left:auto;padding-top:25px;padding-bottom:28px}
.capability_art .cons li.li3 {top:250px}
.capability_art .cons li.li4 {top:183px;right:0;left:auto;padding-top:25px;padding-bottom:28px}
.capability_art .cons li.li5 {top:540px}
.capability_art .cons li.li6 {top:487px;right:0;left:auto;padding-top:25px;padding-bottom:28px}

.capability_pack {margin:170px 0 0 0;}
.capability_pack .list { position:relative}
.capability_pack .list_capability {margin:40px 0 0 0}
.capability_pack .list .subject { position:absolute;left:0;top:0;width:60px;height:100%; background: #35aa90 linear-gradient(to bottom,#35aa90,#006497); text-align: center}
.capability_pack .list .subject p {color:#fff;font-size:30px;font-weight:700;width:30px;margin:0 auto; line-height:45px}
.capability_pack .list .cons {margin:0 0 0 60px;background:#f1f1f1;min-height:250px}
.capability_pack .list_gong ul {padding-top:102px}
.capability_pack .list_gong li {float:left;width:14.2857%; text-align: center;font-weight:700;font-size:30px; line-height: 40px; position: relative}
.capability_pack .list_gong li:before {font-family: "iconfont" !important;content: "\e62d"; position: absolute;left:-20px;top:1px;color:#35aa90;font-size:40px; line-height: 40px}
.capability_pack .list_gong li:nth-child(1):before {display:none;}
.capability_pack .list_gong li:nth-child(3):before {left:-35px}
.capability_pack .list_gong li:nth-child(4):before,.capability_pack .list_gong li:nth-child(6):before  {left:-5px}
.capability_pack .list_gong li:nth-child(5):before {left:-40px}

.capability_pack .list_capability .cons { background:#fff;min-height:0;padding:0 0 0 1%}
.capability_pack .list_capability dl {width:101%;margin:0 0 0 -0.5%}
.capability_pack .list_capability dd {float:left;width:11.5%;margin:0 0.5%;}
.capability_pack .list_capability dd .pic { position:relative;padding:27.5% 0; overflow: hidden}
.capability_pack .list_capability dd .title {font-weight:700;font-size:18px; line-height:48px;  height:50px; overflow: hidden; text-align: center; background: #f1f1f1; position: relative}
.capability_pack .list_capability dd .content {padding:20px 15px 0 20px;font-size:15px;color:#666;line-height:25px;min-height:200px; background: #f1f1f1;margin:7% 0 0 0; position: relative}
.capability_pack .list_capability dd .font { position:relative; z-index: 10}
.capability_pack .list_capability dd .title:before,.capability_pack .list_capability dd .content:before {content:''; background: #35aa90 linear-gradient(to right,#35aa90,#006497);position: absolute; z-index: 1;left:0;top:0;width:0;height:100%;opacity:0}
.capability_pack .list_capability dd:hover .title:before,.capability_pack .list_capability dd:hover .content:before {width:100%;opacity:1}
.capability_pack .list_capability dd:hover .font {color:#fff}

.capability_zong ul {width:102%;margin:-2% 0 0 -1%}
.capability_zong li {float:left;width:23%;margin:2% 1% 0 1%;box-shadow:0px 0px 10px rgba(0,0,0,0.2); position: relative}
.capability_zong li .pic { position:relative; overflow: hidden;padding:38.8% 0}
.capability_zong li .text {padding:30px 25px 30px 30px; position: relative; z-index: 10}
.capability_zong li:before {content:'';position: absolute;left:0;top:0;width:0%;height:100%; background: #35aa90 linear-gradient(to right,#35aa90,#006497) ; z-index: 1;opacity:0}
.capability_zong li:hover:before {width:100%;opacity:1}
.capability_zong li .text .title {font-size:25px; line-height: 35px; height: 35px;  overflow: hidden;font-weight:700;margin:0 0 25px 0}
.capability_zong li .text .content {font-size:17px; line-height: 2;color:#666;min-height:180px}
.capability_zong li:hover .text .title,.capability_zong li:hover .text .content {color:#fff}

.tech9 {padding:120px 0}
.tech9 .mleft dl {max-width:480px;margin-top:-40px}
.tech9 .mleft dd {margin:40px 0 0 0}
.tech9 .mleft dd .title {color:#fff; background:#35aa90 linear-gradient(to right,#35aa90,#006497);height:60px;  letter-spacing: 1px; line-height:58px;padding:0 25px;font-size:25px;}
.tech9 .mleft dd .content {padding:30px 0 0 25px}

.tech10 { background:#f1f1f1;margin:0 0 -120px 0;padding:1px 0 120px 0}
.tech10 dd {width:23%;}
.tech10 dd .cons {min-height:260px}

.honor {padding:1px 0 30px 0}
.honor .indsubject2 {margin-bottom:80px}
.honor .item .pic { position:relative;padding:67.5% 0; overflow: hidden;border:1px solid #efefef;}
.honor .item .title {line-height:24px; height:24px; overflow: hidden;text-align: center;margin:20px 0 0 0;}









.footbg { background:#35aa90 linear-gradient(to right,#35aa90,#006497); position: relative}
.footbg:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background:url("../images/fbg.jpg") no-repeat center top; z-index: 100; background-size:cover;opacity:0.04}
.foot {margin:120px 0 0 0;padding:95px 0 80px 0;color:#ddd;font-size:16px; position: relative; z-index: 100}
.foot a {font-size:16px;color:#ddd;}
.foot a:hover {color:#fff}
.foot ul {float:left; position:relative; z-index:10}
.foot ul:before {content:''; position:absolute;top:-30px;left:0;width:60px; height:3px; background:#006497}
.foot ul.menu {width:30%}
.foot ul.menu li { display:inline-block; vertical-align:top; position:relative;padding:0 0 0 15px;width:50%;margin:0 0 10px 0}
.foot ul.menu li:before {content:''; background:#ddd;width:5px; height:5px; position:absolute;left:0;top:13px; background-size:cover;border-radius:50%;opacity:0.5}
.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;max-width:450px}
.foot .cons {float:right; position:relative;margin:10px 0 0 0}
.foot .cons .logo { background:url(../images/logo2.png) no-repeat center; background-size:cover;width:156px; height:125px;margin:0 180px 0 0}
.foot .cons .t { text-align:right;color:#fff;font-size:16px; letter-spacing: 1px; margin:25px 0 10px 0; position: absolute;right:0;top:-67px;width:125px}
.foot .cons .p {width:125px; position: absolute;right:0px;top:0px}
.footer {padding:20px 0px 20px 0;border-top:1px solid rgba(255,255,255,0.15);font-size:14px;color:#ddd;position: relative; z-index: 100}
.footer .cons {padding:0 300px 0 0}
.footer a {color:#ddd;font-size:14px;}
.footer a:Hover,.foot a:hover {color:#fff}
.footer .textright { position:absolute;right:0px;top:0}
.footer .textright a {margin:0 0 0 15px}
.fixright { position:fixed; z-index:2000;right:-1px;top:50%;margin-top:-45px}
.fixright li {width:50px; height:50px; line-height:50px;margin:1px;text-align:center; position:relative; cursor:pointer}
.fixright li:before {content:'';background:#35aa90 linear-gradient(to right,#35aa90,#006497); position: absolute;left:0;top:0;width:100%;height:100%; z-index: -1;border-top-left-radius:5px; border-bottom-left-radius:5px; }
.fixright li a { display:block}
.fixright li i  {color:#fff; text-align:center;margin:0 auto}
.fixright li.totop i {font-size:25px;font-weight:500}
.fixright li.tel {  text-align:left;}
.fixright li.tel p { position:absolute;left:0;top:0; height:50px; line-height:48px;width:50px;background:#35aa90 linear-gradient(to right,#35aa90,#006497);color:#fff;border-radius:5px; overflow: hidden}
.fixright li.tel p span { position:absolute;left:50px;top:0;width:180px}
.fixright li.tel:hover p {width:180px;}
.fixright li.tel p i {width:50px; display:inline-block; vertical-align:top;font-size:28px;margin:0 2px 0 0}
.fixright li.tel:hover p {left:-130px;width:180px;}
.fixright li.email p span,.fixright li.email:hover p,.fixright li.email:hover p {width:220px}
.fixright li.email:hover p {left:-170px;}
.fixright li.wx span {color:#fff;font-size:25px}
.fixright li.wx p { position:absolute;bottom:0px;right:52px;width:98px;border:1px solid #ccc; display:none;}