@import url('../product.css');

.banner .action {margin-top:10px}
.section h2 {line-height:1.8;text-align:center}
.section h5,
.section h6,
.section p {margin:0}
.intro {background:#fbfbfb;text-align:center}
.intro h2 {text-align:center}
.intro p {line-height:1.4}
.intro .special p {color:#aaa}
.intro .item {padding-top:4px}
.intro .item-left {text-align:left}
.intro .item-right .item{text-align:left}
.function {text-align:center}
.function .item img {margin-bottom:30px}
.download {background:#fbfbfb}
.download .item {border:1px solid #e1e2e3;border-radius:2px;margin-top:30px}
.download .item .head {border-bottom:1px solid #e1e2e3;padding:20px 0;text-align:center}
.download .item .head i {font-size:35px;margin-right:5px;color:#449d44}
.download .item .body {padding:50px 45px 25px 45px}
.download .item .body a {margin-bottom:25px;border-radius:1px}
.download .item .body .tooltip-inner {background-color:#5CB85C;padding:5px}
.download .item .body .tooltip-arrow {border-top-color:#5CB85C}
.case .title {color:rgb(255, 255, 255);margin-bottom:120px}
.case .item  {background-color:rgb(255, 255, 255);padding:30px;position:relative;margin-bottom:100px}
.case .item  a {text-decoration:none}
.case .item  img {position:absolute;left:30px;border:10px solid rgb(255, 255, 255);border-radius:30px;top:-50px;background-color:rgb(255, 255, 255)}
.case .item .name {margin-left:150px}
.case .item p {padding:20px 20px 0 20px}
@media (max-width:991px){
    .banner .text-box img {width:210px}
    .content-box .container {padding:0 30px}
    .section {padding:40px 0 70px 0}
    .intro img {margin-top:40px}
    .intro .item-left .item ,
    .intro .item-right .item {text-align:left;margin-top:40px;padding-left:70px;}
    .function .item {margin:20px 0}
    .function h2 {margin-bottom:50px}
}
@media (max-width:767px){
    .banner {background-position:39% center}
    .intro img,
    .function .item {margin:10px 0 30px 0;min-height:220px}
}
@media (max-width:500px){
    .banner {height:240px;background-position:45% center}
}
@media (min-width:992px){
    .banner .text-box img {width:410px}
    .section {padding:80px 0 100px 0}
    .intro img {margin-top:80px}
    .intro .item-left .item {margin-top:100px;padding-left:70px;text-align:right}
    .intro .item-left .item:first-child {margin-top:150px}
    .intro .item-right .item {margin-top:100px;padding-right:70px}
    .intro .item-right .item:first-child {margin-top:180px}
    .function .item {margin-top:100px}
    .function .action {margin:120px 0 80px}
    .function .action .btn {padding:20px 0px;width:250px;font-family:"MicrosoftYaHei","Microsoft YaHei Normal","Microsoft YaHei"}
}
@media (min-width:1200px){
    .case .item  {margin:0 30px 100px}
}