@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500&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,.fixtop .toper ul.navpc li:before,.indabout .mright img,.indpro li .pic p,.inddevice .slide a p,.indnews .mleft .pic a p,.indnews .mright .more a i,.foot .down dl:nth-child(4) dd.facebook,.about .c td img,.download .cons .e,.news li,.news li .cons .c,.news li .addtime,.news li .pic p,.fixtop .toper .mright .lan i
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indabout .mright img:hover,.indpro li:Hover .pic p,.inddevice .slide a:Hover p,.indnews .mleft .pic a:Hover p,.about .c td img:hover,.news li:hover .pic p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.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); }
.indnews .mright li .cons,.about .c td,.qyln li,.news li,.message .list p input[type="text"],.message .list p textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indpartner li:Hover img,.qyln li:hover .p 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:14px;color:#333;font-weight:300;}strong {font-weight:500;}
a:hover,.indpro li:Hover .title p a,.indnews .mright li:hover .cons .title a{color:#57be6a}
.abc {color:#e60012}
.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:60px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d7d7d7;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#57be6a;border:1px solid #57be6a;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #57be6a;} 
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;} 

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

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

::selection {background:#57be6a;color:#ffffff;}
::-moz-selection {background:#57be6a;color:#ffffff;}
::-webkit-selection {background:#57be6a;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:1200px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0; height:80px;width:100%;z-index:9998; background:url(../images/2.png)}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:25px;background:url(../images/logo.png) no-repeat center; background-size:cover;width:134px; height:29px; z-index:99}
.fixtop .toper ul.navpc { text-align:center; position:relative;top:0;}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;margin:0 23px;}
.fixtop .toper ul.navpc li a {display:block;position:relative;font-size:16px;font-weight:400;color:#fff; height:80px; line-height:80px;opacity:0.7}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover{color:#fff;opacity:1}
.fixtop .toper ul.navpc li:before {content:''; position:absolute;left:50%;top:57px;width:30px;margin-left:-15px; height:2px; background:#57be6a;opacity:0}
.fixtop .toper ul.navpc li:hover:before,.fixtop .toper ul.navpc li.check:before {opacity:1}

.fixtop .toper .mright { position:absolute;right:0;top:25px}
.fixtop .toper .mright .lan { display:inline-block; vertical-align:top;color:#fff; cursor:pointer;font-size:16px; position:relative;}
.fixtop .toper .mright .lan i { display:inline-block; vertical-align:top;margin:4px 0 0 5px;font-size:14px;}
.fixtop .toper .mright .lan:Hover i {transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.fixtop .toper .mright .lan .list {position:absolute;right:0;top:25px;width:120px;padding:40px 0 0 0; display:none;}
.fixtop .toper .mright .lan .list .in { background:url(../images/2.png);border-radius:5px;padding:10px 10px 15px 15px;}
.fixtop .toper .mright .lan .list .in p {margin:5px 0}
.fixtop .toper .mright .lan .list .in p a {color:#fff;font-size:16px;opacity:0.6}
.fixtop .toper .mright .lan .list .in p a:Hover,.fixtop .toper .mright .lan .list .in p.check a {opacity:1}

.fixtop .toper .mright span { background:url(../images/1.png) no-repeat center;width:20px; height:20px; display:inline-block; vertical-align:top;margin:4px 25px 0 0; cursor:pointer}
.fixtop .toper .search { position:absolute;right:0;top:28px; background:#fff; height:25px; line-height:25px;width:200px; display:none; z-index:999999}
.fixtop .toper .search i {display:inline-block; vertical-align:top;width:30px; text-align:center; cursor:pointer}
.fixtop .toper .search #k {display:inline-block; vertical-align:top;width:135px; height:25px; line-height:25px;font-size:14px;font-weight:300}
.fixtop .toper .search #btn { display:inline-block; vertical-align:top;width:35px; height:24px;cursor:pointer; background:url(../images/3.png) no-repeat center;opacity:0.8}
.tblank { display:none;}

.indexa { display:none;}
.indexbody { overflow:hidden}
.index { position:absolute;left:0;top:0;width:100%; height:100%; text-align:center;}
.videos{position: relative; text-align:center;max-width:640px;margin:0 auto; z-index:9999;}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url() no-repeat center; background-size:cover;width:500px; height:180px;margin:-90px 0 0 -250px}
.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}
.indexbottom { position:absolute;left:0;bottom:0;width:100%; text-align:center; z-index:9999}
.indexbottom .t {font-size:22px; line-height:32px;font-weight:400;color:#333}
.indexbottom .c {margin:0px 0 50px 0;font-size:13px;color:#333}

.indpics .bxslider li a { display:block; height:720px; background-position:center; background-repeat:no-repeat;}

.indabout {padding:60px 0 0 0}
.indabout .mleft .c3 { background:url(../images/logo3.png) no-repeat center;width:270px; height:59px; background-size:cover;margin:0 auto 15px auto}
.indabout .mleft .c1 {font-size:30px; line-height:30px;font-weight:400;margin:0 0 15px 0}
.indabout .mleft .c4 { background:url(../images/4.png) no-repeat center;width:28px; height:16px; background-size:100%;margin:35px 0 0 0}
.indabout .mleft .c5 {font-size:30px; line-height:30px;font-weight:400;margin:20px 0 15px 0}

.indaboutpic {margin:40px 0 0 0; text-align:center}

.indpro { background:url(../images/5.png) center;}
.indsubject { text-align:center;padding:90px 0 70px 0}
.indsubject .t {font-size:36px; line-height:36px;font-weight:400;}
.indsubject .c {font-size:18px; line-height:18px; text-transform:uppercase;margin:15px 0 0 0; letter-spacing:1px}
.indpro .indsubject {color:#fff}
.indpro ul {width:103%;margin:-3% 0 0 -1.5%}
.indpro li { display:inline-block; vertical-align:top;width:30.3333%;margin:3% 1.5% 0 1.5%}
.indpro li .pic { position:relative; overflow:hidden}
.indpro li .title { position:relative; height:70px; line-height:70px; overflow:hidden;border-top:2px solid #f2f2f2; background:#fff;padding:0 20px}
.indpro li .title p {margin:0 100px 0 0 }
.indpro li .title p a {font-size:18px;font-weight:400}
.indpro li .title span { position:absolute;right:20px;top:0}
.indpro li .title span a { background:#57be6a; height:25px; line-height:23px; display:inline-block;padding:0 10px;border-radius:25px;color:#fff;font-size:12px;}
.indpro li .title span a:hover,.indpro .more a:hover { background:#e60012;}
.indpro .more { text-align:center;padding:85px 0}
.indpro .more a { display:block;width:240px; height:42px; line-height:40px; text-align:center;color:#fff;font-size:18px;border-radius:3px; background:#57be6a;margin:0 auto}

.inddevice .slide a { position:relative; overflow:hidden; display:block}
#slider2 .bx-wrapper .bx-pager {bottom:-60px;}
#slider2 .bx-wrapper .bx-pager.bx-default-pager a {background:#b1b1b1;opacity:1; }
/* #slider2 .bx-wrapper .bx-pager.bx-default-pager a:focus 
#slider2 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
#slider2 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#57be6a;}
.indpartner { background:url(../images/1.jpg) no-repeat center; background-size:cover;padding:0 0 100px 0;margin:150px 0 0 0}
.indpartner ul {width:102%;margin:-2% 0 0 -1%}
.indpartner li { display:inline-block; vertical-align:top;width:23%;margin:2% 1% 0 1%; text-align:center; background:#fff;border-radius:10px; height:115px;}
.indpartner li img {max-width:220px; max-height:80px;margin:0 auto}

.indnews .mleft {float:left;width:50%}
.indnews .mleft .pic { position:relative; overflow:hidden;}
.indnews .mleft .pic a { display:block;width:100%; height:320px;}
.indnews .mleft .pic a .addtime { position:absolute; z-index:100;left:0;top:0;width:90px; height:100px}
.indnews .mleft .pic a .addtime span {background:#57be6a; height:60px; line-height:60px;color:#fff; text-align:center;font-size:36px; display:block;font-weight:500}
.indnews .mleft .pic a .addtime i { background:#28923e; height:40px; line-height:40px;color:#fff; text-align:center;font-size:16px; display:block;}
.indnews .mleft .icon { background:url(../images/4.png) no-repeat center;width:28px; height:16px;margin:25px 0 12px 0}
.indnews .mleft .title { height:25px; line-height:25px; overflow:hidden}
.indnews .mleft .title a {font-size:18px;font-weight:400}
.indnews .mleft .content { line-height:23px; height:92px; overflow:hidden;color:#999;margin:13px 0 0 0}
.indnews .mright {float:right;width:43%}
.indnews .mright li { position:relative;margin:0 0 10px 0;}
.indnews .mright li .cons { background:#f9f9fa;  height:160px;padding:30px 30px 0 70px}
.indnews .mright li .addtime { position:absolute; z-index:100;left:-45px;top:30px;width:90px; height:100px}
.indnews .mright li .addtime span {background:#57be6a; height:60px; line-height:60px;color:#fff; text-align:center;font-size:36px; display:block;font-weight:500}
.indnews .mright li .addtime i { background:#28923e; height:40px; line-height:40px;color:#fff; text-align:center;font-size:16px; display:block;}
.indnews .mright li .cons .icon { background:url(../images/4.png) no-repeat center;width:28px; height:16px;margin:0 0 7px 0}
.indnews .mright li .cons .title { height:25px; line-height:25px; overflow:hidden}
.indnews .mright li .cons .title a {font-size:18px;font-weight:400}
.indnews .mright li .cons .content { line-height:23px; height:46px; overflow:hidden;color:#999;margin:10px 0 0 0}
.indnews .mright .more {margin:25px 0 0 0}
.indnews .mright .more a {font-weight:400;color:#57be6a;border-bottom:2px solid #57be6a; display:inline-block; position:relative;left:-45px}
.indnews .mright .more a i { background:url(../images/8.png) no-repeat center; background-size:cover;width:13px; height:9px; display:inline-block; vertical-align:top;margin:8px 0 0 8px}
.indnews .mright .more a:hover i {margin-left:12px}
.bannerin { background-position:center; background-repeat:no-repeat; height:568px;}
.bannerin .wrap {padding:0 0 0 16%;color:#fff;text-shadow: 3px 3px 5px rgba(0,0,0,0.6);}
.bannerin .t {font-size:60px; line-height:60px;font-weight:500;margin:75px 0 20px 0}
.bannerin .t2 {font-size:40px; line-height:40px;font-weight:500;}

.namemj { position:relative;top:-80px; height:0;}
.about .t {font-size:30px; line-height:30px;font-weight:400; position:relative; display:inline-block;margin:100px 0 30px 0}
.about .t:before {content:''; position:absolute;right:-214px;top:-6px; background:url(../images/logo3.png) no-repeat center;width:194px; height:42px; background-size:cover;}
.about .c {}
.about .c table {width:100%}
.about .c td img {width:100%}
.about .c td p { overflow:hidden}
.about .c td:nth-child(1) {padding:0 1.5% 0 0}
.about .c td:nth-child(2) {padding:0 0 0 1.5%}

.qyln {margin:90px 0 0 0}
.qyln ul {width:103%;margin:-3% 0 0 -1.5%}
.qyln li { display:inline-block; vertical-align:top;width:47%;margin:3% 1.5% 0 1.5%;border:1px solid #f2f2f2;padding:50px 30px 0 30px; text-align:center}
.qyln li .t {font-size:24px; line-height:34px;font-weight:500;margin:10px 0 10px 0}
.qyln li .c {color:#999;min-height:120px}
.bannerin2 { height:720px}
.product li { height:720px; background-position:center; background-repeat:no-repeat;color:#fff;text-shadow: 3px 3px 5px rgba(0,0,0,0.6); text-align:center}
.product .t {font-size:60px; line-height:60px;font-weight:500;padding:85px 0 20px 0}
.product .t2 {font-size:30px; line-height:30px;font-weight:400;}

.download { background:url(../images/1.jpg) no-repeat center; height:593px; text-align:center;margin:0 0 -100px 0}
.download .cons { display:inline-block;margin:0 auto; position:relative;padding:0 0 0 84px; text-align:left;}
.download .cons:before {content:''; position:absolute;left:0;top:3px; background:url(../images/10.png) no-repeat center;width:64px; height:66px; background-size:cover;}
.download .cons .t {font-size:35px; line-height:35px;font-weight:500}
.download .cons .e {font-size:25px; line-height:25px; color:#57be6a;font-weight:400; letter-spacing:1px;margin:10px 0 0 0;}
.download .cons:hover .e {margin-left:40px}

.service {margin:100px 0 80px 0}
.service .t {font-size:30px; line-height:30px;font-weight:400; text-align:center;margin:0 0 25px 0}
.service .c {font-size:18px;}
.service2 { text-align:center; height:728px; background-position:center; background-repeat:no-repeat}
.service2 .t {color:#fff;font-size:50px; line-height:50px;font-weight:400;padding:55px 0 0 0}
.service2 .t i{color:#b1ff4b}
.service3 .t { text-align:center;font-size:50px; line-height:50px;font-weight:400;padding:100px 0 60px 0}
.service3 .t i {color:#57be6a}
.service3 .c { text-align:center}
.news {margin:50px 0 0 0}
.news ul {width:102%;margin:-2% 0 0 -1%}
.news li {float:left;margin:2% 1% 0 1%;width:48%; background:#f5f5f5;padding:25px 0 25px 25px; position:relative}
.news li .pic { position:absolute;width:185px; height:140px; overflow:hidden}
.news li .cons {margin:0 120px 0 205px; height:140px;}
.news li .cons .t { height:20px; line-height:20px; overflow:hidden;margin:20px 0 15px 0}
.news li .cons .t a {font-size:18px;font-weight:400}
.news li .cons .c {color:#666; line-height:23px; height:69px; overflow:hidden}
.news li .addtime { position:absolute;right:0;top:25px; height:140px;width:100px; text-align:center;border-left:1px solid #dcdcdc}
.news li .addtime p {font-size:36px; line-height:36px;font-weight:500;padding:34px 0 10px 0}
.news li:hover { background:#57be6a}
.news li:hover .cons .t a,.news li:hover .cons .c,.news li:hover .addtime {color:#fff}
.nshow .title { text-align:center;font-size:26px; line-height:36px;font-weight:500;margin:70px 0 10px 0}
.nshow .title2 { text-align:center;color:#999;font-weight:400;}
.nshow .content {font-weight:400;margin:30px 0}
.nshow .content img {margin:5px 0}
.nshowprevnext {border-top:1px solid #e6e6e6;margin:60px 0 0 0;padding:30px 0 0 0; position:relative;font-weight:400}
.nshowprevnext span,.nshowprevnext p { display:inline-block; vertical-align:top;}
.nshowprevnext .prev { display:inline-block; vertical-align:top;width:45%}
.nshowprevnext .next { display:inline-block; vertical-align:top;width:45%;margin:0 0 0 10%; text-align:right}
.nshowprevnext a {font-weight:400;color:#57be6a; display:inline-block;border-bottom:1px solid #57be5a}

.contact {padding:80px 0 0 0}
.contactleft {float:left;width:40%}
.contactleft dt {font-size:30px; line-height:30px;font-weight:400;margin:60px 0 30px 0}
.contactleft dd { position:relative;font-size:18px;margin:15px 0 0 0}
.contactleft dd i { display:block; position:absolute;left:0;top:5px;width:25px; height:25px;background-size:cover;}
.contactleft dd p {margin:0 0 0 35px}
.contactright {float:right;width:50%}
.contactright .map iframe,#container {width:100%; height:400px}
.message .subject {font-size:30px; line-height:30px;font-weight:400;margin:70px 0 50px 0}
.message .list { position:relative;margin:20px 0 0 0}
.message .list span { position:absolute;top:0;left:0;font-size:18px}
.message .list p {margin:0 0 0 70px;}
.message .list p input[type="text"] {border:1px solid #d9d9d9; height:35px; line-height:35px;border-radius:4px;padding:0 10px;width:100%}
.message .list p textarea {border:1px solid #d9d9d9; height:200px; line-height:25px;border-radius:4px;padding:5px 10px;width:100%; overflow:auto}
.message .listbtn { text-align:center;margin:30px 0 0 0}
.message .listbtn input { background:#57be6a; height:40px; line-height:38px;font-size:18px;color:#fff;width:240px;border-radius:4px; cursor:pointer; letter-spacing:2px;}



.foot {margin:100px 0 0 0; background:#0a1629;padding:70px 0 50px 0;color:#848b97}
.foot a {color:#848b97}
.foot a:Hover {color:#fff}
.foot .up {border-bottom:2px solid #17243b; text-align:center;padding:0 0 65px 0}
.foot .up .logo {margin:0 0 15px 0}
.foot .up .logo a { display:block; background:url(../images/logo2.png) no-repeat center;width:194px; height:42px; background-size:cover;margin:0 auto}
.foot .down {padding:70px 0 0 0}
.foot .down dl {float:left;margin:0 0 0 18.5%; position:relative}
.foot .down dl:nth-child(1) {margin:0}
.foot .down dl:nth-child(4) {float:right;margin:0;max-width:320px}
.foot .down dl:nth-child(4) dd { position:relative}
.foot .down dl:nth-child(4) dd i { display:block; position:absolute;left:0;top:3px;width:20px; height:20px; background-position:bottom; background-size:cover;}
.foot .down dl:nth-child(4) dd p {margin:0 0 0 30px}
.foot .down dl:nth-child(4) dd.facebook { position:absolute;width:50px; height:50px; background:#1878f3 url(../images/9.png) no-repeat center;right:-60px;bottom:0px; background-size:25%;border-radius:50%}
.foot .down dl:nth-child(4) dd.facebook a { display:block;width:100%; height:100%}
.foot .down dl:nth-child(4) dd.facebook:hover { background-color:#57be6a;}
.foot .down dt {margin:0 0 15px 0; position:relative}
.foot .down dt:before {content:''; position:absolute;left:0;top:-5px;width:130px; height:2px; background:#57be6a}
.foot .down dt:after {content:''; position:absolute;left:0;top:-9px;width:65px; height:2px; background:#57be6a}
.foot .down dt a {color:#fff;font-size:16px}