@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap";
body{margin:0;padding:0}

/*--=== HOME PAGE ===--*/
.af{font-family:'Open Sans',sans-serif;margin:0;padding:0}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{box-sizing:border-box}
.af div{box-sizing:border-box}
.af{width:100%;display:inline-block}
.ac{margin:0 auto;position:relative;max-width:1200px}
.ho-head{background:#80c3ff;background:-webkit-linear-gradient(to top,#aaecff -14%,#7cc0ff 50%);background:linear-gradient(to top,#aaecff -14%,#7cc0ff 50%);padding:70px 0 0;position:relative;overflow:hidden;float:left;text-align:center}
.ho-head:after{content:'';position:absolute;background:url(../images/osp-hom-ban-clo.png) no-repeat;width:100%;height:315px;bottom:0;left:0;background-size:100%}
.ho-head h1{font-size: 32px;font-weight: 400;color: #000;line-height: 60px;}
.ho-head h1 b{font-size: 46px;font-weight: 600;display:block;}
.ho-head a{color:#fff;background:#de3a27;font-size:18px;padding:15px 40px;display:inline-block;border-radius:2px;margin-top:20px;    box-shadow: 0 3px 12px -3px rgba(123,123,123,0.8);}
.ho-head a:hover{    background: #ce2613;
    box-shadow: 0 8px 14px -3px rgba(0, 0, 0, 0.42)}
.ho-head .ban{margin:0 auto;display:table;width:560px;height:335px;background:url(../images/osp-hom-sprie.png) no-repeat;background-size:600px;background-position:-23px 0;margin-top:60px;z-index:9}
.ho-sol{padding:70px 0}
.ho-sol .tit{padding-bottom:50px}
.tit h2{font-size:28px;line-height: 46px;text-align:center;font-weight: 600;color: #333;}
.sol-po{float:left;width:50%;position:relative}
.sol-po-lhs:after{content:'';position:absolute;width:1px;height:220px;background:#dedede;top:38px}
.sol-po i{margin:0 auto;display:table;width:79px;height:81px;background:url(../images/osp-hom-sprie.png) no-repeat;background-size:500px;background-position:-6px -344px}
.sol-po h4{font-size:18px;padding-bottom:40px;margin-top:18px;font-weight:700;text-align:center}
.sol-po ul{padding-left:100px;float:left;width:100%}
.sol-po ul li{float:left;width:50%;box-sizing:border-box;margin-bottom:7px}
.sol-po ul li a{text-decoration:none;color:#000}
.sol-po ul li a:hover{color:#0ab3da;padding-left:8px}
.sol-po ul li:before{content:'';position:absolute;width:5px;height:5px;background:#dd1516;border-radius:50px;margin:9px 0 0 -15px}
.sol-po-rhs i{background-position:-110px -344px}
.ho-how .tit{padding-bottom:30px}
.ho-how-box ul li:nth-child(1){display:none;}
.ho-how-box{float:left;width:100%;padding-bottom:20px}
.ho-how-box ul li{float:left;width:33.333%}
.ho-how-box ul li div{border:1px solid #ececec;padding:25px;margin:15px;height:320px;border-radius:4px;position:relative;transition:all .5s ease}
.ho-how-box ul li div a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3}
.ho-how-box ul li div:hover{box-shadow:0 8px 43px -12px rgba(0,0,0,0.26);transition:all .5s ease;transform:translateY(-5px)}
.ho-how-box ul li div:after{content:''}
.ho-how-box ul li div:hover:after{opacity:1}
.ho-how-box ul li div:before{content:'';position:absolute;background-image:url(../images/osp-hom-sprie.png);width:40px;height:36px;background-repeat:no-repeat;background-position:-9px -345px;background-size:380px;transition:all .5s ease-in-out;z-index:3}
.ho-how-box ul li div:hover:before{transform:scale(1.2);transition:all .5s ease-in-out}
.ho-how-box ul li:nth-child(2) div:before{background-position:-62px -345px}
.ho-how-box ul li:nth-child(3) div:before{background-position:-112px -345px}
.ho-how-box ul li:nth-child(4) div:before{background-position:-163px -345px;width:54px}
.ho-how-box ul li:nth-child(5) div:before{background-position:-223px -345px;width:54px}
.ho-how-box ul li:nth-child(6) div:before{background-position:-288px -342px;height:43px;width:50px}
.ho-how-box ul li div h4{padding-top:55px;font-size:16px;font-weight:700;position:relative;z-index:3}
.ho-how-box ul li div p{font-size:14px;line-height:26px;position:relative;z-index:3;color:#000;margin-bottom:0}
.dsp-foot-link{position:relative;display:block;overflow:hidden;background:#fff;float:left;width:100%;}
.dsp-foot-link .fea-nav-list a:hover{color: #015abe;text-decoration:none;}
.dsp-foot-link .fea-nav-link span.act{background:none;color: #015abe;font-weight:600;border-bottom: 1px solid #015abe;transition:all .5s ease;}
.dsp-foot-link .fea-nav-link span{color: #979b9e;font-size: 15px;background:none;border-bottom:1px solid #dbe4e6;transition:all .5s ease;width: 20%;}
.dsp-foot-link .fea-nav-link span:hover{color: #015abe;}
.dsp-foot-link .fea-nav-list{width:100%;background:none;padding: 20px 0 20px 6%;color:#444;line-height:16px;font-size:12px;}
.dsp-foot-link .fea-nav-list a{font-size: 14px;line-height: 22px;}
.dsp-foot-link .fea-list-cont>ul{width: 30%;}
.dsp-foot-link .fea-nav-link span.act:before{display:none}
.dsp-foot-link .fea-nav-link span.act:after, .fixed_bar_hcontainer{display:none}
.dsp-foot-link{padding:70px 0 50px;background:#fff;background: linear-gradient(to bottom,#fff 40%,#cde6fd 120%);}
.dsp-foot-link .h2{font-weight: 600;color:#333;font-size: 26px;line-height: 46px;}
.dsp-foot-link .fea-nav-link{background:none}
.dsp-foot-link .fea-list-cont>ul li:before{content:'';position:absolute;width:5px;height:5px;background: #93bac9;margin:11px 0 0 -15px;border-radius:50px;}
.dsp-foot-link .fea-list-cont>ul li{
    padding: 8px 0;
}
.dsp-foot-link #allFeaDiv5 ul li:nth-child(1) a{font-weight:500}
.dsp-foot-link #allFeaDiv5{margin-left:-70px}
@media screen and (max-width:1800px) {
.ho-head:after{height:352px}
}
@media screen and (max-width:1700px) {
.ho-head:after{height:333px}
}
@media screen and (max-width:1600px) {
.ho-head:after{height:314px}
}
@media screen and (max-width:1500px) {
.ho-head:after{background-position:unset;height:290px}
}
@media screen and (max-width:1380px) {
.ho-head:after{height:281px}
}
@media screen and (max-width:1300px) {
.ho-head:after{height:240px}
}
@media screen and (max-width:1200px) {
.ho-head:after{height:230px}
}
@media screen and (max-width:1100px) {
.ac{max-width:90%}
.sol-po ul{padding-left:35px}
.ho-how-box ul li div{height:380px}
}
@media screen and (max-width:992px) {
.mob-hide{display:none}
.sol-po ul{padding-left:30%}
.sol-po ul li{width:100%}
.sol-po-lhs:after{height:100%}
.ho-how-box ul li{width:50%}
.ho-how-box ul li div{height:360px}
}
@media screen and (max-width:767px) {
.ho-head:after{height:120px}
.ho-head .ban{width:340px;height:200px;background-size:360px;background-position:-13px 0}
.ho-head h1 b{font-size:35px;font-weight: 700;display: initial;}
.sol-po ul{padding-left:20%}
.ho-how-box ul li{width:100%}
.ho-how-box ul li div{height:auto}
.ho-head h1{    line-height: 48px;}
}
@media screen and (max-width:550px) {
.tit h2{font-size:22px;line-height:36px}
}
@media screen and (max-width:500px) {
.ds-list li{width:100%}
.ho-head:after{height:80px}
}
@media screen and (max-width:480px) {
.ho-head h1 b{font-size:30px}
.ho-head h1{font-size:26px}
.sol-po{width:100%}
.sol-po-lhs:after{display:none}
.sol-po{border:1px solid #ececec;padding:35px 25px 25px}
.sol-po-lhs{margin-bottom:25px}
.sol-po h4{font-size:21px}
.sol-po ul li a{font-size:16px}
.ho-head{padding:40px 0 0}
}

/*--=== END HOME PAGE ===--*/