.main-product{padding-top: 50px; padding-bottom: 50px;}
.main-product p{font-size: 13px; color: #666; line-height: 28px; text-align: left;}
.main-product p.title,.main-service p.title,.main-news p.title,.category p.title{color: #484848; font-size: 20px; text-align: center; line-height: 160px;}
.main-product p.title span,.main-service p.title span,.main-news p.title span,.category p.title span{color: #ff6a00;text-transform:Uppercase;margin-left:10px;}
.main-product .content{padding:0px 10px 10px 10px; text-align: center; transition: 0.3s;}
.main-product .content .img{margin:0px auto;}
.main-product .content .img i{font-size:60px;}
.main-product .content .img6 i{color:#29abe2;}
.main-product .content .img1 i{color:#6f8cf0;}
.main-product .content .img7 i{color:#4dc097;}
.main-product .content .img3 i{color:#ff6a00;}
.main-product .content .img4 i{color:#f66e70;}
.main-product .content .img2 i{color:#4a94f5;}
.main-product .content p.label{font-size: 18px; color: #555; font-weight: bold;line-height: 46px; padding-top: 6px; text-align: center;}
.main-product .content a{font-size: 12px; color: #ff6a00; line-height: 68px;}
.main-product .content:hover{}
.main-product .content img{transition: 2s;width:100%;border-radius: 5px;}
.main-product .content .desc{}


.index .main-product-wzjs .ul3{display:none;}



.main-service{}
.main-service .content{position: relative;}
.main-service .content .content-left{ text-align: center;}
.main-service .content .content-left img{width: 15rem;border-radius:100%;margin:0px auto;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 0px 40px 0 48px;   transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: #666;  overflow: hidden; text-overflow: ellipsis;font-size:13px;line-height:24px;}
.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a; text-align: center;height:42px;line-height: 42px; font-weight:bold;}
.main-service .content .content-right p a{color:#347fd0;}
.main-service .content .content-right span.name{display:inline-block;width:50%;float:left; text-align:right; margin-right:10px;color:#555;} 
.main-service .content .content-right span.position{display:inline-block;float:left;padding:5px 10px;height:16px;line-height:16px;font-size:12px;margin-top:8px; background: #efefef;color:#999;border-radius: 5px;}
.main-service .content .content-right:hover{}
.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}
.main-service .cases{margin-top:10px;}
.main-service .cases .desc{background:#efefef;border-radius: 2px;padding:5px;}
.main-service .cases img{
  cursor: pointer;
  width:100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;

}
.main-service .cases p{ font-size:12px;color:#666;padding:5px 0; text-align: center;display:none;}
.main-service .citem{height:34px;line-height:34px;color:#347fd0;cursor: pointer;}
.main-service .citem i{display: inline-block;
  text-align: center;
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 20px;
  border-radius: 100%;
  background: #347fd0;color:#fff;margin-right:10px;margin-left:10px;}
  .main-service .citem:hover i{background:#347fd0;}


.main-news{padding: 50px 0 30px 0; position: relative;}
.main-news .content > div{padding-bottom: 10px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top; text-align: center;}
.main-news .content .news-img img{max-width: 98%;max-height: 98%;border-radius: 5px;}
.main-news .content .news-img img.nopic{  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: Alpha(opacity=20);-moz-opacity:.2;opacity:0.2;border:1px solid #ccc;
}
.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box; font-size: 13px;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 16px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #666; line-height: 24px;word-break:break-all; }
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px; position: relative !important;bottom:auto !important;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
.types{background: #393D49;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;width: 100%;z-index: 10;}
.types a{display:block;height:36px;line-height:36px; text-align: center;color:#fff !important;}
.main-news .nitem{display:block;height:24px;line-height:24px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color:#666;}



.main-contact{background: #f3f3f3;}
.main-contact .layui-container{padding:30px 0 30px 0; }
.main-contact .layui-card-header{ font-size: 18px; font-weight:bold;}
.main-contact .layui-card-body i{margin-right:5px;}
.main-contact .lxfs li{height:36px;line-height: 36px;}
.main-contact .lxfs li i.layui-icon-location{ font-weight: bold;}
.main-contact .fkfs li{height:36px;line-height: 36px;}
.main-contact .fkfs li font{display:inline-block;width: 80px; font-weight: bold;}
.main-contact .rczp .content{margin-bottom:20px;}
.main-contact .rczp .content .title{ font-size:16px;color:#ff6a00;padding:10px 0;}




@media screen and (max-width: 480px){
	.main-case .content p.intro{height:80px;}
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px; text-align: left !important;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-news .content .news-img{width:100%;margin-bottom:10px;}
  .main-news .content .news-img a{display:block;}
  .main-news .content .news-img img{border:1px solid #efefef;max-width:100%;}
  .main-news .content .news-panel{width:100%;}
  .main-newsdate img{max-width: 100% !important;}

  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
	
  
  .main-product-weixin.weixin2 .tedian i{ font-size:2em; font-weight: bold;height:auto;margin:0px auto;}
  .main-product-weixin.weixin2 .tedian h4{display:block;width:100%;text-align:center; font-size:12px; font-weight:bold;margin:20px auto;}
	.main-case .url a{display:inline-block;width:22%;margin:0px 2%;color:#fff; font-size: 12px;}
	
	.main-product{padding:20px 0;}
	.main-product .content{padding:0;}
	.main-product .content .img{}
	.main-product .content .img i{font-size: 50px;}
	.main-product .content p.label{ font-size:16px;line-height: 30px;}
  .main-product p{ font-size:12px;line-height: 20px;}
  .main-product p.title, .main-service p.title, .main-news p.title{font-size:22px;}

  
}

@media screen and (min-width: 768px){
	.main-case .content p.intro{height:96px;}
  
  .main-product p.title,.main-service p.title,.main-news p.title,.category p.title{font-size: 30px; line-height: 120px;}
  .main.product .content .content-img{text-align: center;}
  .main-news .content .news-panel strong a{ line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 62px;}

  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px;  line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
	.main-case .url a{display:inline-block;width:15%;margin:0px 2%;color:#fff; font-size: 12px;}
	.index .main-product-wzjs .intro .content-mask{padding:5px;}

}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
	.index .main-product-wzjs .intro .content-mask{padding:5px;}
	.main-product-wzjs .intro .content-img .content-mask4 .price{margin-top:29px;}
}

@media screen and (min-width: 992px){
  .main.product .content{padding: 50px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{ line-height: 40px;}
	.main-about .tabIntro .content h3{padding: 10px 30px; font-size: 1.6rem;}
	.index .main-product-wzjs .intro .content-mask{padding:5px;}
}

@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;height:120px; overflow: hidden;}
  .main-news .content .news-panel{width: 65%;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
	
	.index .main-product-wzjs .intro .content-mask{padding:5px;}
  .main-news .content .news-panel p.detail{min-height: 100px;}
}
@media screen and (min-width: 1300px) {
	.main-product-wzjs .intro .content-img h3{font-size:22px;}
	.index .main-product-wzjs .intro .content-mask{padding:5px;}

  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  
	.main-contact .layui-card-header{padding:0 25px;height:64px;line-height:64px;}
	.main-contact .layui-card-body{padding:30px 25px 50px 25px}
	
  .main-news .content .news-panel p.detail{min-height: 100px;}
}
@media screen and (min-width: 1800px) {

  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  
	.main-contact .layui-card-header{padding:0 25px;height:64px;line-height:64px;}
	.main-contact .layui-card-body{padding:30px 25px 50px 25px}
	
	.index .main-product-wzjs .intro .content-mask{padding:5px;}
  .main-news .content .news-panel p.detail{min-height: 100px;}
}