
.title{position:relative; padding-top:50px;}
.title .title-box{position:relative; text-align:center;}
.title .title-box>b{position:absolute; z-index:1; font-size:88px; font-weight:600; left:0; right:0; top:0; line-height:1; color:rgb(240,240,240);}
.title .title-box>h2{position:relative; z-index:3; font-size:28px; padding-top:34px;}
.title .title-box>i{display:block; width:58px; height:5px; border-radius:5px; content:''; margin:6px auto 12px auto;
background:rgb(41,129,227);
background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgb(150,218,238)), color-stop(100%,rgb(41,129,227)));
background:-moz-linear-gradient(to right, rgb(150,218,238) 0%, rgb(41,129,227) 100%);
background:-webkit-linear-gradient(to right, rgb(150,218,238) 0%, rgb(41,129,227) 100%);
background:-o-linear-gradient(to right, rgb(150,218,238) 0% rgb(41,129,227) 100%);
background:-ms-linear-gradient(to right, rgb(150,218,238) 0%, rgb(41,129,227) 100%);
background:linear-gradient(to right, rgb(150,218,238) 0%, rgb(41,129,227) 100%);}
.title .title-box>p{position:relative; z-index:2; color:rgb(153,153,153);}
@media(max-width:1200px){
.title{padding-top:35px;}
.title .title-box>b{font-size:78px;}
.title .title-box>h2{font-size:26px; padding-top:28px;}
.title .title-box>i{width:38px; height:4px; margin:5px auto 10px auto;}
}
@media(max-width:767px){
.title{padding-top:15px;}
.title .title-box>b{font-size:68px;}
.title .title-box>h2{padding-top:24px;}
.title .title-box>i{width:32px; margin:4px auto 8px auto;}
}


.about2{position:relative;}
@media(min-width:1200px){
.about2{padding-top:30px;padding-bottom:50px;}
}
@media(max-width:1199px){
.about2{padding-top:20px;padding-bottom:30px;}
}
@media(max-width:767px){
.about2{padding-top:15px;padding-bottom:15px;}
}
.about2 .list-box>ul{margin:-12px;}
.about2 .list-box>ul:after{display:block; content:''; clear:both;}
.about2 .list-box>ul>li{float:left; padding:12px; width:33.3333%;}
.about2 .list-box>ul>li>dl{display:block; border-radius:8px; overflow:hidden; background:rgb(255,255,255); box-shadow:0 0 18px rgba(0,0,0,.18); transition:.3s;}
.about2 .list-box>ul>li>dl:hover{box-shadow:0 0 28px rgba(0,0,0,.18);}
.about2 .list-box>ul>li>dl>dt{padding:8px;}
.about2 .list-box>ul>li>dl>dt:after{display:block; content:''; clear:both;}
.about2 .list-box>ul>li>dl>dt>span{display:block; padding:8px;} 
.about2 .list-box>ul>li>dl>dt>p{margin-top:8px;}
.about2 .list-box>ul>li:nth-child(1)>dl>dt{background:rgb(41,129,227); background:rgb(252,97,31);}
.about2 .list-box>ul>li:nth-child(1)>dl>dt>span>h2{color:rgb(255,255,255); color:rgb(255,255,255);}
.about2 .list-box>ul>li:nth-child(1)>dl>dt>span>p{color:rgb(255,255,255); color:rgba(255,255,255,0.9);}
.about2 .list-box>ul>li:nth-child(1)>dl>dd ul li em{color:rgb(56,191,158);}
.about2 .list-box>ul>li:nth-child(2)>dl>dt{background:rgb(41,129,227); background:rgb(41,152,205);}
.about2 .list-box>ul>li:nth-child(2)>dl>dt>span>h2{color:rgb(255,255,255); color:rgb(255,255,255);}
.about2 .list-box>ul>li:nth-child(2)>dl>dt>span>p{color:rgb(255,255,255); color:rgba(255,255,255,0.9);}
.about2 .list-box>ul>li:nth-child(2)>dl>dd ul li em{color:rgb(56,191,158);}
.about2 .list-box>ul>li:nth-child(3)>dl>dt{background:rgb(41,129,227); background:rgb(243,172,30);}
.about2 .list-box>ul>li:nth-child(3)>dl>dt>span>h2{color:rgb(255,255,255); color:rgb(255,255,255);}
.about2 .list-box>ul>li:nth-child(3)>dl>dt>span>p{color:rgb(255,255,255); color:rgba(255,255,255,0.9);}
.about2 .list-box>ul>li:nth-child(3)>dl>dd ul li em{color:rgb(56,191,158);}

.about2 .list-box>ul>li>dl>dt img{display:block; float:right; height:128px; margin-left:18px;}
.about2 .list-box>ul>li>dl>dd{padding:18px;}
.about2 .list-box>ul>li>dl>dd h4{color:rgb(60,38,18);}
.about2 .list-box>ul>li>dl>dd ul{margin:8px 0;}
.about2 .list-box>ul>li>dl>dd ul li{margin:4px 0; color:rgb(21,34,27);}
.about2 .list-box>ul>li>dl>dd ul li em{float:left; margin:5px 8px 0 0;}
.about2 .price{margin:18px 0;}
.about2 .price:after{display:block; content:''; clear:both;}
.about2 .price em{float:left; font-size:18px; line-height:20px; margin-top:10px;}
.about2 .price strong{float:left; font-size:36px; line-height:30px; color:rgb(255,0,0); margin:0 5px;}
.about2 .price span{float:left; line-height:20px; color:rgb(65,10,7); margin-top:10px;}
.about2 ins{ display:block;}
.about2 ins:after{display:block; content:''; clear:both;}
.about2 ins>a{float:left; padding:4px 28px; border-radius:3px; background:rgb(41,129,227); color:rgb(255,255,255); font-size:16px;
box-shadow:0 0 4px rgba(0,0,0,.08); margin-right:18px; transition:.2s;}
.about2 ins>a:hover{color:rgb(255,255,255);}
.about2 ins>a:first-child{background:rgb(96,203,90); color:;}
.about2 ins>a:hover:first-child{background:rgb(84,222,80); color:;}
.about2 ins>a:last-child{background:; color:;}
.about2 ins>a:hover:last-child{background:rgb(0,162,255); color:;}

@media(max-width:1200px){ 
}
@media(max-width:992px){
.about2 .list-box>ul>li{width:100%;}
}
@media(max-width:767px){ 
.about2 .list-box>ul{margin:-4px;}
.about2 .list-box>ul>li{padding:4px;}
}



.subtitle{position:relative;}
.subtitle .title-box{position:relative; padding-left:18px;}
.subtitle .title-box:after{display:block; content:''; clear:both;}
.subtitle .title-box:before{position:absolute; border-radius:5px; content:''; left:0; top:8px; bottom:4px; width:6px;
background:rgb(41,129,227);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(115,230,245)), color-stop(100%,rgb(41,129,227)));
background:-moz-linear-gradient(to bottom, rgb(115,230,245) 0%, rgb(41,129,227) 100%);
background:-webkit-linear-gradient(to bottom, rgb(115,230,245) 0%, rgb(41,129,227) 100%);
background:-o-linear-gradient(to bottom, rgb(115,230,245) 0% rgb(41,129,227) 100%);
background:-ms-linear-gradient(to bottom, rgb(115,230,245) 0%, rgb(41,129,227) 100%);
background:linear-gradient(to bottom, rgb(115,230,245) 0%, rgb(41,129,227) 100%);}
.subtitle .title-box h3{ }
.subtitle .title-box p{color:rgb(153,153,153);}
.subtitle .title-box a{position:absolute; top:50%; right:0; line-height:18px; margin-top:-8px; color:rgb(41,129,227);}



.about3{position:relative;}

@media(min-width:1200px){
.about3{padding-top:30px;padding-bottom:50px;}
}

@media(max-width:1199px){
.about3{padding-top:20px;padding-bottom:30px;}
}

@media(max-width:767px){
.about3{padding-top:15px;padding-bottom:15px;}
}

.about3 .column-box{float:left; width:25%;}
.about3 .data-box{float:left; width:75%; overflow:hidden;}
.about3 .data-box>div{width:10000%;}
.about3 .data-box>div:after{display:block; content:''; clear:both;}
.about3 .data-box>div>div{float:left; width:0.33333333333333%; text-align:center; padding-left:8px;}
.about3 .table-box dl{transition:.3s;}
.about3 .table-box dl:hover{box-shadow:0 0 8px rgba(0,0,0,.18); border-radius:3px; overflow:hidden; position:relative; z-index:1;}
.about3 .table-box dl dt{padding:12px 18px; border-radius:3px; background:rgb(41,129,227); color:rgb(255,255,255);}
.about3 .data-box>div>div:nth-child(1) dl dt{background:rgb(252,97,31); color:rgb(255,255,255);}
.about3 .data-box>div>div:nth-child(2) dl dt{background:rgb(41,152,205); color:rgb(255,255,255);}
.about3 .data-box>div>div:nth-child(3) dl dt{background:rgb(243,172,30); color:rgb(255,255,255);}
.about3 .table-box dl dd{padding:8px 18px; line-height:28px;  border-radius:3px;
display:box; display:-webkit-box; display:-moz-box; display:-ms-box; display:-o-box;
box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; -ms-box-pack:center; -o-box-pack:center;
box-align:center; -webkit-box-align:center; -moz-box-align:center; -ms-box-align:center; -o-box-align:center;}
.about3 .table-box dl dd:nth-child(2n){background:rgb(255,255,255);}
.about3 .table-box dl dd:nth-child(2n+1){background:rgb(248,248,248);}
.about3 .table-box dl dd em{font-size:18px; line-height:28px;}

.about3 .table-box dl dd em.fa-check{color:rgb(56,191,158);}
.about3 .table-box dl dd em.fa-remove{color:rgb(241,74,74);}
.about3 .table-box dl dd em.fa-star{color:rgb(251,178,68);}

.about3 .column-box dl dd{box-pack:start; -webkit-box-pack:start; -moz-box-pack:start; -ms-box-pack:start; -o-box-pack:start;}
@media(max-width:1199px){
.about3 .column-box{width:25%;}
.about3 .data-box{width:75%;}
.about3 .data-box>div>div{width:0.33333333333333%;}
}
@media(max-width:992px){
.about3 .column-box{width:33%;}
.about3 .data-box{width:67%;}
.about3 .data-box>div>div{width:0.5%;}
}
@media(max-width:767px){
.about3 .column-box{width:49%;}
.about3 .data-box{width:51%;}
.about3 .data-box>div>div{width:1%;}
}



.about4{position:relative; }
@media(min-width:1200px){
.about4{padding-top:30px;padding-bottom:80px;}
}

@media(max-width:1199px){
.about4{padding-top:20px;padding-bottom:40px;}
}
.about4 .list-box{} 
.about4 .list-box ul{}
.about4 .list-box ul li{margin-top:18px;}
.about4 .list-box ul li:first-child{margin:0;}
.about4 .list-box ul li b{font-weight:normal; display:block;}
.about4 .list-box ul li p{}
.about4 .list-box ul li b:after{display:block; content:''; clear:both;}
.about4 .list-box ul li p:after{display:block; content:''; clear:both;}
.about4 .list-box ul li i{font-style:normal; font-weight:700; font-size:24px; line-height:30px; float:left;}
.about4 .list-box ul li b i{color:rgb(251,0,0);}
.about4 .list-box ul li p i{color:rgb(56,191,158);}
.about4 .list-box ul li strong{font-weight:normal; margin-top:6px; float:left; padding:0 4px; color:rgb(153,153,153);}
.about4 .list-box ul li span{display:block; padding-top:6px;}
.about4 .list-box ul li b span{color:;}
@media(max-width:767px){
.about4 .list-box ul li,
.about4 .list-box ul li:first-child{margin-top:8px;}
}



