@charset "utf-8";
* {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; }
.fixtop .toper ul.navpc li a,.indabout .cons .m a,.indcompany li,.indvalue img,.proshowpic img,#slider4 .slide .pic img,.indstep li .cons,.tabs_item dd .pic p,.tabs_item dd .title,.contact .mleft li a,#slider5 .slide p,.news .mright li .m,.news .mright li .t a,.news .mright li .t p,.news dd .cons .title i,.news dd .addtime h1,.news dd .addtime h2,.news dd .cons .title a,.fixedright a div,#slider3 .slide .title h1
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.proshowpic img:Hover,#slider4 .slide .pic img:hover,.tabs_item dd .pic:hover p,#slider5 .slide:hover 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); }
.contact .mright
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;font-size:14px;line-height:30px;color:#333;max-width:1920px;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:14px;line-height:30px;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#333;font-size:14px;}
a:hover,.tabs_item dd:hover .title,.news .mright li:hover .t a,.news .mright li:hover .t p,.news dd:hover .addtime h1,.news dd:hover .addtime h2,.news dd:hover .cons .title a {color:#016bb9}
.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;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';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;border-top:1px solid #ccc; height:1px;margin:5px 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}
.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;}

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

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

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 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 #e6e6e6;}   
.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 #e6e6e6;}   
.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:#016bb9;border:1px solid #e6e6e6;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #016bb9; } 
.pager a,.pager span.disabled {color:#999;border:1px solid #e6e6e6;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; } 

.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:1345px; position:relative}
.phonemenu { display:none;}

.fixtop .toper .header { height:138px;}
.fixtop .toper .header .mleft {float:left;margin:36px 0 0 0}
.fixtop .toper .header .mleft .logo {float:left;background:url(../images/logo.png) no-repeat center;width:227px; height:65px; display:block;}
.fixtop .toper .header .mleft .cons {float:left;border-left:1px solid #999;font-size:18px;padding:3px 0 0 25px;margin:10px 0 0 30px; line-height:25px}
.fixtop .toper .header .mright {float:right}
.fixtop .toper .header .mright .encn {font-size:17px;margin:35px 0 10px 0}
.fixtop .toper .header .mright .encn a {font-size:17px;}
.fixtop .toper .header .mright .encn i { display:inline-block; height:14px;width:1px; background:#333;margin:3px 10px 0 10px;}
.fixtop .toper .header .mright .encn span {font-weight:600;color:#016bb9; letter-spacing:1px;margin:0 15px 0 0}
.fixtop .toper .header .mright { text-align:right;}
.fixtop .toper .header .mright .cons .title {font-size:25px;margin:0 10px 0 0; display:inline-block;}
.fixtop .toper .header .mright .cons .content {color:#016bb9;font-weight:600;font-size:30px; display:inline-block;}
.fixtop .toper ul.navpc { height:40px; line-height:40px;background:#006cb7;width:100%; text-align:center}
.fixtop .toper ul.navpc li {display:inline-block;margin:0 1px}
.fixtop .toper ul.navpc li a {display:block;color:#fff;font-size:20px;padding:0 56px; line-height:39px; height:40px;}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li.check a{color:#fff; background:#159fdd}

.banners { background-position:center; background-repeat:no-repeat; height:545px;margin:0 0 80px 0}

.indsubject { text-align:center;margin:0 0 70px 0}
.indsubject p {font-size:27px;font-weight:600;color:#606060; display:inline-block;border-bottom:4px solid #606060;padding:0 0 15px 0; letter-spacing:2px}
.indsubject i { display:block; height:1px; background:#e4e4e4;margin-top:-2px}
.indabout .cons {float:left;width:40%;}
.indabout .cons .t {font-weight:600;font-size:16px}
.indabout .cons .c {margin:35px 0}
.indabout .cons .m a { display:block;border:1px solid #e4e4e4; height:25px; line-height:25px; width:80px; text-align:center;font-size:12px;color:#9f9f9f}
.indabout .cons .m a:hover { background:#016bb9;color:#fff;border-color:#016bb9}
.indabout .pics {float:right;width:57%}

.proshowpic {float:left;width:74.0%;  overflow:hidden; position:relative}
#proshowcolor2 {float:right;width:23%}
#proshowcolor2 h3 {cursor:pointer;margin:0 0 10px 0}
.indvalue { background:#edf2f5;margin:80px 0 0 0;padding:60px 0}
.indvalue .cons1 {float:left;width:49%;}
.indvalue .cons2 {float:right;width:49%; text-align:right}
.indvalue img { position:relative;top:0}
.indvalue img:hover {top:-5px}

.indcompany {padding:60px 0}
.indcompany ul {width:102.6%;margin:-2.6% 0 0 -1.3%}
.indcompany li {float:left;width:22.4%;margin:2.6% 1.3% 0 1.3%;  text-align:center;background:#eef3f6;color:#717070; position:relative;top:0}
.indcompany li:hover {top:-5px}
.indcompany li .p { height:117px;margin:0 0 0 0;background:#014da1;}
.indcompany li .p img {margin-top:14px}
.indcompany li.no .p {background:#0097e0}
.indcompany li .t {font-size:24px; letter-spacing:1px;margin:20px 0 -5px 0}
.indcompany li .c {padding:20px 20px 20px 20px; text-align:left;min-height:155px}

.indadv { background:#004ca0;color:#fff;margin:20px 0;padding:60px 0}
.indadv .indsubject p {color:#fff;border-color:#fff}
.indadv .indsubject i {opacity:0.6}
#slider4 {padding:0 0 75px 0}
#slider4 .slide .pic {float:left;width:50%; overflow:hidden}
#slider4 .slide .cons {float:right;width:46%}
#slider4 .slide .cons .title {font-size:25px; line-height:35px;font-weight:600;margin:-5px 0 15px 0; letter-spacing:1px}
#slider4 .slide .cons .content { line-height:27px}

.indstep { background:#eef3f6;margin:-20px 0 70px 0;padding:60px 0 100px 0; text-align:center;color:#717070}
.indstep .title {font-size:20px;font-weight:600; line-height:30px;margin:-20px 0 20px 0}
.indstep ul {margin:60px 0 0 0}
.indstep li { display:inline-block; vertical-align:top;}
.indstep li .t {font-size:20px; line-height:30px;margin:15px 0 0 0}
.indstep li i { background:url(../images/1.png) no-repeat center;width:35px; height:35px; display:inline-block; vertical-align:top;margin:45px 35px 0 35px}
.indstep li .cons { display:inline-block; vertical-align:top; position:relative;top:0}
.indstep li:hover .cons {top:-5px}
.indservice { text-align:center}

.inddevice { background:#edf2f5;padding:80px 0;margin:80px 0 0 0;}
.tabs{display:table;position:relative;overflow:hidden;margin:0;width:100%;height:40px; line-height:40px; text-align:center}
.tabs li{display:inline-block; height:40px; line-height:40px;position:relative; cursor:pointer; text-align:center;margin:0 5px}
.tabs a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;width:175px;color:#fff;font-size:20px; background:#606060}
.currenttab a{ background:#014da1;}
.tabs_item{display:none; text-align:center}
.tabs_item:first-child{display:block;}
.tabs_item dl {width:103%;margin:-3% 0 0 -1.5%;padding:60px 0 0 0}
.tabs_item dd {float:left;width:22%;margin:3% 1.5% 0 1.5%;}
.tabs_item dd .pic { position:relative; overflow:hidden;border-radius:15px;}
.tabs_item dd .pic p {border-radius:15px;}
.tabs_item dd .title { text-align:center; height:25px; line-height:25px; overflow:hidden;font-size:15px;margin:15px 0 0 0}
.indhonor { background:#eef3f6;}
.company {margin-top:-50px}

.service { background:#eef3f6;padding:70px 0 80px 0;margin-top:-80px}
.service .title {font-size:24px; line-height:34px;font-weight:600; text-align:center;color:#615f60;margin:0 0 30px 0}
.nobg { background:#fff}
.indservice2 {padding:80px 0 100px 0}

.device {margin-top:-80px}

.map iframe,#container {width:100%; height:405px;border-top:1px solid #d3d3d3}
.contact {margin:0 0 125px 0}
.contact .mleft {float:left;width:25%;}
.contact .mleft li a { background:#f9f9fb; height:200px; line-height:200px; text-align:center;font-size:20px; display:block}
.contact .mleft li a:hover,.contact .mleft li.check a { background:#159fdd;color:#fff}
.contact .mright {float:right;width:74%; background:#fafafa;padding:77px 80px;font-size:16px; line-height:36px;min-height:400px}
.contact .mright a{font-size:16px}
.contact .mright .title {font-weight:600;margin:0 0 30px 0}

.indhonor {padding:80px 0}
#slider2 {padding:0}
#slider2 .slide { position:relative; overflow:hidden}
.indsubject i.i2 { background:#cecece}

#slider2 .bx-wrapper .bx-prev {
  left:-62px;
  background:url('');
  background-position:left;
}
#slider2 .bx-wrapper .bx-next {
  right:-62px;
  background:url('');
  background-repeat:no-repeat;
}
#slider2 .bx-wrapper .bx-controls-direction a {
  margin-top:-29px;
  width:0px;
  height:0px;
}

#slider3 {padding:0 62px 0 62px}
#slider3 .slide { position:relative;}
#slider3 .slide .title { position:absolute;bottom:10px;right:0; z-index:999;width:100%; text-align:center}

#slider3 .slide .title h1 {background:#666; display:inline-block;height:25px; line-height:25px;border-radius:25px;padding:0 15px;color:#fff;margin:0 0 0 auto}
#slider3 .slide:hover .title h1 { background:#016bb9;}
#slider3 .bx-wrapper .bx-prev {left:-62px; background:url('../images/left.gif');  background-position:left;}
#slider3 .bx-wrapper .bx-next {right:-62px; background:url('../images/right.gif'); background-repeat:no-repeat;}
#slider3 .bx-wrapper .bx-controls-direction a {margin-top:-29px;width:32px; height:57px;}

.report {padding:0 0 100px 0}
.indreport {margin-top:80px}


#slider5 .bx-wrapper .bx-pager { bottom:15px;right:10px; text-align:right}
#slider5 .bx-wrapper .bx-pager.bx-default-pager a {
  width: 12px;
  height:12px;
  margin: 0 6px;
  outline: 0;
  background:none;
  border:1px solid #fff;
  border-radius:50%;
}
/* #slider5 .bx-wrapper .bx-pager.bx-default-pager a:focus 
#slider5 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
#slider5 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff}
#slider5 .slide { overflow:hidden; position:relative}

.news .mleft {float:left;width:49%;}
.news .mright {float:right;width:48%;border-top:1px solid #d1d1d1}
.news .mright li {border-bottom:1px solid #d1d1d1;padding:37px 0 12px 0}
.news .mright li .t { height:25px; line-height:25px; overflow:hidden; position:relative;margin:0 0 10px 0}
.news .mright li .t a {font-size:20px; display:inline-block;padding:0 100px 0 0}
.news .mright li .t p { position:absolute;right:0;top:0;color:#999}
.news .mright li .c {font-size:15px; line-height:30px; height:60px; overflow:hidden;color:#717071;}
.news .mright li .m { text-align:right;opacity:0}
.news .mright li .m a { background:url(../images/4.png) no-repeat center;width:8px; height:12px; display:block;margin:8px 10px 0 auto}
.news .mright li:hover .m {opacity:1}

.newsubject { background:#f8f8fa;border-top:2px solid #706d74; height:50px; line-height:50px;font-size:20px;padding:0 0 0 35px; letter-spacing:2px;margin:50px 0 0 0}
.newsubject i { display:inline-block; background:url(../images/3.png) no-repeat;width:16px; height:8px;margin:0 0 0 5px}

.news {margin:0 0 100px 0}
.news dd { position:relative;border-bottom:1px solid #d1d1d1;padding:30px 0 35px 0}
.news dd .addtime { position:absolute;left:0;top:30px; height:62px;padding:8px 0 0 0;width:100px;border-right:1px solid #d1d1d1; text-align:center}
.news dd .addtime h1,.news dd .addtime h2 {font-size:18px;color:#717071; line-height:25px;}
.news dd .cons {margin:0 0 0 150px}
.news dd .cons .title { height:25px; line-height:25px; overflow:hidden;margin:7px 0 10px 0; position:relative;padding:0 100px 0 0}
.news dd .cons .title a {font-size:20px; }
.news dd .cons .title i { background:url(../images/4.png) no-repeat center;width:8px; height:12px; display:block; position:absolute;top:7px;right:0;margin:0 0 0 auto;opacity:0}
.news dd .cons .content {color:#717071;font-size:15px; height:25px; line-height:25px; overflow:hidden}
.news dd:hover .cons .title i { opacity:1}

.nshow .indsubject { line-height:35px;}
.nshow .content {max-width:845px;margin:0 auto}
.nshow .prevnext { text-align:center;margin:60px 0 0 0}
.nshow .prevnext a {margin:0 15px}
.indbanner {margin:0 0 80px 0}
.indbanner .bx-wrapper .bx-pager { bottom:30px;}
.bxslider li a { display:block; background-position:center; background-repeat:no-repeat; height:545px}
.indservice3 {margin-bottom:80px}






.foot { background:#159fdd; text-align:center;color:#fff;padding:60px 0}
.foot a {color:#fff}
.foot .indsubject p {color:#fff;border-color:#fff}
.foot .title {font-weight:600;font-size:16px;margin:-30px 0 15px 0}
.foot .content {font-size:15px;}
.footer { text-align:center; background:#3e3a39;color:#fff;padding:30px 0}
.footer a {color:#fff}

.fixedright { position:fixed; z-index:9999999;right:0;top:50%;margin-top:-85px;width:45px;}
.fixedright a { display:block;width:45px; height:45px;color:#fff; text-align:center; line-height:45px;margin-top:1px; position:relative;font-size:14px;}
.fixedright a.totop { background:url(../images/totop.png) no-repeat; height:50px; line-height:55px;font-size:13px;}
.fixedright a.totop:hover { background-position:0 -50px}
.fixedright a span { display:block; background:#fff; position:absolute; z-index:99999;right:46px;padding:0 10px;width:100px;}
.fixedright a.tel { background:#003f98}
.fixedright a div {background:#016bb9;position:absolute; z-index:1;right:0;width:45px; height:45px; overflow:hidden}
.fixedright a span { display:block; background:#fff; position:absolute; z-index:99999;right:46px;bottom:0;padding:5px 10px;width:100px; text-align:center; display:none}
.fixedright a span img {margin:5px 0}
.fixedright a:hover div {width:190px; background:#333}
.fixedright a i {display:inline-block; vertical-align:middle;width:45px; line-height:45px; height:45px;float:left;}
.fixedright a p {display:inline-block; vertical-align:middle; height:45px; line-height:45px;padding:0 0 0 5px;float:left;}
.fixedright a.tel i { background:url(../images/tel.png) no-repeat center; }
.fixedright a.qq i { background:url(../images/qq2.png) no-repeat center; }.fixedright a.qq:hover div {width:150px;}
.fixedright a.wx i { background:url(../images/wx.png) no-repeat center; }.fixedright a.wx:hover div {width:45px;}
.fixedright a.wx:hover span { display:block}