@charset "UTF-8";



@media screen and (min-width: 1200px) {
	.w1200 {
		width: 1200px;
		margin: 0px auto;
		height: auto;
		overflow: hidden;
	}



	/* 首页产品开始 */
	.indexpro {
		width: 100%;
		min-height: 600px;
		height: auto;
		overflow: hidden;
		background-size: 100%;
	}
	
	.indexpro_main {
		margin-top: 40px;
	}
	
	.indexpro .indexpro_main .biaoti {
		font-size: 18px;
		text-align: center;
		color: #666666;
		margin-bottom: 20px;
	}
	
	.indexpro .indexpro_main .biaoti span {
		font-size: 28px;
		font-weight: 500;
		display: block;
	}
	.indexpro .indexpro_main .prolist{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.indexpro .indexpro_main .prolist ul li{
		float: left;		
	}
	.indexpro .indexpro_main .prolist li{
		/* width: 100%; */
		margin-left: 10px;
		height: 40px;
		line-height: 40px;
		border: #e6e6e6 1px solid;
		border-radius: 3px;
		padding: 0px 15px;
		transition: 0.5s;
	}
	.indexpro .indexpro_main .prolist li:hover{
		background-color: #1652b4;
	}
	.indexpro .indexpro_main .prolist li:hover a{
		color: #ffffff;
	}
	/* .indexpro .prolist li:first-child{
		background-color: #1652b4;
	}
	.indexpro .prolist li:first-child a{
		color: #ffffff;
	} */
		
	.indexpro .indexpro_main .cplist{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 30px;
	}
	.indexpro .indexpro_main .cplist ul li{
		float: left;		
	}
	.indexpro .indexpro_main .cplist li{
		text-align: center;
		margin-right: 15px;
		width: 287px;
		height: 262px;
		overflow: hidden;
		transition: 0.5s;
	}
	
	.indexpro .indexpro_main .cplist li:hover{
		background-color: #efefef;
	}
	
	
	.indexpro .indexpro_main .cplist li img{
		width: 287px;
		height: 220px;
	}
	.indexpro .indexpro_main .cplist li:nth-child(4n+4){
		margin-right: 0px;
	}
	.indexpro .indexpro_main .cplist li img{
		border: #e6e6e6 1px solid;
		padding: 5px;
	}
	.indexpro .indexpro_main .cplist ul li span{
		display: block;
		height: 40px;
		line-height: 40px;
	}



	
	
	/* 首页关于我们开始 */
	.index_about {
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f5f5f5;
		background-size: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.index_about .index_about_main{
		width: 1200px;
		margin: 30px auto;
		height: auto;
		overflow: hidden;
	}
	
	.index_about .index_about_main .biaoti {
		font-size: 18px;
		text-align: center;
		color: #666666;
		margin-bottom: 40px;
	}
	
	.index_about .index_about_main .biaoti span {
		font-size: 28px;
		font-weight: 500;
		display: block;
	}
	.index_about .index_about_main .about_left{
		float: left;
		width: 30%;
		margin-right: 3%;
		text-align: left;
		line-height: 33px;
		color: #333333;
		text-indent: 30px;
	}
	.index_about .index_about_main .about_right{
		float: left;
		width: 65%;
	}
	.index_about .index_about_main .about_right .ab{
		float: left;
		width: 48%;
		margin-right: 2%;
		text-align: left;
		line-height: 30px;
		margin-bottom: 20px;
		color: #333333;
	}
	.index_about .index_about_main .about_right .ab img{
		float: left;
		margin-right: 5px;
	}
	.index_about .index_about_main .about_right .ab span{
		display: block;
		font-size: 18px;
	}
	
	/* 首页广告开始 */

	.index_gg{
		width: 100%;
		height: 280px;
		overflow: hidden;
		background: url(../images/gg.jpg) no-repeat;
	}
	.index_gg .gg_left{
		width: 560px;
		height: auto;
		overflow: hidden;
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		color: #fff;
		padding-top: 60px;
	}
	.index_gg .gg_left font{
		color: #99d3ff;
	}
	.index_gg .gg_left span{
		color: #ffffff;
		display: block;
		height: 45px;
		line-height: 45px;
		font-weight: 500;
	}
	.kuang{
		border: 1px #ffffff solid;
		width: 200px;
		height: 45px;
		line-height: 45px;
		margin: 0px auto;
	}
	
	/* 首页解决方案产品开始 */
	
	.index_news {
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f5f5f5;
		background-size: 100%;
		text-align: center;
	}
	.index_news .index_news_main{
		width: 1200px;
		margin: 30px auto;
		height: auto;
		overflow: hidden;
	}
	
	.index_news .index_news_main .biaoti {
		font-size: 18px;
		text-align: center;
		color: #666666;
		margin-bottom: 40px;
	}
	
	.index_news .index_news_main .biaoti span {
		font-size: 28px;
		font-weight: 500;
		display: block;
	}
	
	.index_news .index_news_main .list_mian{
		background: #f0f0f0;
		width: 98%;
		height: auto;
		overflow: hidden;
		padding: 1%;
	}
	
	.index_news .index_news_main .list_mian .news_left{
		float: left;
		width: 370px;
		height: auto;
		overflow: hidden;
		background: #ffffff;
		padding: 10px;
		margin-right: 30px;
	}
	
	.index_news .index_news_main .list_mian .news_left .one{
		width: 100%;
		height: 140px;
	}
	
	.index_news .index_news_main .list_mian .news_left .one .biaotis{
		text-align: left;
		font-size: 16px;
		width: 345px;
		height: 45px;
		line-height: 45px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	
	.index_news .index_news_main .list_mian .news_left .one .biaotis span{
		float: right;
		font-size: 14px;
	}
	.index_news .index_news_main .list_mian .news_left .one .des{
		text-align: left;
		font-size: 14px;
		color: #646464;
		line-height: 30px;
	}
	
	.index_news .index_news_main .list_mian .news_right {
		
	}
	.index_news .index_news_main .list_mian .news_right ul li{
		float: left;
	}
	.index_news .index_news_main .list_mian .news_right li{
		text-align: left;
		width: 745px;
		height: 125px;
		overflow: hidden;
		margin-bottom: 10px;
		background-color: #fff;
		padding: 10px;
	}
	.index_news .index_news_main .list_mian .news_right .biaotis{
		text-align: left;
		font-size: 16px;
		height: 45px;
		line-height: 45px;
		overflow: hidden;
		
	}
	.index_news .index_news_main .list_mian .news_right .biaotis span{
		float: right;
		font-size: 14px;
	}
	.index_news .index_news_main .list_mian .news_right .des{
		color: #646464;
	}
	
	
	

}

/* ipad等手机样式 */

@media (max-width: 768px) {
	
	

	/* 首页解决方案产品开始 */
	.indexpro {
		width: 98%;
		height: auto;
		overflow: hidden;
	}
	
	.indexpro_main {
		margin-top: 20px;
	}
	
	.indexpro .indexpro_main .biaoti {
		font-size: 18px;
		text-align: center;
		color: #666666;
		margin-bottom: 20px;
	}
	
	.indexpro .indexpro_main .biaoti span {
		font-size: 28px;
		font-weight: 500;
		display: block;
	}
	.indexpro .indexpro_main .prolist{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.indexpro .indexpro_main .prolist ul li{
		float: left;		
	}
	.indexpro .indexpro_main .prolist li{
		width: 49%;
		margin-left: 1%;
		height: 40px;
		line-height: 40px;
		border: #e6e6e6 1px solid;
		border-radius: 3px;
		padding: 0px 15px;
		margin-bottom: 0.625rem;
	}
	.indexpro .indexpro_main .prolist li:nth-child(2n+2){
		margin-right: 0px;
	}
	.indexpro .indexpro_main .prolist li a{
		font-size: 12px;
	}
	.indexpro .indexpro_main .prolist li:last-child{
		width: 99%;
		text-align: center;
		font-size: 0.875rem;
	}
	
	
	.indexpro .indexpro_main .cplist{
		width:100%;
		height: auto;
		overflow: hidden;
		padding-top: 30px;
	}
	.indexpro .indexpro_main .cplist ul li{
		float: left;		
	}
	.indexpro .indexpro_main .cplist li{
		text-align: center;
		margin-right: 2%;
		width: 49%;
	}
	.indexpro .indexpro_main .cplist li:nth-child(2n+2){
		margin-right: 0px;
	}
	.indexpro .indexpro_main .cplist li img{
		border: #e6e6e6 1px solid;
		padding: 5px;
		width: 100%;
	}
	.indexpro .indexpro_main .cplist ul li span{
		display: block;
		height: 40px;
		line-height: 40px;
	}




	
	/* 首页关于我们开始 */
	.index_about {
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f5f5f5;
		background-size: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.index_about .index_about_main{
		width: 100%;
		margin: 30px auto;
		height: auto;
		overflow: hidden;
	}
	
	.index_about .index_about_main .biaoti {
		font-size: 18px;
		text-align: center;
		color: #666666;
		margin-bottom: 40px;
	}
	
	.index_about .index_about_main .biaoti span {
		font-size: 28px;
		font-weight: 500;
		display: block;
	}
	.index_about .index_about_main .about_left{
		float: left;
		width: 98%;
		text-align: left;
		line-height: 33px;
		color: #333333;
		text-indent: 30px;
		margin-bottom: 1.875rem;
		padding: 1%;
	}
	.index_about .index_about_main .about_right{
		float: left;
		width: 98%;
		padding: 1%;
	}
	.index_about .index_about_main .about_right .ab{
		float: left;
		width: 100%;
		text-align: left;
		line-height: 30px;
		margin-bottom: 20px;
		color: #333333;
	}
	.index_about .index_about_main .about_right .ab img{
		float: left;
		margin-right: 5px;
	}
	.index_about .index_about_main .about_right .ab span{
		display: block;
		font-size: 18px;
	}
	
	

/* 首页广告开始 */

	.index_gg{
		display: none;
	}
	
	
	
	/* 首页新闻开始 */
	
	.index_news {
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f5f5f5;
		background-size: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.index_news .index_news_main{
		width: 100%;
		margin: 20px auto;
		height: auto;
		overflow: hidden;
	}
	
	.index_news .index_news_main .biaoti {
		font-size: 18px;
		text-align: center;
		color: #666666;
	}
	
	.index_news .index_news_main .biaoti span {
		font-size: 28px;
		font-weight: 500;
		display: block;
	}
	
	
	.index_news .index_news_main .list_mian{
		background: #f0f0f0;
		width: 98%;
		height: auto;
		overflow: hidden;
		padding: 1%;
		margin: 1%;
	}
	
	.index_news .index_news_main .list_mian .news_left{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #ffffff;
		
	}
	
	.index_news .index_news_main .list_mian .news_left .one{
		width: 100%;
		height: 140px;
		padding: 1%;
	}
	
	.index_news .index_news_main .list_mian .news_left .one .biaotis{
		text-align: left;
		font-size: 16px;
		width: 345px;
		height: 45px;
		line-height: 45px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	
	.index_news .index_news_main .list_mian .news_left .one .biaotis span{
		float: right;
		font-size: 14px;
	}
	.index_news .index_news_main .list_mian .news_left .one .des{
		text-align: left;
		font-size: 14px;
		color: #646464;
		line-height: 30px;
	}
	
	.index_news .index_news_main .list_mian .news_right {
		
	}
	.index_news .index_news_main .list_mian .news_right ul li{
		float: left;
	}
	.index_news .index_news_main .list_mian .news_right li{
		text-align: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
		background-color: #fff;
		padding: 10px;
	}
	.index_news .index_news_main .list_mian .news_right .biaotis{
		text-align: left;
		font-size: 16px;
		height: 45px;
		line-height: 45px;
		overflow: hidden;
		
	}
	.index_news .index_news_main .list_mian .news_right .biaotis span{
		float: right;
		font-size: 14px;
	}
	.index_news .index_news_main .list_mian .news_right .des{
		color: #646464;
	}
	
	
	

}


















/* 
@media screen and(min-width: 960px){
    
}

@media screen and(min-width: 768px) and (max-width: 959px) {
    .top-top{
    	display: none;
    }
}
@media screen and(min-width: 480px) and (max-width: 767px) {
   .top-top{
   	display: none;
   }
}
@media screen and (max-width: 479px) {
    .top-top{
    	display: none;
    }
} */
