@import url(https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css);
img{max-width: 100%;}
.bt-header{background:url(/image/baitiao/bg.jpg) bottom center no-repeat;color:#fff;padding-top:120px;padding-bottom: 170px;}
.bt-header .text{margin-left:35%;}
.bt-header .text .btn{border-radius: 50px;padding-left:40px;padding-right:40px;color: #ffffff;background: #469cff;margin-top: 3rem;}

.box-one .border:hover{background-color: #469DFC;box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.15);-webkit-transition: all 1s;transition: all 1s;}
.box-one .border h3{font-size:1.1rem;padding-top:40px;padding-bottom: 50px;}
.box-one .border:hover h3{color:#fff;font-size:1.25rem;}

.box-two{padding-top: 10px;padding-bottom:20px;background:#F3F7FA url(/image/baitiao/img-2.png) center center no-repeat;min-height: 860px;}
.box-two .container{position:relative;}
.box-two .place{position: absolute;color:#fff;width: 300px;height: 300px;display: block;border-radius: 100%;background-color: #469CFF;-webkit-transition: all 1s;transition:all 1s;cursor:pointer;}
.box-two .place:hover{background-color: #2460A2;}
.box-two .place .normal{font-size: 3rem;display: block;}
.box-two .place .switch{font-size:1.6rem;color:#13f400;}
.box-two .place .switch h1{font-size: 3.2rem;}
.box-two .place .switch h2{font-size: 2.2rem;}
.box-two .place .switch,.box-two .place:hover .normal{display:none;padding-left: 2rem;padding-right: 2rem;}
.box-two .place:hover .switch{display: block;}

.box-two .box-1{top:150px;left:0;}
.box-two .box-2{top:500px;left:0;margin-left:150px;}
.box-two .box-3{left:50%;margin-left:-150px;}
.box-two .box-4{top:500px;right:0;margin-right:150px;}
.box-two .box-5{top:150px;right: 0;}
@media only screen and (max-width:1000px){
    .box-two{background-position: center 10px;padding-top: 130px;}
    .box-two .place{position: relative;float:left;margin:20px;}
    .box-two .box-1,.box-two .box-2,.box-two .box-3,.box-two .box-4{top: 0;left: 0;}
    .box-two .box-5{top: 0;left:50%;margin-left: -150px;}
}

.box-three h4{letter-spacing:5px;}
.box-three hr{border: #469CFF solid;border-width: 1px 0 0;}
.box-three .badge{padding:15px 20%;font-size: 1rem;}

.box-news{background:url(/image/baitiao/img-5.jpg) no-repeat;height: 604px;}


.footer .x3 img.img-responsive{width: 100%;}
.footer .form-group{margin-bottom: auto;}
.footer .input-group .addon{width: 10%;}
.footer .input-group .input{width: 90%;}

.clear{clear:both;}
.row{float: none;border: none;}
.text-primary{color:#469CFF !important;}
.center-vertical{position: relative;top: 50%;transform: translateY(-50%);}
h6{font-size: .7rem;}

.picScroll-left{overflow:hidden;position:relative;margin-top: 80px;}
.picScroll-left .prev,.picScroll-left .next{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;background-color: #fff;border-radius: 100%;text-align:center;margin-top:-150px;}
.picScroll-left .prev .fa,.picScroll-left .next .fa{line-height: 50px;font-size: 2rem;}
.picScroll-left .next{float: left;}
.picScroll-left .prev{float: right;}

.picScroll-left .bd{width:90%;overflow:hidden;margin:auto;}
.picScroll-left .bd ul{overflow:hidden;zoom:1;width:98%;padding-top: 100px;list-style-type:none;}
.picScroll-left .bd ul li{width:25%;margin:0 8px;padding-bottom:23px; float:left; _display:inline;text-align:center;position:relative;}
.picScroll-left .bd ul li .tail{height:24px;width:25px;display:block;background:url(/image/baitiao/img-7.png) no-repeat;position: absolute;bottom:0;right:10%;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{width:120px;height:120px;border-radius: 100%;}
.picScroll-left .bd ul li .pic a:hover img{}
.picScroll-left .bd ul li .text{min-height:210px;line-height:24px;margin-top:-60px;border:#ccc solid 1px;background-color: #fff;border-radius: 15px;padding:70px 10px 10px;}

@media only screen and (max-width:770px){.bt-header{padding-top: 100px;}.bt-header .text{margin-left:20%;}.picScroll-left .bd{width:70%;}.picScroll-left .bd ul{width: 105%;}.picScroll-left .bd ul li{width:100%;}}
@media (min-width:771px) and (max-width:990px){.bt-header .text{margin-left:20%;}.picScroll-left .bd{width:80%;}.picScroll-left .bd ul{width: 100%;}.picScroll-left .bd ul li{width:50%;}}
@media (min-width:991px) and (max-width:1200px){.picScroll-left .bd{width:86%;}.picScroll-left .bd ul{width: 100%;}.picScroll-left .bd ul li{width:33.33%;}}