@font-face {
/* font-test*/
font-family: FZLTHJW;
src:url('../font/FZLTHJW.ttf'); /* IE9 */
}
*{margin:0px; padding:0px; /*list-style:none; */outline:none; font-family:"FZLTHJW",Microsoft YaHei,simsun, Arial, Helvetica, sans-serif;}
body{line-height:24px; font-size:14px; color:#666; background:#fff;}
img{border:0px;}
a{color:#333333; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
a:hover{color:#ab7b31;}
.clear{clear:both; height:0px; font-size:0px;}
.guide{width:100%;height:637px; position:relative}
.guide1{width:100%; height:90px; position:absolute; left:0px; z-index:99999999;background:rgba(255,255,255,0.7);}
.guide1_1{width:1400px;margin:auto;}
.guide1_1_1{float:left;width:280px;}
.guide1_1_1 img{margin-top:14px;widtH:190px;}
.guide1_1_2{float:left;width:1120px;color:#000;font-size:16px;text-align:right;line-height:90px;}
.guide1_1_2 A:link,.guide1_1_2 A:active,.guide1_1_2 A:visited{color:#000;TEXT-DECORATION: none;margin-left:52px}
.guide1_1_2 A:hover{COLOR: #f00; TEXT-DECORATION: none;font-weight:bold}
.guide1_1_2 A.on{color:#f00;font-weight:bold}

.guide1_1_2_1{float:left;width:734px;color:#333;font-size:16px;text-align:right;line-height:115px;}
.guide1_1_2_1 A:link,.guide1_1_2_1 A:active,.guide1_1_2_1 A:visited{color:#333;TEXT-DECORATION: none;margin-left:52px}
.guide1_1_2_1 A:hover{COLOR: #53c7cf; TEXT-DECORATION: none;font-weight:bold}

.guide1_1_3{float:left;width:220px;text-align:right;line-height:115px;font-size:16px;color:#3abfc7}
.guide1_1_3 A:link,.guide1_1_3 A:active,.guide1_1_3 A:visited{color:#3abfc7;TEXT-DECORATION: none;}
.guide1_1_3 A:hover{COLOR: #53c7cf; TEXT-DECORATION: none;font-weight:bold}
.guide1_1_3 img{vertical-align:middle;width:20px;}

.guide1_2{width:100%; height:900px; position:absolute; left:0px; z-index:99999998;top:0px;}

.kd{width:1400px;margin:auto;}


.lm_jj{margin-top:68px;background:url(../images/lm_jj_bg.jpg) no-repeat right bottom;height:543px; overflow:hidden}
.lm_jj_1{float:left;width:625px;}
.lm_jj_1_1{margin-top:39px;line-height:97px;font-size:40px;font-weight:bold;color:#333}
.lm_jj_1_2{height:180px;line-height:36px; overflow:hidden;margin-bottom:46px;font-size:14px;color:#555}
.lm_jj_2{float:right;width:699px;}
.lm_jj_2 img{margin-top:35px}

.lm_yj{background:url(../images/lm_yj_bg.jpg) no-repeat top center;height:333px;margin-top:70px;}
.ny_jj2_1{float:left;widtH:350px;height:135px;margin-top:122px}
.ny_jj2_2{float:left;line-height:70px;font-size:60px;color:#fff;margin-right:5px}
.ny_jj2_3{float:left;line-height:48px;margin-top:22px;color:#fff;font-size:18px;}
.ny_jj2_4{line-height:34px;color:#fff;font-size:16px;font-weight:bold}


.lm_down{background:url(../images/lm_down_bg.jpg) repeat-x;height:413px;}
.lm_down_1{height:39px}
.lm_down_2{height:285px; overflow:hidden}
.lm_down_2_1{float:left;width:173px;margin-right:20px}
.lm_down_2_2{float:left;width:242px;margin-right:20px}
.lm_down_2_3{float:left;width:290px;margin-right:20px}
.lm_down_2_4{float:left;width:313px;margin-right:20px}
.lm_down_2_5{float:left;width:159px;margin-top:12px}
.lm_down_2_6{float:left;width:143px;margin-top:12px}
.lm_down_2_7{font-size:14px;line-height:43px;font-weight:bold;color:#fff}
.lm_down_2_7 A:link,.lm_down_2_7 A:active,.lm_down_2_7 A:visited{color:#fff;TEXT-DECORATION: none;}
.lm_down_2_7 A:hover{COLOR: #ece415; TEXT-DECORATION: none;}
.lm_down_2_8{line-height:27px;}
.lm_down_2_9{line-height:38px;text-align:center}
.lm_down_3_1{float:left;width:1098px;line-height:89px;}
.lm_down_3_2{float:left;width:302px;line-height:89px;text-align:right}
.lm_down_3_3{color:#cdcdcd;}
.lm_down_3_3 A:link,.lm_down_3_3 A:active,.lm_down_3_3 A:visited{color:#cdcdcd;TEXT-DECORATION: none;}
.lm_down_3_3 A:hover{COLOR: #ece415; TEXT-DECORATION: none;}


.aa01{width:200px; height:45px; line-height:45px; display:block; position:relative;}
.aa01 font{width:45px; text-align:center; color:#FFF; font-size:30px; background:#555; display:inline-block;}
.aa01 span{width:155px; text-align:center; background:#b7b7b7; position:absolute; top:0px; right:0px;}
.aa01:hover span{background:#555; color:#FFF;}
.aa01:hover font{background:#e50014;}


.sub-nav {border-bottom: 1px solid #efefef;}
.sub-nav .con {
    margin: auto;
    padding: 24px 20px;
    max-width: 1400px;
    overflow: hidden;
}
.sub-nav li {
    float: left;
    margin-right: 20px;
    width: 12%;
	margin-bottom:12px;
	list-style:none
}
.sub-nav li a.current {
    background: #f48e13;
    color: #fff;
}
.sub-nav li a {
    display: block;
    height: 48px;
    background: #fff;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
	border:1px solid #efefef
}


.container {
  margin: auto;
  padding: 0 20px;
  max-width: 1400px;
}

.news-list {
  padding: 40px 0 100px;
}
.news-list ul {
  padding-bottom: 50px;
}
.news-list li {
  padding: 40px 0;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}
.news-list li .pic {
  float: left;
  position: relative;
  width: 26%;
  box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
  overflow: hidden;
}
.news-list li .pic img {
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.news-list li .pic .date {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 4px 8px;
  border-radius: 3px;
  background: rgba(255,255,255,0.8);
  font-family: "AvantGarde-Medium";
  font-size: 14px;
  color: #999;
}
.news-list li .con {
  float: right;
  width: 70%;
}
.news-list li .con h4 {
  font-size: 20px;
  line-height: 160%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-list li .con p {
  font-size: 14px;
  color: #888;
  line-height: 200%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-list li .btm {
  padding-top: 6px;
}
.news-list li .more-btn {
  padding-right: 36px;
  /*background: url("../images/product-more.png") no-repeat right center;*/
  font-size: 12px;
  color: #ccc;
  transition: all 0.3s ease-in-out;
}
.news-list li a:hover .pic img {
  transform: scale(1.05);
}
.news-list li a:hover .more-btn {
  padding-right: 48px;
}

.about-intro {
  padding: 50px 0;
  font-size: 16px;
  line-height: 36px;
}
.about-intro p {
  padding-bottom: 14px;
}
.about-intro img {
  padding: 20px 0;
  max-width: 100%;
}

.product-list {
  padding: 100px 0;
  overflow: hidden;
}
.product-list ul {
  padding-bottom: 20px;
  width: calc(100% + 40px);
  overflow: hidden;
}
.product-list li {
  float: left;
  margin: 0 40px 40px 0;
  width: calc(100% / 4 - 40px);
}
.product-list li a {
  display: block;
  border: 2px solid #f0f0f0;
  background: #fafafa;
}
.product-list li .pic {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product-list li .pic img {
  width: 100%;
  transition: all 0.3s ease-in-out;
  width:315px;
  height:250px;
}
.product-list li a:hover .pic img {
  transform: scale(1.05);
}
.product-list li .con {
  padding: 24px;
  /*background: url("../images/product-more.png") no-repeat right 24px bottom 28px;*/
  height:50px;
}
.product-list li .con h4 {
  font-size: 16px;
  font-weight: normal;
  /*white-space: nowrap;
  overflow: hidden;*/
 /* text-overflow: ellipsis;*/
  margin:0px;
  text-align:center
}
.product-list li .con p {
  padding-top: 12px;
  font-size: 14px;
  margin:0px;
  color: #999;
}
.product-list li a:hover {
  border: 2px solid #1a6fc9;
  background: #1a6fc9;
  box-shadow: 0 4px 24px rgba(0,0,0,0.1);
}
.product-list li a:hover h4, .product-list li a:hover p {
  color: #fff;
}

.sub-container {
  margin: auto;
  padding: 50px 20px;
  max-width: 1400px;
}


.contact-tit {
  padding-bottom: 60px;
  border-bottom: 1px solid #e6e6e6;
}
.contact-tit h3 {
  font-size: 24px;
  font-weight: normal;
}
.contact-tit p {
  padding-top: 20px;
  font-size: 14px;
  color: #999;
}

.contact-list {
  padding: 80px 20px;
  border-bottom: 1px solid #e6e6e6;
  background: url("../images/contact-bg.png") no-repeat center bottom;
  overflow: hidden;
}
.contact-list li {
  float: left;
  width: 33.33%;
  text-align: center;
}
.contact-list li i {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  background-color: #0998e0;
}
.contact-list li i.ico-1 {
  background-image: url("../images/contact-ico-1.png");
}
.contact-list li i.ico-2 {
  background-image: url("../images/contact-ico-2.png");
}
.contact-list li i.ico-3 {
  background-image: url("../images/contact-ico-3.png");
}
.contact-list li h4 {
  padding-top: 24px;
  font-size: 15px;
}
.contact-list li p {
  padding-top: 12px;
  font-size: 15px;
}
.contact-con {
  padding: 40px 20px;
  border-bottom: 1px solid #e6e6e6;
  background: #fafafa;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}

.contact-qrcode {
  padding-top: 60px;
  text-align: center;
}
.contact-qrcode img {
  border: 1px solid #efefef;
  border-radius: 4px;
}
.contact-qrcode p {
  padding-top: 15px;
  font-size: 13px;
  color: #999;
}
.contact-map {
  position: relative;
  width: 100%;
  height: 400px;
}
.contact-map #map {
  width: 100%;
  height: 100%;
}


.article-main {
  float: left;
  width: 68%;
}

.article-tag a {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #ff9326;
  border-radius: 2px;
  font-size: 14px;
  color: #ff9326;
}

.article-tit {
  margin:0px;
  padding: 30px 0 39px;
}
.article-tit h1 {
  font-size: 32px;
}

.article-bar {
  margin:0px;
  padding: 12px 16px;
  border: 1px solid #f0f0f0;
  background: #fafafa;
  overflow: hidden;
}
.article-bar .info {
  float: left;
  font-family: Arial;
  color: #999;
  line-height: 24px;
}
.article-bar .date {
  padding-left: 24px;
  background: url("../images/date-ico.png") no-repeat left center;
}
.article-bar .visit {
  padding-left: 24px;
  background: url("../images/visit-ico.png") no-repeat left center;
}
.article-bar .share {
  float: right;
}

.article-con {
  padding-top: 60px;
  font-size: 16px;
  line-height: 240%;
}
.article-con p {
  padding-bottom: 24px;
}
.article-con img {
  padding: 20px 0;
  max-width: 100%;
}

.article-side {
  float: right;
  margin-top: 140px;
  padding: 30px 29px;
  width: 25%;
  box-sizing: border-box;
  border: 1px solid #efefef;
  border-top: 2px solid #1a71c8;
}
.article-side h3 {
  font-size: 18px;
  color: #1a71c8;
}
.article-side ul {
  padding:0px;
  padding-top: 30px;
  margin:0px;
}
.article-side li {
  padding-bottom: 30px;
}
.article-side li img {
  width: 100%;
}
.article-side li h4 {
  margin:0px;
  padding-top: 16px;
  font-size: 14px;
  font-weight: normal;
  line-height: 160%;
}
.article-side li p {
  padding-top: 12px;
  font-family: Arial;
  font-size: 13px;
  color: #999;
  line-height: 20px;
}
.article-side li .date {
  padding-left: 22px;
  background: url("../images/date-ico.png") no-repeat left center;
}
.article-side li .visit {
  padding-left: 22px;
  background: url("../images/visit-ico.png") no-repeat left center;
}

.article-btm {
  padding: 60px 20px;
  background: #f6f6f6;
}
.article-btm .con {
  margin: auto;
  padding: 50px 0;
  max-width: 1400px;
  background: #fff;
  overflow: hidden;
}
.article-btm .related {
  float: left;
  padding: 0 60px;
  width: 68%;
  box-sizing: border-box;
  overflow: hidden;
}
.article-btm .related h4 {
  margin:0px;
  font-size: 14px;
  font-weight: normal;
  color: #999;
}
.article-btm .related p {
  margin:0px;
  padding:0px;
  padding-top: 12px;
  font-size: 15px;
  line-height: 160%;
}
.article-btm a.prev {
  float: left;
  display: block;
  width: 46%;
}
.article-btm a.prev .arrow {
  padding-left: 30px;
  background: url("../images/prev-arrow.png") no-repeat left center;
}
.article-btm a.next {
  float: right;
  display: block;
  width: 46%;
}
.article-btm a.next .arrow {
  padding-right: 30px;
  background: url("../images/next-arrow.png") no-repeat right center;
}
.article-btm .back {
  float: right;
  padding-top: 25px;
  width: 25%;
  height: 50px;
  border-left: 1px solid #efefef;
  text-align: center;
}
.article-btm .back a {
  display: inline-block;
  padding-left: 24px;
  height: 25px;
  background: url("../images/list-ico.png") no-repeat left center;
  font-size: 14px;
  line-height: 25px;
}


.list-paddingleft-2 {padding-left: 30px;}

.list-paddingleft-2 ul{list-style-type: disc;}
.list-paddingleft-2 ul li{display: list-item;text-align: -webkit-match-parent;}

.list-paddingleft-2 ul li p{margin: 5px 0;display: block;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;}

