/* CSS Document */
a{ text-decoration:none}
.itBanner{ background:url(../../images/banner/itApplication.jpg) no-repeat center; background-size:cover; height: 300px; position: relative;}
.itTitle{ width:100%; text-align:center; font-size:2em; font-weight:bold; color:#262626; margin-top:70px; }
.itSamll{ width:100%; font-size:16px; font-weight:bold; color:#2c2c2c; margin-bottom:10px; margin-top:50px; text-align:left;}

.itBox{ width:100%;}
.itBox:after{clear: both;}
.itBox:before{display: table; content: " ";}
.itCol{ width:25%; height:320px; float:left; display:flex; flex-direction:column; }
.itCol2{ width:25%; float:left; display:flex; flex-direction:column; }
.itItem{ flex:1; background:#f7f8fa; padding:15px 8px 15px 15px; margin-right:10px; margin-bottom:10px; border:#f2f2f2 solid 1px;}
.itItem a{ font-size:12px; display:block; color:#828685; cursor:pointer; text-decoration:none }
.itColH2{ font-size:15px; margin-bottom:10px; font-weight:bold}



.kong{ display:block; flex:1;}
.kong1{display:block;}

.itBottom{ width:100%; overflow:hidden}
.itBottom ul{ width:100%;}
.itBottom ul li a{width:24%; float:left; background:#f7f8fa; padding:15px 8px 15px 15px; margin-right:10px; margin-bottom:10px; border:#f2f2f2 solid 1px;}
.itBottom ul li a:hover{ text-decoration:none; color:#828685}

@media screen (min-width: 993px) and (max-width:2000px){
.container {
     width: 1170px;
}}
@media screen and (min-width: 768px) and (max-width:992px) { 
 .container{  width:100% !important}
 .itCol{ width:50%;}
 .itBottom ul li a{width:auto; display:table}
 }

@media screen and (max-width: 767px){
	.container{  width:100%}
 .itCol{ width:100%;}
 .itItem{ margin-right:0px}
 .itBottom ul li{width:100%;}
 .kong{ display:none; flex:1;}
.kong1{display:none;}
	.psBanner, .successCaseBanner{ height:200px; background-size:auto 100%;}
	}