@charset "utf-8";
.main-inner{
	padding-bottom: 30px;
}
.main-inner .mbox{
	padding: 50px 0 20px;
}
@media screen and (max-width: 767px){
	.main-inner{
		padding-bottom: 0;
	}
	.main-inner .mbox{
		padding: 20px 0 0;
	}
}

@media screen and (min-width: 1230px){
	.main .mbox-content .row{
		margin: 0;
	}
}
/*关于我们*/
.description {text-align:center;}
.main-inner .description .mbox-title{
	margin-bottom: 40px;
}
.main-inner .description .mbox-content{
	font: normal 14px/2 microsoft yahei;
	text-align: center;
	color: #333;
}
.main-inner .description .more-link{
	
}
.main-inner .description .more-link a{display:inline-block;
	margin-top:20px;
	text-align:center;
	padding:0 10px;
	border-radius:25px;
	border:1px solid #1c375b;
    color:#1c375b;}
	.main-inner .description .more-link a:hover{
		text-decoration:none;
		background:#1c375b;
		color:#fff;
	}

/*产品服务*/
.main .product-box{
	text-align: center;
}
	.main .product-box .product-list a{
		display: block;
		padding-bottom: 15px;
		font: normal 14px/2 "microsoft yahei";
		color: #7d7d7d;
	}
		/*产品名称*/
		.main .product-box .product-list .product-name{
			font: normal 18px/3.5 "microsoft yahei";
		}
		.main .product-box .product-list .icon-wrap{
			width:100px;
			height: 100px;
			display: inline-block;
			padding: 20px;
			font-size: 0;
			border: 3px solid #1c375b;
			border-radius: 50%;
			overflow: hidden;
		}
		.icon-wrap  img{
			width:300%;
			height: auto;
		}
		/*产品描述*/
		.main .product-box .product-list .product-desc{
			line-height: 3.5;
		}
		/*查看详情*/
		.main .product-box .product-list .product-look{
			display: inline-block;
			padding: 0 1.5em;
			color: #585858;
			border: 1px solid #a7a7a7;
			border-radius: 1em;
		}
    .main .product-box .product-list a:hover{
	    text-decoration: none;
    }
    .main .product-box .col-sm-4.active{
		background-color: #1c375b;
	}
        /*激活状态*/
        .main .product-box .col-sm-4.active a{
	        color: #fff;
        }
            .main .product-box .col-sm-4.active a .icon-wrap{
	            background-color: #fff;
            }
            .main .product-box .col-sm-4.active a .product-look{
	            color: #585858;
	            border-color: #fff;
	            background-color: #fff;
            }
            
        .main .product-box .col-sm-4,.main .product-box .col-sm-4 a,.main .product-box .col-sm-4 .icon-wrap,.main .product-box .col-sm-4 .product-look{
	        -webkit-transition: all .7s;
	        -moz-transition: all 1s;
	        -ms-transition: all 1s;
	        -o-transition: all 1s;
	        transition: all 1s;
        }
        /*鼠标放上状态*/
        .main .product-box .col-sm-4:hover{
	        background-color: #1c375b;
        }
        .main .product-box .col-sm-4:hover a{
	        color: #fff;
        }
            .main .product-box .col-sm-4:hover a .icon-wrap{
	            -webkit-transform: rotate(360deg);
	            -moz-transform: rotate(360deg);
	            -ms-transform: rotate(360deg);
	            -o-transform: rotate(360deg);
	            transform: rotate(360deg);
	            background-color: #fff;
            }
            .main .product-box .col-sm-4:hover a .product-look{
	            color: #585858;
	            border-color: #fff;
	            background-color: #fff;
            }
            
    
    @media screen and (max-width: 374px){
	    .main .product-box .product-list .product-desc{
		    font-size: 12px;
	    }
    }
/*解决方案*/
.main .solve-box .mbox-content{
	background-color: #373d41;
}
.main .solve-box a{
	display: block;
	color: #fff;
}
	.main .solve-box a:hover{
		text-decoration: none;
	}
    .main .solve-box .col-sm-4{
	    padding: 0;
    }
    .main .solve-box .solve-list .disimg{
	    height: 430px;
    }
    
    /*遮罩*/
    .main .solve-box .solve-link .list-modal{
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    padding: 0 47px;
	    text-align: center;
	    color: #fff;
	    background-color: #000;
	    background-color: rgba(0,0,0,.78);
	
	    -webkit-transition: all .7s;
	    -moz-transition: all .7s;
	    -ms-transition: all .7s;
	    -o-transition: all .7s;
	    transition: all .7s;
    }
    /*.main .solve-box .solve-link .list-modal:before{*/
	    /*content: "";*/
	    /*display: inline-block;*/
	    /*vertical-align: middle;*/
	    /*height: 100%;*/
    /*}*/
        .main .solve-box .solve-link .list-modal .modal-top{
	        padding-top: 100px;
	        display: inline-block;
	        vertical-align: middle;
	
	        -webkit-transition: all .7s;
	        -moz-transition: all .7s;
	        -ms-transition: all .7s;
	        -o-transition: all .7s;
	        transition: all .7s;
        }
             .main .solve-box .solve-link .list-modal .icon-wrap{
	            padding-top: 40px;
            }
            .main .solve-box .solve-link .list-modal .icon{
		        font: normal 80px/1 "microsoft yahei";
	        }
            .main .solve-box .solve-link .list-modal .modal-tit{
	            padding: 40px 0;
	            font: normal bold 24px/1 "microsoft yahei";
            }
        .main .solve-box .solve-link .list-modal .list-cont,.main .solve-box .solve-link .list-modal .modal-look{
	        display: -webkit-box;
	        -webkit-line-clamp:4;
	        -webkit-box-orient: vertical;
	        opacity: 0;
	        height: 0;
	        max-height: 6em;
	        overflow: hidden;
	        font: normal 16px/1.5 "microsoft yahei";
        }
        .main .solve-box .solve-link .list-modal .list-cont{
	        text-align: left;
	        text-indent: 2em;
	        
	         -webkit-transition: all .7s .7s;
	        -moz-transition: all .7s .7s;
	        -ms-transition: all .7s .7s;
	        -o-transition: all .7s .7s;
	        transition: all .7s .7s;
        }
        .main .solve-box .solve-link .list-modal .modal-look{
	        display: inline-block;
	        margin-top: 30px;
	        padding:  0 2.3em;
	       font: normal 16px/2.3 "microsoft yahei";
	        color: #4d4d4d;
	        background-color: #fff;
	        border-radius: 19px;
	        
	         -webkit-transition: all .1s 1.5s;
	        -moz-transition: all .1s 1.5s;
	        -ms-transition: all .1s 1.5s;
	        -o-transition: all .1s 1.5s;
	        transition: all .1s 1.5s;
        }
        
         .main .solve-box .solve-link:hover .list-modal{
	         background-color: #1c83f7;
	         background-color: rgba(28,55,91,.78);
         }
        .main .solve-box .solve-link:hover .modal-top{
	        padding-top: 0;
        }
        .main .solve-box .solve-link:hover .list-modal .list-cont,.main .solve-box .solve-link:hover .list-modal .modal-look{
	        opacity: 1;
	        height: auto;
        }
        .main .solve-box .solve-link:hover .list-modal .list-cont{
	        height: 6em;
        }
        
@media screen and (max-width: 991px){
	.main .solve-box .solve-link .list-modal{
		padding: 0;
	}
	.main .solve-box .solve-list .disimg{
		height: 330px;
	}
	.main .solve-box .solve-link .list-modal .modal-top{
		padding-top: 50px;
	}
}

        /*左边的更多*/
        .main .display-box .modal1{
	        float: left;
	        height: 290px;
	        text-align: center;
        }
		.main .display-box .dis-first .modal1{
			background-color: #4fa2ff;
		}
		.main .display-box .dis-second .modal1{
			background-color: #4cc2ea;
		}
		.main .display-box .dis-third .modal1{
			background-color: #1c375b;
		}
		.main .display-box .dis-fourth .modal1{
			background-color: #2c8fff;
		}
        .main .display-box .modal1 a:before{
			content: "";
			display: inline-block;
			vertical-align: middle;
			height: 100%;
		}
	        .main .display-box .modal1 .modal-cont{
		        display: inline-block;
				vertical-align: middle;
	        }
		        .main .display-box .modal1 .icon-wrap{
			        display: inline-block;
			        width: 88px;
			        height: 88px;
			        padding: 18px;
			        background-color: #fff;
			        border-radius: 50%;
		        }
	            .main .display-box .modal1 .icon-wrap .icon{
		            font: normal 50px/1 "microsoft yahei";
		            color: #1c375b;
	            }
	            .main .display-box .modal1 .modal-tit{
		            padding: 30px 0 18px;
		            font: normal 16px/1 "microsoft yahei";
		            border-bottom: 1px solid #fff;
	            }
	            .main .display-box .modal1 .modal-look{
		            display: inline-block;
		            margin-top: 38px;
		            padding: 0 1.3em;
		            font: normal 16px/1.6 "microsoft yahei";
		            color: #1c375b;
		            background-color: #fff;
		            border-radius: 13px;
	            }
@media screen and (max-width: 991px){
	.main .display-box .display-wrap{
		float: none;
	}
	.main .display-box .modal1,.main .display-box .display-list{
		width: 50%;
	}
}
@media screen and (max-width: 767px){
	.main .display-box .modal1{
		width: 100%;
	}
	.main .display-box .display-list{
		display: none;
	}
}


.main-inner .newslist{
	font: normal 12px/2 microsoft yahei;
	background-color: #f3f5f4;
}
.main-inner .newslist .container > .row{
	padding: 0 100px;
}
	.main-inner .newslist .col-md-5,.main-inner .newslist .col-sm-6{
		padding: 0 20px;
	}
		.main-inner .newslist .mbox-content a{
			color: #666;
		}
		.main-inner .newslist .mbox-content a:hover{
			text-decoration: none;
			color: #f04343;
		}
	
.main-inner .newslist .news-title{
	padding-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font: normal 14px/2 "Microsoft yahei";
	color: #5b5b5b;
}
.main-inner .newslist .news-date{
	padding-left: 20px;
	font: normal 12px/30px microsoft yahei;
	color: #bcbbbb;
	background: url("../img/bg.png") 0 -190px no-repeat;
}
.main-inner .newslist .news-more{
	display: inline-block;
	padding: 0 20px;
	margin: 20px 0 25px;
	color: #fff;
	background-color: #1c375b;
}
	
.main-inner .newslist .textlistout{
	padding: 15px 5px 0;
	border-top: 1px solid #e6e6e6;
}

@media screen and (max-width: 991px){
	.main-inner .newslist .mbox{
		padding: 0;
	}
}
.main-inner .newslist  a:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
@media screen and (max-width: 1230px){
	.main-inner .newslist .container > .row{
		padding: 0;
	}
}
@media screen and (min-width: 768px){
	.main-inner .newslist .disimg{
		height: 200px;
	}
	.main-inner .newslist .mbox-left .disimg{
		height: auto;
	}
}
@media screen and (min-width: 992px){
	.main-inner .newslist .disimg{
		height: 100px;
	}
	.main-inner .newslist .mbox-left .disimg{
		height: 200px;
	}
}