html,body{
	padding: 0;
	margin: 0;
	font-family: "microsoft yahei";
	font-size: 16px;
	color: #333;
	overflow-x:hidden;
}
.wrap{
	max-width: 1200px;
	margin: 0 auto;
}
ul{
	padding: 0;
	margin: 0;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fp-tableCell{
	vertical-align: top;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
img{
	max-width: 100%;
}
input:focus,
button:focus{
	outline: none;
}
/**导航菜单**/
header{
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
}
.on-fixed header{
	box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}
header .logo{
	height: 100px;
	line-height: 100px;
	position: relative;
    z-index: 9999;
}
header .rightDiv .menu{
	text-align: right;
	/*position: relative;*/
	height: 100px;
}
header .rightDiv .menu ul{
	display: inline-block;
	/*overflow: hidden;*/
}
header .rightDiv .menu ul li{
	float: left;
}
header .rightDiv .menu ul li>a{
	padding: 0 5px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #000;
	font-size: 16px;
	display: block;
	position: relative;
	margin: 0 15px;
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
	background: none;
	color: #50aab4;
}
header .rightDiv .menu ul li>a:after{
    content: "";
    position: absolute;
    width: 100%;
    background: #73bbc3;
    height: 4px;
    bottom:0px;
    left: 0;
    /*margin-left: -30%;*/
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
header .rightDiv .menu ul li>a.on:after,
header .rightDiv .menu ul li>a:hover:after{
	opacity: 1;
    transform: scaleX(1);
}
header .rightDiv .ssIcon{
	height: 100px;
	line-height: 100px;
}
header .rightDiv .ssIcon .searchDiv{
	position: absolute;
	width: 100%;
	top: 100px;
	right: 0;
	display: none;
}
header .rightDiv .ssIcon .searchDiv .formDiv{
	background: rgba(255,255,255,.8);
	display: inline-block;
	float: right;
	padding: 20px;
}
header .rightDiv .ssIcon .searchDiv form input{
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #ebf2f3;
	float: left;
	width: 210px;
	color: #000;
}
header .rightDiv .ssIcon .searchDiv form .ssBtn{
	width: 60px;
	height: 40px;
	line-height: 40px;
	background: #50aab4;
	color: #fff;
	float: left;
	border: 0;
}

header .twoMenu{
	position: absolute;
	top:99px;
	left: 0;
	width: 100%;
	background: rgba(80,170,180,.9);
	display: none;
	text-align: left;
}
header .twoMenu .rowDiv{
	overflow: hidden;
	padding: 35px 20px 0;
}
header .twoMenu .colDiv{
	width: 20%;
	float: left;
	position: relative;
}
header .twoMenu .textDiv .h3{
	font-size: 16px;
	color: #fff;
	margin: 0;
}
header .twoMenu .ulDiv{
	margin-top: 20px;
	margin-bottom: 30px;
}
header .twoMenu .liDiv>a{
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	padding-left:15px;
	position: relative;
}
header .twoMenu .liDiv>a:after{
	content: ">";
	/*width: 6px;
	background: #717171;*/
	height: 6px;
	color: #fff;
	position: absolute;
	left: 0;
	font-size: 14px;
	top: -3px;
	/*margin-top: -13px;*/
	border-radius: 50%;
}
header .twoMenu a:hover{
	opacity: .8;
}
header .rightDiv .menu ul li.relativeLi{
	position: relative;
}
header .rightDiv .menu ul li.relativeLi .twoMenu{
	text-align: center;
	line-height: 35px;
}
header .rightDiv .menu ul li.relativeLi .twoMenu .ulDiv{
	margin: 10px 0;
}

header .mbtn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/menu.png) no-repeat center #50aab4;
    background-size: 22px auto;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
header .mbtn:active{
    opacity: .8;
}
body.on-menu header .mbtn{
    background-image: url(../img/menu-hide.png);
}

/****底部***/
.footer{
	background: #333333;
	font-size: 12px;
	color: #898989;
}
.footer .wrap{
	text-align: center;
	padding: 15px 0;
}

/********************************* 首页 **********************************/
/*banner轮播*/
.index-banner{
    width: 100%;
	position:relative;
	margin-top: 100px;
}
.index-banner img{ width:100%}

.index-banner .imgDiv{
	position: relative;
	min-height:500px;
	display:flex;
    justify-content:center;
    align-items:center;
}
.carousel-indicators{
	bottom: 10px;
}
.carousel-indicators .active{
	width: 15px;
	height: 15px;
	margin: 0 2px;
}
.carousel-indicators li{
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
	margin: 0 2px;
}
/**产品**/
.index-title{
	text-align: center;
}
.index-title div{
	font-size: 26px;
	color: #50aab4;
}
.index-title div span{
	display: block;
	margin: 8px auto 13px;
	height: 3px;
	background: #50aab4;
	width: 35px;
}
.index-title p{
	font-size: 14px;
	color: #666;
	max-width: 56%;
	margin: 0 auto;
}

.index-product{
	padding: 50px 0;
}
.index-product .wrap{
	width: 90%;
	max-width: 1290px;
	margin: 0 auto;
}
.index-product .swiper-container {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  max-width: 1200px;
}
.swiper-wrap{
	position: relative;
}
.swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;
  /*max-width: 40%;
  width: auto;
  min-width: 20%;*/
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #ccc;
  padding: 15px 0;
  position: relative;
  overflow: hidden;
}
.swiper-slide:hover{
  border: 1px solid #50aab4;
}

.swiper-slide a{
	display: block;
	max-width: 100%;
}
.index-product .swiper-slide .imgDiv{
	height: 194px;
	line-height: 194px;
	margin-bottom: 15px;
}
.index-product .swiper-slide .imgDiv img{
	max-height: 100%;
}

.index-product .swiper-slide .conDiv span{
	position: relative;
	max-width: 90%;
	color: #333;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 auto;
}
.index-product .swiper-button-next, 
.index-product .swiper-button-prev{
	width:19px;
	height: 35px;
	margin-top: -17.5px;
	background-size:19px 35px;
}
.index-product .swiper-button-prev{
	background:url(../img/left.png) no-repeat center center;
	left: 0;
}
.index-product .swiper-button-next{
	background:url(../img/right.png) no-repeat center center;
	right: 0;
}

/*关于天源*/
.index-about{
	background: url(../img/index-bg1.jpg) no-repeat center center;
	background-size:cover;
	padding: 50px 0;
}
.index-about .row{
	margin: 0;
}
.index-about .leftDiv{
	width: 56.67%;
}
.index-about .rightDiv{
	width: 40%;
}

.index-about .leftDiv .titleDiv{
	border-left:5px solid #fff;
	font-size: 24px;
	color: #fff;
	padding-left: 10px;
	line-height: 1;
}
.index-about .leftDiv .titleDiv span{
	display: block;
	font-size: 14px;
	margin-top: 10px;
}
.index-about .leftDiv .textDiv{
	margin: 20px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
}
.index-about .leftDiv .textDiv p{
	margin: 0;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-indent: 2em;
}
.index-about .leftDiv a.more_a{
	font-size: 15px;
	color: #fff;
	display: block;
	width: 125px;
	height: 40px;
	line-height: 40px;
	background: #1c808a;
	transition: all .6s;
	text-align: center;
}
.index-about .leftDiv a.more_a:hover{
	background: #fff;
	color: #1c808a;
	
}

/****公司环境***/
.index-gshj{
	padding: 50px 0;
}
.index-gshj .row{
	margin: 30px -13px 0;
}
.index-gshj .row>div{
	padding: 0 13px;
}
.index-gshj .row>div .imgDiv{
	position: relative;
	overflow: hidden;
}
.index-gshj .row>div .imgDiv .text{
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: rgba(0,0,0,.5);
	color: #fff;
	bottom: 0;
	left: 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index-gshj .row .imgDiv img{
	transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.index-gshj .row .imgDiv:hover img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}


/********新闻中心*********/
.index-news {
	padding: 50px 0;
	background: #F0F0F0;
}

.index-news .row{
	margin: 20px -8px 0;
}
.index-news .row>div{
	padding: 0 8px;
}
.index-news .row .conDiv{
	box-shadow: 0 3px 1px #ccc;
}
.index-news .row .imgDiv{
	position: relative;
	overflow: hidden;
}
.index-news .row .imgDiv img{
	transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.index-news .row .imgDiv:hover img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.index-news .row .textDiv .newsTitle{
	font-size: 16px;
	color: #545454;
	padding-top: 5px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index-news .row .textDiv{
	background: #fff;
	padding: 10px;
}
.index-news .row .textDiv p{
	font-size: 14px;
	line-height: 24px;
	color: #545454;
	margin: 10px 0 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.index-news .row .textDiv span{
	color: #999999;
	font-size: 14px;
}
.index-news .row .textDiv a{
	background: url(../img/more.jpg) no-repeat center center;
	width: 26px;
	height: 22px;
	display: block;
	transition: all .6s ease;
}
.index-news .row .textDiv a:hover{
	background: url(../img/more_.png) no-repeat center center;
}

.index-news a.index-more_a{
	font-size: 15px;
	color: #fff;
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	background: #50aab4;
	transition: all .6s;
	text-align: center;
	margin: 50px auto 0;
	border: 1px solid #50aab4;
}
.index-news a.index-more_a:hover{
	background: #fff;
	color: #50aab4;
	
}

/*合作伙伴*/
.index-hezuo{
	padding: 50px 0;
}
.index-hezuo .wrap{
	width: 90%;
	max-width: 1290px;
	margin: 0 auto;
}
.index-hezuo .swiper-container {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  max-width: 1200px;
}
.index-hezuo .swiper-slide{
	padding: 10px 0;
}
.index-hezuo .swiper-slide .imgDiv{
	height: 107px;
	line-height: 107px;
}
.index-hezuo .swiper-slide .imgDiv img{
	max-height: 100%;
}
.index-hezuo .swiper-button-next, 
.index-hezuo .swiper-button-prev{
	width:19px;
	height: 35px;
	margin-top: -17.5px;
	background-size:19px 35px;
}
.index-hezuo .swiper-button-prev{
	background:url(../img/left.png) no-repeat center center;
	left: 0;
}
.index-hezuo .swiper-button-next{
	background:url(../img/right.png) no-repeat center center;
	right: 0;
}

.bottomDiv{
	background: #50aab4;
	padding: 50px 0;
}
.bottomDiv .row{
	margin: 0 -30px;
}
.bottomDiv .list{
	float: left;
	margin: 0 30px;
	color: #fff;
}
.bottomDiv .h3{
	font-size: 16px;
	color: #fff;
	margin: 0 0 18px;
	position: relative;
	padding-bottom: 15px;
}
.bottomDiv .h3:after{
	content: "";
	width: 25px;
	height: 3px;
	background: #fff;
	bottom: 0px;
	left: 0;
	position: absolute;
}
.bottomDiv .list a{
	font-size: 14px;
	color: #fff;
	display: block;
	line-height: 28px;
}

.bottomDiv .list>div{
	overflow: hidden;
	max-width:340px;
	line-height: 24px;
	min-width: 100px;
}
.bottomDiv .list .tel{
	font-size: 26px;
}
.bottomDiv .list .time{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.bottomDiv .list .imgDiv{
	float: left;
	font-size: 14px;
	color: #fff;
}
.bottomDiv .list span{
	display: block;
	font-size: 14px;
	color: #fff;
	display: block;
	float: left;
	max-width: 298px;
}
.bottomDiv .ewmDiv div{
	font-size: 12px;
	margin-top: 10px;
}

.footerDiv{
	background: #fff;
	color: #666;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,.2);
	padding: 12px 0;
	line-height: 28px;
	overflow: hidden;
}
.footerDiv .guanzhu{
	font-size: 14px;
}
.footerDiv .guanzhu a{
	margin-left: 5px;
}


/*新闻资讯*/
.ny-banner{
    width: 100%;
	position:relative;
	margin-top: 100px;
}
.ny-banner .imgDiv{
	position: relative;
	min-height:500px;
}
.breadcrumbDiv{
	background: #f7f7f7;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	padding: 10px 0;
}
.breadcrumbDiv a{
	color: #333;
}
.breadcrumbDiv .wrap{
	background: url(../img/home.png) no-repeat left 7px;
	padding-left: 25px;
}
.breadcrumbDiv a:hover{
	color: #50AAB4;
}
.news-main .hdDiv{
	text-align: center;
	margin: 40px 0;
}
.news-main .hdDiv a{
	width: 157px;
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	color: #333;
	border: 1px solid #ccc;
	display: inline-block;
	margin: 0 5px;
}
.news-main .hdDiv a.active{
	background: #56b0bb;
	border: 1px solid #56b0bb;
	color: #fff;
}
.news-main .index-news{
	background: #fff;
}
.news-main .index-news .row>div{
	margin-bottom: 40px;
}
.pageDiv{
	text-align: center;
	margin: 20px 0;
}
.pageDiv ul{
	display: inline-block;
	overflow: hidden;
}
.pageDiv ul li{
	float: left;
	margin: 0 5px;
}
.pageDiv ul li a{
	padding: 5px 13px;
	color: #575757;
	display: block;
	border: 1px solid #d9d9d9;
	font-size: 14px;
}
.pageDiv ul li a.active{
	color: #fff;
	background: #56b0bb;
	border: 1px solid #56b0bb;
}

/**************产品中心***************/
.productDiv{
	padding: 50px 0 30px;
}
.product1-main .hdDiv{
	text-align: center;
	margin: 40px 0;
}
.product1-main .hdDiv ul li{
	width: 157px;
	line-height: 44px;
	height: 46px;
	font-size: 16px;
	display: inline-block;
	margin: 0 5px;
	position: relative;
}
.product1-main .hdDiv ul li>a{
	color: #333;
	border: 1px solid #ccc;
	display: block;
}

.productDiv .hdDiv li:hover>a,
.product1-main .hdDiv li.active>a{
	background: #56b0bb;
	border: 1px solid #56b0bb;
	color: #fff;
}
.productDiv .hdDiv li .ulDiv{
	position: absolute;
	top: 46px;
	left: 0;
	background: rgba(80,170,180,.9);
	width: auto;
	min-width: 100%;
	font-size: 14px;
	line-height:1;
	display: none;
	z-index: 80;
	text-align: left;
	padding-left: 8px;
}
.productDiv .hdDiv li .ulDiv .liDiv{
	padding: 10px 0;
}
.productDiv .hdDiv li .ulDiv .liDiv a{
	color: #fff;
}
.productDiv .hdDiv li .ulDiv .liDiv a:hover{
	opacity: .8;
}
.productDiv .hdDiv li:hover .ulDiv{
	display: block;
}
.productDiv .listDiv>ul{
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}
.productDiv .listDiv>ul>li{
	overflow: hidden;
	margin-bottom: 20px;
}
.productDiv .listDiv>ul>li .imgDiv{
	border: 1px solid #ccc;
	width: 32%;
	height: 283px;
	line-height: 282px;
	margin-right: 2.5%;
}
.productDiv .listDiv>ul>li .imgDiv img{
	max-height: 100%;
}
.productDiv .listDiv>ul>li .textDiv .title{
	font-size: 18px;
	color: #56b0bb;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.productDiv .listDiv>ul>li .textDiv p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
	margin: 15px 0 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.productDiv .listDiv>ul>li .btnDiv a{
	display: inline-block;
	width: 123px;
	height: 36px;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	background: #56b0bb;
	text-align: center;
	line-height: 36px;
	margin-right: 15px;
	border: 1px solid #56b0bb;
}
.productDiv .listDiv>ul>li .btnDiv a:hover{
	color: #56b0bb;
	background: #fff;
}

.product-main .productDetailDiv{
	padding: 40px 0;
}
.product-main .hdDiv {
	overflow: hidden;
}
.product-main .hdDiv .leftDiv{
	width: 53.3%;
	margin-right: 2.5%;
}
.product-main .hdDiv .rightDiv {
	width: 44.2%;
	float: right;
}
.product-main .hdDiv .rightDiv .title{
	font-size: 20px;
	color: #51abb6;
}
.product-main .hdDiv .rightDiv .zlh{
	font-size: 16px;
	color: #333;
	margin-top: 15px;
}
.product-main .hdDiv .rightDiv .zlh span{
	color: #5bb6bf;
}
.product-main .hdDiv .rightDiv .zlh span.cff0{
	color: #ff0000;
}
.product-main .hdDiv .rightDiv .intro span{
	color: #5bb6bf;
	display: block;
	margin: 15px 0;
}
.product-main .hdDiv .rightDiv .intro p{
	font-size: 14px;
	color: #333;
	margin: 0;
	line-height: 28px;
}
.product-main .hdDiv .rightDiv a{	
	display: block;
	width: 180px;
	height: 45px;
	line-height: 43px;
	background: #53adb8;
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	border: 1px solid #53adb8;
}
.product-main .hdDiv .rightDiv a:hover{
	color: #53adb8;
	background: #fff;
}

.product-main .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.product-main .swiper-container .swiper-slide{
	padding: 5px;
}
.product-main .gallery-top {
  height: 500px;
  width: 100%;
}
.product-main .gallery-thumbs {
  height: 151px;
  box-sizing: border-box;
  padding: 20px;
}
.product-main .gallery-thumbs img{
	max-height: 100%;
}
.product-main .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 1;
}
.product-main .gallery-thumbs .swiper-slide-active {
  opacity: 1;
  border: 1px solid #50AAB4;
}

.product-main .bdDiv{
	margin-top: 55px;
} 
.product-main .bdDiv .titleDiv{
	border-bottom: 1px solid #ccc;
} 
.product-main .bdDiv .titleDiv span{
	font-size: 20px;
	color: #53adb8;
	border-bottom: 3px solid #53adb8;
	padding-bottom: 5px;
	display: inline-block;
} 
.product-main .bdDiv .textDiv .text{
	margin: 30px 0;
}
.product-main .bdDiv .textDiv .text span{
	font-size: 15px;
	color: #53adb8;
}
.product-main .bdDiv .textDiv .text p{
	font-size: 15px;
	color: #333;
	margin:0;
	line-height: 30px;
}
.product-main .bdDiv .textDiv .text img{
	margin: 20px 0;
	display: block;
}
.product-main .bdDiv a.back_a{
	width: 165px;
	border: 1px solid #53adb8;
	display: block;
	font-size: 18px;
	color: #53adb8;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-bottom: 25px;
}
.product-main .bdDiv a.back_a:hover{
	background: #53adb8;
	color: #fff;
}

/**************天源文献*************/
.list-main .conDiv{
	overflow: hidden;
	margin: 25px 0;
}
.list-main .conDiv .leftDiv{
	width: 20.83%;
}
.list-main .conDiv .leftDiv .title{
	font-size: 20px;
	background: #51abb6;
	color: #fff;
	height: 55px;
	line-height: 55px;
	padding-left: 15px;
}
.list-main .conDiv .leftDiv ul{
	background: #f7f7f7;
	padding: 15px;
	margin-bottom: 15px;
}
.list-main .conDiv .leftDiv ul li a{
	display: block;
	font-size: 16px;
	color: #333;
	padding-left:25px;
	background: url(../img/jt1.png) #fff no-repeat 10px center;
	margin-bottom: 10px;
	line-height: 37px;
	border-radius: 3px;
}
.list-main .conDiv .leftDiv ul li.active a,
.list-main .conDiv .leftDiv ul li:hover a{
	color: #51abb6;
}
.list-main .conDiv .leftDiv .lxDiv .text{
	font-size: 17px;
	color: #51abb6;
	margin-top: 18px;
}
.list-main .conDiv .leftDiv .lxDiv .text span{
	font-size: 26px;
	display: block;
}
.list-main .conDiv .rightDiv{
	width: 76.67%;
}
.list-main .conDiv .rightDiv .hd{
	font-size: 20px;
	color: #51abb6;
	border-bottom: 1px solid #ccc;
}
.list-main .conDiv .rightDiv .hd span{
	border-bottom:3px solid #51abb6;
	height: 55px;
	line-height: 55px;
	display: inline-block;
	
}
.list-main .tywxDiv .rightDiv .bd ul{
	margin: 10px 0 35px;
}
.list-main .tywxDiv .rightDiv .bd ul li{
	overflow: hidden;
	line-height: 47px;
	border-bottom: 1px dashed #ccc;
}
.list-main .tywxDiv .rightDiv .bd ul li span{
	font-size: 14px;
	color: #999;
}
.list-main .tywxDiv .rightDiv .bd ul li a{
	color: #333;  
	padding-left: 24px;
	position: relative;
	max-width: 70%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}
.list-main .tywxDiv .rightDiv .bd ul li a:before{
	content: "";
	width: 6px;
	height: 6px;
	background: #58aeb9;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: 2px;
}
.list-main .tywxDiv .rightDiv .bd ul li a:hover{
	color: #58aeb9;
}

.list-main .fjzxDiv .rightDiv .bd ul{
	margin: 10px 0 35px;
}
.list-main .fjzxDiv .rightDiv .bd ul li{
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}
.list-main .fjzxDiv .rightDiv .bd ul li .imgDiv{
	width: 32.9%;
}
.list-main .fjzxDiv .rightDiv .bd ul li .textDiv{
	width: 64.1%;
	float: right;
}
.list-main .fjzxDiv .rightDiv .bd ul li .textDiv span{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-main .fjzxDiv .rightDiv .bd ul li .textDiv p{
	font-size: 14px;
	color: #888;
	margin: 20px 0 30px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.list-main .fjzxDiv .rightDiv .bd ul li .textDiv a{
	display: block;
	width: 80px;
	height:25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #51abb6;
	font-size: 12px;
	color: #51abb6;
}
.list-main .fjzxDiv .rightDiv .bd ul li .textDiv a:hover{
	background: #51abb6;
	color: #fff;
}
.csfwDiv .bd .textDiv{
	padding: 25px 0;
}
.csfwDiv .bd .textDiv img{
	margin: 25px 0;
}
.csfwDiv .bd .textDiv p{
	margin: 0;
	font-size: 14px;
	line-height: 28px;

	
}
.csfwDiv .bd .textDiv .text{
	margin-bottom: 30px;
}

.csfwDiv .bd .textDiv  .span1{
	font-size: 16px;
	color: #50aab4;
}
.csfwDiv .bd .textDiv .text p{
	font-size: 14px;
	line-height: 28px;
}
.csfwDiv .bd .textDiv .div0{
	font-size: 14px;
	line-height: 28px;
}

/*联系我们*/
.contactDiv{
	padding: 50px 0;
}
.contactDiv .row{
	text-align: left;
}
.contactDiv .row .title{
	font-size: 24px;
	color: #333;
}
.contactDiv .row .title span.line{
	display: block;
	width: 35px;
	height: 3px;
	background: #50aab4;
	margin-top: 15px;
}
.contactDiv .row .textDiv{
	font-size: 16px;
	color: #888;
	line-height: 26px;
	margin: 20px 0;
}
.contactDiv .row .textDiv span{
	font-size: 22px;
	color: #50aab4;
	margin-left: 5px;
}
.contactDiv .row .lxText div{
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 14px;
	color: #333;
}
.contactDiv .row .lxText div img{
	margin-right: 10px;
	float: left;
	position: relative;
	top: 2.5px;
}
.contactDiv .row .lxText div span{
	float: left;
	max-width: 90%;
}
.contactDiv .row form .row{
	margin: 0 -7px;
}
.contactDiv .row form .row>div{
	padding: 0 7px;
}
.contactDiv .row form input{
	height: 40px;
	line-height: 40px;
	width: 100%;
	padding: 0 5px;
	border: 1px solid #e7e7e7;
	color: #333;
	margin-bottom: 10px;
	font-size: 14px;
}
.contactDiv .row form textarea{
	width: 100%;
	resize: none;
	border: 1px solid #e7e7e7;
	padding: 5px;
	color: #666;
	height: 77px;
	font-size: 14px;
	display: block;
}
.contactDiv .row form .subBtn{
	width: 123px;
	height: 40px;
	line-height: 38px;
	padding: 0;
	background: #50aab4;
	color: #fff;
	border: 0;
	font-size: 16px;
	margin-top: 13px;
	border: 1px solid #50aab4;
}
.contactDiv .row form .subBtn:hover{
	background: #fff;
	color: #50aab4;
}
.contactDiv .mapDiv{
	margin-top: 50px;
}

.aboutDiv1{
	padding: 50px 0;
}
.aboutDiv1 span{
	font-size: 14px;
	color: #666;
	display: block;
	text-align: center;
}
.aboutDiv1 .textDiv{
	margin: 35px 0 0;
}
.aboutDiv1 .textDiv p{
	font-size: 14px;
	color: #666;
	margin: 0;
	line-height: 30px;
	text-indent: 2em;
}
.aboutDiv1 .textDiv a.more_a{
	display: block;
	margin: 0 auto;
	margin-top:30px;
	font-size: 36px;
	color: #fff;
	width: 45px;
	height: 44px;
	line-height: 40px;
	text-align: center;
	background: #50aab4;
	border-radius: 50%;
}
.aboutDiv1 .textDiv a.more_a:hover{
	opacity: 0.8;
}
.aboutDiv2 {
	padding: 50px 0;
	overflow: hidden;
	/*background: #50aab4;*/
}
.aboutDiv2 .about-title{
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-bottom: 50px;
}
.aboutDiv2 .leftDiv{
	width: 58.33%;
}
.aboutDiv2 .imgDiv{
	text-align: center;
	margin-bottom: 40px;
}
.aboutDiv2 .textDiv{
	max-width: 80%;
	margin: 0 auto;
		color: #666;
}
.aboutDiv2 .text{
	margin-bottom: 30px;

}
.aboutDiv2  .text span{
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
	display: block;
}
.aboutDiv2 .text p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.aboutDiv2 a{
	display: block;
	width: 145px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #51abb6;
	color: #51abb6;
	text-align: center;
}
.aboutDiv2 a:hover{
	background: #51abb6;
	color: #fff;
}
.aboutDiv2 .rightDiv{
	width: 37.58%;
}
.aboutDiv3{
	padding: 30px 0;
}
.aboutDiv3 .about-title{
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-bottom: 35px;
}
.aboutDiv3 .picList span{
	display: block;
	font-size: 14px;
	color: #333;
	text-align: center;
	margin-top: 15px;
	margin-bottom:15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.aboutDiv3 .picList a:hover span{
	color: #50AAB4;
}

.aboutDiv4{
	background: url(../img/about-bg.jpg) no-repeat center center;
	background-size:cover;
	padding: 60px 0 100px;
}
.aboutDiv4 .about-title{
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-bottom: 0;
}

.aboutDiv4 .wrap{
	width: 100%;
	max-width: 1345px;
}

.about-history{ padding:0px 60px 0;}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 50px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #000; content:'';}
.about-history-list .slides li{ position:relative; width:188px; height:470px; margin-right:0;}
.about-history-list .slides li .item{ max-width:188px;position:absolute; right:0; bottom:0; left:0; min-height:194px; padding:60px 0 0 0;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:before{ position:absolute; top:-44.5px; left:50%; width:8px; height:89px; overflow:hidden; margin-left:-4px;content:'';background: url(../img/aa05.png);}
/*.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}*/
.about-history-list .slides li:nth-child(odd) .item{ top:0; bottom:auto; padding-top: 0;}
.about-history-list .slides li:nth-child(odd) .item:before{ top:auto; bottom:-46px;}
.about-history-list .slides li:nth-child(odd) .item:after{ top:auto; bottom:-45px;}
/*.about-history-list .slides li .item:hover{ background-color:#DAB765;}*/
.about-history-list .slides li .item h3{ position:relative; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:24px; font-weight:400; color:#50aab4; text-align:left;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
/*.about-history-list .slides li .item:hover h3{ color:#232323;}*/
/*.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}*/
/*.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}*/
.about-history-list .slides li .item .desc{ line-height:24px; padding: 0 0; font-size:14px; color:#333;}
/*.about-history-list .slides li .item:hover .desc{ color:#ffffff;}*/
.about-history-list .slides li .item .desc p{ margin:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:60px; height:59px; line-height:46px; overflow:hidden; margin-top:-30px; font-size:50px; font-family:simsun; color:#ffffff; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-60px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-60px;}


/**置顶**/
.rightWrap{
    display: inline-block;
    position: fixed;
    right: 0px;
    bottom: 60px;
}
.rightWrap a.backTop{
	display: none;
}


body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}


@media (max-width:1400px) {
	.wrap{padding: 0 15px;}
	.index-banner .imgDiv,.ny-banner .imgDiv{min-height: 460px;}
	.index-product .wrap,.index-hezuo .wrap{width: 100%;}
	.index-product .swiper-container,.index-hezuo .swiper-container{max-width: 92%;}
	.breadcrumbDiv .wrap{padding-left: 40px; background: url(../img/home.png) no-repeat 15px 7px;}
}
@media (max-width:1220px) {
	header .rightDiv .menu ul li>a{margin: 0 10px;}
	.index-banner .imgDiv,.ny-banner .imgDiv{min-height: 400px;}
	header .twoMenu .rowDiv{padding: 35px 0 0;}
	.product1-main .hdDiv ul li{margin-bottom: 10px;}
}
@media (max-width:1100px) {
	header .logo{max-width: 200px;}
	.bottomDiv .row{margin: 0 -16px;}
	.bottomDiv .list{margin: 0 16px;}
	.list-main .fjzxDiv .rightDiv .bd ul li .textDiv p{margin: 15px 0;}
}


@media (min-width:992px) and (max-width:1024px) {
	.index-banner .imgDiv,.ny-banner .imgDiv{min-height: 360px;}
	.list-main .fjzxDiv .rightDiv .bd ul li .textDiv p{margin: 10px 0;}
	header .twoMenu .colDiv{width: 25%;}
}
@media (min-width:768px) and (max-width:991px) {
	header .logo{width: 140px;}
	header .rightDiv .menu ul li>a{margin: 0 5px;font-size: 14px;}
	.index-banner .imgDiv,.ny-banner .imgDiv{min-height: 300px;}
	.list-main .fjzxDiv .rightDiv .bd ul li .textDiv p{margin: 10px 0;}
	header .twoMenu .colDiv{width: 25%;}
}

/*手机*/
@media (max-width:767px) {
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		/*background-color: transparent;*/
		transition: right 300ms !important;
	}
	header .logo {height: 50px;line-height: 50px;}
	header .logo img {max-height: 80%;}
	body.on-menu header {right: 60%;}
	header .mbtn {display: block;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 0;
		right: 0;
		width: 60%;
		height: 100%;
		padding-top: 0;
		background-color: #50aab4;
		border-bottom: 1px solid #fff;
		transition: right 300ms;
		right: -60%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul li {
		padding: 0;
		border-bottom: 1px solid #eee;
		float: none;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		padding: 0;
	}
	
	header .rightDiv .menu ul {display: block;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .menu ul li a.on {background: none;color: #fff;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 60%;}
	header .rightDiv .menu ul li>a:after{}
	header .twoMenu{position: relative;top: 20px;background: none;margin-bottom: 20px;}
	header .twoMenu .rowDiv{padding: 0;}
	header .twoMenu .colDiv{width: 100%;padding-left: 0;}
	header .rightDiv .menu ul li .twoMenu .liDiv>a{line-height: 40px;height: 40px;}
	header .twoMenu .liDiv>a:after{top: 0;}
	header .rightDiv .menu ul li.relativeLi .twoMenu .ulDiv{margin:0 10px;}
	
	.main {position: relative;right: 0;transition: right 300ms !important;}
	.index-banner,.ny-banner{margin-top: 50px;}
	.index-banner .imgDiv,.ny-banner .imgDiv{min-height: 45vw;}
	.carousel-indicators{bottom: 0;}
	.carousel-indicators li,.carousel-indicators .active{width: 12px;height: 12px;}
	.index-product,.index-about,.index-news,.index-hezuo,.bottomDiv{padding: 25px 0;}
	.index-product .swiper-container,.index-hezuo .swiper-container{max-width: 80%;}
	.index-product .swiper-slide .imgDiv{height: 180px;line-height: 180px;}
	.index-title p{max-width: 100%;}
	.index-title div{font-size: 20px;}
	.index-about .leftDiv{width: 100%;}
	.index-about .rightDiv{width: 100%;margin-top: 20px;}
	.index-about .rightDiv video{height: auto;}
	.index-about .leftDiv .titleDiv{font-size: 20px;}
	.index-gshj .row>div{padding: 0 5px;margin-bottom: 10px;}
	.index-gshj .row{margin: 30px -5px 0;}
	.index-gshj .row>div .imgDiv .text{font-size: 14px;}
	.index-news .row>div{padding: 0 5px;margin-bottom: 10px;}
	.index-news .row .textDiv{padding: 5px;}
	.index-news .row .textDiv p{line-height: 20px;margin-bottom: 10px;-webkit-line-clamp: 2;}
	.index-news a.index-more_a{margin-top: 25px;}
	.bottomDiv .list{margin-bottom: 20px;}
	.bottomDiv .list .tel{font-size: 22px;}
	.pageDiv ul li{margin-bottom: 5px;}
	
	.news-main .hdDiv{margin: 20px 0;}
	.news-main .hdDiv a{max-width: 45%;margin-bottom: 5px;line-height: 38px;height: 40px;font-size: 14px;}
	.product1-main .hdDiv ul li{max-width: 48%;float: left;margin: 0 1%;margin-bottom: 5px;line-height: 38px;height: 40px;font-size: 14px;}
	
	.breadcrumbDiv .wrap{margin-left: 10px;padding-left: 25px;background: url(../img/home.png) no-repeat left 7px;}
	.productDiv{padding: 25px 0;}
	.productDiv .listDiv>ul>li .imgDiv{width: 100%;float: initial;margin-bottom: 20px;}
	.productDiv .listDiv>ul>li .btnDiv a{margin-right: 0;max-width: 30%;}
	.productDiv .listDiv>ul>li .textDiv p{margin: 10px 0;line-height: 24px;}
	.productDiv .listDiv>ul>li .textDiv .title{font-size: 16px;}
	.product-main .hdDiv .leftDiv{width: 100%;margin: 0;}
	.product-main .hdDiv .rightDiv{width: 100%;}
	.product-main .gallery-top{height: 250px;}
	.product-main .gallery-thumbs{height: 83px;padding: 10px;}
	.product-main .hdDiv .rightDiv .title{font-size: 18px;margin-top: 20px;}
	
	.list-main .conDiv .leftDiv{width: 100%;}
	.list-main .conDiv .rightDiv{width: 100%;}
	.list-main .conDiv .tywxDiv .bd ul li{line-height: 40px;}
	.list-main .conDiv .tywxDiv .bd ul li a{padding-left: 15px;font-size: 14px;max-width: 75%;}
	.list-main .conDiv .tywxDiv .bd ul li span{font-size: 12px;}
	.list-main .fjzxDiv .rightDiv .bd ul li{padding: 15px 0;}
	.list-main .fjzxDiv .rightDiv .bd ul li .imgDiv{width: 40%;}
	.list-main .fjzxDiv .rightDiv .bd ul li .textDiv{width: 58%;}
	.list-main .fjzxDiv .rightDiv .bd ul li .textDiv p{margin: 5px 0;-webkit-line-clamp: 2;line-height:18px;}
	
	.contactDiv{padding: 30px 0;}
	.contactDiv .row .title{font-size: 20px;}
	
	.aboutDiv1,.aboutDiv2{padding: 25px 0;}
	.aboutDiv2 .about-title,.aboutDiv3 .about-title,.aboutDiv4 .about-title{font-size: 24px;margin-bottom: 25px;}
	.aboutDiv2 .rightDiv,.aboutDiv2 .leftDiv{float: initial;width: 100%;}
	.aboutDiv2 .leftDiv{margin-top: 25px;}
	.aboutDiv3 .row li{padding: 0 10px;}
	.about-history-list .flex-viewport{padding: 0;}
	.about-history{padding: 45px 30px 0;}
	.aboutDiv4{padding: 30px 0 50px;}
	.aboutDiv2 .textDiv{max-width: 100%;}
	
	@media (max-width:320px) {	
		
	}
	
}


.nr{ font-size:13px; line-height:25px; padding-top:10px}

.xiaocms-page { padding:14px 0 10px; margin-right: 10px;}
.xiaocms-page a { display:inline-block;background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:5px 13px;margin-left: 5px; margin-right:5px}
.xiaocms-page a:hover { background:#50aab4; color:#fff; text-decoration:none; }
.xiaocms-page span { display:inline-block; padding:5px 13px;  background:#50aab4; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 5px;margin-right:5px }