@charset "utf-8";
.nei-tpro .item .img span,
.nei-tpro .item .img img{transition: all .5s;-webkit-transition: all .5s;}

.nei-tpro .item:hover .img span,
.nei-tpro .item:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.nei-tpro .item{ display:block; width:100%;margin-bottom:20px; position:relative;background:#fff;}
.nei-tpro .item .img{ width:60%; height:100%; position:absolute; top:0; left:0;}
.nei-tpro .item .img span{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nei-tpro .item .img img{ display:none;}
.nei-tpro .item .txt{width: 40%;display: block;margin-left: auto;margin-right: 0;z-index: 5;padding: 60px 40px;position: relative;text-align: center;}
.nei-tpro .item .txt h1{font-size:24px;color:#333; font-weight:normal;word-break: keep-all;}
.nei-tpro .item .txt h2{text-transform:uppercase; color:#999;font-size:14px;line-height:1em;padding-top:5px;font-weight:lighter;}
.nei-tpro .item .txt i{display: block;width: 30px;height: 30px;border-radius: 50%;-webkit-border-radius: 50%; margin:0 auto; margin-top:15px; position:relative;background: #0d306a;}
.nei-tpro .item .txt i:before,
.nei-tpro .item .txt i:after{ content:''; position:absolute; top:50%; left:50%; background:#fff;}
.nei-tpro .item .txt i:before{width: 16px;height: 2px;margin-left: -8px;margin-top: -1px;}
.nei-tpro .item .txt i:after{ width:2px; height:16px; margin-top:-8px; margin-left:-1px;}

.nei-tpro .item:hover{background: #0d306a;}
.nei-tpro .item:hover .txt h1{color:#fff;}
.nei-tpro .item:hover .txt h2{color:rgba(255,255,255,.7);}
.nei-tpro .item:hover .txt i{background: #fff;}
.nei-tpro .item:hover .txt i:before,
.nei-tpro .item:hover .txt i:after{background:#0d306a;}

.tprol, .tpror{display:block;float:left;width:50%; position:relative;}
.tprol{padding-right:10px;}
.tpror{padding-left:10px;}

.tprol .item:nth-child(1) .img,
.tpror .item:nth-child(2) .img{ width:100%; position:relative; top:auto; left:auto;}
.tprol .item:nth-child(1) .img span,
.tpror .item:nth-child(2) .img span{ display:none;}
.tprol .item:nth-child(1) .img img,
.tpror .item:nth-child(2) .img img{ display:block;}
.tprol .item:nth-child(1) .txt,
.tpror .item:nth-child(2) .txt{position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.5);width: 100%;padding: 20px; text-align:left;}
.tprol .item:nth-child(1) .txt h1,
.tpror .item:nth-child(2) .txt h1{color:#fff;}
.tprol .item:nth-child(1) .txt h2,
.tpror .item:nth-child(2) .txt h2{color:rgba(255,255,255,.7);}
.tprol .item:nth-child(1) .txt i,
.tpror .item:nth-child(2) .txt i{margin: 0;position: absolute;background: #fff;right: 20px;top: 50%;margin-top: -15px;}
.tprol .item:nth-child(1) .txt i:before,
.tprol .item:nth-child(1) .txt i:after,
.tpror .item:nth-child(2) .txt i:before,
.tpror .item:nth-child(2) .txt i:after{background:#0d306a;}

.tprol .item:nth-child(1):hover .txt i,
.tpror .item:nth-child(2):hover .txt i{background: #0d306a;}
.tprol .item:nth-child(1):hover .txt i:before,
.tprol .item:nth-child(1):hover .txt i:after,
.tpror .item:nth-child(2):hover .txt i:before,
.tpror .item:nth-child(2):hover .txt i:after{ background:#fff;}

@media (max-width: 1300px){
	.nei-tpro .item .txt h1{font-size:20px;}
	.nei-tpro .item .txt h2{font-size:12px;}
}
@media (max-width: 1024px){
	.nei-tpro .item{box-shadow: 0 0 10px rgba(0,0,0,.2);}
	.nei-tpro .item .img{width:100%; position:relative; top:auto; left:auto;}
	.nei-tpro .item .img span{ display:none;}
	.nei-tpro .item .img img{ display: block;}
	.nei-tpro .item .txt{width:100%;padding:20px; text-align:left;}
	.nei-tpro .item .txt h1{font-size:18px;}
	.nei-tpro .item .txt i{margin: 0;position: absolute;right:20px;top: 50%;margin-top: -15px;}
	
	.tprol .item:nth-child(1),
	.tpror .item:nth-child(2){box-shadow:none;}
	.tprol .item:nth-child(1) .img,
	.tpror .item:nth-child(2) .img{ height:auto;}
}
@media (max-width:768px){
	.nei-tpro .item{ margin-bottom:10px;}
	.nei-tpro .item .txt{ padding:10px;}
	.nei-tpro .item .txt h1{font-size:16px;}
	.nei-tpro .item .txt h2{text-transform: capitalize;}
	.nei-tpro .item .txt i{ width:20px; height:20px; margin-top:-10px; right:10px;}
	.nei-tpro .item .txt i:before{width:10px;height:2px;margin-left: -5px;}
	.nei-tpro .item .txt i:after{ width:2px; height:10px; margin-top:-5px;}
	
	.tprol{padding-right:5px;}
	.tpror{padding-left:5px;}

	.tprol .item:nth-child(1) .txt,
	.tpror .item:nth-child(2) .txt{padding:10px;}
	.tprol .item:nth-child(1) .txt i,
	.tpror .item:nth-child(2) .txt i{right:10px;margin-top: -10px;}
}
@media (max-width:450px){
	.nei-tpro .item{ margin-bottom:20px;box-shadow:none;border:1px #ddd solid;}
	.nei-tpro .item:last-child{ margin-bottom:0;}
	.nei-tpro .item .txt h1{font-size:14px;}
}