﻿.row{    position: relative;margin:0 !important;}
.content h2:after {
    border-top: 1px solid #ffffff;
    display: block;
    width: 20px;
    content: "";
    margin: 20px auto;
}
.banner{
    background: url(../images/rc-banner.jpg) no-repeat 0px 0px;
    background-size: cover;
    width: 100%;
}
.base-bt h3{margin-top:60px;}
.zp{
    display: flex;
    flex-flow: wrap;
    width: 50%;
}
.zp img{width: 61.6%;display: inline-block}
.gw{
   width: 38.4%;
}
.gwTittle{padding: 40px 0 40px 15%;height:100%;}
.gw div span{font-size: 24px;font-weight:bold;display: block;margin-bottom: 150px}
.gw .gw-show span{font-size: 16px;font-weight:unset;margin-bottom: 15px;margin-left:50px;margin-right:20px;color:#fff}
.gw .gw-show span:first-child{margin-top: 45px;margin-bottom: 15px;font-weight: bold;}
.gw div i{padding: 10.5px 12.5px;border-radius: 50%;border:1px solid #fff;color:#fff;cursor:pointer}
.gwOn{background-color:#1e99ef!important;color:white}
.zp .gw .gwOn  i{ border: 1px solid #fff!important;color: #fff!important}
.gw-show{
   position: absolute;
   top:0;
    width: 50%;
    height: 100%;
    display: none;
}
.zp-content .zp:nth-child(1) .gw .gwTittle{background-color:#f2f2f2}
.zp-content .zp:nth-child(1) .gw-show{left: 19.2%}
.zp-content .zp:nth-child(2) .gw .gwTittle{background-color: #1e99ef}
.zp-content .zp:nth-child(1) .gw .gwTittle i{color: #606060;border-color:#606060}
.zp-content .zp:nth-child(4) .gw .gwTittle i{color: #606060;border-color:#606060}
.zp-content .zp:nth-child(2) .gw-show{right: 50%}
.zp-content .zp:nth-child(3) .gw .gwTittle{background-color:#1ecaef}
.zp-content .zp:nth-child(3) .gw-show{left:50%}
.zp-content .zp:nth-child(4) .gw .gwTittle{background-color:#f2f2f2}
.zp-content .zp:nth-child(4) .gw-show{right:19.2%}
@media screen and (max-width: 767px) {
    .base-content {
        top: 0;
    }
    .zp img{display: none}
    .zp{width: 100%}
    .gw{width: 100%;}
}
@media screen and (max-width: 960px) {
   .base-back{display:none;}
}
@media screen and (max-width: 640px) {
   .zp-content .zp{left:0;right:0}
.gw-show{width:100%}
}



@-moz-document url-prefix() {
	.base-back span{margin-top: 29px!important;}
   .gw div:first-child{padding: 40px 0 50px 15%;}
   .gw div i{padding:15px 15px}
}