/* 导航样式 */
.ve-menu ul {
  font-family: 'Arial', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99
}
.ve-menu a {
  float: left;
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.ve-menu > .ve-menu-pc > li {
  position: relative;
  float: left;
  cursor: pointer;
}
.ve-menu > .ve-menu-pc > li:hover ul {
  display: block;
}
.ve-menu > .ve-menu-pc > li > ul {
  position: absolute;
  left: 0;
  display: none;
}

.ve-menu > .ve-menu-pc > li > ul > li {
  height: 40px;
}
.ve-menu > .ve-menu-pc > li > ul{
  z-index: 99
}

.ve-menu-icon {
  float: right;
  width: 20px;
  height: 21px;
  margin-right: 10px;
  overflow: hidden;
}

.ve-menu-icon > div {
  width: 100%;
  height: 3px;
  margin-top: 3px;
  border-radius: 3px;
}

.ve-menu-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  z-index: 99  
}
.ve-menu-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  overflow: hidden;
}
.ve-menu-mobile li {
  width: 100%;
}

.ve-menu-mobile li a {
  padding: 15px 0;
  border-bottom: 1px solid #333;
}

.ve-menu-mobile ul {
  display: none;
}
.ve-menu-close {
  overflow: hidden;
}
.ve-menu-close > div {
  float: right;
  padding: 0 35px;
}

.ve-menu-close > div:after {
  font-size: 35px;
  content: '\00d7';
}

  .nav-top{
    padding: 10px 0;
  }
  .nav-top a{
    display: inline-block;
    width: 100%;
    height: 60px;
    background:url(../images/logo.png) no-repeat;
    background-size: cover;
    display: block;
    text-indent: -9999px;
  }
  .nav-top font{
    font-size: 30px;
    color: red;
    line-height: 50px;
  }
  .nav{
    width: 100%;
    background-color:#333;  
  }
  .nav .ve-menu{
    margin: 0 auto;
  }
  .search{
    background-color: #fff;
  }
  .search-news{
    line-height: 50px;
  }
  .se{
    margin-top: 8px;
  }



  /* 产品 */

  .pro_bj{ background:url(../images/pro_bj.jpg) no-repeat center top; height:1100px; overflow:hidden;}
  .pro_bj .tit{ text-align:center; padding-top:70px;}
  .pro_bj .tit h1{font-size:36px; color:#333; height:52px;}
  .pro_bj .tit h1{ font-size:36px; color:#333; font-weight:normal; height:52px; transition: all 0.3s;}
  .pro_bj .tit h2{font-size:18px; color:#686E7E; height:40px; font-weight:normal;}
  .pro_bj .tit span{font-size:14px; color:#BBBBBB; font-family:"Arial"; display:block;}
  .pro_nr{ padding-top:52px;}
  .pro_dh{ background:url(../images/pro-bg.jpg); width:240px; height:1298px; float:left;} 
  .pro_dh span{ color:#fff; font-size:14px; font-family:"Arial"; padding-left:30px; padding-top:17px; margin-bottom:15px; display:block;}
  .pro_dh span em{ display:block; font-weight:bold; font-size:24px; height:33px; font-family:"思源黑体";}
  .pro_dh_nr{background-color: #fff; margin:10px; height:1209px; padding-top:20px; position:relative;}
  .pro_dh_nr h3{ width:165px; height:35px; line-height:35px; font-size:16px; font-weight:bold; background:#E1E6ED url(Img/Index/p_dh_ico.png) no-repeat 145px center; color:#524E4E; margin:10px auto; padding-left:15px; border-radius:3px;}
  .pro_dh_nr h3 a{ color:#524E4E;}
  .pro_dh_nr h3.cur,.pro_dh_nr h3:hover{ background:orange url(Img/Index/p_dh_ico2.jpg) no-repeat 145px center; color:#fff;}
  .pro_dh_nr h3.cur a,.pro_dh_nr h3:hover a{ color:#fff;}
  .pro_dh_nr ul{ margin:16px 0px;} 
  .pro_dh_nr ul li{ font-size:15px; color:#666666; background:url(Img/Index/pro_dh_jt.jpg) no-repeat left center; padding-left:15px; width:155px; margin:18px auto; line-height:18px;} 
  .pro_dh_nr ul li:hover a{color: orange}
  
  .pro{ float:right; width:930px;}
  .pro h1{ color:orange; font-size:24px; font-weight:bold; padding-top:20px; padding-left:45px; height:63px;}
  .pro dl{ height:485px;}
  .pro dl dd{width:580px; float:left; position:relative;}
  .pro dl dd a{ width:580px; height:463px; overflow:hidden; display:block;}
  .pro dl dd a img{ width:580px; height:463px; overflow:hidden;}
  .pro dl dd em{ display:block; width:580px; height:60px; line-height:60px; position:absolute; bottom:0px; left:0px; overflow:hidden;}
  .pro dl dd em a{ color:#fff; font-size:18px; font-weight:bold; text-align:center; background:orange; display:block; background:rgba(252, 189, 55, 0.85);}
  .pro dl dt{float:right; width:300px; text-align:justify;}
  .pro dl dt span{ color:orange; font-size:30px; font-weight:bold; margin-right:40px; margin-top:50px; display:block; height:50px; border-bottom:1px dashed #C4BEBE;}
  .pro dl dt p{ color:#666666; font-size:13px; line-height:25px; margin-right:40px; padding:20px 0px; border-bottom:1px dashed #C4BEBE; height:280px; overflow:hidden;}
  .pro dl dt em{ background:url(Img/Index/p_more2.jpg) no-repeat; width:140px; height:40px; line-height:40px; display:block; margin-top:33px;}
  .pro dl dt em a{ text-align:center; font-size:16px; font-weight:bold; color:#000000; display:block;}
  .pro dl dt i{ display:block; width:80px; height:80px;}
  .pro dl dt i a{ width:80px; height:80px; display:block; overflow:hidden;}
  .pro dl dt i a img{ width:80px; height:80px; overflow:hidden;}
  .m_pro{ width:930px; height:205px; overflow:hidden; position:relative;}
  
  .m_pro .tempWrap{ width:870px !important; margin:0 auto !important;}
  
  .m_pro ul{ width:870px; height:205px; margin:0 auto;}
  .m_pro ul li.list{ margin-right:0px;}
  .m_pro ul li{ float:left;width:278px; height:205px; display:block; overflow:hidden; margin-right:18px;}
  .m_pro ul li a{width:278px; height:205px; display:block; overflow:hidden; background:#1F76E5; }
  .m_pro ul li a img{ width:278px; height:205px; overflow:hidden; transition: all 0.5s; }
  .m_pro ul li a img:hover{ transform: scale(1.1, 1.1); }
  .m_pro em{ position:absolute;}
  .m_pro .pro_l{ left:0px; top:70px;}
  .m_pro .pro_r{ right:0px; top:70px;}
  
  
  /* 底部样式 */
.footer {
    border-top: 10px solid orange;
    height: 300px;
    background-color: #333;
    padding-top: 40px;
    width: 100%
}

.foot-left, .foot-mid, .foot-right {
    width: 360px;
}
.foot-left {
    margin-right: 40px;
}
.foot-title {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgb(255, 213, 135);
    font-weight: bold;
    color: #fff;
    line-height: 79px;
    font-size: 16px;
}
.foot-wx {
    height: 100px;
    padding-left: 120px;
    background: url(../images/erweima.png) no-repeat center left;
    margin-top: 50px;
    background-size: 100px 100px;
}
.foot-wx p {
    color: #fff;
    line-height: 32px;
}
.foot-wx em {
    display: block;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    font-size: 28px;
}
.foot-lx {
    margin-top: 40px;
}
.foot-lx li {
    line-height: 30px;
    color: #cae8ff;
    padding-left: 24px;
}
.foot-lx li:first-child {
    background: url(../images/f-tel.png) no-repeat center left;
}
.foot-lx li:nth-child(2) {
    background: url(../images/f-tel.png) no-repeat center left;
}
.foot-lx li:nth-child(3) {
    background: url(../images/f-email.png) no-repeat center left;
}
.foot-lx li:last-child {
    background: url(../images/f-address.png) no-repeat center left;
}
.foot-nav {
    padding-top: 40px;
}
.foot-nav ul {
    margin-right: 70px;
    overflow: hidden;
}
.foot-nav ul:last-child {
    margin-right: 0;
}
.foot-nav ul li {
    float:left;
    width:32%;
}
.foot-nav ul li a {
    display: block;
    line-height: 30px;
    color: #cae8ff;
    transition: all 0.3s;
}
.foot-nav ul li a:hover {
    color: #ffffff
}

 .copy {
    height: 59px;
    border-top: 1px solid rgb(116, 116, 116);
    background-color: #333;
}
.copy-l, .copy-r {
    line-height: 59px;
    color: #cae8ff;
}
.copy-l a, .copy-r a {
    color: #cae8ff;
    transition: all 0.3s;
}
.copy-l a:hover, .copy-r a:hover {
    color: #ffffff
}



* {
  margin:0;
  padding:0;
}
body {
  width:100%;
  overflow-x: hidden
}
body, input {
  font-family:"寰蒋闆呴粦";
  color:#333;
  font-size: 14px;
}
a {
  text-decoration:none;
  color: #333;
}
a:hover {
  text-decoration:none;
}
i, em {
  font-style:normal
}
img {
  border:0;
  vertical-align:middle;
}
ul li {
  list-style: none
}
h1, b {
  font-weight:normal
}
button {
  border:none;
  background: none;
}
/*鍏叡鏍峰紡*/
input {
  outline: none;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.c {
  *zoom:1;
}
.c:after {
  content:"";
  display: block;
  height: 0;
  clear: both;
}
.container1 {
  max-width:1400px;
  margin:0 auto
}
.none {
  display: none;
}


/*鏍囬*/
.title {
  background: url(../images/title-bg.png) no-repeat center center;
  height:95px;
  margin-bottom:30px;
}
.title span, .title p {
  display: block;
  text-align: center;
}
.title span {
  font-size:28px;
  font-weight:bold;
  line-height:28px;
}
.title span em {
  font-weight:bold;
  color:orange
}
.title p {
  color:#808080;
  line-height:14px;
  margin-top:40px;
}
/*鏍囬*/


/*鍜ㄨ*/
.zx-1 {
  background: url(../images/zx-bg1.jpg) no-repeat center center;
  height:220px;
}
.zx-fl span, .zx-fl b {
  display: block;
  color:#fff
}
.zx-fl span {
  background: url(../images/zx-h1.png) no-repeat center center;
  text-align: center;
  width:332px;
  height: 46px;
  font-size:18px;
  font-weight:bold;
  line-height:46px;
  margin-top:65px
}
.zx-fl b {
  font-size:38px;
  font-weight:bold;
  line-height:38px;
  margin-top:10px;
}
.zx-tel {
  margin-top:60px;
  margin-right:40px;
}
.zx-tel b, .zx-tel span, .zx-tel a {
  display: block;
  color:#fff
}
.zx-tel span {
  font-size: 16px;
  letter-spacing: 7px;
}
.zx-tel b {
  font-size:26px;
  font-weight: bolder;
}
.zx-tel a {
  width:180px;
  height:40px;
  line-height:40px;
  text-align: center;
  background: orange;
  color:#fff;
  font-size: 16px;
}
.zx-code dl {
  float:left;
  width:120px;
  color:#fff;
  text-align: center;
  margin:50px 0 0 30px
}
.zx-code dd {
  color:#fff;
  font-weight:bold;
  line-height: 30px;
}
/*鍜ㄨ*/

/*鍏充簬鎴戜滑*/
.about {
  margin:60px auto
}
.about-con {
  margin-top:20px;
}
.about-left {
  width:465px;
}
.about-left h2 {
  color:#333333;
  font-size:20px;
  font-weight:bold;
}
.about-left h2:after {
  content:'';
  display: block;
  width:50px;
  height:4px;
  background: #147AC1;
  margin:30px 0
}
.about-left p {
  line-height:25px;
  color:#808080
}
.about-left ul {
  margin:20px 0
}
.about-left ul li:before {
  content:'';
  float:left;
  width:6px;
  height:6px;
  background: #147AC1;
  margin-right:10px;
  margin-top:7px;
  border-radius: 10px;
}
.about-left li {
  color:#808080;
  margin:12px 0
}
.about-left li b {
  color:#147AC1;
  font-weight:bold
}
.about-right {
  width:890px
}
.about-more a {
  display: inline-block;
  width:140px;
  height:40px;
  font-size:16px;
  color:#fff;
  line-height:40px;
  text-align: center;
  margin:25px 10px 0 0
}
.about-more .more-1 {
  background: orange;
}
.about-more .more-2 {
  background: orange;
}
.about-right {
  overflow: hidden;
  margin-top:3px;
}
.about-right dl {
  float:left;
  width:260px;
  height:380px;
  text-align: center;
  position: relative;
  margin-left:36px;
}
.about-right dl dt {
  margin-top:50px;
}
.about-right dl dt img {
  transition: all .5s;
  width: auto;
}
.about-right dl.about-r1 {
  background: url(../images/about-1.jpg) no-repeat center center;
}
.about-right dl.about-r2 {
  background: url(../images/about-2.jpg) no-repeat center center;
}
.about-right dl.about-r3 {
  background: url(../images/about-3.jpg) no-repeat center center;
}
.about-right dl dd {
  position: absolute;
  bottom:50px;
  left:0;
  right:0;
  margin:0 auto;
}
.about-right dl dd span, .about-right dl dd b {
  display: block;
  color:#fff;
  line-height:30px;
}
.about-right dl dd span {
  font-size:18px
}
.about-right dl dd b {
  font-size:16px;
}
.about-right dl dd em {
  background-image: url(../images/about-more.png);
  width:30px;
  height:30px;
  display: block;
  margin:30px auto 0 auto;
  transition: all .5s;
}
.about-right dl:after {
  content:'';
  width:3px;
  display: block;
  height:0;
  background: orange;
  position: absolute;
  left:0;
  top:0;
  transition: all .5s;
}
.about-right dl:before {
  content:'';
  width:3px;
  display: block;
  height:0;
  background: orange;
  position: absolute;
  right:0;
  bottom:0;
  transition: all .5s;
}
.about-right dl a {
  display: block;
  width:260px;
  height:380px;
}
.about-right dl a:after {
  content:'';
  width:0;
  display: block;
  height:3px;
  background: orange;
  position: absolute;
  left:0;
  top:0;
  transition: all .5s;
}
.about-right dl a:before {
  content:'';
  width:0;
  display: block;
  height:3px;
  background: orange;
  position: absolute;
  right:0;
  bottom:0;
  transition: all .5s;
}
.about-right dl:hover:after {
  height:380px;
}
.about-right dl:hover:before {
  height:380px;
}
.about-right dl:hover a:after {
  width:260px;
}
.about-right dl:hover a:before {
  width:260px;
}
.about-right dl:hover em {
  background-image: url(../images/about-more.png);
  background-position: 0 30px;
}
.about-right dl:hover dt img {
  transform: rotateY(180deg);
}
/*鍏充簬鎴戜滑*/

/*浼佷笟浼樺娍*/
.ys {
  margin:60px auto
}
.ys-con dl {
  float:left;
  width:25%;
  position: relative;
  /* padding: 0 20px; */
  /* margin:30px 20px; */
  margin-top: 30px;
}
.ys-con dl dt {
  width:94px;
  margin:0 auto;
  position: absolute;
  left:0;
  right:0;
  text-align: center;
  top:-42px;
  z-index:99;
  transition: all .5s;
}
.ys-con dl dd {
  width:100%;
  height:256px;
  /* background: #f2f2f2; */
  margin:2px;
  transition: all .5s;
}
.ys-con dl dd:after {
  content:'';
  width:310px;
  height:260px;
  display: block;
  position: absolute;
  bottom:-1px;
  left:-1px;
  /* border:1px solid #e5e5e5; */
  z-index:-1px
}
.ys-con dl dd b {
  display: block;
  font-size:18px;
  text-align: center;
  font-weight:bold;
  padding:60px 0 20px 0;
}
.ys-con dl dd p {
  line-height:26px;
  color:#666666;
  width:260px;
  margin:0 auto
}
.ys-con dl:hover dd {
  background: #ddd;
}
.ys-con dl:hover dt {
  transform: rotateY(180deg);
}
/*浼佷笟浼樺娍*/

/*鍜ㄨ2*/
.zx-2 {
  background: url(../images/zx-bg2.jpg) no-repeat center center;
  height:220px;
}
.zx-tel2 {
  margin-top:60px;
}
.zx-tel2 b, .zx-tel2 span, .zx-tel2 a {
  display: block;
  color:#fff
}
.zx-tel2 span {
  font-size: 16px;
  letter-spacing: 7px;
}
.zx-tel2 b {
  font-size:26px;
  font-weight:bolder;
}
.zx-tel2 a {
  width:180px;
  height:40px;
  line-height:40px;
  text-align: center;
  background: orange;
  color:#fff;
  font-size: 16px;
}
/*鍜ㄨ2*/

/*浼樺娍*/
.ys-desgin {
  background: url(../images/rea1.png) no-repeat center center;
  height:395px;
  position: relative;
  margin-top:30px;
}
.ys-desgin .ys-con-d {
  position: absolute;
  top:70px;
  left:190px
}
.ys-2 div h2 {
  font-size:30px;
  color:#4c4c4c;
  font-weight:normal
}
.ys-2 div h2:after {
  content:'';
  width:50px;
  height:3px;
  background: orange;
  margin:20px 0;
  display: block;
}
.ys-2 div h2 b {
  font-weight:bold;
  color:orange;
}
.ys-2 div ul li {
  line-height:35px;
  font-size:16px;
  color:#4c4c4c
}
.ys-2 div ul li:before {
  background:#999;
  width:5px;
  height:5px;
  border-radius: 10px;
  content:'';
  float:left;
  margin:16px 15px 0 0
}
.ys-more {
  width:140px;
  height:40px;
  background: orange;
  text-align: center;
  line-height:40px;
  margin-top:20px;
  transition: all .5s;
}
.ys-more a {
  width:140px;
  height:40px;
  display: block;
  color:#fff;
  font-size:16px;
}
.ys-more:hover {
  margin-left:20px;
}
.ys-service {
  background: url(../images/rea2.png) no-repeat center center;
  height:395px;
  position: relative;
  margin-top:30px;
}
.ys-service .ys-con-s {
  position: absolute;
  top:70px;
  right:100px
}
.ys-buy {
  background: url(../images/rea3.png) no-repeat center center;
  height:395px;
  position: relative;
  margin-top:30px;
}
.ys-buy .ys-con-b {
  position: absolute;
  top:70px;
  left:190px
}
.ys-service4 {
  background: url(../images/rea4.png) no-repeat center center;
  height:395px;
  position: relative;
  margin-top:30px;
}
/*浼樺娍*/

/*鍜ㄨ3*/
.zx-3 {
  background: url(../images/zx-bg3.jpg) no-repeat center center;
  height:220px;
  padding-top: 32px;
  margin: 60px 0;
}
.rea-left dl {
  float: left;
  width: 104px;
  margin-right: 60px;
}
.rea-left dl:last-child {
  margin: 0;
}
.rea-left dd img {
  width: 104px;
  height: 120px;
  display: block;
}
.rea-left dd {
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.rea-left dl:hover dd {
  -webkit-transform: translateY(-10px);
}
.rea-left dt {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  text-align: center;
  margin-top: 16px;
}
.rea-right {
  padding-top: 10px;
}
.rea-right h4, .rea-right h5 {
  text-align: right;
  color: #fff;
}
.rea-right h3 {
  width:332px;
  height: 46px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 46px;
  background: url(../images/zx-h1.png) no-repeat center center;
  float: right;
}
.rea-right h4 {
  font-weight: bold;
  font-size: 28px;
  clear: both;
  line-height: 60px;
}
.rea-right h5 {
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  padding-left: 50px;
  float: right;
  background: url(../images/tel1.png) no-repeat center left;
}
.rea-right h5 b {
  font-size: 28px;
  font-weight: bold;
}
/*鍜ㄨ3*/

/*鍑€鍖栧伐绋�*/
.gc {
  margin-bottom:100px;
}
.gc_box ul li {
  position: relative;
}
.gc_box ul li span {
  display: block;
  position:absolute;
  bottom: 0;
  padding: 0 30px;
  width:calc(100% - 66px);
  height: 50px;
  color: #fff;
  line-height: 50px;
  text-align: left;
  font-size: 16px;
  background: url(/skin/images/case-more.png) no-repeat center right 30px rgba(0, 0, 0, 0.6);
}
.gc_box ul li a {
  border: 3px solid #fff;
}
/*鍑€鍖栧伐绋�*/

/*鏈嶅姟娴佺▼*/
.lc-list dl {
  width: 120px;
  float: left;
  margin-right:62px;
  position: relative;
}
.lc-jt {
  width:30px;
  height: 30px;
  background: url(../images/lc-jt.png) no-repeat center center;
  position: absolute;
  top: 45px;
  left: 134px;
}
.lc-list dl:last-child {
  margin: 0;
}
.lc-list dd {
  width: 120px;
  height: 120px;
  background: url(../images/lc-bg.png) no-repeat center center #333;
  position: relative;
}
.lc-list dd span {
  color: #fff;
  font-family: arial;
  padding-left:4px;
}
.lc-list dd img {
  width: auto;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
}
.lc-list dt {
  font-size: 15px;
  color: #333;
  width: 100%;
  text-align: center;
  line-height: 50px;
}
.lc-more {
  width: 370px;
  height: 40px;
  margin: 0 auto;
  padding-top: 30px;
}
.lc-more a {
  display: inline-block;
  width:140px;
  height:40px;
  font-size:16px;
  color:#fff;
  line-height:40px;
  text-align: center;
  margin: 0 20px;
}
.lc-more .more-1 {
  background: orange;
}
.lc-more .more-2 {
  background: orange;
}
/*鏈嶅姟娴佺▼*/

/*鍚堜綔妗堜緥*/
.case {
  height: 233px;
  background: url(/skin/images/case-bg.jpg) no-repeat center center;
  padding: 50px 0;
  margin: 60px 0;
}
.title1 {
  height:95px;
  margin-bottom:30px;
}
.title1 span, .title p {
  display: block;
  text-align: center;
}
.title1 span {
  font-size:28px;
  font-weight:bold;
  line-height:28px;
  color:#fff
}
.title1 p {
  color:#fff;
  line-height:14px;
  margin-top:40px;
  width: 100%;
  text-align: center;
}
.hz li {
  width: 225px;
  height: 100px;
  float: left;
  margin: 0 5px;
}
/*鍚堜綔妗堜緥*/

/*瀹㈡埛瑙佽瘉*/
.client {
  margin: 60px 0;
}
.kj li {
  width: 255px;
  float: left;
  margin: 0 15px;
}
.kj-pic {
  width: 320px;
  overflow: hidden;
}
.kj-pic img {
  display: block;
  -webkit-transition: all 0.5s;
}
.kj-con {
  background-color: #f2f2f2;
  width: 270px;
  padding: 20px 25px 0 25px;
  height: 200px;
  position: relative;
  transition: all 0.5s;
}
.kj-con em {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
}
.kj-con p {
  width: 100%;
  line-height: 24px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.kj-con a {
  width: 30px;
  height: 30px;
  background: url(../images/client-more.jpg) no-repeat center center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.kj li:hover .kj-pic img {
  -webkit-transform: scale(1.2, 1.2);
}
.kj li:hover .kj-con em, .kj li:hover .kj-con p {
  color: #fff;
}
.kj li:hover .kj-con {
  background-color: orange;
}
/*瀹㈡埛瑙佽瘉*/

/*鏃嬭浆鏈ㄩ┈蹇呰鏍峰紡*/
.poster-main {
  position:relative;
  height:400px;
}
.poster-main a, .poster-main img {
  display:block;
}
.poster-main .poster-list {
  width:1400px;
  height:400px;
  margin: 0 auto;
}
.poster-main .poster-list .poster-item {
  position:absolute;
  left:0;
  top:0;
}
.poster-main .poster-list .poster-item a img {
}
.poster-main .poster-btn {
  position:absolute;
  top:175px;
  width:50px !important;
  height:50px !important;
  z-index:99;
  cursor:pointer;
}
.poster-main .poster-prev-btn {
  left:-100px;
  background: url(../images/case-left.jpg) no-repeat top left;
}
.poster-main .poster-next-btn {
  right:-100px;
  background: url(../images/case-right.jpg) no-repeat top right;
}
.poster-main .poster-prev-btn:hover {
  background: url(../images/case-left1.jpg) no-repeat top left;
}
.poster-main .poster-next-btn:hover {
  background: url(../images/case-right1.jpg) no-repeat top right;
}
/*鏃嬭浆鏈ㄩ┈蹇呰鏍峰紡*/

/*鏂伴椈涓績*/
.news {
  padding: 80px 0;
}
.news-list li {
  width: 400px;
  float: left;
  margin-right: 100px;
}
.news-list li:last-child {
  margin-right: 0;
}
.news-list li span {
  display: block;
  width: 50px;
  height: 5px;
  background-color: #999;
  margin-bottom:20px;
  transition: all 0.5s;
}
.news-list li h3 {
  width: 100%;
  font-size: 18px;
  color: #666666;
  font-weight: normal;
  line-height: 30px;
}
.news-list li em {
  display: block;
  color: #4c4c4c;
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 20px;
}
.news-list li p {
  line-height: 22px;
  color: #808080;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.news-list li a {
  display: block;
  width: 118px;
  height: 34px;
  border: 1px solid #CCCCCC;
  line-height: 36px;
  text-align: center;
  color: #808080;
  margin-top: 40px;
  transition: all 0.5s;
  position: relative;
}
.news-list li a:before, .news-list li a:after {
  content:"";
  position: absolute;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 0;
  transition: all 0.5s;
  background-color: orange;
  z-index: -1;
}
.news-list li a:before {
  left: 50%;
}
.news-list li a:after {
  right: 50%;
}
.news-list li:hover span {
  width: 400px;
  background-color: orange;
}
.news-list li:hover a:before, .news-list li:hover a:after {
  opacity: 1;
  width: 50%;
}
.news-list li:hover a {
  color: #FFFFFF;
  border-color: orange;
  background-color: orange
}
.news-list li:hover h3 {
  color: orange;
}
/*鏂伴椈涓績*/

/*搴曢儴*/
.footer {
  border-top: 10px solid orange;
  height: 300px;
  background-color: #333;
  padding-top: 40px;
}
.foot-left, .foot-mid, .foot-right {
  width: 360px;
}
.foot-left {
  margin-right: 40px;
}
.foot-title {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgb(255, 213, 135);
  font-weight: bold;
  color: #fff;
  line-height: 79px;
  font-size: 16px;
}
.foot-wx {
  height: 100px;
  padding-left: 120px;
  background: url(../images/erweima.png) no-repeat center left;
  margin-top: 50px;
  background-size: 100px 100px;
}
.foot-wx p {
  color: #fff;
  line-height: 32px;
}
.foot-wx em {
  display: block;
  color: #fff;
  font-family: arial;
  font-weight: bold;
  font-size: 30px;
}
.foot-lx {
  margin-top: 40px;
}
.foot-lx li {
  line-height: 30px;
  color: #cae8ff;
  padding-left: 24px;
}
.foot-lx li:first-child {
  background: url(../images/f-tel.png) no-repeat center left;
}
.foot-lx li:nth-child(2) {
  background: url(../images/f-tel.png) no-repeat center left;
}
.foot-lx li:nth-child(3) {
  background: url(../images/f-email.png) no-repeat center left;
}
.foot-lx li:last-child {
  background: url(../images/f-address.png) no-repeat center left;
}
.foot-nav {
  padding-top: 40px;
}
.foot-nav ul {
  margin-right: 70px;
  overflow: hidden;
}
.foot-nav ul:last-child {
  margin-right: 0;
}
.foot-nav ul li {
  float:left;
  width:32%;
}
.foot-nav ul li a {
  display: block;
  line-height: 30px;
  color: #cae8ff;
  transition: all 0.3s;
}
.foot-nav ul li a:hover {
  color: #ffffff
}
/*搴曢儴*/

/*鐗堟潈*/
.copy {
  height: 59px;
  border-top: 1px solid rgb(116, 116, 116);
  background-color: #333;
}
.copy-l, .copy-r {
  line-height: 59px;
  color: #cae8ff;
}
.copy-l a, .copy-r a {
  color: #cae8ff;
  transition: all 0.3s;
}
.copy-l a:hover, .copy-r a:hover {
  color: #ffffff
}
/*鐗堟潈*/

/*鍐呴〉鍏叡閮ㄥ垎*/
.ny-main {
  margin:60px auto
}
.ny-left {
  width:306px;
}
.pro-name, .pro-contact {
  border:2px solid orange;
  width:300px;
  margin-bottom:30px;
}
.pro-title {
  background: orange;
  width:300px;
  position: relative;
  height:100px;
}
.pro-title span, .pro-title b {
  display: block;
  text-align: center;
  font-weight:bold
}
.pro-title span {
  font-size:50px;
  font-weight:bold;
  color:rgb(255, 189, 66);
  padding-top:5px;
}
.pro-title b {
  font-size:36px;
  color:#FFFFFF;
  position: absolute;
  bottom:20px;
  left:0;
  right:0;
  margin:0 auto;
  letter-spacing:2px;
}
.pro-menu .ctitle1 li {
  width:276px;
  height:50px;
  line-height:50px;
  margin:8px auto;
  text-indent:30px;
  font-size:17px;
}
.pro-menu .ctitle1 li a {
  color:#737373;
  width:276px;
  height:50px;
  line-height:50px;
  background: url(../images/jt-2.png) no-repeat center right 20px;
  display: block;
  background-color: #FAFAFA;
}
.pro-menu .ctitle1 li:hover a, .pro-menu .ctitle1 li.on a {
  background: url(../images/jt-1.png) no-repeat center right 20px;
  background-color: orange;
  color:#fff
}
.pro-contact {
  border:2px solid orange;
}
.contact-type h3 {
  font-size:18px;
  font-weight:bold;
  color:orange;
  text-align: center;
  margin:20px auto;
  width:255px;
}
.contact-type span {
  display: block;
  line-height:36px;
  color:#666666;
  width:260px;
  margin:0px auto;
}
.contact-tel {
  background:url(../images/cont-bg.jpg) no-repeat center center;
  text-align: center;
  height:160px;
  text-align: center;
}
.contact-tel span, .contact-tel b {
  display: block;
  color:#fff
}
.contact-tel span {
  font-size:16px;
  background: url(../images/tel2.png) no-repeat center top 20px;
  padding-top:80px;
}
.contact-tel b {
  font-size:36px;
  font-family: Impact;
}
.ny-right {
  width:100%;
}
.ny-right-1{
  width:75%
}
.position {
  height:50px;
  line-height:50px;
  margin-bottom:20px;
}
.position b {
  width:210px;
  margin-left: 24px;
  background: url(../images/pro-icon1.png) no-repeat center left 30px;
  background-color: orange;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  text-indent:60px;
}
.position span {
  width:70%;
  text-align: right;
  padding-right:20px;
  color:#fff;
  background-color: #333;
}
.position a {
  color:#fff
}
/*浜у搧鍐呴〉*/
.ny-right .pro-list ul li {
  float:left;
  width:254px;
  border:1px solid #F2F2F2;
  margin:10px 0 10px 23px;
  text-align: center;
  padding: 10px;
  transition: all 0.3s;
}
.ny-right .pro-list ul li:hover{
    box-shadow:0 10px 10px rgba(253, 194, 85,0.5)
}
.ny-right .pro-list ul .pic img {
  width:100%
}
.ny-right .pro-list ul .info {
  background: #F9F9F9;
  height: 50px;
}
.ny-right .pro-list ul li span {
  font-size:16px;
  padding:18px 0;
  display: block;
}
.ny-right .pro-list .info-a a {
  display: inline-block;
  width:120px;
  height:32px;
  line-height:32px;
  text-align: center;
  background: #147AC1;
  color:#fff;
  border-radius:5px;
  margin:0 10px;
}
.ny-right .pro-list .info-a a:nth-child(2) {
  background: orange;
}
/*妗堜緥鍐呴〉*/
.ny-right .case-list ul li {
  float:left;
  width:325px;
  margin:10px 0 10px 23px;
  text-align: center;
}
.ny-right .case-list ul .pic img {
  width:100%
}
.ny-right .case-list ul .info {
  background: #F9F9F9;
  height: 100px;
}
.ny-right .case-list ul li span {
  font-size:16px;
  padding:18px 0;
  display: block;
}
.ny-right .case-list .info-a a {
  display: inline-block;
  width:120px;
  height:32px;
  line-height:32px;
  text-align: center;
  background: #147AC1;
  color:#fff;
  border-radius:5px;
  margin:0 10px;
}
.ny-right .case-list .info-a a:nth-child(2) {
  background: orange;
}
/*鏂伴椈鍐呴〉*/
.ny-right .ny-news-list ul li {
  float:left;
  width:30%;
  margin:10px 19px 20px 19px;
  text-align: left;
}
.ny-right .ny-news-list ul li span, .ny-right .ny-news-list ul li em, .ny-right .ny-news-list ul li p, .ny-right .ny-news-list ul li a {
  display:block
}
.ny-right .ny-news-list ul .pic img {
  width:100%
}
.ny-right .ny-news-list ul li span {
  font-size:18px;
  padding:10px 0 0 0;
  display: block;
  color:#4c4c4c
}
.ny-right .ny-news-list .info-a a {
  display: inline-block;
  width:120px;
  height:32px;
  line-height:32px;
  text-align: center;
  background: #147AC1;
  color:#fff;
  border-radius:5px;
  margin:0 10px;
}
.ny-right .ny-news-list .info-a a:nth-child(2) {
  background: orange;
}
.ny-right .ny-news-list ul li em {
  color:#999999;
  margin-bottom:15px
}
.ny-right .ny-news-list ul li p {
  color:#999999;
  margin-bottom:20px;
}
.ny-right .ny-news-list ul li a {
  width:120px;
  height:32px;
  line-height:32px;
  text-align: center;
  border:1px solid #CCCCCC;
  color:#999
}
.ny-right .ny-news-list ul li:hover a {
  color:#fff;
  background:orange;
}
.ny-right .ny-news-list ul li:hover span {
  color:orange
}
/*鍚堜綔浼欎即*/
.partner-list {
  overflow: hidden;
}
.partner-list li {
  float:left;
  width:225px;
  height:100px;
  margin:10px 0px 10px 35px;
  border:1px solid #eee
}
.partner-list li a {
  display: block;
}
.partner-list li img {
  width:100%
}
/*娴姩瀹㈡湇*/
#floatDivBoxs {
  width:170px;
  background:#fff;
  position:fixed;
  bottom:20px;
  right:0;
  z-index:999;
}
#floatDivBoxs .floatDtt {
  width:100%;
  height:45px;
  line-height:45px;
  background:#147AC1;
  color:#fff;
  font-size:18px;
  text-indent:22px;
  position:relative;
}
#floatDivBoxs .floatDqq {
  padding:0 14px;
}
#floatDivBoxs .floatDqq li {
  height:55px;
  line-height:55px;
  font-size:15px;
  border-bottom:1px solid #e3e3e3;
  padding:0 0 0 50px;
}
#floatDivBoxs .floatDqq li:hover a {
  color:#008DD5
}
#floatDivBoxs .floatDtxt {
  font-size:18px;
  color:#333;
  padding:12px 14px 0 14px;
}
#floatDivBoxs .floatDtel {
  padding:0 0 7px 10px;
  font-size:20px;
  font-weight:bold;
  color:#147AC1
}
#floatDivBoxs .floatDtel img {
  display:block;
}
#floatDivBoxs .floatDbg {
  width:100%;
  height:20px;
  background:url(../images/online_botbg.jpg) no-repeat;
  box-shadow:-2px 0 3px rgba(0, 0, 0, 0.25);
}
.floatShadow {
  background:#fff;
  box-shadow:-2px 0 3px rgba(0, 0, 0, 0.25);
}
#rightArrow {
  width:50px;
  height:45px;
  background:url(../images/online_arrow.jpg) no-repeat;
  position:fixed;
  bottom:320px;
  right:170px;
  z-index:999;
}
#rightArrow a {
  display:block;
  height:45px;
}
/*鍐呴〉浜у搧璇︽儏*/
.ny-right .pro1 {
  margin-top:5px;
}
.ny-right .pro1 .spec-preview img {
  display: block;
}
.ny-right .pro1 .descript1 strong.title1 {
  line-height: 38px;
  font-size: 20px;
  color: #333;
  display: block;
  height: auto;
  margin-bottom: 0;
  border-bottom:1px solid #eee;
  padding:10px 0;
  margin-bottom:10px
}
.ny-right .pro1 .descript1 p {
  width: 590px;
  font-size: 16px;
  color: #8e8e8e;
  line-height: 25px;
  margin-bottom: 15px;
}
.ny-right .pro1 .descript1 a.consult {
  display: block;
  width: 120px;
  height: 40px;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #000;
}
.ny-right .pro1 .descript1 a.consult:hover {
  background-color:#147AC1;
}
.ny-right .pro1 .descript1 p.haoma {
  color: #333;
  font-size: 15px;
  font-weight: bold;
}
.ny-right .pro1 .descript1 p.haoma em {
  display: block;
  color:orange;
  font-size: 20px;
  font-weight: bold;
}
.ny-right .pro1 .share {
  overflow: hidden;
  margin-top: 15px;
}
.ny-right .pro1 .share ul li {
  float: left;
  margin: 0 5px;
}
.ny-right .detail .de-title {
  border-bottom: solid 3px orange;
  margin-bottom: 15px;
}
.ny-right .detail .de-title a {
  display: block;
  width: 130px;
  font-size: 16px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  margin-top: 35px;
  background:orange;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.ny-main .pagelist {
  padding: 10px 0;
  margin-top:15px;
  overflow: hidden;
  border-top:0px solid #eee;
  text-align:center;
}
.ny-main .pagelist a, .ny-main .pagelist span {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 2px 8px;
  margin-right:5px;
}
.ny-main .pagelist span.current {
  color: #f30;
  border: 1px solid #ddd;
}
.nav-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 54px;
  line-height: 54px;
  background:#147AC1;
  z-index:999;
  box-shadow: 1px 1px 15px #004679;
}
.foot-nav1 {
  width: 33.3%;
  float: left;
}
.foot-nav-2 {
  background: orange;
}
.nav-footer .foot-nav-bg {
  display: inline-block;
  width: 40%;
  height: 54px;
  line-height: 54px;
  text-align: center;
}
/*.nav-footer .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center center; background-size:42%;}
    .nav-footer .foot-nav-bg2{background: url(../images/nav-bg2.png) no-repeat center center; background-size:42%;}
    .nav-footer .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center center; background-size:42%;}*/
.nav-footer a {
  display: inline-block;
  width:60%;
  font-size:16px;
  line-height: 54px;
  color: #fff;
}