
/* CSS Document */
h1,h2,h3,h4,h5,h6{  font-family: inherit;  font-weight: 500;  line-height: 1.1;  color: #333;}
h1,h2,h3 {  margin-top:0;  margin-bottom: 20px;   }
h1{  font-size: 24px;}
h2{  font-size: 22px;}
h3{  font-size: 16px;}
h4{  font-size: 14px;}
.padding-left10{ padding-left:10px;}

.padding-top25{ padding-top:25px;} 
.padding-top50{padding-top:50px;}
.padding-left10{ padding-left:10px;}
.padding70{ padding:70px 0;}

.float_left{ float:left;}
.float_right{ float:right;}

.bg_hezuo{ background:url(../image/bg_hezuo.jpg) no-repeat center center; width:100%; height:auto; padding:70px 0 50px;}
.blue{ color:#a13733;}

.text-left {  text-align: left;}
.text-right {  text-align: right;}
.text-center {  text-align: center;}
.text_size18{ font-size:18px; line-height:40px;}
.text_size14{ font-size:14px; line-height:25px;}

.col-1, .col-2, .col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ float: left;}
.col-12 {  width: 100%;}
.col-11 {  width: 91.66666667%;}
.col-10 {  width: 83.33333333%;}
.col-9 {  width: 75%;}
.col-8 {  width: 66.66666667%;}
.col-7 {  width: 58.33333333%;}
.col-6 {  width: 50%;}
.col-5 {  width: 41.66666667%;}
.col-4 {  width: 33.33333333%;}
.col-3 {  width: 25%;}
.col-2 {  width: 16.66666667%;}
.col-1 {  width: 8.33333333%;}

/*2017.1.5 index*/
.bg-sanme .col-3{ text-align:center; margin:25px 0 0;}
.bg-sanme .col-3 img{ width:80%;}
.bg-sanme h1{  font-size: 24px; margin-bottom:10px;}
.bg-sanme h2{  font-size: 22px; margin-bottom:5px;}
.index_about{}
.index_about .text_size18{ padding-bottom:30px;}
.index_about .col-2{ margin:20px 0; text-align:center; }
.index_about .col-2 img{ width:80%; margin:0 auto;}
.index_about .col-2 p{ line-height:25px;}

.sanme_title2,.sanme_title{ background:url(../image/index_32.jpg) no-repeat left center; height:30px; text-indent:90px; font-size:24px; padding-top:24px; margin-bottom:15px; color:#000;} 
.sanme_title2{background:url(../image/index_39.jpg) no-repeat right center; text-indent:0px; padding-right:90px; text-align:right;}
.index-solution{
	padding-top:50px;
	padding-bottom:50px;
}
.index-solution .col-4{ height:auto; position:relative; margin-bottom:1px; width:calc(33.33333333% - 1px); margin-right:1px; overflow:hidden;}
.index-solution a{
	display: block;
	width:100%;
}
.index-solution a img{
	display: block;
	width:100%;
}
.index-solution .text_size14{ width:90%;}
.index-solution .s_title{height:36px; width:100%; position:absolute; bottom:0; background:url(../image/index_36.jpg) no-repeat right rgba(0,0,0,0.5); transition: height 1s;-moz-transition: height 1s;/* Firefox 4 */-webkit-transition: height 1s;/* Safari 和 Chrome */-o-transition: height 1s;}
.index-solution .s_title h3{ text-align:center; color:#fff; line-height:36px; margin-bottom:0;
padding:0 20px;
box-sizing: border-box;
}
.index-solution .s_title .text_size14{
	max-height:100px;
	overflow: hidden;
}
.index-solution .s_title a{ color:#fff; }
.index-solution .s_title .text_size14{ width:80%; color:#fff; margin:0 auto; display:none;}
.index-solution .s_title a.shadow_more{ height:35px; font-size:14px; line-height:35px; width:100px; margin-bottom:0; display:none;}
.index-solution .col-4:hover .s_title{background:rgba(0,0,0,0.5); height:100%; text-align:center;}
.index-solution .col-4:hover .s_title h3{ margin-top:20px; font-weight:600;}
.index-solution .col-4:hover .s_title .text_size14,.index-solution .col-4:hover .s_title a.shadow_more{ display:block;}

.index-materials .col-3{ height:auto; position:relative; margin-bottom:1px; width:calc(25% - 1px); margin-right:1px; overflow:hidden;}
.index-materials .col-3 a p{ height:0px; position:absolute; bottom:0; width:100%; line-height:30px; color:#fff; text-align:center;background:rgba(0,0,0,0.7);}
.index-materials .col-3 a:hover p{ display:block; height:30px;transition: height 1s;-moz-transition: height 1s;/* Firefox 4 */-webkit-transition: height 1s;/* Safari 和 Chrome */-o-transition: height 1s;}
.index-materials .text_size14 a{ padding-left:20px;}
.index-materials .text_size14 a:hover{ text-decoration:underline;}

.col_porducts{float:left;width:100%;}
.col_porducts h2{ line-height:55px; font-size:24px;}
.col_porducts .TabTitle{clear: both;height:55px;overflow: hidden; margin-bottom:25px;}
.col_porducts .TabTitle ul{border:0;margin:0;padding:0;}
.col_porducts .TabTitle li {float: left;width:calc(20% - 1px); margin-left:1px;cursor: pointer; line-height:55px; text-align:center; font-size:18px;}
.col_porducts .TabTitle .active {background:#a13733; color:#fff;}
.col_porducts .TabTitle .active h2{background:#a13733; color:#fff;  }
.col_porducts .TabTitle li h2{font-size:18px;}
.col_porducts .TabTitle .normal {background:#ccc;}
.col_porducts .TabContent{width:100%;background:#fff;margin: 0px auto;}
.col_porducts .TabContent ul li{ width:20%; float:left; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:20px 0; text-align:center; height:245px;}
.col_porducts .TabContent ul li img{ height:214px;}
.col_porducts .TabContent ul li:hover{ border-top:1px solid #a13733; border-bottom:1px solid #a13733;}
.col_porducts .TabContent ul li:hover h3{ font-weight:600;}
.none {display:none;}

.index-news .sanme_title{ margin-bottom:20px;}
.newslist li{ margin-bottom:20px; height:60px; overflow:hidden;}
.newslist li:nth-child(4){ margin-bottom:0;}
.newslist li .newsdate{ width:calc(12% - 2px); float:left; margin-right:3%; text-align:center; border:1px solid #ccc; line-height:25px; height:58px;}
.newslist li .newsdate span{ font-size:18px; height:30px; line-height:30px; background:#ccc; width:100%; display:block; margin:0;}
.newslist li h3{ padding-bottom:0; line-height:20px; height:20px; overflow:hidden;}
.newslist li p,.newslist li h3{ width:85%; float:left; margin-bottom:0;}
.newslist2 li p,.newslist li p{ line-height:20px; font-size:12px; color:#666; margin-bottom:0;}
.caselist li{margin-bottom:1px; height:auto;}
.caselist li img{ width:45%; margin-right:5%; float:left; height:150px;}
.caselist li h3{ line-height:25px; padding-bottom:5px; margin:0;}
.caselist li p{ font-size:12px; color:#666;}
.caselist li a{ display:block;}

.newslist2{ width:90%; float:right;}
.newslist2 li{ margin-bottom:20px;height:60px; overflow:hidden;}
.newslist2 li h3{ margin:0;padding-bottom:5px;}
.newslist2 li p a{color:#666;}

.index-col h2{ font-size:24px;}
.index-col .col-3{ text-align:center; height:252px; margin-right:1px; width:calc(25% - 1px);}
.index-col .col-3 a{ width:100%; padding-top:75px; height:177px; display:block; background:rgba(0,0,0,0.3);}
.index-col .col-3 a:hover{ background:rgba(0,0,0,0.6);}
.index-col .col-3 a h2{ color:#fff;}
.index-col .col-3 a p{ font-size:16px; line-height:30px; color:#fff;}

.index-col .index-col1 a{ background:#a13733;}
.index-col .index-col1 a:hover{ background:#666;}
.index-col .index-col2{ background:url(../image/index_62.jpg) no-repeat center center;}
.index-col .index-col3{ background:url(../image/index_64.jpg) no-repeat center center;}
.index-col .index-col4{ background:url(../image/index_66.jpg) no-repeat center center;}

@media screen and (max-width: 1199px) {
.bg-sanme{ padding:50px 0 50px;}
.index_about h1{ font-size: 20px;}
.index_about h2{ font-size: 20px; }
.text_size18{ font-size:16px;}
.index_about .padding-top50{ padding-top:65px;}
.sanme_title2,.sanme_title{ background:url(../image/index_32_960.jpg) no-repeat left center; height:24px; text-indent:60px; font-size:20px; padding-top:15px; margin-bottom:5px;} 
.sanme_title2{background:url(../image/index_39_960.jpg) no-repeat right center; text-indent:0px; padding-right:60px;}
.index-solution .text_size14{ font-size:14px; line-height:30px; width:95%;}
.index-solution .col-4:hover .s_title h3{ margin-top:10px; font-weight:600;}
.index-solution .s_title a.shadow_more{ height:30px; font-size:14px; line-height:30px; width:100px; margin-top:10px; display:none;}

.index-col h2,.col_porducts h2{ font-size:20px;}
.col_porducts .TabTitle li h2{ font-size:16px;}
.col_porducts .TabContent ul li{height:160px;}
.col_porducts .TabContent ul li h3{ font-size:14px; margin-bottom:10px;}
.col_porducts .TabContent ul li img{ max-width:90%; margin:0 auto; height:90%;}

.newslist li .newsdate{ font-size:12px;}
.newslist li .newsdate span{ font-size:16px; height:30px; line-height:30px;}
.caselist li h3,.newslist li h3{ font-size:15px;}
.newslist li p{ height:20px; line-height:20px; overflow:hidden;}
.caselist li img{ width:50%; margin-right:5%; float:left; height:150px;}

.index-col .col-3{ height:220px;}
.index-col .col-3 a{padding-top:55px; height:165px;}
.index-col .col-3 a p{ font-size:14px; }
}
@media screen and (max-width: 1024px) {
.bg-gary h2,.index-news h2,.index-col h2,.col_porducts h2,.sanme_title2,.sanme_title,.index_about h2,.index_about h1{ font-size:18px;}
.bg-gary h2{ font-weight:normal;}
.index-solution .text_size14{ font-size:13px; line-height:23px;}
.caselist li h3,.newslist li h3{ font-size:14px;}
}
@media screen and (max-width: 959px) {
.index-solution .text_size14 span{ display:none;}
}
@media only screen and (max-width: 768px){
.bg-sanme{ background:url(../image/bg_sanme.jpg) no-repeat center center; }
.bg-gary h2,.index-news h2,.index-col h2,.col_porducts h2,.sanme_title2,.sanme_title,.index_about h2,.index_about h1{ font-size:16px;}
.text_size18{ font-size:13px; line-height:30px;}
.index_about .col-6{ width:100%;}
.index_about .col-2{ width:25%; margin:10px 0; text-align:center; }
.sign_768{ display:none;}

.sanme_title{ background:url(../image/index_32_960.jpg) no-repeat left center; background-size:30px 30px; height:20px; text-indent:40px; font-size:16px; padding-top:10px; margin-bottom:10px; line-height:20px}
.index-solution .text_size14{ font-size:12px; line-height:22px;}
.index-solution .col-4 .s_title h3{ font-size:14px; text-align:left; padding-left:10px; padding-right:45px; height:36px; overflow:hidden;}
.index-solution .col-4:hover .s_title{ background:url(../image/index_36.jpg) no-repeat right rgba(255,255,255,0.5); height:36px; text-align:left; overflow:hidden;}
.index-solution .col-4:hover .s_title h3{ margin-top:0px; font-weight:600; color:#a13733; font-size:14px;}
.index-solution .col-4:hover .s_title h3 a{color:#a13733;}
.index-solution .col-4:hover .s_title .text_size14,.index-solution .col-4:hover .s_title a.shadow_more{ display:none;}

.index-materials{ display:none;}

.col_porducts .TabTitle li h2{ font-size:11px; height:130px;}
.col_porducts .TabContent ul li{ width:33.3%;}

.index-news .col-6{ width:100%;}
.index-news .caselist{ margin-top:20px;}
.index-news .caselist img{ width:40%;}
.newslist2{ width:100%; margin-top:30px; border-top:1px dashed #ccc; padding-top:30px;}

.index-col .col-3{ height:200px;}
.index-col .col-3 a{ padding-top:50px; height:150px; }

.hotlink .col-3{ width:50%;}
.hotlink .hot_s,.hotlink .hot_m{ display:none;}
} 
@media only screen and (max-width: 640px){
.sanme_title{ background:url(../image/index_32_960.jpg) no-repeat left center; background-size:20px 20px; height:20px; text-indent:30px; font-size:15px; padding-top:0px; margin-bottom:5px; line-height:20px;}
.index-solution .text_size14{ font-size:12px; line-height:18px;}

}
@media only screen and (max-width: 480px) {
.sign_480{ display:none;}
.index_about .col-2{ width:33.3333%; margin:10px 0; text-align:center; }
.sanme_title{ background:url(../image/index_32_960.jpg) no-repeat left center; background-size:25px 25px; height:20px; text-indent:35px; font-size:15px; padding-top:5px;}
.index-solution .col-4{ width:calc(50% - 1px); margin-right:1px; margin-bottom:1px;}
.index-solution .col-4:nth-child(1){ width:100%; margin-right:0; margin-bottom:20px; }
.index-project .col-4:nth-child(1){ width:calc(50% - 1px); margin-right:1px; margin-bottom:1px;}
.index-solution .text_size14{ line-height:25px;}
.index-solution-none{ display:none;}
.index-solution .s_title{height:30px; background:url(../image/index_36.jpg) no-repeat right rgba(0,0,0,0.5);background-size:30px 30px; height:30px; text-align:left; overflow:hidden;}
.index-solution .col-4 .s_title h3{ font-size:12px; padding-right:30px; height:30px; overflow:hidden;line-height:30px;}
.index-solution .col-4:hover .s_title{ background:url(../image/index_36.jpg) no-repeat right rgba(255,255,255,0.5); background-size:30px 30px; height:30px; text-align:left; overflow:hidden;}
.index-solution .col-4:hover .s_title h3{ margin-top:0px; font-weight:600; color:#a13733; font-size:12px;line-height:30px;}

.col_porducts .TabTitle{height:110px;}
.col_porducts .col-2,.col_porducts .col-10{ width:100%; height:55px;}
.col_porducts .TabTitle li h2{font-size:13px; line-height: inherit;}
.col_porducts .TabTitle li:nth-child(5),.col_porducts .TabTitle li:nth-child(4),.col_porducts .TabTitle li:nth-child(3){ line-height:20px; width:calc(20% - 8px); padding:8px 3px 0; }
.col_porducts .TabContent ul li{height:160px; width:49%; margin:0 0.5%;}
.col_porducts_none{ display:none; }
.col_porducts .TabContent ul li h3{ font-size:12px; margin-bottom:10px;}
.col_porducts .TabContent ul li img{height:80%;}

.index-news .caselist img{ width:40%; height:100px; margin-right:2%;}
.index-news .caselist h3,.index-news .newslist2 h3,.index-news .newslist h3{ font-size:13px;}
.index-news .col-11{ width:100%;}
.newslist li .newsdate{ width:calc(17% - 2px); }
.newslist li p,.newslist li h3{ width:80%;}
.newslist2,.newslist li a.blue{ display:none;}
.caselist li{ margin-bottom:15px;}
.caselist li:nth-child(2){margin-bottom:0px;}
.caselist li h3{ line-height:16px; padding-bottom:0px;}
.caselist li p{line-height:16px;}

.index-col h2{ font-size:16px;}
.index-col .col-3{ height:120px;}
.index-col .col-3 a{ padding-top:50px; height:70px; }
.index-col .col-3 p{ display:none;}
.hotlink .col-3{ width:100%;}
.hotlink .hot_p{ display:none;}
}
@media only screen and (max-width: 360px) {
.col_porducts .TabTitle li h2{font-size:12px; height:40px;}
.col_porducts .TabTitle li:nth-child(5),.col_porducts .TabTitle li:nth-child(4),.col_porducts .TabTitle li:nth-child(3){ line-height:22px; width:calc(20% - 1px); padding:4px 0px 0;  overflow: hidden; }
}

/*20190722*/
.index-job{}
.index-job a{  font-size:20px;padding:30px; text-align:center; line-height:40px; display:block; background:#a13733; border:2px solid #a13733; color:#fff; border-radius:6px;}
.index-job a:hover{background:#fff;border:2px solid #a13733; color:#a13733;}
.index-job span{ font-size:30px;}
.padding70 {
    padding: 70px 0;
}
.indexnews{
	height: 240px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.indexnews h2{
	width:100%;
}
.indexnews .col-6{
	width:calc(50% - 20px);
}
/* .col-6 {
    width: 46%;
} */

.newsTop ul {
   margin-top: 0px;
}
.news-List, .newsList {
    padding-top: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #dcdcdc;
}
.single_title {
     border-bottom: 0px solid #dcdcdc; 
     padding-bottom: 0px; 
}

.newsList ul li, .newsTop ul li {
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media only screen and (max-width: 480px) {
    .col-6 {
         width: 99%; 
    }
    .col-6.IndustryInformation {
        display: none; 
    }
   .col-6.CompanyNews {
    margin-top: -15px;
   
}

}

/* 引入字体图标 */
@font-face {
    font-family: "iconfont"; /* Project id 3956061 */
    src: url('../font/font_3956061_otu4pqa1gme-1678935656751.woff2') format('woff2'),
         url('../font/font_3956061_otu4pqa1gme-1678935656751.woff') format('woff'),
         url('../font/font_3956061_otu4pqa1gme-1678935656751.ttf') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-home:before {
    content: "\e7c6";
  }
  
  .icon-chanpin:before {
    content: "\e653";
  }
  
#LRdiv0,#LRdiv3{
    display: none !important;
}
.swiper img{
	display: block;
	width:100%;
	height:600px;
}
.swiper-video-k{
	position: relative;
	width: 100%;
	height: 600px!important;
	left: 0;
	top: 0;
	overflow: hidden;
	height:calc(100vh - 150px);
}
.swipervideo{
	position: relative;
	right: 0px;
	bottom: 0px;
	min-width: 100%;
	width: 100%;
	/* -webkit-filter: grayscale(100%); */
	filter: grayscale(10%);
	z-index: -11;
}
.swiper-button-next,.swiper-button-prev{
	color:#a13733!important;
}
.swiper-pagination-bullet-active{
	background:#a13733!important;
}


.index-serve {
	width: 100%;
	padding: 60px 0;
}
.index-serve .is-main{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.is-main .list-item {
	width: 30%;
	border-radius: 2px;
	transition: 0.3s;
	/* margin-left: 20px; */
}

.is-main .list-img {
	border-radius: 2px 2px 0px 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
	transition: 0.3s;
}
.is-main .list-img img {
	width: 100%;
}

.is-main .list-info {
	width: 100%;
	padding-bottom: 30px;
	background-color: #fff;
	position: relative;
	text-align: center;
	transition: 0.3s;
}
.is-main .list-icon {
	position: absolute;
	width: 94px;
	height: 110px;
	top: -51px;
	left: 0;
	right: 0;
	margin: auto;
}
.is-main .is-icon1 {
	background: url("../image/is-icon1.png") no-repeat center;
}
.is-main .is-icon2 {
	background: url("../image/is-icon2.png") no-repeat center;
}
.is-main .is-icon3 {
	background: url("../image/is-icon3.png") no-repeat center;
}

.is-main .list-tit {
	font-size: 20px;
	line-height: 26px;
	color: #535455;
	padding-top: 49px;
	text-align: center;
}
.is-main:hover a{
	color:#fff!important;
}
.is-main .list-tit span {
	width: 30px;
	height: 2px;
	display: block;
	background-color: #8C8D8E;
	margin: 15px auto 0;
	transition: 0.3s;
}
.is-main .list-text {
	width: 220px;
	height: 52px;
	line-height: 26px;
	font-size: 16px;
	color: #8C8D8E;
	margin: 18px auto 0;
}
.is-main .list-btn {
	margin-top: 28px;
	text-align: center;
	transition: 0.3s;
}
.is-main .list-btn .btn {
	height: 42px;
	line-height: 42px;

}
.btn-none {
	border:1px solid rgba(140,141,142,1);
	color: #696A6A;
}

.is-main .list-item:hover{
	box-shadow: 0px 5px 15px rgba(18,19,20,0.1);
}
.is-main .list-item:hover .list-info {
	background-color: #3461C6;
}
.is-main .list-item:hover .list-tit {
	color: #fff;
}
.is-main .list-item:hover .list-tit span {
	background-color: #fff;
}
.is-main .list-item:hover .list-text {
	color:rgba(255,255,255,0.8);
}
.is-main .list-item:hover .btn-none {
	border:1px solid #fff;
	background-color: #fff;
	color:#3461C6;
}

@media(max-width:1024px){
	.is-main .list-item{
		width:100%;
	}
}
.in-banner{
	display: none;
}
@media(max-width:1024px){
	.in-banner{
		display: block;
	}
	/*首页Banner*/
	.in-banner {
		height: 460px
	}
	
	.in-banner .swiper-wrapper .swiper-slide video {
		display: none;
	}
	
	.in-banner .swiper-wrapper .swiper-slide .title-box {
		position: absolute;
		width: 94%;
		box-sizing: border-box;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		padding: 0 5%;
		color:#fff;
	}
	
	.in-banner .swiper-wrapper .swiper-slide .title-box .big {
		margin-bottom: 15px;
		width: 90%;
		font-size: 28px;
		line-height: 36px;
		color:#fff;
		font-weight: 800;
		text-shadow: 0 4px 5px rgb(0 0 0 / 40%);
	}
	
	.in-banner .swiper-wrapper .swiper-slide .title-box .small {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 30px;
		text-shadow: 0 4px 5px rgb(0 0 0 / 40%);
	}
	
	.in-banner .swiper-pagination {
		bottom: 30px
	}
	
	.in-banner .banner-prev {
		left: 3%;
		display: none
	}
	
	.in-banner .banner-next {
		right: 3%;
		display: none
	}
	
	.in-banner .banner-next img,.in-banner .banner-prev img {
		width: 20px;
		height: auto
	}
	
	.in-banner .swiper-wrapper .swiper-slide .pimg {
		display: none;
	}
	
	.in-banner .swiper-wrapper .swiper-slide .mimg {
		display: block;
		width: 100%;
		height: 460px;
		object-fit: cover;
		object-position: center;
		position: relative;
	}
	.in-banner .swiper-wrapper .swiper-slide .mimg:after{
		position: absolute;
		display: block;
		content:'';
		width:100%;
		height: 100%;
		background: #000;
		top:0;
		left:0;
		z-index: 9;
	}
	
	.in-banner .swiper-wrapper .swiper-slide .title-box .banner-more {
		width: 120px;
		height: 36px;
		line-height: 36px
	}
	
	.in-banner .swiper-wrapper .swiper-slide .title-box .banner-more p {
		font-size: 14px
	}
}






