﻿.bnrs .item{width:calc(50% - 15px);padding:30px 40px 40px}
.bnrs .item .inside{width:250px}
.bnrs .item .inside .title{font-size:38px;line-height:1.5}
.bnrs .item .inside .btn{padding:6px 12px 8px;margin-top:15px}
.bnrs .item .inside .btn i{margin:5px 0 0 10px}
.bnrs .item .shape-1{left:0;transform:rotateY(180deg);width:90%;top:35px;opacity:.07}
.bnrs .item .pic{width:200px;transform:rotate(14deg);left:15px;bottom:0}
.bnrs .item.rt-color .shape-1{opacity:.2}
.bnrs .item.rt-color .pic{width:250px}
.bnrs .item:hover .inside .btn{opacity:.85}
.bnrs .item:hover .pic{transform:rotate(0deg)}
.bnrs .item:hover .shape-1{transform:rotateY(140deg);opacity:0}


@media only screen and (max-width:1020px){
.bnrs .item .pic{width:150px}
.bnrs .item .inside .title{font-size:28px}
}
@media only screen and (max-width:920px){
.bnrs .item{width:100%;padding:30px}
.bnrs .item.right{margin-bottom:20px}
.bnrs .item .pic,.bnrs .item.rt-color .pic{width:120px;bottom:15px}
.bnrs .item .inside .title{font-size:21px;padding-left:100px}
.bnrs .item .inside .btn{font-size:12px}
.bnrs .item .inside .btn i{font-size:16px;margin:4px 0 0 7px}
}