button{outline: none}
.ovrc-banner{text-align: center;background: url("../images/huagecloud/ovrc-banner.jpg")no-repeat center;background-size: cover;color: #ffffff;overflow: hidden}
.ovrc-banner-x{background: none}
.ovrc-banner-x>div{background: url("../images/huagecloud/ovrC.jpg")no-repeat center;background-size: cover}
.ovrc-banner>div{padding: 110px 0 107px;position: relative}
.ovrc-banner li h3{font-size: 36px;letter-spacing: 5px;margin: 0}
.ovrc-banner ul li:nth-child(2){margin-top: 30px;}
.ovrc-banner ul li:last-child{font-size: 16px;}
.ovrc-banner ul{margin-bottom: 40px;}
.ovrc-banner button{border: 1px solid #fff;background-color:rgba(255,255,255,0);padding: 10px 40px;font-size: 16px;}
.ovrc-banner button:hover{background-color: rgba(255,255,255,0.2)}
.ovrc-banner>div:after,.ovrc-banner>div:before{position: absolute;content: "";display: block}
.ovrc-banner>div:before{width: 130px;height: 90px;background:url("../images/huagecloud/banner-bjb.png")center no-repeat;left:245px;bottom: -90px;}
.ovrc-banner-x>div:before{left:210px;}
.ovrc-banner>div:after{width: 145px;height: 90px;background:url("../images/huagecloud/banner-yunhe.png")center no-repeat;right:190px;bottom: -90px;}
.ovrc-banner-x>div:after{right: 150px;}
.ovrc-banner.move>div:before{bottom: 95px;transition: bottom 1s ease-out}
.ovrc-banner.move>div:after{bottom: 78px;transition: bottom 1s ease-out}
.ovrc-banner-x.move>div:after{bottom: 60px;}

.ovrc01{color: #333333;padding-top: 80px;}
.ovrc-remote{text-align: center}
.ovrc-remote>h3{font-size: 30px;text-align: center;margin-bottom:25px;font-weight: 700;margin-top: 0}
.ovrc-remote ul{overflow: hidden;margin-top: 80px;}
.ovrc-remote ul li{float: left;width: 33.33%;padding: 0 40px;}
.ovrc-remote ul li h4{font-size: 20px;font-weight: 700;margin-bottom: 20px;}
.ovrc-remote ul li p{height: 140px;text-align: justify;line-height: 26px;}

.ovrc-jurisdiction{padding-bottom: 70px;}
.ovrc-jurisdiction>h3{font-size: 30px;text-align: center;margin-bottom:50px;font-weight: 700}
.ovrc-jurisdiction ul{overflow: hidden}
.ovrc-jurisdiction ul li{float: left;width: 48%}
.ovrc-jurisdiction ul li:last-child{margin-left: 4%}
.ovrc-jurisdiction ul li>div{overflow: hidden}
.ovrc-jurisdiction ul li>div:hover>img{transform: scale(1.1)}
.ovrc-jurisdiction ul li img{width:100%;display:block;transition:transform 0.5s}
.ovrc-jurisdiction ul li p{text-align:justify;line-height:26px;margin-top:25px;}

.ovrc02{background-color: #fbfbfb;padding: 50px 0}
.ovrc02>div>h3{font-size: 30px;font-weight: 700;text-align: center;margin-top: 0;margin-bottom: 20px;}
.ovrc02>div>p{max-width: 800px;text-align: center;margin: 0 auto 30px;line-height: 26px;}
.ovrc02>div>div{text-align: center}
.ovrc02>div>div>img{max-width: 100%;}
.ovrc02>div>ul{overflow: hidden;max-width: 1060px;margin: 30px  auto 0}
.ovrc02>div>ul li{width: 20%;text-align: center;float: left}
.ovrc02>div>ul li p{margin-bottom: 0;margin-top: 10px;}

.ovrc03{padding:80px 0}
.ovrc03>h3{text-align:center;color:#333;font-weight:700;font-size:30px;margin-top:0;margin-bottom:25px;}
.ovrc03>p{max-width:800px;margin:0 auto;line-height:26px;text-align: center}
.ovrc03 table{width: 100%;border-collapse: collapse;border: 1px solid #efeff2;text-align: center;margin-top: 20px;margin-bottom: 50px;}
.ovrc03 table th{border: 1px solid #efeff2;padding: 10px 0; text-align: center;}
.ovrc03 table th img{width: 80px;margin: 0 auto;display: block}
.ovrc03 table td{border: 1px solid #ffffff;background-color: #efeff2;padding: 10px 0}
.ovrc03 table td.td2{text-align: left;padding-left: 40px;}
.ovrc03 table td span{display:inline-block;width:20px;height:20px;color:#ffffff;background-color:#46b64e;border-radius: 50%;text-align: center;line-height:20px;font-family:"Droid Sans"}
.ovrc03 table td.blue span{background-color: #599ad5}
.ovrc03 table .tbody2 td{background-color: #ffffff;border: 1px solid #efeff2}
.ovrc03 ul{overflow: hidden}
.ovrc03 ul li{float: left;width: 48%;height: 400px;background-color: #599ad5;padding: 50px 80px 0 80px;color: #ffffff}
.ovrc03 ul li div{text-align: center;margin-bottom: 20px;}
.ovrc03 ul li div img{width: 135px;}
.ovrc03 ul li:last-child{margin-left: 4%;background-color: #4ab54f}
.ovrc03 ul li dd{margin-bottom: 5px;}
.ovrc03 ul li dd span{margin-right: 5px;font-weight: 900}
.ovrc03 ul li dt{padding-left: 10px;margin-bottom: 40px;}
.ovrc03 ul li:last-child dt{margin-bottom: 20px;}
.ovrc03 ul li button{background-color:rgba(255,255,255,0);border: 1px solid #ffffff;color: #ffffff;padding:  10px 40px;margin: 0 auto;display: block;margin-top: 30px;}
.ovrc03 ul li button:hover{background-color: rgba(255,255,255,0.2)}

.ovrc04{padding: 90px 0 80px;background: url("../images/huagecloud/ovrc04.jpg")center no-repeat;color: #ffffff;background-size: cover}
.ovrc04 h3{color:#333;font-weight: 700;font-size: 30px;margin-top: 0;margin-bottom: 30px;text-align: center}
.ovrc04 p{color: #333;max-width: 800px;margin: 0 auto;text-align: center;}
.ovrc04 button{border: 1px solid #ffffff;background-color: rgba(255,255,255,0);display: block;margin: 0 auto;padding: 10px 40px;margin-top: 70px;}
.ovrc04 button:hover{background-color: rgba(255,255,255,0.2);}

.ovrc05{padding:80px 0}
.slideBox{ width:100%;overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;bottom:30px; z-index:1;width: 100%;text-align: center }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{display: inline-block;margin-right:2px;width: 40px;height: 5px;background:#fff;cursor:pointer;position: relative;border-radius: 3px;}
.slideBox .hd ul li:after{position: absolute;content: "";display: block;left: 0;top: 0;height: 5px;width: 0;background-color: #469efb;border-radius: 3px;}
.slideBox .hd ul li.on:after{animation: BOUNCE 5s linear}
@keyframes BOUNCE {
    0% {width: 0;}
    100% {width: 100%;}
}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;position: relative }
.slideBox .bd li>div{position:absolute}
.slideBox .bd li>div p{line-height: 26px;text-align: justify}
.slideBox .bd li>div.slide01{max-width: 360px;top: 150px;right: 210px;}
.slideBox .bd li>div.slide02{max-width: 410px;top: 150px;left: 100px;}
.slideBox .bd li>div.slide02 a{color: #469efb;margin-top: 30px;}
.slideBox .bd li>div.slide03{max-width: 310px;top: 150px;left: 100px;}
.slideBox .bd li>div.slide04{max-width: 310px;top: 150px;left: 100px;}
.slideBox .bd li>div.slide05{max-width: 560px;top: 45px;left: 300px;}
.slideBox .bd li>div.slide06{width: 100%;left: 0;top: 50px;text-align: center}
.slideBox .bd li>div.slide06 p{text-align: center}
.slideBox .bd li>div h4{font-size: 24px;margin-top: 0}
.slideBox .bd img{ width:100%;display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:2%; top:50%; margin-top:-25px;color: #ffffff;font-size: 50px;line-height: 50px;text-shadow: 1px 1px 1px #000;font-weight: 100}
.slideBox .next{ left:auto; right:2%; background-position:8px 5px; }
.slideBox .next img{transform: rotate(180deg)}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.ovrc05 h3{font-size: 30px;font-weight: 700;margin-top: 80px;margin-bottom: 45px;text-align: center}
.ovrc05>ul{overflow: hidden}
.ovrc05>ul li{width: 48%;float: left}
.ovrc05>ul li:last-child{margin-left: 4%}
.ovrc05>ul li h5{margin:  30px 0 20px;font-size: 16px;font-weight: 700}
.ovrc05>ul li img{width: 100%}
.ovrc05>ul li p{line-height: 26px;text-align: justify}

.ovrc06{padding: 50px 0  100px;background-color: #fcfcfc;overflow: hidden}
.ovrc06>div>div{float: left;width: 50%;text-align: center}
.ovrc06>div>div h4{font-size: 24px;font-weight: 700;margin-top: 0;margin-bottom: 30px;}
.ovrc06>div>div p{margin-bottom: 20px;}

.ovrc07{padding: 65px 0;background:url("../images/huagecloud/ovrc-botto.jpg")no-repeat center;background-size: cover;margin-top: 80px;overflow: hidden}
.ovrc07>div>div{float: left}
.ovrc07>div>div>h3{font-size: 24px;margin-top: 0;margin-bottom: 30px;}
.ovrc07>div>div>p{margin-bottom: 0;line-height: 26px;max-width: 520px;}
.ovrc07>div>button{float: right;border: 1px solid #c7000b;color: #c7000b;background-color: rgba(199,0,11,0);padding: 10px 15px;margin-top: 35px;}
.ovrc07>div>button:hover{background-color: rgba(199,0,11,0.2)}


@media (max-width: 1200px) {
    .ovrc-banner>div:before{left: 147px;}
    .ovrc-banner>div:after{right: 90px;}
    .ovrc03 ul li{padding: 50px 50px 0 50px;}
    .slideBox .bd li>div.slide01{right: 120px;}
    .slideBox .bd li>div.slide02{left: 70px;top: 100px;max-width: 400px;}
    .slideBox .bd li>div.slide03{left: 70px;top: 100px;max-width: 400px;}
    .slideBox .bd li>div.slide04{left: 70px;top: 100px;max-width: 400px;}
    .slideBox .bd li>div.slide05{left: 70px;top: 100px;max-width: 400px;}
}
@media (max-width: 992px) {
    .ovrc-banner>div:before{left: 37px;}
    .ovrc-banner>div:after{right: -17px;}
    .ovrc-remote ul li{width: 50%;padding: 0 10px;}
    .slideBox .bd li>div.slide01{top: 90px;right: 50px;}
    .slideBox .bd li>div.slide02{top: 50px;max-width: 290px;}
    .slideBox .bd li>div.slide03{top: 50px;max-width: 290px;}
    .slideBox .bd li>div.slide04{top: 50px;max-width: 290px;}
    .slideBox .bd li>div.slide05{top: 50px;max-width: 290px;}
    .slideBox .bd li>div.slide06{top: 13px;}
    .ovrc03 ul li{padding: 20px 20px 0 20px;height: 350px;}
}
@media (max-width: 767px) {
    .ovrc-remote ul li{width: 100%;margin-bottom: 20px;}
    .ovrc-remote ul li p{height: auto}
    .ovrc-remote ul{margin-top: 30px;}
    .ovrc-banner li h3{font-size: 30px;}
    .ovrc-banner ul li:last-child{font-size: 14px;}
    .ovrc-banner button{font-size: 14px;}
    .ovrc-remote>h3{font-size: 24px;}
    .ovrc-remote ul li h4{font-weight: 400}
    .ovrc-jurisdiction>h3{font-size: 24px;}
    .ovrc-jurisdiction ul li{width: 100%;margin-bottom: 30px;}
    .ovrc-jurisdiction ul li:last-child{margin-left: 0}
    .ovrc-jurisdiction{padding-bottom: 20px;}
    .ovrc02>div>ul li{width: 100%;margin-bottom: 20px;}
    .ovrc02{padding-bottom: 30px;}
    .ovrc03 table td.td2{padding-left: 0;text-align: center}
    .ovrc03 table th img{width: 50px}
    .ovrc03 ul li{width: 100%}
    .ovrc03 ul li:last-child{margin-left: 0}
    .ovrc-banner{background-image: url("../images/huagecloud/ovrc-banner-phone.jpg")}
    .ovrc-banner.move>div:before,
    .ovrc-banner.move>div:after{display: none}
    .ovrc-banner>div{padding: 60px 0}
    .ovrc03 ul li{height: auto;padding-bottom: 20px;margin-bottom: 20px;}
    .ovrc03{padding: 50px 0 20px;}
    .ovrc03>h3{font-size: 24px;}
    .ovrc04 h3{font-size: 24px;}
    .ovrc04 button{margin-top: 30px;}
    .ovrc05{padding: 50px 0}
    .slideBox .bd li>div{position:static;max-width: 100%!important;padding-top: 10px;border: 1px solid #EEEEEE;border-top: none}
    .slideBox .bd li>div p{text-align: center;padding: 0 15px;}
    .slideBox .bd li>div h4{text-align: center}
    .slideBox .hd{display: none}
    .slideBox .prev, .slideBox .next{top: 24%;font-size: 30px;line-height: 30px;}
    .slideBox .bd li>div.slide02 a{text-align: center;width: 100%;display: block;margin-top: 10px;}
    .ovrc05 h3{font-size: 24px;}
    .ovrc05 h3{margin-top: 50px;}
    .ovrc05>ul li{width: 100%}
    .ovrc05>ul li:last-child{margin-left: 0}
    .ovrc06>div>div{width: 100%;margin-bottom: 40px;}
    .ovrc06>div>div:last-child img{width: 140px}
    .ovrc06{padding-bottom: 20px;}
    .ovrc07{margin-top: 0}
    .ovrc07>div>button{float: none;display: block;margin: 0 auto}
    .slideBox .bd li>div h4{font-size: 20px;}
    .slideBox .prev img, .slideBox .next img{height: 30px;}
    .ovrc-banner-x{    background: url(../images/huagecloud/ovrc-banner-phone.jpg)no-repeat  center;background-size: cover}
    .ovrc-banner-x>div{background: none}
}