/* --------------------公共样式---------------------- */
/* 全局控制 */
table,
tr,
td {border: none;}
/* 新闻详情图片|产品详情图片|案例详情图片 */
.show-news-content img,
.show-case-content img,
.show-product-content img{width:100% !important; height: auto!important;}
/* 新闻详情table|产品详情table|案例详情table|业务详情table */
.show-news-content table,
.show-case-content table,
.show-product-content table{display: block; width: 100%!important;}

.show-news-content table tr td,
.show-case-content table tr td,
.show-product-content table tr td {width: 50%!important;padding: 15px;}

.container-width-860{max-width: 860px; margin: 0 auto;}
.container-width-900{max-width: 900px; margin: 0 auto;}

@media(max-width:768px) {
	.show-news-content table tr td ,
	.show-case-content table tr td ,
	.show-product-content table tr td {
		width: 100% !important;
		display: block!important;
	}
}

/* page-banner */
.page-banner {position: relative;overflow: hidden;}
.page-banner img {width: 100%;}
.page-banner-txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-banner-txt .container-width{height: 100%; display: flex; align-items: center;}
.page-banner-txt h3{font-size: 40px; color: #fff;}
@media (min-width:960px) {
	.page-banner img {animation: bigImg 2s 1;}
}
@media (max-width:960px) {
	.page-banner-txt h3{font-size: 32px;}
}
@media (max-width:768px) {
	.page-banner-txt .container-width{justify-content: center;}
	.page-banner-txt h3{font-size: 24px;}
}

@keyframes bigImg{
	0%   {transform: scale(1.4);}
	/* 50%  {transform: scale(.8);} */
	100% {transform: scale(1);}
}

/* page-category */
.page-category{text-align: center; padding-top: 20px;}
.page-category a{display: inline-block; padding: 0 20px; margin: 10px; line-height: 32px; background-color: #eee; border-radius: 6px;}
.page-category a.on,
.page-category a:hover{background-color: #46a26d; color: #fff;}

/* --------------------公共样式---------------------- */

/* 关于 */
.page-about{padding: 30px 0px;}
.page-about img{display: inline-block; width: 100%;}
.page-about-content{margin-top: 35px;}
.page-about-content p{line-height: 28px; font-size: 16px; color: #777; padding-bottom: 5px;}

@media (max-width:768px) {
	.page-about{padding: 20px 0px;}
	.page-about-content{margin-top: 25px;}
	.page-about-content p{font-size: 14px;padding-bottom: 0px;}
}

/* 优势 */
.page-youshi{background: url(../images/ys_bg.png) no-repeat center ; padding: 130px 0; background-size: cover; display: none;}
.page-youshi h3{color: #fff; text-align: center; font-size: 26px; margin-bottom: 30px;}
.page-youshi span{display: block; width: 44px; height: 4px; background: #fff; margin: 10px auto 0;}
.page-youshi-content li{width: 25%; padding: 40px; float: left; text-align: center; color: #fff;}
.page-youshi-content li div{font-size: 82px; font-weight: 600; font-family: 'Bahnschrift','Arial'; background: #04c893; padding: 35px 0px 25px; border-radius: 12px;}
.page-youshi-content li p{font-size: 16px; padding-top: 20px;}

@media (max-width:768px) {
	.page-youshi{ padding: 60px 0; }
	.page-youshi h3{ font-size: 20px; margin: 15px 0px;}
	.page-youshi span{width: 40px; height: 3px;}
	.page-youshi-content li{width: 50%; padding: 10px 40px;}
	.page-youshi-content li div{font-size: 62px; padding: 30px 0px 20px; }
	.page-youshi-content li p{font-size: 14px; padding-top: 10px;}
}
@media (max-width:480px) {
	.page-youshi{ padding: 20px 0;background-size: auto;}
	 .page-youshi-content li{padding: 10px;}
	 .page-youshi-content li div{font-size: 56px; padding: 20px 0px 10px; }
}

/* 荣誉 */
.certificate{padding: 0 0 50px;display: none;}
.certificate h3{ text-align: center; font-size: 26px; margin-bottom: 30px;}
.certificate span{display: block; width: 44px; height: 4px; background: #666; margin: 10px auto 0;}
.certificate-content li{width: 25%; float: left;}
.certificate .swiper-container{width: 96%;}
.certificate .swiper-wrapper{margin-bottom: 30px;}
.certificate a{display: block;}
.certificate a img{display: block; margin: 0 auto;}
.certificate .swiper-button-next,
.certificate .swiper-button-prev{background:none; }
.certificate .swiper-pagination-bullet{background: #777;}
.certificate .swiper-pagination-bullet-active{background: #ccc; }
@media (max-width:768px) {
	.certificate{padding: 20px 0 30px;}
	.certificate h3{ font-size: 20px; margin: 15px 0px;}
	.certificate span{width: 40px; height: 3px;}
	
}
@media (max-width:480px) {
	 .page-youshi-content li{padding: 10px;}
	 .page-youshi-content li div{font-size: 56px; padding: 20px 0px 10px; }
}

/* culture */
.page-culture{padding: 40px 0;}
.page-culture-type{text-align: center;}

.page-culture-type ul{margin-right: -15px; overflow: hidden;}
.page-culture-type ul li{float: left; width: 33.33%; padding: 0 15px 15px 0;}
.page-culture-type ul li img{width: 100%;}
.page-culture-type ul li p{padding-top: 15px; width: 60%; margin: 0 auto; height: 60px; overflow: hidden; line-height:22px; font-size: 16px; color: #777;}

@media (max-width:980px) {
	.page-culture{padding: 20px 0;}
	.page-culture-type{padding-bottom: 20px;}
	.page-culture-type ul li{width: 50%;}
}

.page-about-cul-bg {
	position: relative;
	margin-bottom: 60px;
}

.page-about-cul-bg1 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px 0;
	color: #46a26d;
	width: 50%;
	background-color: #46a26d;
	z-index: -1;
}

.page-about-cul-title {
	width: 52%;
	padding: 30px 0;
	color: #fff;
	border-right: 5px solid #46a26d;
}

.page-about-cul-bg1 h3,
.page-about-cul-title h3 {
	font-size: 26px;
}

.page-about-cul-bg1 p,
.page-about-cul-title p {
	font-size: 16px;
}

.page-about-cul-l {
	width: 33.33%;
	padding-top: 70px;
	padding-bottom: 40px;
}

.page-about-cul-l ul li {
	position: relative;
	padding-left: 60px;
	margin-bottom: 35px;
}

.page-about-cul-l ul li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 50px;
	font-family: arial;
	color: #999;
}

.page-about-cul-l ul li h3 {
	font-size: 18px;
	padding-bottom: 5px;
}

.page-about-cul-l ul li p {
	font-size: 16px;
	color: #999;
}

.page-about-cul-r {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 55%;
	z-index: -2;
}

.page-about-cul-r img {
	max-width: 100%;
}

@media (max-width:768px) {
	.page-about-cul-bg {
		position: relative;
	}

	.page-about-cul-bg1 {
		width: 100%;
		padding: 20px 0;
	}

	.page-about-cul-title {
		width: 100%;
		background-color: #46a26d;
		padding: 20px 0;
		color: #fff;
		border-right: 5px solid #46a26d;
	}

	.page-about-cul-bg1 h3,
	.page-about-cul-title h3 {
		font-size: 26px;
	}

	.page-about-cul-bg1 p,
	.page-about-cul-title p {
		font-size: 16px;
	}

	.page-about-cul-l {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.page-about-cul-r {
		display: none;
	}
}

/* 产品 */
.page-product{padding: 40px 0;}
.page-product-list{margin-right: -15px; overflow: hidden;}
.page-product-list li{float: left; width: 25%; padding: 0 15px 15px 0; text-align: center;}
.page-product-list li a{display: block; padding-bottom: 10px;}
.page-product-pic{ overflow: hidden;}
.page-product-pic img{width: 100%; transition: all .5s;}
.page-product-list h3{padding: 10px 0; font-family: arial; font-size: 14px;  background: #e5e5e5;}

.page-product-list li a:hover .page-product-pic img{transform: scale(1.1);}
.page-product-list li a:hover h3{color: #fff;background: #46a26d;}
@media (max-width:940px) {
	.page-product-list li{ width: 50%;}
}

.page-img img{max-width:100%;}

/* 产品详情 */
.show-product-left{float: left; width: 50%;border-radius: 6px; overflow: hidden; padding-right: 20px;}
.show-product-left img{width: 100%;}

.show-product-right{float: left; width: 50%;padding-left: 20px;}
.show-product-right h3{font-size: 18px;}
.show-product-right h4{padding: 10px 0; font-size: 16px; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.show-product-right p{color: #777; line-height: 26px;}
.show-product-content{}

.good-business-title{background-color: #eee; margin-bottom: 25px;}
.good-business-title span{display: inline-block; padding:10px 25px; background-color: #29a276; color: #fff;}
.good-business ul{margin-right: -15px; overflow: hidden;}
.good-business ul li{float: left; width: 33.33%; padding: 0 15px 15px 0; text-align: center;}
.good-business ul li a{display: block; padding-bottom: 10px;}
.good-business-pic{border-radius: 6px; overflow: hidden;}
.good-business-pic img{width: 100%;}
.good-business h3{padding: 15px 0 5px; font-family: arial; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.good-business ul li a:hover .good-business-pic img{transform: scale(1.1);}
.good-business ul li a:hover h3{color: #BE1D21;}

@media (max-width:840px) {
	.good-business ul li{ width:50%; }
}

/* 研发管线 */
.RDmain {padding: 20px 0 50px;}
.RDmain .table{ line-height: 1.15; margin-top: 20px;}
.RDmain .table .table-head{ color: #333;}
.RDmain .table .table-head .container{ display: table; padding: 0;width: 100%; table-layout:fixed; }
.RDmain .table .table-head.table-head-fix{ position: fixed; padding-right: 50px; /*max-width: 1180px;*/ z-index: 100; } 
.RDmain .table .table-head.table-head-fix .container{background: #f3f3f3;}
@media(max-width:1410px){
	.RDmain .table .table-head.table-head-fix{ padding-right: 50px;}
}
@media(max-width:900px){
	.RDmain .table .table-head.table-head-fix{ padding-right: 50px;}
}
@media(max-width:767px){
	.RDmain .table .table-head.table-head-fix{ padding-right: 0; width: 740px;}
}
.RDmain .table .table-head .arrow{ display: none; position: relative; height: 14px; width: 10px; top: 3px; margin-left: 3px;}
.RDmain .table .table-head .arrow em{ position: absolute; left: 0; width: 0; height: 0; display: block; cursor: pointer;}
.RDmain .table .table-head .arrow em.up{ border-style: dashed dashed solid dashed; border-width: 0 5px 5px 5px; border-color: transparent transparent #e3e3e3 transparent; top: 0;}
.RDmain .table .table-head .arrow em.down{ border-style:solid dashed dashed dashed; border-width: 5px 5px 0 5px; border-color:#e3e3e3 transparent transparent transparent; bottom: 0;}
.RDmain .table .table-head .arrow em.up.on{ border-bottom-color: #a8a7a7;}
.RDmain .table .table-head .arrow em.down.on{ border-top-color: #a8a7a7;}
.RDmain .table .table-head .td,
.RDmain .table .td-cate,
.RDmain .table .table-list .tr .td{ display: table-cell;  word-break: break-word; vertical-align: top;}
.RDmain .table .td-cate,
.RDmain .table .table-list .tr .td{padding:4px 2px;}
.RDmain .table .table-list .tr .td{text-align: center;}
.RDmain .table .tr{  padding: 15px 0;display: table; width: 100%; table-layout:fixed; color:#333; position: relative;transition: background-color .4s ease;-webkit-transition: background-color .4s ease;}
.RDmain .table .tr.divCategory{border-top: 1px solid #e1e1e1;}
.RDmain .table {border-bottom: 1px solid #e1e1e1;}
.RDmain .table .table-list .tr{ padding: 0;}
.RDmain .table .table-head .td:first-child,
.RDmain .table .td-cate{ width: 20%; position: relative ;z-index: 3; vertical-align: top;}
.RDmain .table .table-list{ width: 80%; display: table-cell; padding:0; word-break: break-word; vertical-align: top;}
.RDmain .table .table-list .tr{ display: table; width: 100%; border-bottom: none; padding: 0;}
.RDmain .table .table-list .tr .td:first-child{ width: 35%; text-align: left;}
.RDmain .table .table-head .td:nth-child(2){ width: 28%;}
.RDmain .table .table-head .tit{ font-weight: bold;}
.RDmain .table .table-head .td1{ font-weight: bold;}
.RDmain .table .table-head .td1:last-child{ text-align: center;}
.RDmain .table .href{  position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 6; }
.RDmain .table >.tr:hover{ background: #f5f5f5;}

.RDmain .table .name{ color: #444;}
.RDmain .table .colorline{ display: block; width: 100%; height: 20px; margin: 0 auto;background : #B22A28; background : rgba(178, 42, 40, 1);}
.RDmain .table .colorline1{ opacity : 0.2; filter: alpha(opacity=20) progid:DXImageTransform.Microsoft.Alpha(opacity=20)}
.RDmain .table .colorline2{opacity : 0.4; filter: alpha(opacity=40) progid:DXImageTransform.Microsoft.Alpha(opacity=40)}
.RDmain .table .colorline3{opacity : 0.6; filter: alpha(opacity=60) progid:DXImageTransform.Microsoft.Alpha(opacity=60)}
.RDmain .table .colorline4{opacity : 0.8; filter: alpha(opacity=60) progid:DXImageTransform.Microsoft.Alpha(opacity=80)}
.RDmain .table .grayline{ background: #ccc;}
.RDmain .table .td_center{ text-align: left;}
.RDmain .table .td_center img { margin-right: 15px;}
.RDmain .table .table-head .td{ vertical-align: top; padding-left: 1px; padding-right: 1px; width: 9%; }
.RDmain .table .table-head .phase{ width: 43%; padding-bottom: 10px; }
.RDmain .table .table-head .phase .td{ width: 20%; padding-top: 10px; color: #666; float: left;text-align: center;}
@media(max-width:767px){
	.RDmain{ overflow-x: scroll;}
    .RDmain::-webkit-scrollbar{ display: none;}
	.RDmain .table{min-width: 740px;}
	.RDmain .table .table-head .td, .RDmain .table .td-cate, .RDmain .table .table-list .tr .td{ padding-left: 2px; padding-right: 2px;width: 14%;}
	.RDmain .table .td-cate{width: 14%;}
	.RDmain .table .table-head .container > .td:nth-child(1){width: 14%;}
	.RDmain .table .table-head .container > .td:nth-child(2){width: 26%;}
	.RDmain .table .table-head .container > .td:nth-child(3){width: 48%;}
	.RDmain .table .table-head .container > .td:nth-child(4){width: 12%;}
	.RDmain .table .table-list{width: 86%;}
	
	.RDmain::-webkit-scrollbar-track-piece {
	  background-color: rgba(0, 0, 0, 0);
	  border-left: 1px solid rgba(0, 0, 0, 0);
	}
	.RDmain::-webkit-scrollbar {
	  width: 5px;
	  height: 10px;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	}
	.RDmain::-webkit-scrollbar-thumb {
	  background-color: rgba(0, 0, 0, 0.5);
	  background-clip: padding-box;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  min-height: 28px;
	}
	.RDmain::-webkit-scrollbar-thumb:hover {
	  background-color: rgba(0, 0, 0, 0.5);
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	}
}

/* 内页 */
.show-case{padding: 30px 0;}
.show-case h3{border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.show-case .show-case-content{line-height: 30px;}

/* 合作 */
.page-partner {margin: 20px 0 50px;}
.page-partner ul li{float: left; width: 25%; padding: 8px;}
.page-partner ul li a{display: block; height: 100px; display: flex; align-items: center; justify-content: center; background-color: #fff; /* border: 2px solid #eee; */ overflow: hidden;}
.page-partner ul li a img{max-width: 100%; height: 100%;}
.page-partner ul li span{display: block; text-align: center; padding: 10px 0; display: none;}
.page-partner ul li a:hover{border: 2px solid #46a26d;}
@media (max-width:960px) {
	.page-partner ul li{ width: 33.33%!important;}
}
@media (max-width:768px) {
	.page-partner ul li{ width: 50%!important;;}
}

/* 新闻 */
.page-news li{float: left; width: 25%; margin-top:10px; padding: 15px;}
.page-news li a{display: block; }
.page-news li a img{width: 100%;}
.page-news li span{display: inline-block; padding: 20px 20px 0px; font-family: arial;  color: #bbb;}
/* .page-news li h3{margin:20px 0 10px; height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} */
.page-news li h3{margin:20px 0 10px; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/* .page-news li p{color: #999; height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} */
.page-news li p{color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.page-news li .news-pic{overflow: hidden;}
.page-news li:hover img{transform: scale(1.2);}
.page-news li a:hover h3{color: #BE1D21;}

@media (max-width:1000px) {
	.page-news li{width: 33.33%}
}
@media (max-width:768px) {
	.page-news li{width: 50%;padding: 10px;}
}
/* 新闻内页 */
.show-news {padding: 50px 0;}
.show-news h3 {
	text-align: center;
	font-size: 20px;
	color: #333;
	padding-bottom: 10px ;
	border-bottom: 1px dashed #ddd;
}
.show-news h3 p{color: #999; font-size: 12px; padding-top: 5px;}
.show-news .show-news-content {
	margin-top: 20px;
	line-height: 24px;
}

@media (max-width:768px) {
	.show-news {padding: 25px 0;}
	.show-news h3 {font-size: 16px;}
}

/* 联系 */
.page-contact{padding: 30px 0;}
.page-contact h1{font-size: 26px; text-align: center; color: #333;}
.page-contac-tel{padding-top: 30px;  padding-bottom: 20px;}
.page-contac-tel li{float: left; width: 33.33%; padding: 25px 15px; text-align: center;}
.page-contac-telbox{position: relative; border:1px solid #ddd; padding: 60px 25px 25px 25px; transition: all .3s;}
.page-contac-telbox span{position: absolute; top: -28px ; left: 50%; margin-left: -30px; display: block; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; background-color: #46a26d;}
.page-contac-telbox span i{font-size: 30px; color: #fff;}
.page-contac-telbox h3{color: #888; font-size: 16px; padding-bottom: 15px;}
.page-contac-telbox p{min-height: 60px; font-size: 16px; color:#444;}
.page-contac-tel li:hover .page-contac-telbox p{color: #46a26d;}
.page-contac-tel li:hover .page-contac-telbox{box-shadow: 0 0 15px rgba(0,0,0,.3);}

@media (max-width:940px) {
	.page-contac-tel li{width: 50%;}
}

@media (max-width:768px) {
	.page-contac-tel li{ width: 100%; padding: 25px 15px; text-align: center;}
}

/* page-code */
.page-code{padding-top: 20px; text-align: center;font-size: 0;border-top: 1px solid #eee; margin: 30px 0 ;}
.page-code a,
.page-code span{display: inline-block; margin-left: 5px; width: 30px; height: 30px; line-height: 30px; font-size: 14px; font-family: arial; text-align: center; background: #e5e5e5;}
.page-code span{background: #46a26d; color: #fff;}
.page-code a:hover{background: #46a26d; color: #fff;}
.page-code .page-code-arr{font-family: simsun;}

@media (max-width:768px) {
	.page-code{ text-align: center;}
}

/*------------------- 翻页 -------------------*/
.fanye{padding:20px 0 35px; border-top: 1px solid #ddd; margin-top: 20px;}
.fanye-link{float: left; width: 70%;}
.fanye-link span{display: block; color: #777;}
.fanye-link span a{color:#333;}
.fanye-link span a:hover{color: #46a26d; text-decoration: underline;}
.fanye-list{float: right; width: 30%; text-align: right; padding-top: 10px;}
.fanye-list a{border:2px solid #46a26d; border-radius: 30px; padding: 5px 20px; color: #46a26d;}
.fanye-list a:hover{background: #46a26d; color: #fff;}
@media (max-width:480px) {
	.fanye-link,.fanye-list{width: 100%; float: none; text-align: left;}
}