@charset "UTF-8";
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }

body {
  font-family: '微软雅黑';
  font-size: 14px;
  color: #333333; }

ul,
li {
  list-style-type: none; }

a {
  text-decoration: none;
  color: #333333; }

.st {
  font-family: '宋体'; }

.arial {
  font-family: 'Arial'; }

.font12 {
  font-size: 12px; }

.font16 {
  font-size: 16px; }

.font18 {
  font-size: 18px; }

.color666 {
  color: #666666; }

.color999 {
  color: #999999; }

.center-block {
  display: block;
  margin: 0 auto; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.clearfix::after {
  content: "";
  display: block;
  height: 0px;
  visibility: hidden;
  clear: both; }

.product-content h1 {
	font-weight: normal;
	color: #000;
	font-size: 24px;
	text-align: center;
}

.info-text {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
}
.content {
	line-height: 28px;
}

.content-img {
	display: block;
	margin: 0 auto;
}

.container {
  position: relative;
  width: 1200px; }

.top-line {
  background-color: #006bcb;
  height: 4px; }

.top {
  background-color: #e5e5e5;
  height: 36px;
  line-height: 36px; }

.logo {
  margin-top: 15px;
  margin-bottom: 10px; }
  .logo .logoline {
    margin-left: 24px; }
  .logo .logo-left {
    line-height: 68px; }
    .logo .logo-left p {
      margin-left: 16px; }
  .logo .rex {
    line-height: 26px;
    background-image: url("/skin/default/images/tel.png");
    background-repeat: no-repeat;
    height: 22px;
    line-height: 22px;
    padding-left: 30px; }
  .logo .rexp {
    margin-top: 8px; }

.nav {
  height: 50px;
  line-height: 50px;
  background-color:#009e96; }
  .nav li {
    position: relative;
    text-align: center;
    width: 170px; }
    .nav li:hover {
      background-color: #ec6700; }
    .nav li::after {
      content: "";
      position: absolute;
      right: 0px;
      top: 0px;
      height: 100%;
      background-color: #fff;
      width: 1px; }
    .nav li:last-child::after {
      display: none; }
  .nav a {
    color: #ffffff;
    display: block; }

.banner {
  position: relative;
  margin-top: 6px; }
  .banner,
  .banner .banner-ul {
    height: 450px;
    overflow: hidden; }
  .banner .banner1 {
    background-image: url("/skin/default/images/banner.jpg");
    background-position: center center; }
  .banner .banner2 {
    background-image: url("/skin/default/images/banner1.jpg");
    background-position: center center; }
  .banner .banner3 {
    background-image: url("/skin/default/images/banner2.jpg");
    background-position: center center; }
  .banner .btn-container {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0; }
  .banner .btn-next,
  .banner .btn-prev {
    background-image: url("/skin/default/images/slider-arrow.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 60px;
    z-index: 999;
    background-color: #000;
    opacity: 0.5;
    cursor: pointer; }
  .banner .btn-prev {
    background-position: -126px -136px;
    left: 0; }
  .banner .btn-next {
    background-position: -10px -136px;
    right: 0; }
  .banner .banner-ul li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
  .banner .banner-btn {
    position: relative;
    height: 8px;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
    z-index: 100;
    cursor: pointer; }
    .banner .banner-btn .btn-li {
      margin-left: 10px;
      width: 56px;
      height: 4px;
      background-color:#009e96;
      opacity: 0.8;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); }
      .banner .banner-btn .btn-li:first-child {
        margin-left: 0; }



.case {
  text-align: center;
  margin-top: 36px; }
  .case .h3 {
    font-size: 24px;
    font-weight: normal; }
  .case .en {
    text-transform: uppercase;
	color:#009e96; }
  .case .en-box {
    position: relative;
    margin-top: 10px; }
  .case .en-box-line {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 442px;
    height: 1px;
    background-color: #b5b5b5; }
  .case .en-box-line1 {
    left: 0px; }
  .case .en-box-line2 {
    right: 0px; }

.case-pic {
  margin-top: 38px; }
  .case-pic ul li {
    width: 277px;
    text-align: center;
    margin-left: 30px; }
    .case-pic ul li:first-child {
      margin-left: 0px; }
  .case-pic ul img {
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 200px; }

.about {
  margin-top: 44px; }
  .about .about-left {
    width: calc(100% - 550px); }
  .about .about-content {
    text-indent: 2em;
    line-height: 30px;
    margin-top: 30px;
    letter-spacing: 1px; }
  .about .about-more {
    color:#009e96;
    margin-top: 20px;
    display: block; }

.pro {
  background-position: center center;
  background-repeat: no-repeat; }
  .pro .case {
    padding-top: 36px; }
  .pro .h3 {
}
  .pro .en {
 }
  .pro .pro-container {
    margin-top: 40px; }
  .pro .en-box-line {
    background-color: #b5b5b5; }
  .pro .pro-list-container {
    width: 1168px;
    height: 280px;
    position: relative;
    overflow: hidden; }
  .pro .pro-list {
    position: absolute;
    left: 0px;
    top: 0px; }
    .pro .pro-list li {
      text-align: center;
      width: 292px; }
      .pro .pro-list li a {
        display: block;
        color: #ffffff;
        background-color: #ec6700;
        width: 262px;
        margin: 0 auto;
        /*height: 30px;*/
        line-height: 30px; }
		.pro .pro-list li a:first-child {
			height: 198px !important;
		}
      .pro .pro-list li img {
        border: 1px solid #c6c4c5;
        width: 262px;
        height: 198px; }
  .pro .pro-btn-prev,
  .pro .pro-btn-next {
    width: 16px;
    height: 100px;
    position: absolute;
    background-color: rgba(136, 136, 136, 0.5);
    top: 49px;
    line-height: 100px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px; }
  .pro .pro-btn-prev {
    left: 0px; }
  .pro .pro-btn-next {
    right: 0px; }

.news {
  margin-top: 30px; }
  .news .news-box {
    width: 48%; }
  .news .news-left li {
    border: 1px solid #aaaaaa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
	overflow:hidden;
	}
.news .news-left .news-img {
	width:25%;
	overflow:hidden;
	}	
	.news .news-left .news-img  img{
		width:100%;
		height:95px;}
  .news .news-left .news-title {
	  width:70%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
	margin-left:5%; }
  .news .news-left .news-info {
    text-indent: 2em;
    line-height: 26px;
	width:70%;
	margin-left:5%;}
  .news .news-right li {
    border: 1px solid #aaaaaa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
	overflow:hidden; }
	.news .news-right .news-img {
	width:25%;
	overflow:hidden;
	}	
	.news .news-right .news-img  img{
		width:100%;
		height:95px;}
  .news .news-right .news-title {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
	 width:70%;
	 margin-left:5%; }
  .news .news-right .news-info {
    text-indent: 2em;
    line-height: 26px;
	width:70%;
	margin-left:5%; }

.link {
  background-color: #f0f0f0;
  height: 54px;
  line-height: 54px;
  margin-top: 26px; }
  .link .linkline {
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 15px; }
  .link .link-list li {
    position: relative;
    margin: 0px 10px;

    text-align: center; }
	.link .link-list li a{ color:#333; font-size:14px;}
    .link .link-list li::after {
      content: "";
      position: absolute;
      right: -10px;
      top: 21px;
      width: 1px;
      height: 14px;
      background-color: #333; }

footer {
  background-color:#454545;
  padding-top: 24px;
  padding-bottom: 24px; }
  footer .footer-nav {
    text-align: center; }
    footer .footer-nav ul {
      display: inline-block; }
    footer .footer-nav a {
      color: #ffffff; }
  footer .footerp {
    color: #ffffff;
    text-align: center; }
  footer .footerp1 {
    margin-top: 30px; }
  footer .footerp2 {
    margin-top: 10px; }


.xinwen ul li{
	width:100%;
	overflow:hidden;
	}


.xinwen .news-img{
	width:20% !important;
}
.xinwen .news-img img{
	width:100%;
	height:100px;
}
.xinwen .news-title{
	width:75% !important;
	margin-left:5%;
	font-weight:bolder;
	line-height:30px;
}
.xinwen .news-info{
	width:75% !important;
	margin-left:5%;
	line-height:28px;
}


.mob-banner,
.mob-pro,
.mob-fenlei {
  display: none; }

@media screen and (max-width: 1200px) {
  .indexurl2 {
    display: block !important; }
  .indexurl3 {
    display: none !important; }
  .current-about .current-about-right .product-list img {
    height: 150px !important; }
  .news .news-box img {
    height: 200px; }
  .product-list {
    padding-top: 50px; }
    .product-list li {
      width: 48% !important;
      margin-left: 0px !important; }
      .product-list li:nth-of-type(2n) {
        margin-left: 4% !important; }
    .product-list a {
      display: block; }
    .product-list img {
      width: 100%;
      border: 1px solid #dcdcdc; }
	  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/rig.png) !important;
    right: 10px;
    left: auto;

}

  .about .about-content {
        height: 276px;
    overflow: hidden;}
.font16{
	font-size:14px;}
	.xinwen .news-info{
		font-size:12px;
		line-height:22px;
		height:70px;
		overflow:hidden;
		}
		.xinwen .news-title{
			line-height:26px;
			height:26px;
			overflow:hidden;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/lef.png) !important;
    left: 10px;
    right: auto;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #009e96 !important;
}

  .current-about .current-about-left .title,
  .current-about .current-about-left .about-item2 {
    display: none; }
  .current-about .current-about-left .about-item {
    position: absolute;
    right: 15px;
    top: 0px;
    background-color: #fff; }
  .current-about .current-about-left .mob-fenlei {
    width: 220px;
    background-color: #006bcb;
    text-align: center;
    height: 33px;
    line-height: 33px;
	display: block;
    color: #fff; }
  .current-about .current-about-left .fenlei {
    display: none; }
  .current-about .current-about-right {
    margin-left: 0px !important;
    width: 100% !important; }
    .current-about .current-about-right img {
      width: 100% !important; }
  .container {
    width: 100%;
    max-width: 640px;
    padding-left: 15px;
    padding-right: 15px; }
  .logo .logo-left p {
    line-height:15px;
margin-left:55px;    }
  .nav {
    height: auto; }
    .nav li {
      width: 25%; }
  .banner {
    display: none; }
  .mob-banner,
  .mob-pro {
    display: block; }
  .swiper-container img {
    max-width: 100%; }
  .swiper-container .swiper-slide {
    text-align: center; }
  .case .en-box-line {
    display: none; }
  .case-pic {
    margin-top: 38px; }
    .case-pic ul li {
      width: 48%;
      text-align: center;
      margin-bottom: 15px;
      margin-left: auto; }
      .case-pic ul li:first-child {
        margin-left: 0px; }
      .case-pic ul li:nth-of-type(2n) {
        margin-left: 4%; }
    .case-pic ul img {
      border: 1px solid #dcdcdc;
      width: 100%;
	  height:150px; }
  .about .about-left {
    width: 100%; }
  .about .about-right {
    display: none; }
  .pro .pro-container {
    display: none; }
  .mob-pro {
    margin-top: 40px;
    padding-bottom: 30px; }
    .mob-pro img {
      width: 90%;
      height: 200px; }
    .mob-pro a {
      display: block;
      color: #ffffff;
      text-align: center; }
  .footer-nav {
    display: none; }
  footer {
    padding-left: 15px;
    padding-right: 15px; }
    footer .footerp1 {
      margin-top: 0px; }
  .link {
    height: auto; }
  .news .news-box {
    width: 100% !important; }
    .news .news-box img {
      width: 100%; }
    .news .news-box li {
      margin-bottom: 15px; } }

.current-about {
  margin-top: 40px; }
  .current-about .current-about-left {
    width: 250px; }
    .current-about .current-about-left .about-item {
      border: 1px solid #dcdcdc; }
    .current-about .current-about-left .title {
      height: 130px;
      background-image: url("/skin/default/images/bg.jpg");
      font-size: 30px;
      letter-spacing: 5px;
      line-height: 130px;
      text-align: center;
      color: #ffffff;
      position: relative;
      margin-bottom: 18px; }
    .current-about .current-about-left .pro-title {
      position: relative;
      z-index: 3; }
    .current-about .current-about-left .mask {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 2; }
    .current-about .current-about-left .fenlei {
      width: 220px;
      margin: 0 auto; }
    .current-about .current-about-left .fir-nav {
      background-color: #f2914a;
      color: #ffffff;
      height: 36px;
      line-height: 36px;
      padding-left: 10px;
      position: relative; }
      .current-about .current-about-left .fir-nav::after {
        content: ">";
        position: absolute;
        right: 12px;
        top: 0px;
        color: #ffffff;
        transform: rotate(90deg); }
    .current-about .current-about-left .sec-nav {
      display: none; }
      .current-about .current-about-left .sec-nav li {
        border-bottom: 1px dashed #dcdcdc;
        height: 40px;
        line-height: 40px;
        background-image: url("/skin/default/images/nav-icon.jpg");
        background-repeat: no-repeat;
        background-position: 18px center;
        padding-left: 48px; }
    .current-about .current-about-left .sec-nav1 {
      display: block; }
    .current-about .current-about-left .fenlei-item {
      margin-bottom: 24px; }
    .current-about .current-about-left .contact-title {
      height: 46px;
      line-height: 46px;
      text-align: center;
      color: #ffffff;
      position: relative; }
      .current-about .current-about-left .contact-title .bg {
        position: absolute;
        left: 0px;
        height: 23px;
        width: 100%; }
      .current-about .current-about-left .contact-title .bg1 {
        top: 0px;
        background-color: #14bbb3; }
      .current-about .current-about-left .contact-title .bg2 {
        top: 23px;
        background-color: #009e96; }
      .current-about .current-about-left .contact-title .lx {
        position: relative;
        z-index: 9;
        letter-spacing: 2px; }
    .current-about .current-about-left .lx-content p {
      height: 36px;
      line-height: 36px;
      border-bottom: 1px dashed #dcdcdc;
      padding-left: 16px; }
    .current-about .current-about-left .about-item2 {
      margin-top: 38px; }
  .current-about .current-about-right {
    margin-left: 30px;
    width: 920px; }
    .current-about .current-about-right .indexurl {
      height: 36px;
      line-height: 36px;
      background-image: url("/skin/default/images/jt.png");
      background-repeat: no-repeat;
      padding-left: 30px;
      background-position: 0 center;
      border-bottom: 1px solid #ccc;
      margin-bottom: 30px; }
    .current-about .current-about-right .indexurl2 {
      display: none; }
    .current-about .current-about-right .about-content {
      text-indent: 2em;
      line-height: 34px; }
      .current-about .current-about-right .about-content img {
        margin-top: 50px; }
    .current-about .current-about-right .product-list li {
      width: 286px;
      margin-left: 30px;
      text-align: center;
      margin-bottom: 10px; }
      .current-about .current-about-right .product-list li:nth-of-type(3n+1) {
        margin-left: 0px; }
    .current-about .current-about-right .product-list a {
      display: block; }
    .current-about .current-about-right .product-list img {
      width: 100%;
      border: 1px solid #dcdcdc;
      height: 216px; }
    .current-about .current-about-right .news-list li {
      border-bottom: 1px dashed #dcdcdc;
      padding-bottom: 12px;
      margin-bottom: 12px; }
    .current-about .current-about-right .news-list a {
      width: calc(100% - 80px);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }

@media screen and (max-width: 424px) {
  .logoline {
    display: none; }
  .current-about .current-about-right .product-list img {
    height: 130px; }
  .news .news-box img {
    height: 150px; }
  .mob-pro img {
    height: 130px; }
  .nav {
    height: auto; }
    .nav li {
      width: 33.333%; }
      .nav li:first-child {
        display: none; }
      .nav li:last-child {
        }
  .news .news-left li {
    width: 100%; }
    .news .news-left li:nth-of-type(2) {
      margin-left: 0px; }
  .news .news-left img {
    width: 100%; }
  .news .news-left .about-more {
    margin-bottom: 15px; }
  .top {
    display: none; }
  .rex-box {
    display: none; }
  .logo {
    margin-top: 15px;
    margin-bottom: 15px; }
  .logo-left {
    width: 100%;
    text-align: center;
    line-height: 0px !important; }
    .logo-left img {
      float: none; } }

.pages {
	text-align: center;
	margin-top: 20px;
}
.pages a {
	display: inline-block !important;
	border: 1px solid #E8E8E8;
	background-color: #EFEFEF;
	width: 100px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 2px;
	color: #666;
	margin-right: 10px;
}
.current-page {
	margin-right: 10px;
	color: #666;
	border-radius: 2px;
	display: inline-block !important;
	border: 1px solid #E8E8E8;
	background-color: #EFEFEF;
	width: 44px !important;
	height: 28px;
	line-height: 28px;
	text-align: center;
}
a[title="Total record"] {
	width: 128px !important;
}
.pages-num,.start-page,.last-page {
	width: 44px !important;
}
.prev-page,.next-page {
	width: 56px !important;
}