.block_10 {width:100%; background:url(../img/bg1.jpg)no-repeat center;   padding: 0;  color:#fff;
background-size:cover; position:relative }
.block_10:before {content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0); }
.block_10 .itemBox {position:relative; width:1200px; margin:0 auto; min-height:500px;}
.block_10 .item {/*background:#fff;*/ width:450px; height:auto; position: absolute; right:0; top:50%; 
transform:translate(0,-50%); padding:30px 0px 20px 50px; border-left:1px solid rgba(255,255,255,0.5); } 
.block_10 .item .tit {font-size:45px; line-height:50px; font-weight:400; }
.block_10 .item .txt {display:none; font-size:16px; line-height:25px; padding:20px 0 15px 0;}
.block_10 .item .more a{display:block; font-size:16px; position: relative; padding:30px 0 20px 2px;}
.block_10 .item .more a:after {content:""; position:absolute; left:38px; top:32px; width:50px; height:25px; 
background:url(../img/arrow_w.svg) no-repeat center; transition:all 0.2s}
.block_10 .item .more a:hover:after {left:45px; color:#fff; transition:all 0.2s}
.block_10 .item .more a:hover { color:#fff}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.block_10 { background-size:cover; }
.block_10 .itemBox {width:100%;  min-height:300px;}
.block_10 .item { width:280px; padding:20px 5px 10px 25px; } 
.block_10 .item .tit {font-size:25px; line-height:32px; font-weight:600 }
.block_10 .item .txt {font-size:16px; line-height:22px; padding:20px 0 15px 0;}
.block_10 .item .more {font-size:15px; position: relative}
.block_10 .item .more:after {display:none; content:""; position:absolute; right:5px; top:12px; width:230px; height:1px; background:#333; }
	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}