@charset "UTF-8";.input-group,table{border-collapse:collapse}.dropdown-menu li.disabled,table>tfoot{font-style:italic}.breadcrumb,.list-unstyled,.nav li,.navbar li{list-style:none}.breadcrumb:after,.breadcrumb:before,.btn-group:after,.btn-group:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.navbar:after,.navbar:before,.row:after,.row:before{content:" "}.breadcrumb:after,.btn-group:after,.clearfix:after,.container-fluid:after,.container:after,.navbar .navbar-header:after,.navbar:after,.row:after{clear:both}.visible-lg,.visible-lg-down,.visible-lg-up,.visible-md,.visible-md-down,.visible-md-up,.visible-sm,.visible-sm-down,.visible-sm-up,.visible-xs,.visible-xs-down,.visible-xs-up{display:none}@media (min-width:768px) and (max-width:959px){.visible-sm{display:block}}@media (min-width:960px) and (max-width:1199px){.visible-md{display:block}}@media (min-width:767px){.visible-xs-up{display:block}}@media (min-width:959px){.visible-sm-up{display:block}}@media (min-width:1199px){.visible-md-up{display:block}}@media (min-width:1200px){.visible-lg,.visible-lg-up{display:block}}@media (max-width:1px){.visible-xs-down{display:block}}@media (max-width:768px){.visible-sm-down{display:block}}@media (max-width:960px){.visible-md-down{display:block}}@media (max-width:1200px){.visible-lg-down{display:block}}@media (max-width:767px){.visible-xs{display:block}.hidden-xs{display:none}}@media (min-width:768px) and (max-width:959px){.hidden-sm{display:none}}@media (min-width:960px) and (max-width:1199px){.hidden-md{display:none}}@media (min-width:767px){.hidden-xs-up{display:none}}@media (min-width:959px){.hidden-sm-up{display:none}}@media (min-width:1199px){.hidden-md-up{display:none}}@media (min-width:1200px){.hidden-lg,.hidden-lg-up{display:none}}@media (max-width:1px){.hidden-xs-down{display:none}}@media (max-width:768px){.hidden-sm-down{display:none}}@media (max-width:960px){.hidden-md-down{display:none}}@media (max-width:1200px){.hidden-lg-down{display:none}}.visible-print{display:none}@media print{.visible-print{display:block}.hidden-print{display:none}}.show{display:block!important}.hidden{display:none!important}.invisible{visibility:hidden}.float-left{float:left!important}.float-right{float:right!important}.btn-group .btn,.col-xs-1-10,.col-xs-1-12,.col-xs-10-10,.col-xs-10-12,.col-xs-11-12,.col-xs-12-12,.col-xs-2-10,.col-xs-2-12,.col-xs-3-10,.col-xs-3-12,.col-xs-4-10,.col-xs-4-12,.col-xs-5-10,.col-xs-5-12,.col-xs-6-10,.col-xs-6-12,.col-xs-7-10,.col-xs-7-12,.col-xs-8-10,.col-xs-8-12,.col-xs-9-10,.col-xs-9-12,.navbar .navbar-header,.navbar .navbar-nav,.navbar .navbar-nav li,dl.dl-horizontal dt{float:left}.clearfix:after,.clearfix:before{display:table}.block-center{display:block;margin-left:auto;margin-right:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-indent{text-indent:2em}.text-primary{color:#267}.text-success{color:#7B0}.text-info{color:#39D}.text-warning{color:#F80}.text-danger{color:#D33}.bg-primary{background-color:#278;color:#FFF;padding:1em}.bg-success{background-color:#dff0d8;color:#006400;padding:1em}.bg-info{background-color:#d9edf7;color:#4682B4;padding:1em}.bg-warning{background-color:#fcf8e3;color:sienna;padding:1em}.bg-danger{background-color:#f2dede;color:#B22222;padding:1em}.m-t{margin-top:15px!important}.m-t-xs{margin-top:10px!important}.m-t-sm{margin-top:20px!important}.m-t-md{margin-top:30px!important}.m-t-lg{margin-top:45px!important}.m-r{margin-right:15px!important}.m-r-xs{margin-right:10px!important}.m-r-sm{margin-right:20px!important}.m-r-md{margin-right:30px!important}.m-r-lg{margin-right:45px!important}.m-b{margin-bottom:15px!important}.m-b-xs{margin-bottom:10px!important}.m-b-sm{margin-bottom:20px!important}.m-b-md{margin-bottom:30px!important}.m-b-lg{margin-bottom:45px!important}.m-l{margin-left:15px!important}.m-l-xs{margin-left:10px!important}.m-l-sm{margin-left:20px!important}.m-l-md{margin-left:30px!important}.m-l-lg{margin-left:45px!important}.m-n{margin:0!important}.p-t{padding-top:15px!important}.p-t-xs{padding-top:10px!important}.p-t-sm{padding-top:20px!important}.p-t-md{padding-top:30px!important}.p-t-lg{padding-top:45px!important}.p-r{padding-right:15px!important}.p-r-xs{padding-right:10px!important}.p-r-sm{padding-right:20px!important}.p-r-md{padding-right:30px!important}.p-r-lg{padding-right:45px!important}.p-b{padding-bottom:15px!important}.p-b-xs{padding-bottom:10px!important}.p-b-sm{padding-bottom:20px!important}.p-b-md{padding-bottom:30px!important}.p-b-lg{padding-bottom:45px!important}.p-l{padding-left:15px!important}.p-l-xs{padding-left:10px!important}.p-l-sm{padding-left:20px!important}.p-l-md{padding-left:30px!important}.p-l-lg{padding-left:45px!important}.p-n{padding:0!important}.badge{border-radius:3px;padding:2px 6px;font-size:80%;background-color:#EEE;color:#267}.badge-danger,.badge-info,.badge-primary,.badge-success,.badge-warning{border-radius:3px;padding:2px 6px;font-size:80%;color:#FFF}.badge-primary{background-color:#267}.badge-success{background-color:#7B0}.badge-info{background-color:#39D}.badge-warning{background-color:#F80}.badge-danger{background-color:#D33}.badge-notification{border-radius:1em!important}a,img{border:none}html{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#333}body,html{margin:0}a{text-decoration:none;color:#37B}a:hover{color:#F55}::selection{background:#FFA;color:#333;text-shadow:none}code{color:#A00;background:#FEE;padding:2px 5px;line-height:1em;margin:0 3px;display:inline-block;font-family:Consolas,Monaco,'Andale Mono',monospace}.btn,input[type=text]{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;word-spacing:normal;vertical-align:middle}h1,h2,h3,h4,h5,h6{line-height:1.6em;margin:.5em 0;font-weight:400}ol li,p,ul li{line-height:1.8em}h1{font-size:38px}h2{font-size:26px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}hr{border-color:#ddd;border-width:0 0 1px}p{margin:1em 0 1.5em}sub,sup{font-size:12px}small{font-size:70%;color:#777}ol,ul{margin:1em 0;padding-left:1.5em}.list-unstyled{padding:0}dl,dl.dl-horizontal{margin:1em 0;line-height:1.8em}dl dt,dl.dl-horizontal dt{font-weight:700}dl dd,dl.dl-horizontal dd{margin:0}.container,.container-fluid{margin-right:auto;margin-left:auto}dl.dl-horizontal dt{width:160px}dl.dl-horizontal dd{padding-left:190px}img{max-width:100%;height:auto;box-sizing:border-box}img.img-rounded{border-radius:1em}img.img-circle{border-radius:50%}img.img-thumbnail{border:1px solid #ddd;padding:5px;background:#FFF}.container,.container-fluid{padding-right:15px;padding-left:15px;box-sizing:border-box}img.img-preserve{max-width:auto}@media (min-width:768px){.container{width:738px}}@media (min-width:960px){.container{width:930px}}@media (min-width:1200px){.container{width:1170px}}.container:after,.container:before{display:table}.container-fluid:after,.container-fluid:before{display:table}.row{margin-left:-15px;margin-right:-15px}.row:after,.row:before{display:table}.col-xs-1-12{width:8.33333%}.col-xs-2-12{width:16.66667%}.col-xs-3-12{width:25%}.col-xs-4-12{width:33.33333%}.col-xs-5-12{width:41.66667%}.col-xs-6-12{width:50%}.col-xs-7-12{width:58.33333%}.col-xs-8-12{width:66.66667%}.col-xs-9-12{width:75%}.col-xs-10-12{width:83.33333%}.col-xs-11-12{width:91.66667%}.col-xs-12-12{width:100%}@media (min-width:768px){.col-sm-1-12{width:8.33333%}.col-sm-2-12{width:16.66667%}.col-sm-3-12{width:25%}.col-sm-4-12{width:33.33333%}.col-sm-5-12{width:41.66667%}.col-sm-6-12{width:50%}.col-sm-7-12{width:58.33333%}.col-sm-8-12{width:66.66667%}.col-sm-9-12{width:75%}.col-sm-10-12{width:83.33333%}.col-sm-11-12{width:91.66667%}.col-sm-12-12{width:100%}.col-sm-1-12,.col-sm-10-12,.col-sm-11-12,.col-sm-12-12,.col-sm-2-12,.col-sm-3-12,.col-sm-4-12,.col-sm-5-12,.col-sm-6-12,.col-sm-7-12,.col-sm-8-12,.col-sm-9-12{float:left}}@media (min-width:960px){.col-md-1-12{width:8.33333%}.col-md-2-12{width:16.66667%}.col-md-3-12{width:25%}.col-md-4-12{width:33.33333%}.col-md-5-12{width:41.66667%}.col-md-6-12{width:50%}.col-md-7-12{width:58.33333%}.col-md-8-12{width:66.66667%}.col-md-9-12{width:75%}.col-md-10-12{width:83.33333%}.col-md-11-12{width:91.66667%}.col-md-12-12{width:100%}.col-md-1-12,.col-md-10-12,.col-md-11-12,.col-md-12-12,.col-md-2-12,.col-md-3-12,.col-md-4-12,.col-md-5-12,.col-md-6-12,.col-md-7-12,.col-md-8-12,.col-md-9-12{float:left}}@media (min-width:1200px){.col-lg-1-12{width:8.33333%}.col-lg-2-12{width:16.66667%}.col-lg-3-12{width:25%}.col-lg-4-12{width:33.33333%}.col-lg-5-12{width:41.66667%}.col-lg-6-12{width:50%}.col-lg-7-12{width:58.33333%}.col-lg-8-12{width:66.66667%}.col-lg-9-12{width:75%}.col-lg-10-12{width:83.33333%}.col-lg-11-12{width:91.66667%}.col-lg-12-12{width:100%}.col-lg-1-12,.col-lg-10-12,.col-lg-11-12,.col-lg-12-12,.col-lg-2-12,.col-lg-3-12,.col-lg-4-12,.col-lg-5-12,.col-lg-6-12,.col-lg-7-12,.col-lg-8-12,.col-lg-9-12{float:left}}.col-xs-1-10{width:10%}.col-xs-2-10{width:20%}.col-xs-3-10{width:30%}.col-xs-4-10{width:40%}.col-xs-5-10{width:50%}.col-xs-6-10{width:60%}.col-xs-7-10{width:70%}.col-xs-8-10{width:80%}.col-xs-9-10{width:90%}.col-xs-10-10{width:100%}@media (min-width:768px){.col-sm-1-10{width:10%}.col-sm-2-10{width:20%}.col-sm-3-10{width:30%}.col-sm-4-10{width:40%}.col-sm-5-10{width:50%}.col-sm-6-10{width:60%}.col-sm-7-10{width:70%}.col-sm-8-10{width:80%}.col-sm-9-10{width:90%}.col-sm-10-10{width:100%}.col-sm-1-10,.col-sm-10-10,.col-sm-2-10,.col-sm-3-10,.col-sm-4-10,.col-sm-5-10,.col-sm-6-10,.col-sm-7-10,.col-sm-8-10,.col-sm-9-10{float:left}}@media (min-width:960px){.col-md-1-10{width:10%}.col-md-2-10{width:20%}.col-md-3-10{width:30%}.col-md-4-10{width:40%}.col-md-5-10{width:50%}.col-md-6-10{width:60%}.col-md-7-10{width:70%}.col-md-8-10{width:80%}.col-md-9-10{width:90%}.col-md-10-10{width:100%}.col-md-1-10,.col-md-10-10,.col-md-2-10,.col-md-3-10,.col-md-4-10,.col-md-5-10,.col-md-6-10,.col-md-7-10,.col-md-8-10,.col-md-9-10{float:left}}@media (min-width:1200px){.col-lg-1-10{width:10%}.col-lg-2-10{width:20%}.col-lg-3-10{width:30%}.col-lg-4-10{width:40%}.col-lg-5-10{width:50%}.col-lg-6-10{width:60%}.col-lg-7-10{width:70%}.col-lg-8-10{width:80%}.col-lg-9-10{width:90%}.col-lg-10-10{width:100%}.col-lg-1-10,.col-lg-10-10,.col-lg-2-10,.col-lg-3-10,.col-lg-4-10,.col-lg-5-10,.col-lg-6-10,.col-lg-7-10,.col-lg-8-10,.col-lg-9-10{float:left}}.input-group input[type=text],table{width:100%}.col-lg-1-10,.col-lg-1-12,.col-lg-10-10,.col-lg-10-12,.col-lg-11-12,.col-lg-12-12,.col-lg-2-10,.col-lg-2-12,.col-lg-3-10,.col-lg-3-12,.col-lg-4-10,.col-lg-4-12,.col-lg-5-10,.col-lg-5-12,.col-lg-6-10,.col-lg-6-12,.col-lg-7-10,.col-lg-7-12,.col-lg-8-10,.col-lg-8-12,.col-lg-9-10,.col-lg-9-12,.col-md-1-10,.col-md-1-12,.col-md-10-10,.col-md-10-12,.col-md-11-12,.col-md-12-12,.col-md-2-10,.col-md-2-12,.col-md-3-10,.col-md-3-12,.col-md-4-10,.col-md-4-12,.col-md-5-10,.col-md-5-12,.col-md-6-10,.col-md-6-12,.col-md-7-10,.col-md-7-12,.col-md-8-10,.col-md-8-12,.col-md-9-10,.col-md-9-12,.col-sm-1-10,.col-sm-1-12,.col-sm-10-10,.col-sm-10-12,.col-sm-11-12,.col-sm-12-12,.col-sm-2-10,.col-sm-2-12,.col-sm-3-10,.col-sm-3-12,.col-sm-4-10,.col-sm-4-12,.col-sm-5-10,.col-sm-5-12,.col-sm-6-10,.col-sm-6-12,.col-sm-7-10,.col-sm-7-12,.col-sm-8-10,.col-sm-8-12,.col-sm-9-10,.col-sm-9-12,.col-xs-1-10,.col-xs-1-12,.col-xs-10-10,.col-xs-10-12,.col-xs-11-12,.col-xs-12-12,.col-xs-2-10,.col-xs-2-12,.col-xs-3-10,.col-xs-3-12,.col-xs-4-10,.col-xs-4-12,.col-xs-5-10,.col-xs-5-12,.col-xs-6-10,.col-xs-6-12,.col-xs-7-10,.col-xs-7-12,.col-xs-8-10,.col-xs-8-12,.col-xs-9-10,.col-xs-9-12{position:relative;box-sizing:border-box;min-height:1px;padding-right:15px;padding-left:15px;flex:none}@media (max-width:767px){.row{margin-left:-5px;margin-right:-5px}.col-lg-1-10,.col-lg-1-12,.col-lg-10-10,.col-lg-10-12,.col-lg-11-12,.col-lg-12-12,.col-lg-2-10,.col-lg-2-12,.col-lg-3-10,.col-lg-3-12,.col-lg-4-10,.col-lg-4-12,.col-lg-5-10,.col-lg-5-12,.col-lg-6-10,.col-lg-6-12,.col-lg-7-10,.col-lg-7-12,.col-lg-8-10,.col-lg-8-12,.col-lg-9-10,.col-lg-9-12,.col-md-1-10,.col-md-1-12,.col-md-10-10,.col-md-10-12,.col-md-11-12,.col-md-12-12,.col-md-2-10,.col-md-2-12,.col-md-3-10,.col-md-3-12,.col-md-4-10,.col-md-4-12,.col-md-5-10,.col-md-5-12,.col-md-6-10,.col-md-6-12,.col-md-7-10,.col-md-7-12,.col-md-8-10,.col-md-8-12,.col-md-9-10,.col-md-9-12,.col-sm-1-10,.col-sm-1-12,.col-sm-10-10,.col-sm-10-12,.col-sm-11-12,.col-sm-12-12,.col-sm-2-10,.col-sm-2-12,.col-sm-3-10,.col-sm-3-12,.col-sm-4-10,.col-sm-4-12,.col-sm-5-10,.col-sm-5-12,.col-sm-6-10,.col-sm-6-12,.col-sm-7-10,.col-sm-7-12,.col-sm-8-10,.col-sm-8-12,.col-sm-9-10,.col-sm-9-12,.col-xs-1-10,.col-xs-1-12,.col-xs-10-10,.col-xs-10-12,.col-xs-11-12,.col-xs-12-12,.col-xs-2-10,.col-xs-2-12,.col-xs-3-10,.col-xs-3-12,.col-xs-4-10,.col-xs-4-12,.col-xs-5-10,.col-xs-5-12,.col-xs-6-10,.col-xs-6-12,.col-xs-7-10,.col-xs-7-12,.col-xs-8-10,.col-xs-8-12,.col-xs-9-10,.col-xs-9-12{padding-right:5px;padding-left:5px}}.row.gutter-collapse{margin-left:0;margin-right:0}.row.gutter-collapse>div{padding-left:0;padding-right:0}.row.gutter-small{margin-left:-5px;margin-right:-5px}.row.gutter-small>div{padding-left:5px;padding-right:5px}@media (max-width:767px){.row.gutter-small{margin-left:-2px;margin-right:-2px}.row.gutter-small>div{padding-left:2px;padding-right:2px}}.row.gutter-larger{margin-left:-25px;margin-right:-25px}.row.gutter-larger>div{padding-left:25px;padding-right:25px}@media (max-width:767px){.row.gutter-larger{margin-left:-10px;margin-right:-10px}.row.gutter-larger>div{padding-left:10px;padding-right:10px}}table{border-spacing:0;border-bottom:1px solid #ddd}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:1em;text-align:left;border-bottom:1px solid #ddd}table>thead>tr>td,table>thead>tr>th{border-bottom-width:2px}table>tfoot{color:#888}.btn,.btn:hover{color:#333}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-unstyled,.table-unstyled>tbody>tr>td,.table-unstyled>tbody>tr>th,.table-unstyled>tfoot>tr>td,.table-unstyled>tfoot>tr>th,.table-unstyled>thead>tr>td,.table-unstyled>thead>tr>th{border:none}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:.5em}.table-striped tbody>tr:nth-of-type(odd){background:#fafafa}.btn,.table-hover tbody>tr:hover{background:#F2F2F2}.btn{box-sizing:border-box;padding:.5em 1em;text-align:center;cursor:pointer;white-space:nowrap;font-size:14px;border-radius:2px;border:1px solid #e1e1e1}.btn-danger,.btn-danger:hover,.btn-info:hover,.btn-primary,.btn-primary:hover,.btn-success,.btn-success:hover,.btn-warning,.btn-warning:hover{color:#FFF}.btn.active,.btn:hover{background:#fff;border:1px solid #e9e9e9}.btn-primary{background:#267;border:1px solid #156}.btn-primary.active,.btn-primary:hover{background:#378;border:1px solid #195d6e}.btn-success{background:#7B0;border:1px solid #6a0}.btn-success.active,.btn-success:hover{background:#8c1;border:1px solid #6eb200}.btn-info{background:#39D;border:1px solid #28c;color:#FFF}.btn-info.active,.btn-info:hover{background:#4ae;border:1px solid #2a90d4}.btn-warning{background:#F80;border:1px solid #e70}.btn-warning.active,.btn-warning:hover{background:#f91;border:1px solid #f67f00}.btn-danger{background:#D33;border:1px solid #c22}.btn-danger.active,.btn-danger:hover{background:#e44;border:1px solid #d42a2a}.btn-xs{font-size:12px;padding:1px 5px}.btn-sm{font-size:12px;padding:5px 10px}.btn-md{font-size:22px}.btn-lg{font-size:30px}button[disabled],button[disabled]:hover{color:#AAA;background-color:#EEE;border-color:#DDD;cursor:not-allowed}.btn-group:after,.btn-group:before{display:table}.btn-group .btn{border-radius:0;margin-left:-1px;margin-right:-1px}.btn-group .btn:first-child{margin-left:0;border-radius:2px 0 0 2px}.btn-group .btn:last-child{margin-right:0;border-radius:0 2px 2px 0}input[type=text]{box-sizing:border-box;padding:.5em 1em;font-size:14px;border-style:solid;border-width:1px;border-color:#e1e1e1;color:#666}input[type=text]:focus{box-shadow:0 0 .5em #bfbfbf;outline:0}.input-group{display:table}.input-group .input-group-btn,.input-group input[type=text]{display:table-cell;position:relative;box-sizing:border-box}.input-group input[type=text]:first-child{border-radius:2px 0 0 2px}.input-group input[type=text]:last-child{border-radius:0 2px 2px 0}.input-group .btn-group{display:table-cell;word-spacing:normal;width:1%;vertical-align:middle}.nav li>a,.navbar li>a{display:block;line-height:20px}.input-group .btn-group .btn{margin-left:-1px;margin-right:-1px;border-radius:0;z-index:2;position:relative}.input-group .btn-group:first-child .btn{border-radius:2px 0 0 2px;margin-right:-1px;margin-left:0}.input-group .btn-group:last-child .btn{border-radius:0 2px 2px 0;margin-left:-1px;margin-right:0}.nav{margin:0;padding:0}.nav li{position:relative}.nav li>a{padding:15px;color:#333}.nav li>a:hover{color:#000}.navbar{position:relative;padding:0;margin:0;background:#F2F2F2}.navbar li{position:relative}.navbar li.active{background:#e1e1e1}.navbar li>a{padding:15px;color:#333}.navbar li>a:hover{color:#000}.navbar .navbar-header:after,.navbar .navbar-header:before{content:" ";display:table}.navbar .navbar-header .navbar-logo{float:left;height:20px;margin:15px;line-height:20px;font-weight:700}.navbar .navbar-header .navbar-toggle{margin:10px 15px;height:30px;border:1px solid #ddd;padding:6px 10px;display:none}.navbar .navbar-nav{list-style-type:none;padding:0;margin:0}.navbar .navbar-right{float:right}.navbar:after,.navbar:before{display:table}.dropdown-menu{position:absolute;padding:5px 0;margin:0;border-radius:3px;border:1px solid rgba(0,0,0,.2);background:#FFF;box-shadow:0 6px 8px rgba(0,0,0,.2);min-width:160px;display:none;z-index:999}.dropdown-menu li{float:none!important}.dropdown-menu li.header{padding:6px 15px;margin:0;font-weight:700;color:#555}.dropdown-menu li.disabled,.dropdown-menu li.disabled a{color:#DDD;cursor:not-allowed}.dropdown-menu li.disabled a:hover{background:0 0}.dropdown-menu li.active,.dropdown-menu li.active a{background:#e1e1e1}.dropdown-menu li.divider{margin:5px 0;border-top:1px solid #ddd;line-height:0;height:0}.dropdown-menu li a{color:#333;display:block;padding:6px 15px}.dropdown-menu li a:hover{background:#e9e9e9}.navbar-default{background:#F2F2F2;border:1px solid #ddd}.navbar-default li.active{background:#e1e1e1}.navbar-inverse{color:#F2F2F2;background:#267;border:none}.navbar-inverse li.active,.navbar-inverse li.active>a{background:#045!important}.navbar-inverse li>a{color:#F2F2F2}.navbar-inverse li>a:hover{color:#fff;background:#195d6e}.navbar-inverse li .dropdown-menu li{background:#FFF}.navbar-inverse li .dropdown-menu li>a{color:#267}.navbar-inverse li .dropdown-menu li.active>a,.navbar-inverse li .dropdown-menu li>a:hover{color:#FFF}.navbar-inverse li .dropdown-menu li.disabled>a{color:#DDD}@media (max-width:479px){.navbar-xs .navbar-header,.navbar-xs .navbar-nav,.navbar-xs .navbar-nav li{float:none}.navbar-xs .navbar-header:after,.navbar-xs .navbar-header:before{content:" ";display:table}.navbar-xs .navbar-header:after{clear:both}.navbar-xs .navbar-header .navbar-toggle{display:block}.navbar-xs .dropdown-menu{position:relative;box-shadow:none;border:none;background:#F2F2F2;color:#333}.navbar-xs .dropdown-menu li.header{padding-left:20px}.navbar-xs .dropdown-menu li a{color:#333;padding-left:20px}.navbar-xs .dropdown-menu li a:hover{background:0 0}}@media (max-width:767px){.navbar-sm .navbar-header,.navbar-sm .navbar-nav,.navbar-sm .navbar-nav li{float:none}.navbar-sm .navbar-header:after,.navbar-sm .navbar-header:before{content:" ";display:table}.navbar-sm .navbar-header:after{clear:both}.navbar-sm .navbar-header .navbar-toggle{display:block}.navbar-sm .dropdown-menu{position:relative;box-shadow:none;border:none;background:#F2F2F2;color:#333}.navbar-sm .dropdown-menu li.header{padding-left:20px}.navbar-sm .dropdown-menu li a{color:#333;padding-left:20px}.navbar-sm .dropdown-menu li a:hover{background:0 0}}@media (max-width:959px){.navbar-md .navbar-header,.navbar-md .navbar-nav,.navbar-md .navbar-nav li{float:none}.navbar-md .navbar-header:after,.navbar-md .navbar-header:before{content:" ";display:table}.navbar-md .navbar-header:after{clear:both}.navbar-md .navbar-header .navbar-toggle{display:block}.navbar-md .dropdown-menu{position:relative;box-shadow:none;border:none;background:#F2F2F2;color:#333}.navbar-md .dropdown-menu li.header{padding-left:20px}.navbar-md .dropdown-menu li a{color:#333;padding-left:20px}.navbar-md .dropdown-menu li a:hover{background:0 0}}@media (max-width:1199px){.navbar-lg .navbar-header,.navbar-lg .navbar-nav,.navbar-lg .navbar-nav li{float:none}.navbar-lg .navbar-header:after,.navbar-lg .navbar-header:before{content:" ";display:table}.navbar-lg .navbar-header:after{clear:both}.navbar-lg .navbar-header .navbar-toggle{display:block}.navbar-lg .dropdown-menu{position:relative;box-shadow:none;border:none;background:#F2F2F2;color:#333}.navbar-lg .dropdown-menu li.header{padding-left:20px}.navbar-lg .dropdown-menu li a{color:#333;padding-left:20px}.navbar-lg .dropdown-menu li a:hover{background:0 0}}.breadcrumb{padding:0;margin:.6em 0}.breadcrumb:after,.breadcrumb:before{display:table}.breadcrumb li,.breadcrumb>a{float:left;margin-right:1.6em;position:relative}.breadcrumb li:after,.breadcrumb>a:after{content:'/';position:absolute;right:-1.2em;font-size:.5em;color:#999}.breadcrumb li:last-child,.breadcrumb>a:last-child{overflow:hidden}

/*cmui结束*/

.text-indet { text-indent: 2em; }

a { color: #333; }

a:hover { color: #05a4ff; }

body { overflow-x: hidden; }

/*焦点图*/
.touch-slider { width: 100%; position: relative; }

.touch-slider .touchslider-viewport { position: relative; width: 100%; overflow: hidden; }

.touch-slider .touchslider-viewport a { display: block; overflow: hidden; }

.touch-slider .touchslider-viewport a:hover:after { opacity: .9; }

.touch-slider .touchslider-viewport img { width: 100%; display: block; }

/*.touch-slider .touchslider-viewport .touchslider-item { width: 20%; font-weight: 100; }*/

.gradient .touchslider-viewport a:after { content: ""; position: absolute; background: linear-gradient(transparent 70%, #0e0d0d); top: 0; left: 0; right: 0; bottom: 0; opacity: .7; filter: alpha(opacity=70); z-index: 1; transition: .3s; }

.jdt .slider-pagenation { position: absolute; right: 8px; bottom: 15px; z-index: 20; }

.jdt .slider-pagenation span { margin: 5px; border-radius: 50%; }

.jdt .slider-pagenation .touchslider-nav-item.touchslider-nav-item-current { opacity: 1; filter: alpha(opacity=100); width: 10px; height: 10px; margin: 3px 2px; }

.jdt .slider-pagenation .touchslider-nav-item.touchslider-nav-item-current { width:6px \9; height:6px \9; margin: 5px 3px \9; }

.jdt .slider-pagenation .touchslider-nav-item { box-sizing: border-box; border-radius: 6px; float: left; transition: all 0.3s ease 0s; opacity: .6; filter: alpha(opacity=60); background: #fff; width: 6px; height: 6px; margin: 5px 3px; }

.jdt .touchslider-viewport { background-color: #eee; }

.lr-btn .touchslider-nav .touchslider-prev { cursor: pointer; opacity: .5; position: absolute; z-index: 100; top: 130px; background: url(prevnext.png) no-repeat; height: 60px; width: 35px; transition: left .3s; border-radius: 0; left: -80px; transition: left .3s; }

.lr-btn .touchslider-nav .touchslider-next { cursor: pointer; opacity: .5; position: absolute; z-index: 100; top: 130px; background: url(prevnext.png) no-repeat; height: 60px; width: 35px; transition: left .3s; border-radius: 0; right: -80px; transition: right .3s; background-position: -49px 0; }

.lr-btn .touchslider-next:hover { background-position: -143px 0; }

.lr-btn .touchslider-prev:hover { background-position: -99px 0; }

.lr-btn { overflow: hidden; }

.lr-btn:hover .touchslider-prev { left: 0; }

.lr-btn:hover .touchslider-next { right: 0; }

.lr-btn .touchslider-next:hover, .lr-btn .touchslider-prev:hover { opacity: 1; }

.lr-btn .touchslider-viewport .touchslider-item h3 { height: 3em; position: absolute; margin: 0; left: 0px; right: 0px; font-size: 16px; text-align: left; color: #FFF; z-index: 5; line-height: 3em; bottom: 0; padding-left: 15px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); padding-right: 70px; }

.lr-btn .touchslider-viewport .touchslider-item a img { display: block; transition: all 0.3s; }

.touchslider-viewport a:hover:after { opacity: 1; }

@media (max-width: 1199px) { .lr-btn .touchslider-nav .touchslider-prev, .lr-btn .touchslider-nav .touchslider-next { top: 90px; } }

.width-mid .touchslider-nav { width: 70%; top: 0; bottom: 0; box-sizing: border-box; overflow: hidden; margin: 0 auto; }

.team .touchslider-nav-item { position: relative; cursor: pointer; border-bottom: none; opacity: 0.5; float: left; width: 10%; box-sizing: border-box; width: 3%; padding: 10px 5px; }

.team .touchslider-nav-item.touchslider-nav-item-current { opacity: 1; }

.team .content { width: 650%; overflow: hidden; height: 60px; }



.team .touchslider-nav-item span:after {
    left: 0;
    border-width: 2px;
    border-color: #1296db;
    top: 27px;
    content: "";
    position: absolute;
    border-style: solid;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    right: 0;
    margin: 0 auto;
	display:none \9;
}
.team .touchslider-nav-item-current.touchslider-nav-item span:after {
    left: 0;
    border-width: 2px;
    border-color: #1296db;
    top: 17px;
    content: "";
    position: absolute;
    border-style: solid;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    right: 0;
    margin: 0 auto;
	display:none \9;
}

/*1218*/
.team .touchslider-nav-item span { display: block; text-align: center; padding-top: 26px; }

.infor { overflow: hidden; padding: 15px 0; }

.infor h3 { display: inline-block; float: left; width: 90%; margin: 0; font-size: 14px; box-sizing: border-box; }

.infor span { display: inline-block; font-style: normal; font-size: 14px; font-weight: bold; line-height: 1.6em; float: left; width: 8%; box-sizing: border-box; }

.infor-a { padding: 30px 80px; }

.bg-team { background-color: #f6f6f6; padding: 30px 0; }

.team .touchslider-item { background-color: #fff; border-radius: 8px; }

.team a:hover { color: #333; }

.team:hover .touchslider-item { box-shadow: -2px 12px 12px -11px rgba(104, 178, 208, 0.69); }

.team .touchslider-nav-item-current * { animation-duration: 0.5s; animation-fill-mode: both; }

.team .touchslider-nav-item-current span { animation-delay: 0.5s; animation-name: logo-fx; }

.team .position { position: absolute; bottom: 16px; right: 16px; margin: 0; color: #de1111; z-index: 5; font-family: "Georgia"; font-size:16px; font-weight: bold; }

.team .touchslider-nav-item-current span:before { content: ""; background: url(posi.png) no-repeat center; height: 24px; width: 24px; left: 0; position: absolute; top: -7px; text-align: center; right: 0; margin: 0 auto; top: 1px \9; }

.team .touchslider-prev-un { cursor:auto; position: absolute; z-index: 100; top: 15px; background: url(left.png) no-repeat; height: 32px; width: 32px; left: 156px; opacity: 1; }

.team .touchslider-next-un { cursor: auto; position: absolute; z-index: 100; top: 15px; background: url(right.png) no-repeat; height: 32px; width: 32px; right: 156px; opacity: 1; }

.team .touchslider-prev-un:hover, .team .touchslider-next-un:hover { opacity: 1; }

.team .touchslider-nav:after { content: ""; position: absolute; top: 30px; border-top: 1px dashed #0696ee; width: 70%; left: 0; right: 0; margin: 0 auto; }

.infor-a:hover {background-color: #e1f3ff \9;}



/*焦点图列表*/
.news-list ul { list-style: none; padding: 0; margin: 0; }

.news-list ul h3 { position: relative; font-size: 16px; height: 1.8em; padding-left: 16px; overflow: hidden;margin: 0.8em 0; }

.news-list ul h3:before { left: 0px; border-width: 2px; border-color: #107ceb; top: 12px; content: ""; position: absolute; border-style: solid; overflow: hidden; }

.top-news { border-bottom: 1px dashed #c3e8ff; }

.top-news h3 { margin: 0; font-size: 18px; font-weight: bolder; height: 1.6em; overflow: hidden; }

.top-news p { font-size: 14px; color: #999999; margin: 1em 0; height:3.2em; overflow: hidden; }

.m-b-0 h3{margin-bottom:0!important;}


/*焦点图列表*/
/*第二部分*/
.img-news { position: relative; overflow: hidden; display: block; border-bottom:1px dashed #c3e8ff; }

.img-news h4 { font-size: 16px; padding-left: 10px \9; }

.img-box { position: relative; border-right: 10px solid #0669c1; border-bottom: 10px solid #0669c1; transition: all 0.5s ease; }

.img-box:before { left: -95px; bottom: -50px; height: 100px; width: 100px; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.img-box:after { right: -50px; top: -95px; height: 100px; width: 100px; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.img-box:before, .img-box:after { content: ''; position: absolute; background-color: #fff; }

.img-box img { position: relative; z-index: 1; width: 100%; display: block; }

.link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(6, 105, 193, 0.58); transition: all 0.5s ease; opacity: 0; visibility: hidden; -ms-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); }

.img-news:hover .link { opacity: 1; visibility: visible; -ms-transform: scale(1.001); transform: scale(1.001); }

.img-news:hover .img-box { border-right: 10px solid #fff; border-bottom: 10px solid #fff; }

.link:before { content: ''; position: absolute; height: 1px; width: 30px; background-color: #ffffff; top: 50%; left: 50%; z-index: 999; opacity: 0; filter: alpha(opacity=0); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none\9; }

.link:after { content: ''; position: absolute; height: 30px; width: 1px; background-color: #ffffff; top: 50%; left: 50%; z-index: 999; opacity: 0; filter: alpha(opacity=0); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none\9; }

.img-news:hover .link:before { opacity: 1; filter: alpha(opacity=100); }

.img-news:hover .link:after { opacity: 1; filter: alpha(opacity=100); }

/*列表*/
.list-dot li h3 { font-size: 16px; position: relative; padding-left: 16px; height: 3.2em; overflow: hidden; }

.list-dot li h3:before { left: 0px; border-width: 2px; border-color: #107ceb; top: 12px; content: ""; position: absolute; border-style: solid; overflow: hidden; }

/*护航解读*/
.imagebox-item { overflow: hidden; display: block; }

.imagebox-desc { padding-top: 30px; }

.imagebox { position: relative; overflow: hidden; }

.imagebox img { display: block;width:100%; }

.imagebox-image { position: relative; }

.imagebox .imagebox-title { padding: 10px 50px 10px 20px; background: rgba(2, 37, 72, 0.74); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); min-height: 45px; position: absolute; left: 20px; right: 20px; bottom: 20px; visibility: visible; transition: all 0.3s ease-in-out; }

.imagebox .imagebox-title h3 { font-size: 16px; margin: 0; position: relative; color: #fff; }

.imagebox .imagebox-content { position: absolute; top: 0px; left: 0;right:0; opacity: 0; visibility: hidden; bottom: 0; background: rgba(2, 37, 72, 0.74); font-size: 14px; padding: 30px 30px 40px; -ms-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.5s ease-in-out; }

.imagebox .imagebox-title h3:after { content: ""; position: absolute; top: 50%; right: -40px; -ms-transform: translateY(-50%); transform: translateY(-50%); display: none\9; background: url(mores.png) no-repeat; width: 20px; height: 20px; }

.imagebox:hover .imagebox-title { visibility: hidden; opacity: 0; -ms-transform: translateY(100%); transform: translateY(100%); }

.imagebox:hover .imagebox-content { opacity: 1; visibility: visible; -ms-transform: translateY(0); transform: translateY(0); transition: all 0.3s ease-in-out; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); }

.imagebox-desc p { margin: 0; height: 5.4em; overflow: hidden; color: #fff; }

/*护航舰艇*/
.news-time {background-color: #e1f3ff;}

.news-time img{transition: all 0.5s;}

.news-time h3{font-size: 16px;margin: 0;text-align: center;}

.imformation { padding:20px;}

.overflow-h { overflow: hidden; display: block; }

.news-time:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }

.news-time:hover { box-shadow: 0px 2px 24px 0px rgba(215, 215, 215, 0.69); }

.l-btn { top:86px; }

.l-btn { cursor: pointer; position: absolute; z-index: 100; background: url(prevnext.png) no-repeat; height: 60px; width: 35px; transition: left .3s; border-radius: 0; left: 0; transition: left .3s; opacity: 0.6; }

.r-btn { top: 86px; }

.r-btn { cursor: pointer; position: absolute; z-index: 100; background: url(prevnext.png) no-repeat; height: 60px; width: 35px; transition: left .3s; border-radius: 0; right: 0; transition: right .3s; background-position: -49px 0; opacity: 0.6; }

.touchslider-nav-item-current.l-btn { opacity: 0; display: none; }

.touchslider-nav-item-current.r-btn { opacity: 0; display: none; }

.r-btn:hover { background-position: -143px 0; opacity: 1; }

.l-btn:hover { background-position: -99px 0; opacity: 1; }


.lr-btn-col .touchslider-nav .touchslider-prev { cursor: pointer; opacity: .4; position: absolute; z-index: 100; top:86px; background: url(prevnext.png) no-repeat; height: 60px; width: 35px; transition: left .3s; border-radius: 0; left:0; transition: left .3s; }

.lr-btn-col .touchslider-nav .touchslider-next { cursor: pointer; opacity: .4; position: absolute; z-index: 100; top:86px; background: url(prevnext.png) no-repeat; height: 60px; width: 35px; transition: left .3s; border-radius: 0; right:0; transition: right .3s; background-position: -49px 0; }

.lr-btn-col .touchslider-next:hover { background-position: -143px 0; }

.lr-btn-col .touchslider-prev:hover { background-position: -99px 0; }

.lr-btn-col { overflow: hidden; }

.lr-btn-col .touchslider-next:hover, .lr-btn-col .touchslider-prev:hover { opacity: 1; }


.center-dot .slider-pagenation {position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    width: 37px;
    margin: 0 auto;}
	
.center-dot .touchslider-nav-item {
    box-sizing: border-box;
    border-radius: 6px;
    float: left;
    transition: all 0.3s ease 0s;
    opacity: 0.3;
    filter: alpha(opacity=60);
    background: #169cf2;
    width: 6px;
    height: 6px;
	margin: 3px;
    border-radius: 50%;
   
}


.center-dot .slider-pagenation .touchslider-nav-item.touchslider-nav-item-current { opacity: 1; filter: alpha(opacity=100); }



/*护航舰艇*/
/*护航视角*/
.blog-box { background-color:#e1f3ff;overflow: hidden; position: relative; }

.blog-text { padding: 15px 20px; position: relative; z-index: 11; position: relative; }

.favorite { font-size: 12px; padding-top: 19px; color: #232323; text-transform: uppercase; }

.blog-box .blog-image { margin-top: -30px; position: relative; z-index: 9; }

.blog-text { width: 60%; width: 50% \9; padding:56px 30px; float: left; }

.blog-text h3 { margin: 0; font-size: 16px; padding-right: 50px; }

.blog-box .blog-image { width: 52%; margin-top: 0; position: absolute; top: 0; right: 0; overflow: hidden; }

.blog-box .blog-image:before { width: 120%; height: 150px; margin-top: -90px; margin-left: -45px; display: block; content: ''; background-color: #e1f3ff; z-index: 10; position: absolute; top: 0; left: 0; transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9848, M12=0.1736, M21=-0.1736, M22=0.9848); }

.blog-box .blog-image:before { width: 120%; height: 100px; margin-top: -55px; margin-left: -25px; }

.blog-box .blog-image:before { width: 90px; height: 120%; margin-top: -25px; margin-left: -50px; transform: rotate(18deg); -moz-transform: rotate(18deg); -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9510, M12=-0.3090, M21=0.3090, M22=0.9510); }

.blog-box:hover .blog-image .frg { transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); }

.blog-box .blog-image .frg { width: 100%; height: 100%; text-align: center; display: block; background-color: #05a4ff; position: absolute; left: 0; top: 0; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -ms-transform: translateX(100%); transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms0transform: translateX(100%); opacity: 0.5; filter: alpha(opacity=50); display: none\9; }

.bg-video{background-color: #f6f6f6;padding: 30px 0 80px 0 !important;}

.blog-text h3:before {
    content: '';
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 63px;
    left: 14px;
    border-top: 6px solid transparent;
    display: inline-block;
    border-left: 8px solid #ee3333;
    z-index: 99;
}

.blog-text h3 a:before {
    border-width: 2px;
    border-color: #ee3333;
    top: 60px;
    content: "";
    position: absolute;
    border-style: solid;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 8px;
    margin: 0 auto;
	display:none \9;
}


/*护航视角*/
/*指尖护航*/
.h5 { padding: 20px; background-color: #e1f3ff \9; overflow: hidden; padding: 35px \9; position: relative;background-image: linear-gradient(to bottom, rgba(10, 171, 230, 0.22), rgba(36, 109, 248, 0)); }

.h5-img img { height: 147px \9; }

.h5 h3 { overflow: hidden; zoom: 1; font-size: 16px; margin-top: 35px; color: #000; margin-top: 38px\9; }

.h5-img { float: left; margin-right: 15px; width: 50%; }

.h5-img img { display: block; z-index: -1; }

.h5:before { content: ""; position: absolute; left: 0; top: 0; border-width: 24px; border-style: solid; border-color: #E33 transparent transparent #E33; z-index: 99; }

.h5:after { content: "H5"; position: absolute; left: 4px; top: 3px; font-size: 16px; color: #fff; z-index: 99; }



.imglist { padding:20px;background-color: #e1f3ff \9; overflow: hidden; padding: 35px \9; position: relative;background-image: linear-gradient(to bottom, rgba(10, 171, 230, 0.22), rgba(36, 109, 248, 0)); }

.imglist-img img { height: 147px \9; }

.imglist h3 { overflow: hidden; zoom: 1; font-size: 16px; margin-top: 35px; color: #999; margin-top: 38px\9; }

.imglist-img { float: left; margin-right: 15px; width:50%; }

.imglist-img img { display: block; z-index: -1; }

.imglist:before { content: ""; position: absolute; left: 0; top: 0; border-width: 24px; border-style: solid; border-color: #E33 transparent transparent #E33; z-index: 99; }

.imglist:after { content: "图"; position: absolute; left:7px; top:7px; font-size:12px; color: #fff; z-index: 99; }


/*指尖护航*/
/*栏目头*/
.title-h { text-align: center; margin: 15px 0  15px 0; }

.title-h h2 { margin: 0; }

.title-h a { position: relative; overflow: hidden; display: inline-block; width: 350px; }

.title-h a:hover:before { transition: left 2s; left: 770px; }

.title-h a:before { content: ''; position: absolute; width: 100px; height: 325px; top: 0; left: -190px; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%); -ms-transform: skewX(-25deg); transform: skewX(-25deg); }

/*页脚*/
.footer-grounding { font-size: 0; background: #fff; text-align: center; padding: 30px 0 25px 0; }

.footer-grounding .footer-aboutus { color: #333333; }

.footer-grounding .footer-aboutus a { display: inline-block; font-size: 14px; margin: 0 20px; line-height: 60px; }

.footer-grounding .footer-aboutus .cutline { display: inline-block; width: 1px; height: 10px; background-color: #afa3a3; }

.footer-grounding .footer-law { font-size: 12px; color: #808080; }

.footer-grounding .footer-law a { display: inline-block; font-size: 12px; color: #808080; line-height: 25px; }

.footer-grounding .footer-law span { display: inline-block; line-height: 25px; }

.footer-grounding .footer-law .cut { display: inline-block; width: 1px; height: 10px; padding: 0 5px; }

.footer-grounding .copyright { font-size: 12px; color: #808080; line-height: 25px; }

.footer-grounding a:hover { color: #000; }

/*回到顶部*/
.totop { display: none;
    position: fixed;
    left: 50%;
    margin-left:584px;
    bottom: 35px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #0b4fb4;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 999;
    transition: box-shadow .3s ease;}

.totop:hover {    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    color: #0b4fb4;
    background:#eee; }
.totop em {
    font-style: normal;
}

.totop.top-active { display: block; cursor: pointer; }

.totop.animation-top { animation-name: bottom-up-top; animation-duration: .5s; animation-timing-function: ease-out; animation-fill-mode: both; }

@keyframes bottom-up-top { 0% { opacity: 0;
    transform: translateY(100%); }
  100% { opacity: 1;
    transform: translateY(0); } }

@media (max-width: 1199px) { .totop { margin-left:464px; } }
/*回到顶部*/


/*导航*/
.navi_bg {background-color: #f2f9fe;background-image: linear-gradient(120deg, #ffffff ,#dbeff9, #ffffff);z-index:99; }

.navi_bg ul { margin: 0; }

.navi_bg ul li { float: left; width: 14.2%; box-sizing: border-box; text-align: center; transition: all 0.3s; position: relative; }

.navi_bg ul li a { display: block; padding:15px; font-size: 16px; }

.navi_bg ul li:hover { background-color: #088bd4; background-color: #0764c1 \9; }

.navi_bg ul li:hover a { color: #fff \9; }

/*.navi_bg li:after { content: ""; position: absolute; border-right:1px solid #FFF; height:22%; right: 0; top: 26px; }*/

.navi_bg li.unbor:after { display: none; }

.navi_bg li a { color: #FFF;color: #2772be }

.navi_bg li a:before { color: #fff; content: attr(data-hover); display: none\9; position: absolute; opacity: 0; -ms-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transition: transform 0.3s, opacity 0.3s; pointer-events: none; }

.navi_bg li a:hover:before, .navi_bg li a:focus:before { -ms-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); opacity: 1; }

/*导航*/



/*banner1*/
.cloud1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	bottom:0;
    background: url(cloud.png) no-repeat center;
    background-size: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 1;
    opacity: 0.8;
    -webkit-animation: bannerCloud 40s linear 0s infinite normal;
    animation: bannerCloud 40s linear 0s infinite normal;
    display: none \9;
}

.cloud2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	bottom:0;
    background: url(cloud.png) no-repeat center;
    background-size: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 1;
    opacity: 0;
    -webkit-animation: bannerCloud 40s linear 20s infinite normal;
    animation: bannerCloud 40s linear 20s infinite normal;
    display: none \9;
}
.cloud{
	width: 100%;
    height: 890px;
    position: relative;
    overflow: hidden;
}
  
@-webkit-keyframes bannerCloud {  0% {
    opacity: 0;
    -webkit-transform: scale(1);
   }
    10%,  80% {
    opacity: 0.7;
   }
    100% {
    opacity: 0;
    -webkit-transform: scale(3);
   }
   }
    @keyframes bannerCloud {  0% {
    opacity: 0;
    transform: scale(1);
   }
    10%,  80% {
    opacity: 0.7;
   }
    100% {
    opacity: 0;
    transform: scale(3);
   }
   }
.main-banner { background-image: url(banner-lg.jpg); background-position: center top; background-repeat: no-repeat; height: 890px; position: relative; }

.logo { position: absolute; top: 4%; left: 10%; width: 110px;z-index: 99; }

.show-board0 a { opacity: 0; }

.animated { animation-duration: 1s; animation-fill-mode: both; }

@keyframes logo-fx { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px);
    opacity: 1; } }

.logo-fx { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: logo-fx; }

.main-banner-xs { background-image: url(banner-xs.jpg); background-position: center top; background-repeat: no-repeat; height: 280px; background-size: cover; }

.main-banner .left { position: absolute; opacity: 0; top: 148px; left: 0px; left: -1300px \9; background: url(left-l.png) no-repeat center; width: 707px; height: 219px; }

.main-banner .right { position: absolute; opacity: 0; top: 382px; right: 0; right: -1300px \9; background: url(right-l.png) no-repeat center; width: 702px; height: 200px; }

.main-banner .center { position: absolute; display: none; top: 620px; background: url(center.png) no-repeat center; width: 611px; height: 71px; right: 35px; }

.box { height: 834px; position: relative; width: 1200px; margin: 0 auto; top:-100%;z-index: 3;}


/*banner2*/
.img-flex{position: absolute;}
.img-flex ul{font-size: 0;}
.img-flex ul li{display: block;background-repeat: no-repeat;float: left;position: relative;}
.middle{
	position: absolute;
    background: url(middle.png) no-repeat center;
    width: 1138px;
    height: 526px;
    display: none;
    top: 135px;
	display: block \9;
    }
.popup-container {
    z-index: 99;
    width: 1138px;
    height: 526px;
    position: absolute;
    top: 135px;
}
@media (max-width: 1199px) { 

.box {width: 800px;}
.middle{width: 800px;height: 426px;}
.popup-container {width: 800px;height: 426px;}
}
/*banner2*/



@media (max-width: 1199px) { 
  .news-list ul h3 {margin: 0.4em 0;}
  .imagebox .imagebox-title h3 { font-size: 14px; }
  .imagebox-desc { padding-top: 10px; }
  /*档案*/
  .team .touchslider-prev-un { left: 117px; }
  .team .touchslider-next-un { right: 117px; }
  .infor-a p{margin:0.5em 0 1em 0;}
  .infor-a{font-size:12px;}
  .infor-a { padding: 20px 40px;}
  .team .position { font-size: 14px; }
  /*护航舰艇*/
  .l-btn, .r-btn {top: 54px;}
  .lr-btn-col .touchslider-nav .touchslider-prev ,  .lr-btn-col .touchslider-nav .touchslider-next { top:70px;}
  /*护航视角*/
  .blog-text { padding:38px 30px; }
  .blog-text h3:before {top: 47px;}
  .blog-text h3 a:before {top: 44px;}

  /*指尖护航*/
  .h5 h3 { margin-top: 10px; } 
  .imglist h3{ margin-top: 10px; }
  }

@media (max-width: 959px) { .title-h a { width: 200px; }
  /*导航*/
  .navi_bg ul li a { padding: 15px; font-size: 14px; }
  .navi_bg li:after { top: 20px; }
  /*焦点图*/
  .lr-btn .touchslider-viewport .touchslider-item h3 { font-size: 14px; }
  .jdt .slider-pagenation .touchslider-nav-item.touchslider-nav-item-current { width: 6px; height: 6px; }
  .jdt .slider-pagenation .touchslider-nav-item { width: 4px; height: 4px; margin: 4px 3px; }
  /*要闻*/
  .top-news h3 { font-size: 16px; }
  .top-news p { height: 3.2em; }
  .news-list ul h3 { font-size: 14px; }
  .news-list ul h3:before { top: 8px; }
  /*护航事迹*/
  .img-news h4 { font-size: 14px; }
  .list-dot li h3 { font-size: 14px; }
  /*护航解读*/
  .imagebox .imagebox-title h3 { font-size: 12px; }
  .imagebox-desc { padding-top: 0px; }
  .imagebox-desc p { font-size: 12px; }
  /*档案*/
  .team .touchslider-nav-item span { font-size: 12px; }
  .team .touchslider-prev-un { left: 90px; }
  .team .touchslider-next-un { right: 90px; }
  .infor-a { padding:15px 20px; }
  .team .position { font-size: 12px; }
  .infor-a p {margin: 0.5em 0 0.5em 0;}
  /*护航舰艇*/
  .news-time h3 { font-size: 14px; }
  .imformation {padding:8px;}
  .r-btn, .l-btn { top: 65px; }
  /*护航视角*/
  .blog-text { padding: 22px 30px; }
  .blog-text a {font-size: 12px;}

  .blog-text h3 {padding-right: 46px;}
  /*指尖护航*/
  .h5 h3 { font-size: 14px; }
  .imglist h3{ font-size: 14px; } }
