@charset "utf-8";

.clearboth{clear:both;}

/* CSS Document */
.content-1 {
  width: 1200px;
  margin: 0 auto;
  font-size:14px;
  line-height:25px;
}

.content-all {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}


.newsAddL a {
  padding: 10px 20px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsAddL {
  overflow: hidden;
  margin-top: 30px;
}

.newsAddL a.on,
.newsAddL a:hover {
  background: #0b6ed2;
  color: #fff;
}


.newsAddR img {
  vertical-align: sub;
  padding-right: 10px;

}

.newsAddR a {
  color: #666;
}

.newsAddR {
  margin-top: 38px;
  color: #666;
}

.newsAddR a:hover {
  color: #0b6ed2;
}

.newsTitle {
  margin-top: 40px;
  display: block;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.newsTitle h3 {
  float: left;
  font-size: 18px;
  letter-spacing: 0.5px;
}

.newsTitle h3 b {
  font-size: 14px;
  color: #999;
  font-weight: normal;
}

.newsTitle a {
  float: right;
  color: #999;
}

.newsTime{ margin-top:25px;}


.newsTime span {
 
  font-size: 40px;
  color: #999;
  display: block;
  margin-bottom:10px;
}

.newsTime i {
  background: url(../../images/newsPvre.png) no-repeat center left;
  padding-left: 40px;
  color: #999;
}

.newsCenter {
  width: 800px;
  margin-left: 20px;
}

.newsCenter a {
  color: #333;
  font-size: 16px;
  padding-top: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsCenter p {
  font-size: 14px;
  line-height: 24px;
  margin-top: 8px;
}

.newsRight {
  width: 180px;
  height: 120px;
  position: relative;
}

.newsRight img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.newsListBox ul li {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsListBox ul li:hover {
  padding-left: 20px;
}

.newsListBox ul li:hover a {
  color: #0b6ed2;
}


.newsBottom {
  width: 100%;
  height: 500px;
  background: #f8f8f8;
  margin-top: 50px;
  overflow: hidden;
}

.newsBottom ul li {
  width: 270px;
  margin-top: 40px;
}

.newsBottom ul li a.newsBottomImg {
  display: block;
  position: relative;
  width: 270px;
  height: 200px;
  overflow: hidden;
}

.newsBottom ul li a.newsBottomImg img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.newsBottom ul li i {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -100%;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBottom ul li .newsBottomText a .newsBottomTextA {
  display: block;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  position: absolute;
  top: 10px;
  width: 230px;
  padding: 0 10px;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBottom ul li .newsBottomText {
  width: 250px;
  padding: 0 10px;
  height: 150px;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBottom ul li .newsBottomText p {
  font-size: 14px;
  line-height: 1.5;
  position: absolute;
  margin-top: 20px;
  text-align: center;
  height: 42px;
  top: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 250px;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBottomText {
  position: relative;
}

.newsBottom ul li:hover .newsBottomImg i {
  top: 0;
}

.newsBottom ul li:hover .newsBottomText a.newsBottomTextA {
  position: absolute;
  top: -120px;
  color: #fff;
  width: 250px;
  text-align: center;
}

.newsBottom ul li:hover .newsBottomText {
  background: #7f7f7f;
}

.newsBottom ul li .newsBottomText a.newsBottomTextA {
  width: 250px;
  position: absolute;
  top: 10px;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newsBottom ul li .newsBottomText a.newsBottomTextA b {
  width: 40px;
  height: 2px;
  display: block;
  margin: 0 auto;
  background: #f8f8f8;
  -webkit-transition: .5s;
  transition: .5s;
  margin-top: 10px;
}



.newsBottom ul li:hover .newsBottomText p {
  color: #fff;
}

.newsBottom ul li:hover .newsBottomText p {
  top: 10px;
}

.newsMore {
  width: 150px;
  height: 30px;
  border: 1px solid #fff;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 60px;
  top: 90px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  display: none;
}

.newsBottom ul li:hover .newsBottomText .newsMore {
  display: block;
}


.newsBottom ul li {
  float: left;
  margin: 0 15px;

}



.newsBCenter ul li {
  width: 350px;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBcenterTop {
  width: 330px;
  height: 60px;
  padding: 10px;
  position: absolute;
  top: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBcenterTopL {
  font-size: 30px;
  color: #999;
  display: block;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBcenterTopL i {
  color: #999;
  display: block;
  font-size: 14px;
  line-height: 14px;
  -webkit-transition: .5s;
  transition: .5s;
}


.newsBcenterTopR {
  width: 50px;
  height: 45px;
  background: url(../../img/newsBcenterTopR.png) no-repeat center;
  margin-top: 8px;
  -webkit-transition: .5s;
  transition: .5s;
}


.newsBcenterButtomLine {
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 81px;
  -webkit-transition: .5s;
  transition: .5s;
}

.newsBcenterTopText a {
  display: block;
  font-size: 16px;
  color: #333;
  line-height: 3;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s;

}

.newsBcenterTopText p {
  font-size: 14px;
  color: #999;
  line-height: 1.8;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;

}

.newsBcenterTopText {
  position: absolute;
  top: 80px;
  -webkit-transition: .5s;
  transition: .5s;
}


.newsBCenter ul li:hover .newsBcenterTop {
  background: #0b6ed2;
}

.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopL {
  color: #fff;
}

.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopL i {
  color: #fff;
}

.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopR {
  background: url(../../img/newsBcenterTopR2.png) no-repeat center;
}


.newsBCenter ul li {
  margin-top: 20px;
  height: 180px;
  float: left;
  margin-right: 75px;
  margin-bottom: 50px;
}

.newsBCenter ul li:nth-child(3) {
  margin-right: 0;
}

.newsBCenter ul li:hover .newsBcenterButtomLine {
  top: 0;
}


.newsBCenter ul li:hover .newsBcenterTop {
  top: 110px;
  ;
}


.newsBCenter ul li:hover .newsBcenterTopText a {
  top: 0;
}

.newsBCenter ul li:hover .newsBcenterTopText {
  top: 0;
}


/*list*/

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px; }
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:0px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:0px 0 0 0px;}
.page_group ul li:last-child{border-radius:0 0px 0px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


/*内容页*/

/*crumbs*/
.crumbs {
  width: 100%;
  height: 20px;
  background: #f8f8f8;
  padding: 15px 0;
}

.crumbs img {
  vertical-align: text-top;
  padding-right: 10px;
}

 

.danye {
    margin-bottom: 50px;
}

.danye {
    margin-top: 50px;
}
.container {
    width: 1200px;
    margin: auto;
}
.danye .danye_title {
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}

.danye .danye_title h3 {
  text-align: center;
  font-size: 24px;
  line-height: 35px;
}

.danye .danye_title .other {
  text-align: center;
  color: #999;
  padding-top: 20px;
}

.danye .danye_title .other span {
  padding: 0 15px;
}

.danye .neirong {
  padding-top: 20px;
  line-height: 2;
}

.danye .neirong img {
  max-width: 100%;
  padding: 10px 0;
}

.danye .fenxiang {
  display: inline-block;
}

.danye .zy {
  clear: both;
  padding-top:25px;
  margin-top: 50px;
  background: url("../../img/fenge.jpg") no-repeat center top;
  height: 55px;
}

.bshare-custom .bshare-share-count {
  background: transparent url('http://static.bshare.cn/frame/images/counter_box_18.gif') no-repeat !important;
  padding: 0 !important;
}

.danye .zy li {
  float: left;
  line-height: 14px;
  height: 14px;
  color: #666;
  width: 400px;
}

.danye .zy li:nth-child(2) {
  float: right;
}

.danye .zy li:nth-child(2) a {
  text-align: right;
  float: left;
}

.danye .zy li:nth-child(1) a {
  text-align: left;
  float: right;

}

.danye .zy li a {
  width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 14px;
  height: 14px;
  color: #666;
}

.danye .zy li a:hover {
  color: #0b6ed2;
}

/*关于我们*/

/**内页样式**/
.nybanner{width: 1180px;margin:auto;position: relative;height: 250px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/nybanner.jpg);}
.wrapper{position: relative;width: 100%;padding: 30px 0;}
.wrapper .sitepath{color: #2f4056; text-transform: uppercase;}
.wrapper .sitepath .home{width: 20px; height: 22px; display: inline-block; background:url('../images/crumbs.png') no-repeat center 2px; margin-right: 10px;}
.wrapper .sitepath a{display: inline-block; white-space: nowrap; color: #2f4056;}
.wrapper .sitepath a:hover{color: #037EDB;}
.wrapper .sitepath span{color: #2f4056;}
.wrapper .w1200{position: relative; z-index: 5;}
.wrapper .left{width: 240px;}
.wrapper .left .submenubox{padding-bottom: 20px;}
.wrapper .left .submenubox .left_title{height: 80px; background: #037EDB; color: #fff;}
.wrapper .left .submenubox .left_title h3{font-size: 24px; font-weight: bold; line-height: 80px; padding-left: 26px; text-transform: uppercase;}
.wrapper .left .submenubox .left_title s{background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px;}
.wrapper .left .submenu{position: relative;}
.wrapper .left .submenu li{display: block;}
.wrapper .left .submenu li a.sub1{height: 60px;line-height: 60px;display: block;padding-left: 28px;background: url('../images/jtou.png') no-repeat 90% center #fff;font-size: 18px;border: 1px solid #eeeeee;border-top: 0 none;overflow: hidden;}
.wrapper .left .submenu li a.sub1:hover{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #037EDB;border-right: 1px solid #f5f5f5;color: #037EDB;}
.wrapper .left .submenu li.hover a.sub1{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #037EDB;border-right: 1px solid #f5f5f5;color: #037EDB;}
.wrapper .left .submenu s{width: 2px; height: 61px; display: block; background: #037EDB; position: absolute; left: 0; top: 0;}
.wrapper .left .submenu .box{padding-bottom: 0;background: #f9f9f9;border: 1px solid #eeeeee;border-top: 0 none;display: none;}
.wrapper .left .submenu .box a{color: #333;line-height: 40px;display: block;height: 40px;padding-left: 28px;overflow: hidden;}
.wrapper .left .submenu .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.wrapper .left .submenu .box a:hover,.wrapper .left .submenu .box a.hover{color: #037EDB;}
.wrapper .left .submenu li.hover .box{display: block;}
.wrapper .left .leftbox{padding: 10px;position: relative;margin-bottom: 20px;border: 1px solid #eee;}
.wrapper .left .leftbox .left_title{padding-bottom: 10px; border-bottom: 1px solid #eeeeee; padding-left: 5px;}
.wrapper .left .leftbox .left_title h3{font-size: 18px; font-weight: normal; color: #037EDB; display: block; text-transform: uppercase;}
.wrapper .left .leftbox .leftprocomt{padding-top: 10px;}
.wrapper .left .leftbox .leftprocomt li{float: left;text-align:center;width: 104px;margin-right: 10px;}
.wrapper .left .leftbox .leftprocomt li img{width: 104px;height: 78px;border-radius: 3px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.wrapper .left .leftbox .leftprocomt li p{font-size: 12px;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.wrapper .left .leftbox .leftprocomt li:hover img{-webkkit-filter:brightness(105%);filter:brightness(105%);} .leftprocomt li:hover p{color: #037EDB;}
.wrapper .left .leftbox .cont{padding-top: 18px;white-space: normal;}
.wrapper .left .leftbox .cont .img{float: left;display: block;border: 1px solid #e5e5e5;margin: 0 auto 10px;}
.wrapper .left .leftbox .cont img{width: 216px;height: 216px;}
.wrapper .left .leftbox .cont p{white-space: normal; word-break: break-all; word-wrap: break-word;}
.wrapper .left .leftbox .cont .zx{width: 100%;height: 50px;font-size: 20px;line-height: 50px;background: #037EDB;color: #fff;display: block;margin-top: 10px;}
.wrapper .left .leftbox .cont .zx em{width: 50px;height: 50px;display: inline-block;background-position: -152px -152px;vertical-align: top;border-right: 1px solid #fff;margin-right: 35px;}
.wrapper .left .leftbox .cont .zx:hover{background: #ed8e06;}
.wrapper .right{width: 930px;}
.wrapper .right .right_title{padding-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase;}
.wrapper .right .right_title h3{color: #037EDB; font-size: 18px; border-left: 3px solid #037EDB; height: 20px; line-height: 20px; padding-left: 14px; margin-top: 5px;}
.wrapper .right .cont{padding: 20px 0px;color: #666666;}
.wrapper .right .cont .t1{padding: 0 0 25px;color: #037EDB;font-size: 20px;}
.wrapper .right .cont .t2{color: #037EDB;font-size: 30px;display: block;padding: 30px 0;}
.wrapper .right .cont .anlitopH4, .submian .subright .divanli{background: #fff;}
.wrapper .right .cont .anlitopH4{height: 38px; line-height: 38px; border: 1px solid #e4e4e4;}
.wrapper .right .cont .anlitopH4 span{border-left: 5px solid #137c32; height: 38px; line-height: 38px; padding-left: 22px; display: block; float: left; color: #137c32; font-weight: bold; font-size: 14px;}
.wrapper .right .cont .anlitopH4 span .org{color: #ff7e00;}
.wrapper .right .cont .anlitopH4 span .org{display: inline}
.wrapper .right .cont .anlitopH4 a{float: right; padding-right: 20px;}
.wrapper .right .cont .anlitopH4 .tel{float: right; padding-right: 10px; font-size: 14px; color: #007eb9;}
.wrapper .right .cont .divremmnews{border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px; background-color: #fff;}
.wrapper .right .cont .divremmnews ul{width: 100%; overflow: hidden;}
.wrapper .right .cont .divremmnews ul li{float: left;width: 47%;height: 35px;line-height: 35px;margin: 0 1.5%;border-bottom: 1px dashed #ccc;}
.wrapper .right .cont .divremmnews ul li a{height: 35px; line-height: 35px; float: left; overflow: hidden;}
.wrapper .right .cont .divremmnews ul li span{color: #666; float: right; height: 35px; line-height: 35px; white-space: nowrap}
.wrapper .right .cont .divremmnews ul li a:hover{color: #137c32;}




/*产品*/

.wrapper .Productlist{}
.wrapper .Productlist .list{width: 100%;}
.wrapper .Productlist .item{float: left;width: 288px;margin-right: 30px;margin-bottom: 30px;display: block;position: relative;text-align: center;border: 1px solid #eee;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.wrapper .Productlist .item a{display: block; width: 100%;}
.wrapper .Productlist .item img{width: 288px;height: 216px;display: block;}
.wrapper .Productlist .item h3{display: block;/* border: 1px solid #eee; */border-top: 0 none;height: 66px;line-height: 66px;overflow: hidden;text-align: center;font-size: 18px;}
.wrapper .Productlist .item:hover{box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);}
.wrapper .single img{max-width: 100%; display: inline;}
.wrapper .showinfo img{max-width: 100%; display: inline;}
.wrapper .showinfo .Article-title{border-bottom: 1px solid #92e9ff; padding-bottom: 20px; text-align: center;}
.wrapper .showinfo .Article-title h1{font-size: 24px;}
.wrapper .showinfo .Article-title .mark span{font-size: 12px; padding: 0 5px;}
.wrapper .showinfo .newsinfo{padding: 20px 0;}
.wrapper .reLink{height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto;}
.wrapper .reLink .prevLink,.wrapper .reLink .nextLink{width: 50%;}
.wrapper .reLink .nextLink{text-align: right;}
.wrapper .thumblist .item{width: 430px; height: 144px; margin-right: 38px;}
.wrapper .thumblist .item a{width: 414px; height: 128px; padding: 8px;}
.wrapper .thumblist .item img{width: 180px; height: 127px; display: block;}
.wrapper .thumblist .item .txt{width: 212px; height: 127px; overflow: hidden; position: relative;}
.wrapper .thumblist .item .txt h3{height: 30px; line-height: 30px; overflow: hidden;}
.wrapper .thumblist .item .txt p{padding-top: 8px;color: #737373;line-height: 22px;}
.wrapper .thumblist .item .txt .jia{display: none;}
.wrapper .thumblist .item .di{width: 430px; height: 144px; border: 1px solid #e5e5e5; position: absolute; right: -10px; bottom: -10px;}
.showproduct .tod{padding-bottom: 60px;}
.showproduct .tiao{background: url(../images/tiao.jpg) repeat left bottom;height: 20px;width: 100%;margin-bottom: 40px;}
.showproduct .showImg{width: 475px;height: 357px;}
.showproduct .showImg .showImg_left{width: 473px;height: 355px;position:relative;overflow:hidden;border: 1px solid #e5e5e5;}
.showproduct .showImg .showImg_left .hd{position:absolute; bottom:30px; right:20px; height:12px;z-index: 1;}
.showproduct .showImg .showImg_left .hd ul{display:inline-block;}
.showproduct .showImg .showImg_left .hd ul li{display:block;float:left;width:12px;height:12px;background-color: #037EDB;border-radius:10px;text-indent: -999px;cursor: pointer;margin-left:10px;}
.showproduct .showImg .showImg_left .hd ul li.on{background-color: #ed8e06;}
.showproduct .showImg .showImg_left .bd{width: 473px;height: 355px;}
.showproduct .showImg .showImg_left .bd ul{display:inline-block;}
.showproduct .showImg .showImg_left .bd ul li{float:left;}
.showproduct .showImg .showImg_left .bd ul li img{width: 473px;height: 355px;}
.showproduct .baseInfo{width: 412px;}
.showproduct .baseInfo .t{border-bottom: 1px dotted #dedede;display: block;font-size: 24px;color: #037EDB;font-weight: bold;padding-bottom: 10px;}
.showproduct .baseInfo .desc{padding-top: 18px;color: #999;line-height: 30px;height: 234px;border-bottom: 1px dotted #dedede;overflow: hidden;}
.showproduct .baseInfo .webtel{padding-top: 23px;font-size: 18px;font-family: "AvantGardeITVbyBT Book", arial;}
.showproduct .baseInfo .webtel strong{font-size: 40px; color: #037EDB; font-weight: bold; line-height: 40px;}
.showproduct .detaiInfo .title2{border-bottom: 1px solid #eee;position: relative;padding-bottom: 12px;margin-bottom: 15px;}
.showproduct .detaiInfo .title2 h3{font-size: 20px;color: #333;}
.showproduct .detaiInfo .title2 s{width: 80px; height: 5px; display: block; position: absolute; left: 0; bottom: -2px; background: #037EDB;}
.showproduct .detaiInfo .info{padding: 0 0 30px;}