.vr-title{text-align:center;padding:40px 0;}
.vr-title>h2{font-size:17px; color:#000; font-weight:bold;}
.vr-title>h2:before{content:'';display:inline-block; background:url(/vr/images/vr-logo.png) no-repeat center center; width:172px; height:37px; margin-right:20px; vertical-align:bottom;}
.vr-title>p{font-size:15px; color:#666; margin-top:1em;}

.vr-section{background:#d6001d;padding:40px 0;color:#fff; }
.vr-section .item{border:1px solid #e94158; text-align:center;display:block; height:238px;}
.vr-section .item>span{display:block;height:60px; margin-top:35px;}
.vr-section .item>span.vr-img1{background:url(/vr/images/vr-1.png) no-repeat center center; }
.vr-section .item>span.vr-img2{background:url(/vr/images/vr-2.png) no-repeat center center; }
.vr-section .item>span.vr-img3{background:url(/vr/images/vr-3.png) no-repeat center center; }
.vr-section .item>span.vr-img4{background:url(/vr/images/vr-4.png) no-repeat center center; }
.vr-section .item>b{display:block; font-size:18px;position:relative;padding:10px 0 10px 0; margin-bottom:10px;}
.vr-section .item>b:after{content:''; position:absolute; width:1.2em; background:#fff; height:1px; overflow:hidden; bottom:0;left:50%; margin-left:-.51em;}
.vr-section .item>p{font-size:14px; color:#f9f9f9; line-height:1.8em;display:block;padding:0 15px 0 15px ;}

.vr-jj{display:block; margin-top:40px;padding-top:40px; border-top:1px solid #de334a; font-size:14px; color:#fff; line-height:1.9;padding-bottom:40px;}
.vr-jj img{vertical-align:middle; margin:0 10px;}

.vr-case{padding-top:40px; border-top:1px solid #fff;}
.vr-case ul{padding:0; margin:0;padding-left:45px;list-style:none;position:relative;}
.vr-case ul:before{background:url(/vr/images/vr-case.png) no-repeat 0 0; width:25px; height:116px;content:'';display:block;position:absolute;left:0;}
.vr-case ul:after{content:'';display:block; clear:both;}
.vr-case ul>li{float:left; width:20%;padding:0 5px;}
.vr-case ul>li>a{background:#fff; display:block;}
.vr-case ul>li>a>img{width:100%;}
.vr-case ul>li>a>span{display:block; text-align:center;height:40px;line-height:40px;overflow:hidden;padding:0 10px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.vr-more{border:1px solid #e94158; margin:20px auto 0 auto; display:block; width:150px; height:45px; line-height:45px; text-align:center; color:#f9f9f9; transition:all .3s;}
.vr-more:hover{border:1px solid #fff; color:#000; background:#eef2fd;}