@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{background: url(images/body_bg.png) center 0 no-repeat #f9f9f9;overflow: hidden;}
#header .bg-color{background: transparent;}
.siteWidth{max-width: 1400px;margin:0 auto;overflow:hidden;text-align:left;position:relative;}
.rowbox .hd{height: 65px;line-height: 65px;background: url(images/box-hd.png) no-repeat;}
.rowbox .hd h3{font-size: 32px;color: #ffffff;text-align: center;font-weight: 600;line-height: 56px;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
/* box-A */ 
.box-A{padding: 184px 0 73px;}
.box-A .text-img{width: 866px;height: 60px;margin: 0 auto 40px;}
.box-A .text-img img{width: 100%;}
.box-A .title{width: 992px;margin:0 auto 74px;}
.box-A .title .p{font-size: 28px;line-height: 45px;color: #fff;text-align: center;}
.box-A .title .p2{width: 700px;height: 100px;background-color: hsla(220, 66%, 62%, 0.5);padding: 35px 40px;font-size: 18px;line-height: 36px;color: #ffffff;margin: 40px auto 62px;}
.box-A .box-A-img{width: 623px;height: 441px;margin: 0 auto;background:url(images/box-A-img.png) no-repeat;}

.box-B{padding-bottom: 36px;}
.box-B .p{width: 1340px;margin: 40px auto;font-size: 16px;line-height: 40px;color: #3a3a3a;text-align: justify;}
.box-B .h3{font-size: 18px;line-height: 18px;color: #3e63a4;text-align: center;margin-bottom: 30px;font-weight: 600;}
.box-B .ul li{width: 500px;height: 67px;margin-bottom: 10px;}
.box-B .ul .li5{width:776px;clear: both;}
.box-B .ul li i{float: left;display: block;width: 68px;height: 67px;background:url(images/list-icon.png) no-repeat;text-align: center;line-height: 67px;font-size: 20px;color: #fff;position: relative;z-index: 9;}
.box-B .ul li p{height: 44px;line-height: 44px;background-color: #fff;text-indent: 20px;position: relative;top: 12px;}

.box-C{padding: 50px 0;background-color: #fff;}
.box-C .ul{padding: 0 15px;margin-top: 30px;}
.box-C .ul li{padding-left: 27px;background:url(images/list-icon2.png) 0 50% no-repeat;margin-bottom: 15px;}
.box-C .ul li p{font-size: 16px;line-height: 35px;color: #333333;border-radius: 10px;border: solid 1px #c9d6ef;padding: 5px 20px;}

.box-D{padding: 40px 0 200px;background: url(images/box3_bg.png) center bottom no-repeat #fff;height: auto;}
.box-D .img_box{width: 1100px;height: 584px;margin: auto;}
.box-D .img_box img{width: 100%;}

.box-E{background-color: #fff;padding-bottom: 30px;}
.box-E .siteWidth{overflow: inherit;}
.box-E .hd2{float: left;width: 95px;height: 390px;background:url(images/box-hd2.png) no-repeat;position: relative;top: -127px;margin-right: 63px;}
.box-E .hd2 h3{font-size: 32px;line-height: 46px;color: #ffffff;width: 32px;margin: auto;position: relative;top: 112px;}

.boxhd{width: 1400px;}
.box1,.box2{position: relative;top: -80px;}
.boxhd{background: #fff;height: 67px;margin: auto;}
.boxhd li{height: 67px;}
.boxhd li i{float: left;display: block;width: 68px;height: 67px;background:url(images/list-icon.png) no-repeat;text-align: center;line-height: 67px;font-size: 20px;color: #fff;position: relative;z-index: 9;}
.boxhd li p{height: 44px;line-height: 44px;background-color: #fff;text-indent: 10px;position: relative;top: 12px;border: solid 1px #ebebeb;font-size: 24px;color: #333333;position: relative;left: 20px;}
.box1 .boxhd{width: 290px;margin-bottom: 50px;}
.box1 .boxhd li{position: relative;left: -58px;}
.box1 .text-box{width: 661px;text-align: justify;font-size: 16px;line-height: 40px;color: #333333;float: left;text-indent: 40px;}
.box1 .img-box{width: 470px;float: right;margin-top: 15px;}
.box-E .box1{float: left;width: 1235px;margin-bottom: 75px;}

.box2{width: 1245px;height: 530px;background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 83px 0 70px;}
.box2 .boxhd{width: 345px;margin-bottom: 15px;}
.box2 .boxhd li{position: relative;top: -33px;}
.box2 .text-box{width: 689px;text-align: justify;font-size: 16px;line-height: 40px;color: #333333;float: right;text-indent: 40px;margin-top: 69px;}
.box2 .img-box{width: 470px;float: left;}

.box3{width: 1245px;height: 400px;background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 83px 0 70px;margin-bottom: 64px;}
.box3 .boxhd{width: 278px;margin-bottom: 15px;}
.box3 .boxhd li{position: relative;top: -33px;}
.box3 .text-box{width: 561px;text-align: justify;font-size: 16px;line-height: 40px;color: #333333;float: left;text-indent: 40px;margin-top: 69px;}
.box3 .img-box{width: 530px;float: right;}

.box4{width: 1245px;height: 570px;background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 83px 0 70px;margin-bottom: 64px;}
.box4 .boxhd{width: 405px;}
.box4 .boxhd li{position: relative;top: -33px;}
.box4 .text-box{width: 1249px;text-align: justify;font-size: 16px;line-height: 40px;color: #333333;text-indent: 40px;margin: 0 auto 55px;}
.box4 .img-box{width: 470px;float: left;margin-left: 62px;}
.box4 .img-box2{float: right;width: 510px;margin-right: 50px;}

.box5{width: 1245px;height: 710px;background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 83px 0 70px;}
.box5 .boxhd{width: 260px;}
.box5 .boxhd li{position: relative;top: -33px;}
.box5 .text-box{width: 1249px;text-align: justify;font-size: 16px;line-height: 40px;color: #333333;text-indent: 40px;margin: 0 auto 60px;}
.box5 .bd  {position:relative;height: 500px;background:url(images/boxEbg.png) no-repeat center;}
.box5 .bd li { position:absolute;; left:184px; top:0; width:250px; height:60px;background:#fff;box-shadow: 0 0 8px #d8d8d8; border-radius:10px; transition:all 0.3s;}
.box5 .bd li h3 {position:absolute;width:250px;height:60px;line-height:60px;text-align:center;z-index:9; font-size:22px; color:#333; background:#fff; border-radius:10px; padding-right:10px; transition:all 0.3s; }
.box5 .bd li em {width:80px;height:80px;position:absolute;top:50%;margin-top:-40px;box-shadow: 0 0px 8px #d8d8d8;border-radius:50%;background:#fff url(images/boxEicon.png) no-repeat center 20px;transition:all 0.3s;}
.box5 .bd li.on h3 { background-color:#124191; color:#fff;}
.box5 .bd li.on em { background-color:#124191; background-image:url(images/boxEicon_on.png)}

.box5 .bd .li3 { top:110px; left:100px; }
.box5 .bd .li5 { top:220px; left:26px; }
.box5 .bd .li7 { top:330px; left:66px; }

.box5 .bd .li2 { left:810px;}
.box5 .bd .li4 { top:110px; left:925px; }
.box5 .bd .li6 { top:220px; left:990px; }
.box5 .bd .li8 { top:330px; left:925px; }

.box5 .bd .li2 h3,
.box5 .bd .li4 h3,
.box5 .bd .li6 h3,
.box5 .bd .li8 h3 {padding-left:10px; padding-right:0px;  margin-left:-10px; }

.box5 .bd .li1 em { right:-70px; background-position: center 20px;}
.box5 .bd .li3 em { right:-70px; background-position: center -180px; }
.box5 .bd .li5 em { right:-70px; background-position: center -380px; }
.box5 .bd .li7 em { right:-70px; background-position: center -580px; }

.box5 .bd .li2 em { left:-70px; background-position: center -80px; }
.box5 .bd .li4 em { left:-70px; background-position: center -280px; }
.box5 .bd .li6 em { left:-70px; background-position: center -480px; }
.box5 .bd .li8 em { left:-70px; background-position: center -680px; }

.box5 .bd .li1.on ,
.box5 .bd .li3.on ,
.box5 .bd .li5.on ,
.box5 .bd .li7.on { margin-left:50px;  }

.box5 .bd .li2.on ,
.box5 .bd .li4.on ,
.box5 .bd .li6.on ,
.box5 .bd .li8.on { margin-left:-50px; }





@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;
    }
    .box-E .box1{
        width: 1186px;
    }
}