@charset "utf-8";
/*
    Css for PEL,    ver 1.1
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center
    首页 样式定义
*/

body{background: #fff;font:normal 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif;}
#wrap{margin-top: 80px;}
#header .bg-color{background: #22407e;}
.siteWidth{max-width: 1400px;margin:0 auto;overflow:hidden;text-align:left;position:relative;}
/* box-A */ 
.box-A{padding: 77px 0 85px;background:url(images/box-Abg.jpg) no-repeat center top;}
.box-A .logo{width: 395px;height: 77px;margin: 0 auto 54px;background:url(images/logo.png) no-repeat;}
.box-A .title{width: 992px;margin:0 auto 74px;}
.box-A .title .p{font-size: 16px;line-height: 30px;color: #333333;text-align: center;}
.box-A .ul{width: 930px;height: 110px;margin:0 auto 103px;}
.box-A .ul li{float: left;width: 282px;height: 110px;}
.box-A .ul li i{width: 62px;height: 55px;display: block;margin: 0 auto 10px;background:url(images/box-A-icon.png) no-repeat;}
.box-A .ul li p{font-size: 16px;line-height: 24px;color: #000000;text-align: center;font-weight: 600;}
.box-A .ul .li2{margin: 0 42px;}
.box-A .box-A-img{width: 898px;height: 589px;margin: 0 auto 71px;background:url(images/box-A-img.png) no-repeat;}
.box-A .user-benefits .box{height: 120px;margin-bottom: 20px;}
.box-A .user-benefits .num{width: 120px;height: 120px;background-color:rgba(2, 97, 169, 0.1);border-radius: 50%;float: left;}
.box-A .user-benefits .num i{width: 80px;height: 80px;background-color: #0261a9;line-height: 80px;text-align: center;position: relative;top:20px;left: 20px;border-radius: 50%;font-size: 36px;color: #fff;font-weight: 900;display: block;}
.box-A .user-benefits p{float: left;}
.box-A .user-benefits .p1{font-size: 40px;line-height: 40px;color: #333333;margin: 0 16px 0 23px;position: relative;top: 35px;}
.box-A .user-benefits .p2{font-size: 24px;line-height: 30px;color: #cccccc;position: relative;top: 48px;}
.box-A .user-benefits .msg{font-size: 16px;line-height: 36px;color: #666666;margin-left: 143px;}

.box-B{background:url(images/box-Bbg.jpg) no-repeat center top;padding-top: 122px;}
.box-B .user-benefits .box{height: 120px;margin-bottom: 60px;}
.box-B .user-benefits .num{width: 120px;height: 120px;background-color:rgba(255, 255, 255, 0.1);border-radius: 50%;float: left;}
.box-B .user-benefits .num i{width: 80px;height: 80px;background-color: #fff;line-height: 80px;text-align: center;position: relative;top:20px;left: 20px;border-radius: 50%;font-size: 36px;color: #0261a9;font-weight: 900;display: block;}
.box-B .user-benefits p{float: left;}
.box-B .user-benefits .p1{font-size: 40px;line-height: 40px;color: #ffff;margin: 0 16px 0 23px;position: relative;top: 35px;}
.box-B .user-benefits .p2{font-size: 24px;line-height: 30px;color: #ffff;position: relative;top: 48px;}
.box-B .user-benefits .msg-box{background-color: #ffffff;border-radius: 5px;}
.box-B .user-benefits .msg-box li{padding: 60px;border-bottom: 1px solid #dddddd;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.box-B .user-benefits .msg-box li .title{float: left;width: 880px;}
.box-B .user-benefits .msg-box li .title .tit{font-size: 24px;line-height: 30px;color: #333333;margin-bottom: 20px;}
.box-B .user-benefits .msg-box li .title .p{font-size: 16px;line-height: 36px;color: #666666;}
.box-B .user-benefits .msg-box li img{width: 360px;float: left;}
.box-B .user-benefits .msg-box .li1 img,.box-B .user-benefits .msg-box .li3 img,.box-B .user-benefits .msg-box .li6 img{margin-right: 40px;}
.box-B .user-benefits .msg-box .li2 img,.box-B .user-benefits .msg-box .li4 img,.box-B .user-benefits .msg-box .li7 img{margin-left: 40px;}
.box-B .user-benefits .msg-box li .img-box{width: 989px;height: 240px;margin: 0 auto 48px;}
.box-B .user-benefits .msg-box li .img-box .left-img{width: 594px;height: 240px;float: left;}
.box-B .user-benefits .msg-box li .img-box .right-img{width: 369px;height: 240px;float: right;}
.box-B .user-benefits .msg-box .li5 .title,.box-B .user-benefits .msg-box .li8 .title,.box-B .user-benefits .msg-box .li9 .title,.box-B .user-benefits .msg-box .li10 .title{width: 100%;}
.box-B .user-benefits .msg-box .li5 .title .tit{text-align: center;float: none;}
.box-B .user-benefits .msg-box .li10{border: 0;}

@media only screen and (max-width: 1400px){
    .box-B .user-benefits .msg-box li .title{
        max-width: 64%;
    }
    .box-B .user-benefits .msg-box .li5 .title, .box-B .user-benefits .msg-box .li8 .title, .box-B .user-benefits .msg-box .li9 .title, .box-B .user-benefits .msg-box .li10 .title{
        max-width: 100%;
    }
    .box-A .user-benefits .msg{
        margin-right: 80px;
    }
    .bg-color .inner{
        background: #22407e;
    }
    .fixed-box .bg-color .inner{
        background: rgba(20, 94, 160, 0.95)!important;
    }
}