@charset "utf-8";
html {
  font-family:"Microsoft YaHei",sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1,h2,h3,h4,h5,h6{
  font-weight: 100;
}
figcaption,
figure,
main,
img{ /* 1 */
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/** GEP ECOTECH */
a:active,
a:hover {outline-width: 0;}
a:focus {outline-style:none; -moz-outline-style: none;}  

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

dfn {
  font-style: italic;
}


mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}
img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}


button,
select { /* 1 */
  text-transform: none;
}

details, /* 1 */
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

*{
  -webkit-tap-highlight-color:transparent;
}
.clearfix {}
.clearfix:after {clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix {zoom:1}

* {margin:0;padding:0;box-sizing:border-box}
a {text-decoration:none;color:inherit}
strong,i {font-weight:normal;font-style:normal}
ul li {list-style:none}
/******::-webkit-scrollbar {display:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999}
input:-moz-placeholder,textarea:-moz-placeholder {color:#999}
input::-moz-placeholder,textarea::-moz-placeholder {color:#999}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999}******/
@font-face {font-family:"iconfont";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg") format("svg")}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-diqiu:before {content:"\e600"}
.icon-erweima:before {content:"\e601"}
.icon-fangdajing:before {content:"\e634"}
.icon-dianhua:before {content:"\e603"}
.icon-liaotian:before {content:"\e60e"}
.center {max-width:1300px;width:100%;margin:0 auto;height:100%}



/* 面包屑导航 */
.navBar {width:100%;height: 61px;background:#f5f5f5;}
.navBar .barMain {line-height: 61px;color: #333;padding-left:2px;max-width:1300px;width:100%;margin:0 auto;height:100%;text-align: right;}
.navBar .barMain a {transition:all .6s;font-size: 16px;color: #333;}
.navBar .barMain a:hover{color:#7fbe25;}
.navBar .barMain span{
    background: url(../images/jx.png) no-repeat left center;
    padding-left: 23px;
    font-size: 16px;
    color: #333;
}




/*  案例内页、产品内页推荐  */
.soluspec{ width:1208px;margin:58px auto;}
.soluspec .tit{font-size:26px;color:#0069d2;margin-bottom:26px;font-weight:bold;}
.soluspec .after-solu{width:800px; float:left;}
.soluspec .after-solu .tit{margin-left:8px;}
.soluspec .after-solu ul{width:100%;}
.soluspec .after-solu ul li{width:184px;float:left;margin:0 8px 20px;}
.soluspec .after-solu ul li .img{width:100%;}
.soluspec .after-solu ul li .img img{width:100%;}
.soluspec .after-solu ul li .t{font-size:16px;color:#565966;line-height:42px;text-align:center;transition:all .6s;}
.soluspec .after-solu ul li:hover .t{color:#0069d2}
.soluspec .after-spec{width:370px;float:right;}
.soluspec .after-spec .tjspec{width:100%;}
.soluspec .after-spec .tjspec a{width:100%;}
.soluspec .after-spec .tjspec .img{width:100%;}
.soluspec .after-spec .tjspec .img img{width:100%;}
.soluspec .after-spec .tjspec .t{font-size:18px;line-height:56px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#565966;transition:all .6s;}
.soluspec .after-spec .tjspec .c{font-size:14px;color:#999;line-height:28px;}
.soluspec .after-spec .tjspec a:hover .t{color:#0069d2}

.deviceInfos{width: 1300px;margin:0 auto;margin-top: 52px;margin-bottom: 56px;}
.deviceInfos .deviceImage{float:left;width: 720px;height: 540px;text-align: center;overflow:hidden;background-color: #F5F5F5;}
.deviceInfos .deviceImage img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.deviceInfos .deviceContent{width: 580px;float:right;padding-top: 6px;padding-left: 32px;}
.deviceInfos .deviceContent h1{font-size: 36px;color: #fff;font-weight:bold;padding-bottom: 19px;margin:0;}
.deviceInfos .deviceContent .useArea{overflow:hidden;padding: 0 0 30px;border-bottom: 1px solid #E5E5E5;}
.deviceInfos .deviceContent .useArea h4{font-size: 18px;margin-bottom: 13px;color: #1750a6;font-weight:bold;}
.deviceInfos .deviceContent .useArea span {float:left;width: 33.333333333%;font-size: 15px;color: #575757;line-height: 30px;text-indent:0;overflow: hidden;height: 28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.deviceInfos .deviceContent .useArea div {font-size:16px;color:#808080;line-height:28px}
.deviceInfos .deviceContent .chatUs {padding-top:20px;overflow:hidden;width:332px;}

.deviceInfos .deviceContent .useArea1{overflow:hidden;padding: 16px 0 21px;border-bottom: 1px solid #E5E5E5;}
.deviceInfos .deviceContent .useArea1 h4{font-size: 18px;margin-bottom: 13px;color: #1750a6;font-weight:bold;}
.deviceInfos .deviceContent .useArea1 span {float:left;width: 16.6666666%;font-size: 15px;color: #575757;line-height: 30px;text-indent:0;overflow: hidden;height: 25px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.deviceInfos .deviceContent .useArea1 div {font-size:16px;color:#808080;line-height: 25px;}
.deviceInfos .deviceContent .chatUs {padding-top: 39px;overflow:hidden;width: 100%;}
.deviceInfos .deviceContent .chatUs a.hq {float:left;display:block;width: 143px;height: 62px;border-radius:4px;background: #FF9900;color:#fff;font-size: 18px;line-height: 62px;text-align:center;font-weight: bold;}
.deviceInfos .deviceContent .chatUs a.wx {float:left;display:block;width: 67px;height: 62px;border-radius:4px;background: #fff;font-weight: bold;color:#000;box-sizing: border-box;font-size: 16px;border: 1px solid #E5E5E5;line-height: 19px;text-align:center;padding-top: 12px;margin: 0 15px 0 12px;}
.deviceInfos .deviceContent .chatUs p {float: left;font-size:14px;line-height:22px;color: #1750a6;font-weight: bold;width: 255px;display: inline-block;}
.deviceInfos .deviceContent .chatUs strong {display:block;font-size: 32px;line-height:26px;color: #000;font-weight: bold;margin-top: 11px;}
.deviceBar{background:#FFF;text-align:center;width:100%;}
.deviceBar ul{width:100%;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;width:100%;}
.deviceBar ul li{line-height: 85px;cursor:pointer;margin: 0 45px;display:inline-block;border-bottom: 2px solid transparent;transition: all .3s}
.deviceBar ul li.on{
    border-bottom: 2px solid #1750A6;
}
.deviceBar ul li a{font-size:16px;color:#41434f;}
.deviceBar ul li:hover{background:url(../images/devicebarbj.jpg) center bottom repeat-x;}
.deviceBar ul li a:hover{color:#f60;}
.deviceBar ul li.on:hover {background:none;}
.detailnavline{position:fixed;top:0;z-index:99;}
.productcontain{width:100%;}
.productcontain .portitle{width:100%;font-size: 24px;color: #000;line-height:30px;font-weight: 500;text-align:center;margin-top: 32px;margin-bottom: 32px;}
.productcontain .summarymax{background: #fff;width:100%;}
.productcontain .summarymax .summary{width:100%;margin:0 auto;}
 .su-tit{
  font-size: 24px;
  color: rgb(0, 0, 0);
  text-align: left;
  line-height: 24px;
  margin: 50px auto 25px auto;
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}
 .su-tit:before{
    content: "";position: absolute;left: 1px;top: 0;bottom: 0;margin: auto;width: 3px;height: 19px;background-color: #0062E8
}
.productcontain .summarymax .summary strong{
    font-weight: bold
} 
.productcontain .summarymax .summary .su-con{
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 38px;
  margin-bottom: 50px;
}
.productcontain .summarymax .summary .su-con img{ max-width: 100%;
    height: auto!important;
    margin: 20px auto;
    display: block;
}
.productcontain .txt .advantage{width:100%;}
.productcontain .txt .advantage li {padding:6px 18px;color:#808080;border-top:1px solid #FFF;border-bottom:1px solid #FFF;transition:all .4s;}
.productcontain .txt .advantage li:hover{color:#7fbe25;border-top:1px dashed #7fbe25;border-bottom:1px dashed #7fbe25}
.productcontain .txt .advantage h4,.productcontain .txt .advantage p {font-size:16px;line-height:28px;font-weight:bold}
.productcontain .txt .advantage p {font-weight:normal}
.productcontain .txt .tableWrap{width:100%;margin-bottom: 50px;}
.productcontain .txt .tableWrap p{font-size:18px;line-height:34px;color:#808080;font-weight:bold;padding:10px 0}
.productcontain .txt .tableWrap table{width: 100%!important;margin:0 auto;border: none}
.productcontain .txt .tableWrap table tr {height:56px;border-bottom:1px solid #ebeff2;}
.productcontain .txt .tableWrap table tr td {line-height:56px;font-size:16px;color: #3671cf;text-align:center;transition:all .4s;border: none}
.productcontain .txt .tableWrap table tr:nth-child(2n) {}
.productcontain .txt .tableWrap table tr:not(:first-of-type){
    background-color: #fff;transition: all .3s
}
.productcontain .txt .tableWrap table tr:not(:first-of-type):hover{
    background-color: #1E6BE6;
    color: #fff!important;
}
.productcontain .txt .tableWrap table tr:not(:first-of-type):hover td{
  color:#fff
}
.productcontain .txt .tableWrap table tr:first-child td {font-size:18px;color: #f90;}
.productcontain .txt .tableWrap tbody tr:first-of-type{
    background-color: #eee
}
.hr{
display:block;
  width: 100%;
  height: 10px;
background-color: #F5F5F5
}
.relecasewrap .cases_nr2{
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 30px;
  width: 100%;
  margin: 0 auto 77px;
}
.relecasewrap .cases_nr2 ul.tj{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
.relecasewrap .cases_nr2 ul.tj li{
  width: 312px;
}
.relecasewrap .cases_nr2 ul.tj li span.tj-img{
    height: 230px;
    width: 100%;
    overflow: hidden;
    display: block;
}
.relecasewrap .cases_nr2 ul.tj li:hover span.tj-img img{
    transform: scale(1.1)
}
.relecasewrap .cases_nr2 ul.tj li span.tj-img img{
    width: 100%;height: 100%;;transition: all .3s
}
.relecasewrap .cases_nr2 ul.tj li .ddt1{
  font-size: 20px;
  color: rgb(51, 51, 51);line-height: 20px;margin: 22px 0 12px
}
.relecasewrap .cases_nr2 ul.tj li .ddt2{
  font-size: 16px;
  color: #666;
  line-height: 16px;
  height: 17px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow:ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.relecasewrap .cases_nr2 ul.tj li span{color: #000000;}
.relecasewrap .cases_nr2 ul.tj li .ddt3{  font-size: 16px;
  color: #666;
    line-height: 16px}
ul.honorlist{
    width: 1300px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
 ul.honorlist li{
    width: 312px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 22px;
    margin-right: 17px;
}
 ul.honorlist li:nth-of-type(4n){
    margin-right: 0
}
 ul.honorlist li div.pro-tit{width: 100%;margin-top: 2px;padding-bottom: 1px;}
 ul.honorlist li p.pro-tit1{
  font-size: 18px;
  color: rgb(0, 0, 0);
  text-align: center;
  height: 56px;
  line-height: 56px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}
 ul.honorlist li p.pro-tit2{
  font-size: 14px;
  color: rgb(79, 79, 79);
}
 .pro-crusher-img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    position: relative;
    height: 235px;
    overflow: hidden;
}

.pro-prev-img {
    width: 100%;
    height: 100%;
}.pro-backgroud {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.pro-crusher-img:hover .pro-backgroud{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
 ul.news_cases_ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1300px;
    margin: 0 auto 20px;
}
 ul.news_cases_ul li{
    width: 229px;
    margin-bottom: 36px;
    margin-right: 17px;
}
 ul.news_cases_ul li span{
    width: 100%;
    display: block;
    height: 169px;
    overflow: hidden;
}
ul.news_cases_ul li:hover img{
    transform: scale(1.1)
}
 ul.news_cases_ul li span img{
    width: 100%;height: 100%;transition: all .3s
}
 ul.news_cases_ul p{
    margin-top: 1px;
    width: 100%;
    height: 40px;
    border: 1px solid #E5E5E5;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.gallery-iner1 .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border: 2px solid #1750A6;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 1;
    background-color: #1750A6;
}
.gallery-iner1 .swiper-pagination-bullet-active {
    background-color: #f90!important;
    border: 2px solid #f90;
}
.div2  ul.div3 li{
    line-height: 44px
}
.pro-box{
  border-width: 1px;
  border-color: rgb(229, 229, 229);
  border-style: solid;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  width: 546px;
  height: 476px;
  padding: 25px;
}
.prolr{width: 1300px;margin: 0 auto}
.prolr .fl{width: 960px}
ul.honorlist2{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
 ul.honorlist2 li{
    width: 312px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 22px;
    margin-right: 12px;
}
 ul.honorlist2 li:nth-of-type(3n){
    margin-right: 0
}
 ul.honorlist2 li div.pro-tit{width: 100%;margin-top: 2px;padding-bottom: 1px;}
 ul.honorlist2 li p.pro-tit1{
  font-size: 18px;
  color: rgb(0, 0, 0);
  text-align: center;
  height: 56px;
  line-height: 56px;
  width: 100%;
  overflow: hidden;
}
 ul.honorlist2 li p.pro-tit2{
  font-size: 14px;
  color: rgb(79, 79, 79);
}
.honorlist3 {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0;flex-wrap: wrap
}
.honorlist3  li{
  width: 299px;
  height: 268.5px;
  margin-bottom: 20px;
}
.honorlist3  li:hover .rb {
    z-index: 111
}

.honorlist3  li .rb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .3s
}

.honorlist3  li span{
    height: 221px;
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    border: 1px solid #EEEEEE;
}
.honorlist3  li span img{
    width: 100%;height: 100%;
}
.honorlist3  li p{line-height: 45px;width: 100%;height: 45px;font-size: 18px;text-align: center;color: rgb(51, 51, 51);transition: all .3s;margin-top: 4px;border: 1px solid #EEEEEE;}
.honorlist3  li:hover p{
    background-color: #1955BF;
    color: #fff;
}
.prolr .fr{width: 300px}
 .su-tit1{
  font-size: 20px;
  color: rgb(0, 0, 0);
  text-align: left;
  line-height: 20px;
  margin: 25px auto;
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}
 .su-tit1:before{
    content: "";position: absolute;left: 1px;top: 0;bottom: 0;margin: auto;width: 3px;height: 19px;background-color: #0062E8
}