/* common */
.header { width: 890px; height: 84px; font-size:16px; }
.header>.flex { height: 100%; align-items: center;}
.header .header-logo { display: flex; align-items: center;}
.header .logo { height: 49px; float: left;}
.header .navbar { flex: 1; text-align:left; height: 100%; padding-left:40px; font-size:14px; }
.header .navbar .nav-item { display: inline-block; height: 100%; position: relative;}
.header .navbar .nav-item>a { display: inline-block; padding: 0 10px; height: 38px; border-radius: 19px; border-radius: 19px; border: 2px solid rgba(0, 0, 0, 0); font-size: 14px; line-height: 34px; color: #ffffff; position: relative; margin-top: 23px;}
.header .navbar .nav-item { color: #ffffff; }
.header .navbar .nav-item .icon { font-size: 12px; color: #ffffff; position: absolute; right: 13px; top: 12px;}
.header .navbar .nav-item:hover>a {border: 2px solid #FFFFFF;}
.header .navbar .nav-item.active>a {border: 2px solid #FFFFFF;}
.header .navbar .nav-item>a { color: #ffffff; }
.header .navbar .nav-item.active>a { color: #ffffff; position: relative;}
.header .navbar .nav-item:hover>ul{display: block}
.header .navbar a:hover { color: #ffffff;}
.header .navbar .sbnav-list{position:absolute; z-index:999; display:none;box-sizing:border-box;background: #ebeefb;border-radius: 5px; padding: 14px 0; text-align: center;}
.header .navbar .show {display:block}
.header .navbar .sbnav-wp{box-sizing:border-box;background-color:#ebeefb; font-size:16px; }
.header .navbar .sbnav-list1{top: 100%;left:50%;width:220px; margin-left: -85px;}
.header .navbar .sbnav-list2{top:0;left:100%;width:170px}
.header .navbar .sbnav-list3{top:0;right:100%;width:170px}
.header .navbar .sbnav-item{position:relative}
.header .navbar .sbnav-item > a{position:relative;display:block;margin-left:13px;margin-right:13px;line-height:35px;font-size:14px;color:#333;text-align:left; text-transform : none;}
.header .navbar .sbnav-item > a:hover,.header .sbnav-item > a.active{color:#0077C9}
.header .navbar .nav-item > a:hover+.sbnav-list{display:block}
.header .navbar .sbnav-item > a:hover+.sbnav-list{display:block}
.header .get-plan { padding: 0 21px; height: 39px;background: #0077C9;border-radius: 20px; font-size: 16px; color: #FFFFFF; line-height: 39px; margin-left: 27px; text-align: center;}
.header .search { margin-top: 42px; width: 28px;height: 36px; border-radius: 50%; color: #333; line-height: 36px; text-align: center; position: relative;}
.header .search i.icon { font-size: 16px; cursor: pointer;}
.header .search .search-box { display: none; position: absolute; top: 38px; right: 0; z-index: 999; width: 260px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.22); box-shadow: 0 0 10px rgba(0, 0, 0, 0.22); padding: 10px 10px; cursor: pointer;}

.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}

.custom .line { margin: 0 auto;}
.custom .title { text-align: center;}
.custom .btn-box { text-align: center;}
.custom .btn-box a { padding: 18px 92px; border: 2px solid #0077C9; border-radius: 31px; font-size: 24px; color: #0077C9; line-height: 23px;}
.custom .btn-box a:hover { background: #0077C9; color: #ffffff; text-decoration:none;}
.custom .sec1 {width:1130px; background: #EBEEFB;}
.custom .sec1 .title { margin-top: 26px;}
.custom .sec1 .nav { margin-right: 20px;}
.custom .sec1 .nav .item { margin-bottom: 10px; width: 245px; height: 60px; padding: 10px 10px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center;}
.custom .sec1 .nav .item p { font-size: 16px; color: #333333; text-align:left; line-height:25px;}
.custom .sec1 .nav .item .icon { display: none; width: 40px; height: 40px; background: #FFFFFF; border-radius: 50%; font-size: 20px; color: #0077C8; line-height: 40px;}
.custom .sec1 .nav .item.active {  background: linear-gradient(-91deg, #0077C9, #3FA2E7); }
.custom .sec1 .nav .item.active p { color: #FFFFFF;}
.custom .sec1 .nav .item.active .icon { display: block;}
.custom .sec1 .nav .item:hover {  background: linear-gradient(-91deg, #0077C9, #3FA2E7); text-decoration:none;}
.custom .sec1 .nav .item:hover p { color: #FFFFFF;text-decoration:none;}
.custom .sec1 .nav .item:hover .icon { display: block;text-decoration:none;}

.custom .sec1 .cont { margin-top: 5px;}
.custom .sec1 .rcont { display: none; flex: 1; background: #FFFFFF; box-shadow: 0px 0px 13px 0px rgba(17,28,51,0.07); border-radius: 18px; overflow: hidden; position: relative;}
.custom .sec1 .rcont1 { display: block;}
.custom .sec1 .rcont .info { width:865px; display:flex; text-align:left;}
.custom .sec1 .rcont .name { margin-top: 20px; height: 58px; font-size: 20px; font-weight: bold; color: #333333; line-height: 30px; padding-left: 25px; position: relative;}
.custom .sec1 .rcont .name::before { content: ''; width: 4px; height: 100%; border-radius: 2px; background: linear-gradient(178deg, #3FA2E7, #0077C9); position: absolute; left: 0; top: 0;}
.custom .sec1 .rcont .text { padding: 28px 15px 28px 28px; font-size: 16px; font-weight:normal; color:#6c6a6a; line-height:32px;}
.custom .sec1 .rcont .text a{font-size: 16px; font-weight:normal; color:#6c6a6a; }
.custom .sec1 .rcont .text a:hover{font-size: 16px; font-weight:normal; color:#6c6a6a;  text-decoration:none;}

.custom .sec1 .rcont .text p { font-size: 16px; line-height: 35px; color: #6c6a6a; margin-top: 15px; position: relative; padding-left: 24px;}
.custom .sec1 .rcont .text p::before { content: ''; width: 9px; height: 9px; background: #0077C9; border-radius: 50%; position: absolute; top: 12px; left: 0;}
.custom .sec1 .rcont .img { width: 39.46%; margin-left: -4%;}
.custom .sec1 .rcont5 .img { margin-left: -10%;}