@CHARSET "UTF-8";
/* =======================================================================
   Code by timoo.net
   Vision : v1.0
*/

/*HTML Style*/
html,body { -ms-overflow-style: scrollbar; font-size: 14px; background: #F7F7F7; }

/*Format Style*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font-family: Microsoft YaHei, simsun, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; outline: none; }
a , a:after , a:before { color: #333; cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
a:focus, a:hover { color: #006DA6; text-decoration: none; outline: none; }
li { list-style: none; }
ul , li { margin: 0; padding: 0; }

.padding-none { padding: 0 !important; }
.border-none { border: none !important; }
.display-none { display: none !important; }
.left-0 { left: 0 !important; }
.spin-90 { 
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); }

.container-fluid , .container { padding: 0 8px; }
.container { width: 1200px; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { 
    position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; 
} 

@media ( min-width : 320px) { 
    .col-xs-5ths { width: 20%; float: left; }
} 

@media ( min-width : 768px) { 
    .col-sm-5ths { width: 20%; float: left; }
} 

@media ( min-width : 992px) { 
    .col-md-5ths { width: 20%; float: left; } 
} 

@media ( min-width : 1200px) { 
    .col-lg-5ths { width: 20%; float: left; } 
}

/*Carousel Style*/
#Banner { margin-bottom: 32px; }
#Banner .owl-controls, #News .owl-controls { width: 100%; position: absolute; bottom: 0; margin-top: 0; z-index: 999; }
#Banner .owl-controls .owl-page span , #News .owl-controls .owl-page span { margin: 4px; width: 12px; height: 12px; background: rgba(0,0,0,0.5); border: 1px solid #FFF; border-radius: 0; opacity: 1; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
#Banner .owl-controls .owl-page.active span, #Banner .owl-controls.clickable .owl-page:hover span { background: #00096C; opacity: 1; }

#News .owl-controls { padding-right: 16px; line-height: 40px; text-align: right; }
#News .owl-controls .owl-page span { border-radius: 50%; background: #8791FE; opacity: 0.7; }
#News .owl-controls .owl-page.active span, #News .owl-controls.clickable .owl-page:hover span { opacity: 1; }

#Book .owl-controls { margin-top: 0; }
#Book .owl-controls .owl-buttons div { position: absolute; top: 50%; margin: 0; margin-top: -36px; padding: 0; width: 72px; height: 72px; background: none;  border: 1px solid #7C7B7B; border-radius: 50%; line-height: 72px; text-align: center; font-size: 48px; color: #7C7B7B; overflow: hidden; }
#Book .owl-controls .owl-buttons .owl-prev { left: -96px; }
#Book .owl-controls .owl-buttons .owl-next { right: -96px; }
#Book .owl-controls .owl-buttons div span { top: 4px; }
#Book .item img { max-height: 200px; }

/*Top Style*/
.top { height: 120px; background: #F7F7F7; }
.top .logo , .top .menu { padding: 0; }
.top .logo img { margin-top: 16px; height: 64px; }
.top .logo .name { margin-top: 40px; margin-left: 152px; line-height: 32px; }
.top .logo .name span { display: block; letter-spacing: 2px; font-size: 28px; color: #00086A; overflow: hidden; }
.top .menu { text-align: right; }
.top .menu .share { padding-top: 8px; line-height: 24px; }
.top .menu .share a { display: inline-block; position: relative; margin-left: 8px; }
.top .menu .share a > img { width: 24px; height: 24px; }
.top .menu .share .code { display: none; position: absolute; left: 50%; margin-left: -40px; width: 80px; height: 80px; border: 4px solid #FFF; box-shadow: 0 0 2px #999; z-index: 9; }
.top .menu .share a:hover .code { display: block; }
.top .menu .search { height: 26px; line-height: 24px; overflow: hidden; }
.top .menu .search form { position: relative; }
.top .menu .search input { height: 24px; border: 1px solid #CCC; }
.top .menu .search input[type="text"] { padding: 0 4px; min-width: 160px; }
.top .menu .search input:nth-child(2) , .top .menu .search span { position: absolute; right: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #999; }
.top .menu .search span { pointer-events: none; }
.top .menu > ul { margin-right: -16px; height: 48px; line-height: 48px; }
.top .menu > ul > li { display: inline-block; position: relative; font-size: 18px; }
.top .menu > ul > li > a { display: block; padding: 0 48px; border-bottom: 4px solid #F7F7F7; line-height: 32px; text-align: center; color: #444; }
.top .menu > ul > li.on > a , .top .menu > ul > li:hover > a { border-bottom: 4px solid #00096C; color: #00096C; }
.top .menu > ul > li:hover .sub-menu { opacity: 1; z-index: 999; }
.top .sub-menu { position: absolute; width: 100%; line-height: 32px; text-align: center; font-size: 12px; opacity: 0; z-index: 0; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.top .sub-menu > li { background: #FFF; border-bottom: 1px solid #DDD; }
.top .sub-menu > li a { display: block; }
.top .sub-menu > li a:hover { background: #00096C; color: #FFF; }

/*Index Style*/
.index-service { margin: auto -8px; padding: 32px 0; }
.index-service > div { padding: 0 8px; }
.index-service a { display: block; padding-bottom: 16px; box-shadow: 0 0 3px #666; color: #444; }
.index-service a img { width: 100%; height: 200px; }
.index-service a > div { padding: 0 16px; }
.index-service a .name { height: 40px; line-height: 40px; font-weight: 700; overflow: hidden; }
.index-service a .name span { display: block; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.index-service a .info { height: 56px; line-height: 28px; overflow: hidden; }
.index-service a .info > div { border-top: 1px solid #444; }
.index-service a:hover { background: #050D6D; color: #FFF; }
.index-service a:hover .name span { border-color: #FFF; }

.index-box { margin: auto -16px; }
.index-box > div { padding: 0 16px; }
.index-box .title a { display: block; border-bottom: 1px solid #050D6D; line-height: 32px; }
.index-box .title a span:first-child { font-size: 20px; font-weight: 700; color: #050D6D; }
.index-box .title a span:last-child { margin-left: 8px; font-size: 16px; color: #8791FE; }
.index-box .bottom-title { margin-top: 8px; }

.index-box .news .con { padding: 8px 0; }
.index-box .news .list { padding: 8px 0; }
.index-box .news .list a { display: block; height: 72px; overflow: hidden; }
.index-box .news .list a .num , .index-box .news .list a .img { width: 72px; height: 72px; line-height: 72px; text-align: center;  overflow: hidden; }
.index-box .news .list a .num { background: #EEE; font-size: 48px; color: #444; }
.index-box .news .list a .img img { min-width: 72px; min-height: 72px; }
.index-box .news .list a .info { padding: 6px 8px; height: 72px; background: #EEE; line-height: 20px; overflow: hidden; }
.index-box .news .list a .info .name { font-size: 16px; font-weight: 700; color: #444; }
.index-box .news .list a .info .text { color: #777; }
.index-box .news .list a:hover .num , .index-box .news .list:first-child a .num { background: #050D6D; color: #FFF; }
.index-box .news .list a:hover .info , .index-box .news .list:first-child a .info { background: #4C4C4C; }
.index-box .news .list a:hover .info .name , .index-box .news .list:first-child a .info .name { color: #FFF; }
.index-box .news .list a:hover .info .text , .index-box .news .list:first-child a .info .text { color: #CAC7C7; }

.index-box .case .con { padding: 16px 0; }
.index-box .case .bottom-con { padding: 20px 0 16px 0; }
.index-box .case .list { height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; }
.index-box .case .list a { display: block; position: relative; padding: 0 4px 0 16px; height: 40px; background: #DEDEDE; color: #000; }
.index-box .case .list:nth-child(even) a { background: #F1F1F1; } 
.index-box .case .list a:hover , .index-box .case .list:nth-child(even) a:hover { background: #050D6D; color: #FFF; }
.index-box .case .list a:before { content: "·"; position: absolute; left: 6px; font-weight: 700; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.index-box .case .list a:hover:before { color: #FFF; }

.index-box .case .case-craousel { margin: auto -8px; }
.index-box .case .case-craousel .item { position: relative; margin-bottom: 8px; padding: 0 8px; height: 192px; overflow: hidden; }
.index-box .case .case-craousel .item .pic img { min-height: 192px; }

.index-box .book , .index-box .link { padding: 16px; padding-bottom: 48px; }
.index-box .book .con { margin-top: 16px; border: 1px solid #CCC; }
.index-box .book .con .item { padding: 16px 4px; }

.index-box .link { padding-bottom: 48px; }
.index-box .link .con { margin: auto -16px; padding-top: 8px; }
.index-box .link .list { padding: 0 16px; height: 24px; line-height: 24px; overflow: hidden; }
.index-box .link .list a { color: #B3B4C2; }
.index-box .link .list a:hover { color: #050D6D; }

/*Page Style*/
.page { padding: 32px 0 64px 0; }
.page .left-box { padding-left: 0; padding-right: 16px; }
.page .right-box { padding-right: 0; padding-left: 16px; }

.page .left-box .title { padding: 0 16px; border: 1px solid #D6D7D7; line-height: 48px; font-size: 24px; font-weight: 700; color: #006DA6; }
.page .left-box .link { padding: 2px; border: 1px solid #D6D7D7; }
.page .left-box .link a { display: block; position: relative; padding: 0 14px; line-height: 40px; color: #006DA6; }
.page .left-box .link a:after { content: ">>"; position: absolute; right: 16px; font-family: "simsun"; color: #006DA6; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.page .left-box .link a:hover , .page .left-box .link.on a { background: #006DA6; border-radius: 8px; color: #FFF; }
.page .left-box .link a:hover:after , .page .left-box .link.on a:after { color: #FFF; }

.page .right-box img { max-width: 100%; }
.page .right-box > .title { border-bottom: 1px solid #D8EDF8; line-height: 48px; }
.page .right-box > .title img { display: inline-block; position: relative; top: -1px; }
.page .right-box > .title .name { letter-spacing: 2px; font-size: 20px; font-weight: 700; color: #006DA6; }
.page .right-box > .title .name span { display: inline-block; position: relative; left: -8px; }
.page .right-box > .title .sitepath , .page .right-box .title .sitepath a { color: #006DA6; }
.page .right-box > .title .sitepath span { margin: auto 4px; font-size: 12px; }

.page .about .info { padding: 24px 0; }

.page .news .news-list { padding: 16px 0; border-bottom: 1px solid #E1E1E1; }
.page .news .news-body img { width: 120px; height: 104px; }
.page .news .news-body .info { padding-left: 8px; height: 104px; color: #444; overflow: hidden; }
.page .news .news-body .info .title { font-size: 16px; font-weight: 700; }
.page .news .news-body .info .text { line-height: 26px; }
.page .news .info .info-title { line-height: 48px; text-align: center; font-size: 16px; font-weight: 700; color: #006DA6; }
.page .news .info .date { background: #E1E1E1; line-height: 40px; text-align: center; color: #666; }
.page .news .info .date span { margin: 0 8px; }
.page .news .info .news-con { padding: 16px 0; }
.page .news .info .info-nav > div { padding: 0; height: 32px; line-height: 32px; overflow: hidden; }
.page .news .info .info-nav > div:last-child { text-align: right; }
.page .news .info .info-img { padding: 16px 0; border-bottom: 1px solid #006DA6; }
.page .news .info .info-img img { max-width: 20%; }

.page .photo .news-body img { width: 88px; }

.page .team-list { border-bottom: none !important; }
.page .team-list a { display: block; border: 1px solid #DDD; color: #006DA6; }
.page .team-list a:hover { border-color: #006DA6; }
.page .team-list a .title { line-height: 32px; text-align: center; }
.page .team .img { width: 100%; height: 240px; overflow: hidden; }
.page .team .img img { width: 100%; height: auto; min-height: 240px; }

/*Guest Style*/
.guest .form { margin: auto -16px; }
.guest .list { padding: 8px 16px; }
.guest .list .input { line-height: 32px; }
.guest .list input[type="text"] { padding: 0 8px; width: 100%; height: 32px; border: 1px solid #E1E1E1; line-height: 32px; overflow: hidden; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.guest .list .code input[type="text"] { width: 50%; }
.guest .list .button { text-align: right; }
.guest .list .button input { margin-left: 24px; width: 120px; height: 32px; background: #006DA6; border: none; color: #FFF; overflow: hidden; }
.guest .list textarea { padding: 8px; width: 100%; min-height: 200px; border: 1px solid #E1E1E1; line-height: 20px; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.guest .list input:focus , .guest .list textarea:focus { border-color: #006DA6; }

/*Search Style*/
.page .search .info a { display: block; border-bottom: 1px dashed #CCC; line-height: 40px; }
.page .search .info a span { font-weight: 700; }

/*Footer Style*/
.footer { padding: 8px 0; background: #262626; color: #D5D2D2; }
.footer a { border-bottom: 1px dashed #D5D2D2; color: #D5D2D2; }
.footer a:hover { border-color: #FFF; color: #FFF; }

.footer .contact .title { line-height: 32px; font-size: 20px; color: #FFF; }
.footer .contact .con > span { display: block; font-size: 16px; }
.footer .contact .con > span > span { margin-right: 16px; }

.footer .code { margin-top: 8px; width: 120px; height: 120px; }
.footer .code span { display: block; line-height: 32px; text-align: center; font-size: 16px; }

.footer .copyright { margin-top: 8px; text-align: center; font-size: 16px; }
.footer .copyright a { margin-left: 8px; }

/*Paging Style*/
.paging-box { text-align: center; }
.paging { display: inline-block; margin-top: 16px; padding: 5px 15px; color: #666; }
.paging span , .paging a { display: block; float: left; padding: 8px 16px;  background: #FFF; border: 1px solid #DDD; border-left: none; color: #666; }
.paging a:first-child , .paging span:first-child { border-left: 1px solid #DDD; }
.paging a:hover { background: #006DA6; color: #FFF; }
.paging-first { padding-right: 30px; }
.paging-last { padding-left: 30px; }
.paging-prev { padding-right: 15px; }
.paging-next { padding-left: 15px; }
.paging-num { color: #006DA6; padding: 0 5px; }
.lang-page-on { background: #006DA6 !important; color: #FFF !important; }