@charset "utf-8";
@import url("../css/reset.css");

.bnr{position: relative; height: 84px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#072d43+0,0b3752+30,0f3e5c+40,124769+52,175178+60,175178+60,154f74+63,154f74+69,154f74+69,1a5983+100 */
background: #072d43;
background: -moz-linear-gradient(left, #072d43 0%, #0b3752 30%, #0f3e5c 40%, #124769 52%, #175178 60%, #175178 60%, #154f74 63%, #154f74 69%, #154f74 69%, #1a5983 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #072d43 0%,#0b3752 30%,#0f3e5c 40%,#124769 52%,#175178 60%,#175178 60%,#154f74 63%,#154f74 69%,#154f74 69%,#1a5983 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #072d43 0%,#0b3752 30%,#0f3e5c 40%,#124769 52%,#175178 60%,#175178 60%,#154f74 63%,#154f74 69%,#154f74 69%,#1a5983 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072d43', endColorstr='#1a5983',GradientType=1 ); /* IE6-9 */
color: #fff;
}
.bnr:after{content: ''; display: block; clear: both;}
.bnr .container{height: 100%;}
.notice-left{float: left; height: 100%; margin-left: 53px;}
.notice-left .spk{height: 100%; vertical-align: top;}
.notice-left>span{display: inline-block;}
.notice-right{float: right; padding: 35px 0; margin-right: 53px;}
.notice-center{position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.notice-center a{display: block; color: #fff;}
.notice-center a:hover, .notice-center a:visited, .notice-center a:active,
h1 a, h1 a:hover, h1 a:visited, h1 a:active,
.nav-link, .nav-link:hover, .nav-link:visited, .nav-link:active
{
    text-decoration: none; color: #fff !important;
}
.navbar-right{float: right; margin: 8px 0px;}
.notice-left .badge1{margin: 29px 0;}
.badge1{width: 50px; height: 26px; border-radius: 13px; background: #2a90b9; text-align: center; line-height: 24px;}
h1.logo{float: left; height: 50px; padding: 15px 0; font-size: 18px; line-height: 20px;}
.navbar{margin-bottom: 0; background: #2a90b9;}
.navbar-default{border: 0; border-radius: 0;}
.nav>li>a{padding-left: 50px; padding-right: 50px;}
.btn-navy{background: #104161; border-radius: 0; color: #fff;}
.btn.focus, .btn:focus, .btn:hover{color: #fff;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-toggle .icon-bar{width: 20px; height: 2px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}
.navbar-default .navbar-toggle{border-color: #ddd;}
.navbar-nav{margin: 0 98px;}
.navbar-collapse{padding: 0;}
.jumbotron h2{padding: 1.9298% 0 4.3859% 0; font-size: 29px; /*font-size: 3vh;*/ font-weight: 700; color:#072d43;}
.jumbotron p strong{font-size: 22px; font-weight: 700;}
.jumbotron p:first-child{margin-top: 3.2456%;}
.container>.navbar-header{margin: 0;}
.navbar-toggle{margin-right: -149px;}
.jumbotron{background: #e4eef2;}
.bnr-box .bx-wrapper{margin-bottom: 0 !important; border: 0 !important;}
.bx-wrapper{position:relative;}
.slide{width: 100%;}
.slide-inner:after{content: ''; display: block; clear: both;}
.bxslider-wrap{position:relative; width:100%; margin:0 auto;}
.prev{display: block; float: left;}
.next{display: block; float: right;}
.slide-inner{width: 1140px; margin: 0 auto;}
.btn-wrap{position: relative; position: absolute; left: 50%; top: 0; width: 1140px; transform: translateX(-50%); height: 0; padding-top: 23px;}
.navbar-fixed{z-index: 1000; position: fixed; top: 0px; margin: 0 auto; width: 100%; transition: 0.3s; background: rgba(7,45,67,0.8);}
h3{position: relative; margin-top: 3.0175%; margin-bottom: 3%; padding-left: 25px; font-size: 30px; color: #124e76; font-weight: 700; line-height: 38px;}
h3.first{margin-top: 1.508%; margin-bottom: 3%;}
h3.second{margin-bottom: 2.3%;}
h3:before{content: ''; display: block; position: absolute; top: 6px; left: 0px; width: 13px; height: 28px; background-color: #124e76;}
h3 span{display: inline-block; padding-bottom: 6px; margin: 0 3.771%; font-size: 19px; vertical-align: middle;}
h3 a{width: 80px; height: 37px; border-radius: 0 !important; background: #124e76; color: #fff; font-size: 16px;}
.notice-tbl{color: #124e76;}
.notice-tbl thead tr:first-child{background: #e4eef2;}
.notice-tbl thead th{text-align: center;}
.notice-tbl th, .notice-tbl td{height: 50px; vertical-align: middle !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding-left: 15px;
    border-top: 0;
    border-bottom: 1px solid #ddecf1;
}
table td a{color: #124e76;}
.list-group a{color: #124e76;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
    text-align: left;
                    }
.table>thead>tr>th{border-bottom: 0;}
.container .jumbotron, .container-fluid .jumbotron{border-radius: 0;}
h5{height: 50px; padding-left: 60px; background: #e4eef2 url('../img/life_insurance.png') no-repeat 30px center; font-size: 19px; font-weight: 500; color: #124e76; line-height: 50px;}
h5.ga{background: #e4eef2 url('../img/umbrella_insurance.png') no-repeat 30px center;}
.list-group-item:first-child{border-radius: 0;}
.list-group-item:last-child{border-radius: 0;}
.list-group-item{height: 55px; padding: 10px 27px; border: 1px solid #ddecf1; line-height: 31px;}
.list-group{position: relative;}
.rank{position: absolute; font-size: 50px; font-style: italic; color: #555;}
.rank.top{color: #2a90b9;}
.company{display: inline-block; padding-left: 12.01754%;}
.list-group-item>.badge {width: 52px; height: 34px; font-size: 17px; border-radius: 20px; background: #2a90b9; line-height: 26px;}
.con-btm{padding: 10px 10px 6.7%; background: #e4eef2;}
.bnr-area{padding: 0;}
.bnr-area ul:after{content: ''; display: block; clear: both;}
.bnr-area li{display: table; position: relative; float: left; width: 23.79%; height: 120px !important; margin-left: 12px; background: #fff; overflow-y: hidden;}
.bnr-area a:hover{opacity: 0.7;}
.bnr-area li>div{display: table-cell; height: 120px; text-align: center; vertical-align: middle;}
.bnr-area a span{display: inline-block; text-align: center; max-height: 120px; vertical-align: middle; overflow: hidden;}
.bnr-area.oss a span{max-height: 234px;}
.bnr-area.oss .slide{display: table;     background: #fff;}
.bnr-area.oss .slide a{display: table-cell; vertical-align: middle; text-align: center;}
.bnr-area li+li{margin-bottom: 10px;}
/*.bnr-area a{display: block;position: relative;}
.bnr-area a:before{content: " ";position: absolute;top: 0;left: 0;background: rgba(18,78,118,0.3);width: 100%;height: 100%;display: none; }
.bnr-area a:hover{display: block;}*/

.bx-wrapper{
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border: 0 !important;
     background: none !important;
}
ul.con3 li{width: 31%;}
ul.con5 li{width: 18.205% !important;}
ul.con5:after{content: ''; display: block; clear: both;}
ul.con4:after{content: ''; display: block; clear: both;}
ul.con4 li{width: 23.79% !important;}
ul.con4 li:nth-child(5){clear: both;}

.notice-tbl th:nth-child(4){width: 11% !important;}
.notice-tbl td:nth-child(3n+1){width: 11% !important;}

.notice-tbl th{text-align: center !important;}
.notice-tbl td{text-align: center !important;}
.bnr-area img{width: 100%;}
.bnr-area.oss li{height: 20.7894%;}

.bx-wrapper .bx-pager.bx-default-pager a{background: #d0d0d0 !important;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #919191 !important;}
.panel-body{padding: 0;}
.panel.noborder{border: none; box-shadow: none;}
.panel-default{border: 0;}
.panel-default>.panel-heading{margin-top: 1.945%; margin-bottom: 3.6859%; padding: 0 15px; background: none; border: 0;}
h4{display: inline-block; padding-bottom: 4px; border-bottom: 2px solid #2773a5;  font-size: 25px; font-weight: 700; color: #2a90b9;}
footer{position: relative; padding: 0.508% 0 1.1%; background: #072d43; color: #fff;}
footer a{color: #6fc6ef;}
footer img{display: inline-block; width: 40px; height: 40px; vertical-align: middle;}
footer .container{font-size: 13px;}
footer a:hover{color: #6fc6ef; text-decoration: none;}
footer p{display: inline-block;}
footer p+p{padding-top: 2.631%;}
footer .certi-mark{display: inline-block; margin-left: 5px;}

/* for tablet */
@media (max-width: 1200px){
    .slide-inner{width: 970px;}
    .btn-wrap{width: 970px; padding: 23px 15px 0 15px;}
    .bnr-area li{width: 23.3%;}
}

@media screen and (max-width: 993px) {
    .slide-inner{width: 750px;}
    .btn-wrap{width: 750px;}
}

@media screen and (max-width: 1140px){
}

@media screen and (min-width: 768px) and (max-width: 1199px){
    .nav>li>a{padding-left: 29.5px; padding-right: 29.5px;}
    .navbar-nav{margin: 0 87px;}
.bx-clone .container{width: 750px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .nav>li>a{padding-left: 23.5px; padding-right: 23.5px;}
    .navbar-nav{margin: 0;}
}

 /*for mobile*/
@media (max-width: 440px){
.jumbotron h2{font-size: 4vw;}
.jumbotron p strong{font-size: 18px;}
.jumbotron p{font-size: 17px;}

}
@media (max-width: 767px){
html,body {width: 100%; height: 100%;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
}
.container>.navbar-header{padding: 5px 0;}
.jumbotron{padding: 50px 15px;}
.jumbotron h2{padding: 1.9298% 0 13.3859% 0; font-size: 20px;}
.navbar-right{float: right; margin: 8px -149px 8px 0;}
.navbar{background: #0d1f35;}
.navbar-nav{margin: 0;}
.navbar-right{margin: 0;}
.navbar-right{padding: 15px 20px}
.navbar-toggle{margin-right: 0;}
.bnr-box{display: none !important;}
.nav>li>a{margin: 0px 10; padding: 20px; border-bottom: 1px solid #253B57;}
.navbar-fixed{position: unset;}
.jumbotron{margin-top: 0;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{padding: 0 5px; font-size: 13px;}
h3{padding: 0 20px;}
table{padding: 0 15px;}
table th{padding: 5px !important; text-align: center !important;}
table td{padding: 5px !important; text-align: center !important; font-size: 14px;}
h3{position: relative; margin: 0 15px; font-size: 18px;}
h3 .btn{position: absolute; top: 3px; right: 0;line-height: 24px !important;}
h3 span{display: none; margin: 0 0 0 -15px; padding: 0; font-size: 16px; line-height: 22px;}
h3:before{top: 6px;}
h3.first{margin-top: 0;}
h3.second{height: 60px; margin: 0 20px;}
.orgrank{font-size: 18px;}
h4{font-size: 17px;}
h5{height: 45px; font-size: 16px; line-height: 45px;}
.list-group-item{height: 45px; padding: 0px 15px; line-height: 43px;}
.list-group-item>.badge{height: 25px;margin-top: 10px;padding-top: 6px;line-height: 1;}
.con-btm{padding: 10px 5px 6.7%;}
.rank{top: 3px; font-size: 35px;}
.bnr-area ul{margin-top: 13px;}
.bnr-area ul li{width: 47% !important; height: 73px !important;}
.bnr-area ul li:nth-child(even){margin-right: 15px;}
.container.oss .bs-example{margin-top:15px;}
.bnr-area.oss li{height: 80px !important;}
.conpany{line-height: 25px;}
.navbar-collapse{border: 0; background: rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px #000;}
footer{font-size: 13px;}
}
@media screen and (max-width: 642px){
.bnr-area ul li{width: 46% !important; height: 73px !important
        }
}
@media screen and (max-width: 550px){
.bnr-area ul li{width: 45.7% !important; height: 73px !important
        }
}
@media screen and (max-width: 450px){
.bnr-area ul li{width: 45% !important; height: 73px !important
        }
}
@media screen and (max-width: 391px){
.bnr-area ul li{width: 43.8% !important; height: 73px !important
        }
}
/*@media screen and (max-width: 339px){
    .footer .container{padding: 0 10px;}
    .footer .certi-mark{right: 6px; top: 6px;}
    .footer .certi-mark img{width: 33px; height: 33px;}
}*/
@media screen and (max-width: 382px) and (min-width: 320px){
    footer .certi-mark{position: absolute; top: 6px; right: 10px;}
}
@media screen and (max-width: 653px) and (min-width: 606px){
    footer .certi-mark{position: absolute; top: 10px; right: 17px;}
    footer{padding-bottom: 5.608%;}
}
/*@media screen and (max-width: 470px) and (min-width: 383px){
    footer{padding-top: 4.058%;}
}*/
@media screen and (max-width: 400px){
.bnr-area li:nth-child(-n+13){width: 45.7%;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
    ul.con3 li{width: 30.6838%;}
    ul.con5 li{width: 17.86% !important;}
    .container.oss .bxslider-wrap{width: 708px; margin: 0;}
    .oss .bx-pager-item:last-child a{display: none !important;}
    .oss bs-example{padding: 0 !important;}
    .oss .slide{width: 170px !important;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
    ul.con3 li{width: 30.615%;}
    ul.con5 li{width: 17.86% !important;}
    .container.oss .bxslider-wrap{width: 908px; margin: 0;}
   .oss .slide{width: 173px !important;}
}
@media (max-width: 767px){
    .container.oss .bxslider-wrap{padding: 0px;}
     .oss .slide{width: 170px !important;}
     .oss .bx-pager-item:last-child a{display: none !important;}
     .footer{padding: 10px 0 15px 0;}
     .footer .container{font-size: 11px;}
}
@media (max-width: 402px){
     .oss .bx-pager-item:nth-child(3) a{display: none !important;}
     .oss .bx-pager-item:nth-child(4) a{display: none !important;}
     .oss .bx-pager-item:last-child a{display: none !important;}
}
@media screen and (max-width: 580px) and (min-width: 403px){
     .oss .bx-pager-item:nth-child(4) a{display: none !important;}
     .oss .bx-pager-item:last-child a{display: none !important;}
}
@media screen and (max-width: 760px) and (min-width: 581px){
     .oss .bx-pager-item:last-child a{display: none !important;}
}
@media screen and (max-width: 549px) and (min-width: 517px){
     footer .certi-mark{
        display: inline-block;
        position: absolute;
        top: 7px;
        right: 7px;
         }
}
@media screen and (max-width: 653px) and (min-width: 627px){
     footer .certi-mark{
        margin-top: 24px;
}
@media screen and (max-width: 727px) and (min-width: 680px){
     footer .certi-mark{
        display: inline-block;
        position: absolute !important;
        bottom: 7px;
        right: 7px;
         }
         footer .certi-mark img{
        width: 30px; height: 30px;
        }
}
@media (max-width: 991px){
.slide-inner, .btn-wrap {
    width: 750px;
}

/*@media (max-width: 382px){
.footer .container{padding: 10px 10px 13px;}
*/}