.common_title {
	text-align: center;
}

.common_title .c {
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 30px;
	margin-bottom: 10px;
}

.common_title .e {
	height: 18px;
	line-height: 18px;
	color: #c4c4c4;
	font-size: 16px;
}

/*bn图*/
.banner_box{height: 100%;}
.banner_box .swiper-slide{
	overflow: hidden;
}
.banner_box .swiper-slide img{
	height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 935px;
}
.banner_box .swiper-pagination-bullet{
	width: 25px;
    opacity: 0.5;
    height: 4px;
    border-radius: 5px;
    background: #FFF;
}
.banner_box .swiper-pagination-bullet-active{
	opacity:1;
}

/*产品中心*/
.new_main .product {
	padding: 90px 0 0;
}

.new_main .product .list {
	margin-top: 40px;
}

.new_main .product .list .item {
	float: left;
	margin-right: 55px;
	width: 363px;
	margin-bottom: 25px;
	cursor: pointer;
}

.new_main .product .list .item:nth-child(3n) {
	margin-right: 0;
}

.new_main .product .list .item .pic {
	overflow: hidden;
	width: 100%;
	max-height: 245px;
}

.new_main .product .list .item .pic img {
	transition: 0.3s;
}

.new_main .product .list .item:hover .pic img {
	transform: scale(1.1);
}

.new_main .product .list .item .name {
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ebebeb;
	color: #666666;
	font-size: 16px;
	transition: 0.3s;
}

.new_main .product .list .item:hover .name {
	color: #fff;
	font-size: 18px;
	color: #f4872d;
}

.new_main .common_more {
	padding: 30px 0 70px;
	text-align: center;
}

.new_main .common_more a {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	color: #f4872d;
	border: 1px solid #f4872d;
	border-radius: 30px;
	transition: 0.3s;
	height: 50px;
	width: 225px;
	line-height: 50px;
}

.new_main .common_more a:hover {
	background: #f4872d;
	color: #fff;
}


/*关于我们*/

.about_box {
	position: relative;
	padding: 56px 0 40px;
	height: 676px;
	
	background-size: cover !important;
	background-position: center center !important;
}

.about_bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.about_box .content_gy {
	position: relative;
	z-index: 2;
}

.aboutcont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	padding: 15px;
	background: url(../images/about_line_1.png) top left no-repeat, url(../images/about_line_2.png) bottom right no-repeat;
	background-size: 130px 115px;
}

.about_box .common_title{
	margin-top: 20px;
}

.about_box .common_title .c{
	color: #fff;
}

.aboutlt{
	flex: 1;
	margin-right: 30px;
}

.aboutlt p {
	margin-bottom: 10px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.7;
	text-align: justify;
	text-indent: 2em;
}

.aboutlt p:last-child {
	margin-bottom: 0;
}

.aboutrt {
	width: 50%;
}

.aboutrt img {
	width: 100%;
}

.abflex{display: flex;justify-content: center;margin-top: 30px;}
.abflex a{
	display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #f4872d;
    border: 1px solid #f4872d;
    border-radius: 30px;
    transition: 0.3s;
    height: 40px;
    width: 180px;
    line-height: 40px;
}
.abflex:hover a{
	background: #f4872d;
    color: #fff;
}

@media only screen and (max-width: 1000px){
.aboutrt{display: none !important;}
.aboutlt{margin-right: 0px;}
.about_box{height: auto;padding: 56px 0 55px;}
.about_box .common_title{margin-top: 0px;}
.aboutcont{margin-top: 20px;}
.aboutlt p{font-size: 14px;}
.abflex{margin-top: 20px;}
.abflex a{width: 180px;height: 45px;line-height: 45px;}

}

/*优势*/
.yous_box{padding-top: 80px;padding-bottom: 40px;}
.yous_box h2{margin-top: 60px;margin-bottom: 40px;text-align: center;font-size: 30px;line-height: 1;}
.ysimg{margin-top: 40px;}
.ysimg img{width: 100%;}
.ysflex{display: flex;flex-wrap: wrap;}
.ysitem{width: 50%;display: flex;align-items: center;margin-bottom: 30px;padding: 0px 20px;}
.itemimg{text-align: center;padding: 0px 30px;}
.itemimg img {
	width: 100px;
}
.itemimg p {
	font-size: 14px;
	line-height: 24px;
}
.itemcont {
	flex: 1;
}
.itemcont h4 {
	font-size: 18px;
	font-weight: 600;
}
.itemcont p {
	margin-top: 8px;
	font-size: 14px;
	line-height: 24px;
}
@media only screen and (max-width: 1000px){
	.yous_box{padding-top: 40px;padding-bottom: 40px;}
    .yous_box h2{margin-top: 30px;margin-bottom: 20px;font-size: 18px;}
    .ysitem{width: 100%;padding: 0px;margin-bottom: 15px;}
    .itemimg{padding: 0px 15px 0px 0px;}
    .itemimg img{width: 80px;}
    .itemcont h4{font-size: 16px;}
    .itemcont p{margin-top: 8px;font-size: 12px;line-height: 20px;}
    
}


/*合作案例*/

.case_box {
	padding: 90px 0px 70px 0px;
	background-color: #fafafa;
}

.case_box .common_title .c {
	color: #fff;
}

.casecont {
	margin-top: 50px;
}

.caseitem {
	padding: 14px;
	border: 1px solid #dcdcdc;
	background: #fff !important;
}

.casetest {
	padding: 24px 0;
}

.casetest span {
	font-size: 20px;
	line-height: 1.1;
	font-weight: 400;
}

.casenote {
	margin-top: 15px;
	margin-bottom: 25px;
	color: #666;
	font-size: 14px;
	line-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
	min-height: 63px;
}

.casetest p {
	margin-top: 10px;
	cursor: pointer;
	color: #f4872d;
	font-size: 14px;
	font-weight: 400;
}

.casecont .swiper-pagination{
	display: none !important;
}

@media only screen and (max-width: 1000px){
    .case_box{padding: 50px 0px 40px 0px;}
    .casecont{margin-top: 25px;}
    .casetest{padding: 20px 0;}
    .casetest span{font-size: 16px;}
    .casenote{margin-bottom: 15px;font-size: 12px;}
    .casecont .swiper-pagination{display: block !important;}
    
}


/*合作伙伴*/
.hzkh_box {
	background-color: #fafafa;
	padding: 90px 0px;
}

.hzkhcont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.hzkhitem {
	filter: grayscale(100%);
	transition: all 0.4s;
	margin-bottom: 12px;
}
.hzkhitem img{width: 100%;}
.hzkhitem:hover {
	filter: none;
	box-shadow: 0 0 5px #ccc;
}
@media only screen and (max-width: 1000px){
    .hzkh_box{padding: 50px 0px 38px 0px;}
    .hzkhcont{margin-top: 30px;}
    .hzkhitem{width: 32%;}
    .hzkhcont .hzkhitem:nth-last-of-type(1){
    	display: none !important;
    } 
}

/*应用领域*/

.yyly_box {
	padding-top: 70px;
}

.yylycont {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}

.yylyitem {
	margin: 15px;
	width: 270px;
	height: 270px;
	transition: all 0.4s;
	background-color: #fff !important;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid #eee;
	box-shadow: 0 0 1px #ccc;
}

.yylyitem img {
	height: 70px;
}

.yylyitem p {
	margin-top: 10px;
	font-size: 18px;
	color: #212121;
	font-weight: bold;
	text-align: center;
}
.yylyitem:hover{
	box-shadow: 0 0 8px #ccc;
}
.yylyitem:hover img{
	transform: rotateY(180deg);
}

@media only screen and (max-width: 1000px){
	
.yyly_box {
    padding-top: 50px;
}

.yylycont {
    margin-top: 15px;
}

.yylyitem{
 	margin: 10px;
	width: calc(50% - 20px) !important;
	height: auto;
	padding: 35px 0px;
}

.yylyitem p {margin-top: 6px;font-size: 16px;}

}


/*新闻中心*/
.new_box{
	    background-color: #fafafa;
	    padding: 90px 0px;
}
.newflex{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.newitem{
	width: 32%;
}
.newimg{overflow: hidden;}
.newimg img{
	width: 100%;
}

.newcont{border-bottom: 1px solid #eee;margin-bottom: 25px;}

.newcont h3 {
    font-size: 16px;
    padding: 30px 0 20px 0;
    display: block;
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newcont p{
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 25px;
}
 .date{
	color: #888888;
    font-size: 20px;
    font-weight: bolder;
}

.newitem:hover img{
transform: scale(1.2);
}
.newitem:hover h3{
	color: #f4872d;
}

@media only screen and (max-width: 1000px){
	.new_box{padding: 50px 0px 30px 0px;}
	.newflex {margin-top: 30px;flex-wrap: wrap;}
	.newitem {width: 100%;margin-bottom: 25px;}
	.newcont{margin-bottom:10px;}
	.newcont h3{font-size: 15px;padding: 15px 0 15px 0;}
	.newcont p { font-size: 13px;line-height: 20px;margin-bottom: 15px;}
	.date{font-size: 16px;}
	
}