@charset "utf-8";
/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;  font-family:"微软雅黑"
 }
body {line-height:1.5em;}
header{ display:block;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a {text-decoration:none;outline:0 none;}
a:hover{ text-decoration:none;}
li{ list-style:none;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*公用*/
.w{ max-width:750px; min-width:300px; margin:0 auto; background:#fff;}
.w_1{ width:100%;}
.w_2{ width:95%; margin:0 auto;}
/*头部*/
body {background: #fff; overflow-x: hidden; padding-bottom:102px;}
.logo{ width:50%; text-align: center; margin: 0 auto;}
.logo a img{ width:100%}
.top_tel{ width:50%; background:url(../img/top_tel.png) left center no-repeat; padding-left:65px;}
/*navs*/
.nav{ background:#1857a4;}
.nav ul li{ width:25%; border-right:dashed #75c3ed 1px; border-bottom:dashed #75c3ed 1px; border-left:dashed #75c3ed 1px;  border-top:dashed #75c3ed 1px; text-align:center; float:left;}
.nav ul li.top{ border-top:none;}
.nav ul li.left{ border-left:none;}
.nav ul li.bottom{ border-bottom:none;}
.nav ul li.right{ border-right:none;}
.nav ul li a{ display:block; line-height:50px; font-size:18px; color:#f7f5f5;}
.nav ul li a:hover{ color:#faec79;}

/*banner*/
.widget-slides{position:relative;margin:0 auto;padding:0;max-width:750px}
.widget-slides .widget-body{padding:0}
.widget-slides .widget-footer{padding:0;margin:0;border:0;display:none}
.widget-slides .list-item img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}
.widget-slides .title{display:none}
.widget-slides.widget-slides-dot .widget-footer{display:block;position:absolute;left:0;width:100%;bottom:0;height:20px;text-align:center;background:0 0}
.widget-slides.widget-slides-dot .widget-footer .nav-list-item{display:inline-block;border-radius:50%;width:10px;height:10px;margin:3px;background:#fff}
.widget-slides.widget-slides-dot .widget-footer .nav-list-item.on{background:#7fbf2b}
.widget-slides.widget-slides-line .widget-footer{display:block;position:absolute;left:0;width:100%;bottom:0;height:10px}
.widget-slides.widget-slides-line .nav-list{display:-webkit-flex;display:flex}
.widget-slides.widget-slides-line .widget-footer .nav-list-item{flex:100% 1;-webkit-flex:100% 1;height:10px;background:rgba(0,0,0,.5)}
.widget-slides.widget-slides-line .widget-footer .nav-list-item.on{background:rgba(0,0,0,.8)}
.widget-slides.widget-slides-news .widget-footer{display:block;position:absolute;left:0;width:100%;bottom:0;height:30px;text-align:right;z-index:1}
.widget-slides.widget-slides-news .widget-footer .nav-list-item{display:inline-block;border-radius:50%;width:5px;height:5px;margin:12px 5px;background:rgba(0,0,0,.5)}
.widget-slides.widget-slides-news .widget-footer .nav-list-item.on{background:#fff}
.widget-slides.widget-slides-news .list-item{position:relative}
.widget-slides.widget-slides-news .title{box-sizing:border-box;display:block;position:absolute;left:0;width:100%;bottom:0;height:30px;line-height:30px;text-align:left;z-index:1;color:#fff;padding-left:1em;border-top:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 1px #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.3)));background:-webkit-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.3) 100%)}

/*选择原因*/
.padd_20 {padding:0 20px;}
.title_2 {}

/*查询框*/
.sear {width: 90%;margin:0 auto;background: #fafafa;padding:1rem 0;}
.search {width:90%;height: 38px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 auto;}
.search input {width: calc(100% - 45px);height: 36px;border:none;outline: none;background: none;float: left;font-size: 14px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fafafa inset;}
.search .btn {background: url(../images/searchbg.jpg)no-repeat center;border: none;cursor: pointer;float: right;height: 36px;margin: 0;width: 42px;padding: 0;color: #fff;}
.hotskey {width: 90%;height: 30px;line-height: 30px;overflow: hidden;margin: 0 auto;}
.hotskey li,.hotskey li a {font-size: 14px;font-family: "微软雅黑";color:#666;}
.hotskey li {float: left;margin-right: 10px;}
.binfo a:hover{ color:#f00;}

/*product*/
/*产品展示*/
.protit {
  margin:0 0 10px;
  overflow: hidden;
}
.protit h1 {
  line-height: 2;
  text-align: center;
  font-family: "微软雅黑";
  color: #333;
  font-size: 24px;
  font-weight: bold;
}
.protit h1 strong {
  color: #1857a4;
  font-family: "微软雅黑";
  font-size: 24px;
}
.protit em {
  display: block;
  width: 48px;
  height: 4px;
  margin:5px auto;
  background: #747272;
}
.protit p {
  font-family: "微软雅黑";
  color: #333;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
}
/*设备导航样式*/
.pornav {
  width: 100%;
  margin:0 auto;
  height: 100px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.pornav h1{
  width: 20%;
  background: #1857a4;
  color: #fff;
  font-size: 14px;
  height: 100px;
  text-align: center;
  line-height: 25px;
  padding-top: 25px;
  margin: 0 !important;
}
.pornav ul {
  width:calc(80% - 2px);
  overflow: hidden;
  border: 1px solid #ddd;
  overflow: hidden;
  height: 100px;
}
.pornav ul li {
  float: left;
  height: 33px;
  line-height: 33px;
  background: url(../images/pic-jt.jpg) no-repeat left center;
  padding-left: 20px;
  margin-left: 5px;
}
.pornav li a {
  font-size: 14px;
  color: #333;
  font-family: "微软雅黑";
}
.pornav li a:hover {
  color: #1857a4;
}

/*产品列表*/
.probig {width: 100%;margin:0 auto;}
.title_1{ margin-top:20px; background:url(../img/title_01.png) center repeat-x; text-align: center;}
.title_1 a{display: block; margin: 0 auto;font-size: 24px; line-height: 40px; height: 40px; background: #0b82d5;color: #fff; width: 50%; }
.level{ padding-top: 20px; }
.level a{display: block;float: left;text-align: center;width: 48%; margin: 1% 1%;font-size: 18px;color: #000;line-height: 30px;border: #cecece 1px solid; }
.probig li {width: 100%;border-top: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.probig li a{display: block;text-align: center;width: 100%;}
.probig li p {width: 100%;text-align: center;/*display:table-cell;*/vertical-align:middle;*display: block;}
.probig li p img {vertical-align:middle;transition-duration:0.6s;max-width: 100%;max-height: 100%;}
.probig span {display:block;width: 100%;line-height: 3;background: #1857a4;font-size: 14px;color: #fff;}
.probox{ width:48%;border:#cecece 1px solid;margin-top: 20px;float: left;margin-right: calc(2% - 2px);}
.probox a{ display:block; padding:2%; line-height:0;}
.probox div {height: 210px;text-align: center;background: #fff;}
.probox div img{ max-width:100%;max-height:100%;}
.probox a p{font-size: 16px; line-height: 3;text-align: center; color: #000}
.probox a:hover{ background:#1857a4;}
.probox a:hover p{ color:#fff;}

/*通栏展示*/
.tl {width: 100%;padding-top: 20px;}
.tl img {width: 100%;height: auto;}

/*应用案例*/
.case {background: url(../images/yybg.jpg);padding: 2rem 0 3rem;}
.caselist {width: 100%;}
.caselist li {width: 100%;height: 250px;}
.caselist li a{display: block;}
.caselist li .pic-case {width: 50%;height:250px;text-align: center;display: table-cell;vertical-align: middle;*display: block;background: #f8f8f8;}
.caselist li .pic-case img {vertical-align: middle;width: 100%;max-height: 100%;}
.caselist li .casecon {width: 50%;height:250px;background: #fff;padding:20px;}
.caselist li .casecon h1 {color: #333;font-size: 22px;font-weight: bold;line-height: 2;}
.caselist li .casecon p {color: #333;font-size: 16px;line-height: 2;}
.caselist li .casecon span {color: #333;font-size: 16px;line-height: 20px;}
.caselist li:hover .casecon {background: #89bc43;}
.caselist li:hover .casecon h1,.caselist li:hover .casecon p,.caselist li:hover .casecon span {color: #fff;}

/*advantage*/
.advantage {background: #1857a4;}
.advantage .protit h1,.advantage .protit p{color: #fff;}
.advantage .protit em {background: #fff;}
.ys {margin:20px auto;}
.ys img {width: 100%;height: auto;}


/*about*/
.about {background: #fff;}
.about .protit,.new .protit{border-bottom: 1px solid #d7d7d7;}
.aboutcon img {display: block;max-width: 100%;height: auto;margin:0 auto 20px;}
.aboutcon .about-tit {text-align: center;font-size: 20px;color: #333;font-weight: bold;line-height: 2;} 
.aboutcon span {line-height: 25px;font-size: 14px;color: #333;}

/*新闻资讯*/
.new {background: #fff;}
.news {width: 95%;}
.news li {height: 70px;margin-bottom: 20px;}
.news li .date {width: 70px;height: 70px;float: left;border:1px solid #1857a4;}
.news li .date h1 {font-family: "微软雅黑";color: #1857a4;font-size: 24px;text-align: center;line-height: 35px;}
.news li .date h2 {font-family: "微软雅黑";color: #fff;font-size: 14px;text-align: center;line-height: 35px;font-weight: normal;background: #1857a4;}
.news li .newcon {width: calc(100% - 90px);height: 70px;padding-left: 20px;float: left;}
.news li .newcon h1 {font-family: "微软雅黑";color: #333;font-size: 16px;line-height: 35px;height: 35px;font-weight: bold;}
.news li .newcon span {font-family: "微软雅黑";color: #666;font-size: 12px;line-height: 25px;display: block;height: 25px;overflow: hidden;}
.news li:hover .newcon h1,.news li:hover .newcon span {color: #1857a4;}


/*footer*/
.nbom{ position:fixed; bottom:0; height:94px; width:100%; left:0; z-index:100000000000;}
.nbom .w1{ position:relative;background:#1857a4; height:94px;}
.nbom .ahome{ display:block; width:16.87%; height:118px; position:absolute; top:-30px; left:41.56%;}
.nbom .ahome img{ width:100%;}
.nbom .nav-bom{ height:94px;}
.nbom .nav-bom li{height:94px;float:left; width:20%;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#fff; font-size:18px;line-height:23px; text-align:center; position:relative; padding:0; height:94px; display:block;}
.nbom .nav-bom li i{ display:block; width:34.37%; margin:12px auto 0;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#fff;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}

@media (max-width: 414px) {
.nbom{ height:65px;}
.nbom .nav-bom li a{ font-size:16px; line-height:18px;}
.nbom .ahome{ top:-20px}

}
@media (max-width: 320px) {
.nbom{ height:50px;}
.nbom .ahome{ top:-15px}
.nbom .nav-bom li i{ margin-top:5px;}
.nbom .nav-bom li a{ font-size:14px; line-height:19px;}
}

nav{ position:fixed; bottom:0; height:75px; width:100%; left:0;}
.nav_1{background:#505050; padding:1% 5%;}
.nav_1 ul li{ width:25%; float:left;}
.nav_1 ul li a{ display:block; text-align:center;}
.nav_1 ul li a img{width: 36px;}
.nav_1 ul li a p{ text-align:center; font-size:18px; color:#fff;}


.infoTitle{font-size: 18px;font-weight: bold;color: #000;text-align: center;line-height: 30px; padding: 10px 0;}
.infoImage{text-align: center; padding: 10px 0;}
.content img{width: 80%!important;}

/*
* 在线留言
*/
.m-form{}
.m-form p{ color:#8a8a8a; font-size:20px; line-height:30px; text-align:center; padding:5px 0;}
.m-form .form-group{ clear:both; margin:10px 0 0;}
.m-form .form-control{ border:1px solid #e5e5e5; width:100%; padding:2px 10px; color:#acabab; font-size:16px; line-height:40px; height:40px;}
.m-form #content{ height:150px;}
.m-form #ckcode{ float:left; width:40%;}
.m-form img{ float:left; margin:0 0 0 5px;}
.m-form .btn{width: 100%;border-radius: 0;padding:11px 12px;border:none; background:#ff9700; color:#fff;}
.m-form .btn { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.m-form .btn-default:focus,
.m-form .btn-default.focus{color: #fff; background-color: #ff9700;}
.m-form .btn-default:hover{color: #fff; background-color: #ff9700;}
@media (max-width: 414px) {
.m-form p{ font-size:16px;}
.m-form .form-control{ font-size:14px;}
.m-form #content{ height:100px;}
}
@media (max-width: 414px) {
  .nav ul li a{ line-height:50px; font-size:16px;}
  .probox div {height: 110px;}
  .level a{font-size: 14px;}
  .caselist li {height: 142px;}
  .caselist li .pic-case {height:142px;}
  .caselist li .casecon {height:142px;padding: 5px;}
  .caselist li .casecon h1 {font-size: 16px;}
  .caselist li .casecon p {font-size: 14px;}
  .caselist li .casecon span {font-size: 12px;}
}
@media (max-width: 375px) {
  .nav ul li a{ line-height:50px; font-size:14px;}
  .probox div {height: 93px;}
  .level a{font-size: 14px;}
}

/* 本例子css */
.picFocus{ margin:0 auto;  width:333px; border:1px solid #ccc; padding:2px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:62px; height:48px; cursor:pointer; margin-right:1px; border:2px solid #ddd;  }
.picFocus .hd ul li.on{ background:url(../images/icoUp.gif) no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#015d9c;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:330px; height:265px; display:block;  }



nav .menu{ background:#cc0033; height:87px; position:relative;}
.menu ul li{height:87px;float:left; width:20%; background:url(../img/nav_line.jpg) no-repeat right 14px;}
.menu ul li a{ color:#fff; font-size:16px;line-height:36px; text-align:center; position:relative; padding:0; height:87px; display:block;}
.menu ul li a span{ height:26px; width:29px; display:block; margin:19px auto 0; background:url(../img/nav_dot.png) no-repeat 3px 0;}
.menu ul li:hover,.menu ul li.on{ background:url(../img/nav_hover.png) no-repeat center bottom; transition-duration:0.6s;}
.menu ul li:hover a,.nav ul li.on a,.nav ul li a:hover{ color:#fff;transition-duration:0.6s; text-decoration:none;}
.menu ul li.none{}

.menu ul li a.na2 span{ background-position:-130px 0;}
.menu ul li a.na3 span{ background-position:-257px 0;width:28px;}
.menu ul li a.na4 span{ background-position:-386px 0;}
.menu ul li a.na5 span{ background-position:-512px 0;}

.menu ul li .amenu{ background:#f0f0f0; width:100%; bottom:80px; position:absolute; left:0; z-index:-1; display:none;}
.menu ul li .amenu a{ color:#000; display:inline; height:60px; line-height:60px; font-size:13px; margin:0 10px;}

@media (max-width: 414px) {
  .menu ul li a{ font-size:13px;}
}

@media (max-height:480px) {
nav{height:78px;}
nav .menu{height:78px;}
.menu ul li{height:78px; background-position: right 14px;}
.menu ul li a{font-size:13px;line-height:35px; height:78px;}
.menu ul li a span{margin:20px auto 0;}
}

@media (max-height: 320px) {
nav{height:59px;}
nav .menu{height:59px;}
.menu ul li{height:59px; background-position: right 18px;}
.menu ul li a{font-size:14px;line-height:68px; height:80px;}
.menu ul li a span{ display:none;}
}
.block-1{ padding:0 10px;}
.block-1 a{ display:block; float:left; margin-right:2.1%; width:31.93%; line-height:0;}
.block-1 img{ width:100%;}
.block-1 a.last{ margin-right:0;}

.block-3{ padding:0 10px;}
.block-3 .fl{ width:50.5%;}
.block-3 .fr{ width:49%;}
.block-3 a{ display:block; float:left; line-height:0; width:100%;}
.block-3 .fl a{margin-right:2%; margin-bottom:1.1%; width:48.5%;}
.block-3 a img{ width:100%;}
.block-3 a.last{ margin-right:0;}

.block-4{ padding:0 10px;}
.block-4 .fl{ width:49%;}
.block-4 .fr{ width:50.5%;}
.block-4 a{ display:block; float:left; line-height:0; width:100%;}
.block-4 .fr a{margin-right:1%;margin-left:1%; margin-bottom:1.1%; width:48.5%;}
.block-4 a img{ width:100%;}
.block-4 .fr a.ya{ width:97%;}
.block-4 a.last{ margin-right:0;}

.block-5{ padding:0 45px;}
.block-5 a{ display:block; float:left; margin:0 2.5% 3%; width:45%; line-height:0; background:#efefef; overflow:hidden;}
.block-5 img{max-width: 100%;max-height: 100%;height: 100%;}
.block-5 a div{overflow: hidden;width:100%;height: 135px;margin: 0 auto; text-align:center;}
.block-5 a.last{ margin-right:0;}


@media (max-width: 414px) {
  .block-1,.block-3,.block-4,.block-5{ padding:0;}
}
@media (max-width: 375px) {
  .block-5 a div{height: 85px;}
}



.block-2{ background:#fff; padding:20px; border-bottom:1px solid #e8e5e5;}
.block-2 .fr{ width:796px;}
.block-2 a.bk-p{ display:block; float:left; width:25%; text-align:center; line-height:0;background:url(../img/line1.png) repeat-x 0 90px; }
.block-2 a.bk-p img{ margin-bottom:10px;}
.block-2 a.bk-p span{ display:block; color:#4d4d4d; font-size:16px; line-height:45px; text-align:center; background:url(../img/adot_6.png) no-repeat center 0;}
.block-2 a.bk-p:hover img{animation: wrotate 2s infinite;
-moz-animation: wrotate 2s infinite;	/* Firefox */
-webkit-animation: wrotate 2s infinite;	/* Safari 和 Chrome */
-o-animation: wrotate 2s infinite;	/* Opera */
}
@keyframes wrotate
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
@-moz-keyframes wrotate /* Firefox */
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-webkit-keyframes wrotate 
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-o-keyframes wrotate 
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@media (max-width: 375px) {
  .block-2 a.bk-p img{ width:45px;}
  .block-2 a.bk-p span{ font-size:12px; line-height:35px;}
  .block-2 a.bk-p{ background-position: 0 57px;}
}
.block-6{}
.block-6 a{ display:block; text-align:center; float:left; margin-right:1%; margin-bottom:1%; width:49.5%; padding:30px 0;}
.block-6 a:hover{ text-decoration:none;}
.block-6 a div{ height:60px; vertical-align:bottom; line-height:0; width:53px; margin:0 auto;}
.block-6 a div img{ vertical-align:bottom; width:100%;}
.block-6 a span{ display:block; font-size:28px; color:#fff; line-height:45px;}
.block-6 a.ba1{ background:#8cc505;}
.block-6 a.ba2{ background:#ac73c0;}
.block-6 a.ba3{ background:#37b0f5;}
.block-6 a.ba4{ background:#ffc845;}
.block-6 a.last{ margin-right:0;}

@media (max-width: 480px) {
	.block-6 a div{ width:45px;}
  .block-6 a span{ font-size:20px; line-height:35px;}

}
@media (max-width: 320px) {
	.block-6 a div{ width:45px;}
  .block-6 a span{ font-size:16px; line-height:25px;}

}

/*正文*/

.border{ border-top:1px solid #e8e5e5; border-bottom:1px solid #e8e5e5; background:#fff; padding:20px;}

.title-1{margin: 0;padding:0;font-family:"微软雅黑"; height:55px; text-align:center;}
.title-1 span{font-size:18px; display:block; color:#fea34a; line-height:24px; text-align:center; background:url(../img/title_01.jpg) no-repeat center center;}
.t2{ height:26px;}
.t2 span{ line-height:26px; font-size:25px;}
@media (max-width: 375px) {
  .title-1 img{ width:75%;}
  .t2 span{ line-height:26px; font-size:20px;}
}

.title-2{color:#454749;margin: 0;padding:0;font-family:"微软雅黑"; height:39px; border-bottom:1px solid #d6d6d6;}
.title-2 span{font-size:18px; display:block; line-height:39px; float:left;height:39px; float:left;}
.title-2 em{color:#0fa2f6; font-size:14px; font-style:normal; margin:0; font-family:"微软雅黑"; font-weight:normal; text-transform: uppercase;}

.title-3{color:#14a3f4;margin: 0;padding:5px 0;font-family:"微软雅黑"; background:#eee;}
.title-3 span{font-size:16px; display:block; line-height:30px; text-align:center;}
.title-3 em{color:#777; font-size:13px; display:block; text-align:center;}


a.more{ display:block; font-size:0;width:42px; height:14px; line-height:11px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-indent:-10000000px; background:url(../img/more.jpg) no-repeat 0 center; margin:15px 0 0 0; float:right;}

/*面包屑*/
.place{line-height:40px; height:40px;color:#fff;font-size:12px; margin:0; background:#38B1F6;text-transform: uppercase; padding:0 20px;}
.place a{ color:#fff;}
.place a:hover{color:#fea34a; text-decoration:none;}


.ul-news{ margin:0; list-style:none; padding:0;}
.ul-news li{line-height:19px;overflow:hidden; padding:0 0 14px; margin:0 0 14px; border-bottom:1px dotted #d6d6d6;}
.ul-news li div.fl{ width:57px; height:50px; text-align:center;font-family:"微软雅黑"; text-align:center; background:url(../img/date_bg.jpg) no-repeat 0 0;}
.ul-news li div.fl em{ font-size:12px; font-style:normal; line-height:16px; color:#fff; display:block;}
.ul-news li div.fl span{ display:block; color:#fff; font-size:26px; text-align:center; line-height:25px; padding:4px 0 0;}
.ul-news li div.fr{width:88%; height:50px; position:relative; line-height:20px;}
.ul-news li div.fr a{color:#363737;font-family:"微软雅黑"; font-size:14px; line-height:26px; float:left; padding:0;}
.ul-news li div.fr a:hover{ color:#f11212;}
.ul-news li div.fr p{ margin:0; color:#929694; font-size:12px; line-height:24px;font-family:"宋体"; clear:both; overflow:hidden; zoom:1; width:100%; text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.ul-news li:hover{transition-duration:0.6s;}
.ul-news li:hover{transition-duration:0.6s;}
.ul-news li:hover div.fr a{ color:#f11212;}
.ul-news li:last-child{ margin:0; border-bottom:none;}

.content{ padding:20px 0; min-height:468px;line-height:28px; font-size:15px;}
.content p{ line-height:28px; font-size:15px;}

.ul-news2{ width: 100%; margin: 10px auto 0px;}
.ul-news2 li{ list-style: none; height:46px; line-height:46px; border-bottom:1px solid #ededed; background:url(../img/adot_6.png) no-repeat 0 center; padding-left:10px;}
.ul-news2 li a{color:#444; font-size: 14px; font-weight: normal; width:70%; height: 46px; line-height: 46px; display: block; float:left;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.ul-news2 li span{color:#999; display: inline-block; float: right;  font-size: 14px;font-weight: normal;}


.bpad{ padding:20px 30px;}
@media (max-width: 480px) {
  .bpad{ padding:20px;}
  .ul-news li div.fr{ width:77%;}
  .ul-news li div.fr p{ width:100%; text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
}


.ajaxmore{display: block;width: 50%;height: 35px;text-align: center;color: #555;font-size: 14px;border: 1px solid #dadada;background: #f8f8f8;line-height: 35px;margin: 20px auto 0;}
#body {  padding: 4px; background: #fff;}

.tools { width: 100%; margin-bottom: 55px;}
.tools .pagec{ width: 100%; display: block; clear: both; background: #fafafa; height: 60px;}
.tools .pagec a{ width: 50%; display: inline-block; color: #686868; height: 60px; float: left; text-indent: 20px;} 
.tools .pagec .pre{ background-color: #fafafa;border-right: 1px solid #dcdcdc;}
.tools .pagec .next{ background-color: #fafafa;}
.tools .pagec a span { display: block; padding: 5px 0 0 0; color: #999; font-size: 14px; }
.tools .pagec a span.title { color: #4d4d4d;text-overflow: ellipsis;overflow:hidden;white-space:nowrap; width:100%; }
.tools .pagec a .p-content { display: block; height: 60px; width: 100%; }

.plist{} 
.plist li{display:block; float:left; margin:0 2.5% 3%; width:45%; line-height:0; background:#efefef; overflow:hidden;}
.plist li .img{overflow: hidden;width:100%;height: 135px;margin: 0 auto; text-align:center;}
.plist li .img img{ max-width: 100%;max-height: 100%;height: 100%;}
.plist li .ptitle{ line-height:30px;color:#333; text-align:center;}

@media (max-width: 414px) {
  .plist li .img{ height:100px;}

}
@media (max-width: 320px) {
  .plist li .img{ height:70px;}

}


/*产品展示内页*/
.article-image, .ugc img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.pimg{ width: 98%; margin: 20px auto 0; border: 1px solid #ccc; line-height:0;}
.pimg img{ width:100%;  margin:0;}

/*颜色&边距*/
.gray{ color:#7e7e7e;}
.orange{ color:#e3943a;}
.green{ color:#2ea464;}	
.red{ color:#dd1517}
.white{ color:#fff;}
.black{ color:#000;}
.blue{ color:#3366cc}
.price{ color:#777676}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.ptb10{padding:10px 0;}
.ptb20{padding:20px 0;}
.ptb30{padding:30px 0;}
.ptb40{padding:40px 0;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}

/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}