/* global html */
.form-group { margin-bottom: 5px; }
a { color: #000 }
a:hover { text-decoration: none;}

/* recover bootstrap */
.navbar,.navbar-static-top,.navbar-inverse { height: 40px; line-height: 40px; margin:0; padding: 0 }
.navbar-inverse { background: #205392; border: none; }
.navbar-nav > li > a { padding-top: 15px; }
.nav > li { margin-right: 10px }
.navbar-inverse .navbar-nav > li > a { color: #FFFFFF; }
.navbar-inverse .navbar-nav > li > a:hover { background: #2F6BB6 }

/* custom style */
.footer p { margin: 0; padding: 0 }
.error-content { min-height: 650px }
.clear-fix { clear: both }
.top-bar { height: 115px ; }
.top-bar img { position: relative;top: 30px; }
.navbar-nav .current-menu > a { background: #2F6BB6 }
.search-input { padding-left: 10px; width: 220px; height: 30px; border: 1px solid #205392; border-radius: 2px ; position: relative; top: 45px}
.search-btn { background:url('/static/img/search-icon.png') no-repeat center center #205392; width: 30px; height: 30px; border: none; position: relative; top: 45px; border-radius: 2px }
.qrcode { position: relative; top: 25px ; margin-left: 20px}
.footer { height: 80px; background: #205392; text-align: center; line-height: 80px; color: #FFFFFF }
.innner—bg { background:url('/static/img/common_bg.png') no-repeat top center #F4F5F7; padding-top: 80px; background-size:100%; padding-bottom: 50px; min-height: 700px; z-index: 100;}
.innner—bg-crumb {background:url('/static/img/common_bg.png') no-repeat top center #F4F5F7; padding-top: 20px; background-size:100%; padding-bottom: 50px; min-height: 700px}
.inner-content { width: 65%; margin: 0 auto }
.inner-content img { display: block; margin: 20px auto; width: 65% }
.page-title {font-size: 40px; margin-bottom: 40px }
.cn_title { font-weight: bold;color: #205392 }
.en_title { color: #205392 }
.about-container { width: 100%;  background: #FFFFFF }
.about-menu { width: 33%; float: left }
.about-content { width: 67%; float: left; min-height: 800px; background: #F1F6FC; padding: 40px 5% 0 5%}
.about-menu a { display: block; width: 100%; height: 100px; line-height: 100px ;font-size: 24px; color: #205392; font-weight: bold; text-align: center;border-bottom: 2px solid #E9EEF4 }
.about-menu a:hover { background: #205392; color: #FFFFFF }
.about-menu .current-menu {background: #205392; color: #FFFFFF}
.about-content h5 { font-weight: bold; font-size: 20px; color: #205392 ; height: 40px}
.about-content p { font-size: 16px; color:#444444; line-height: 200% }
.static-container { background:rgba(255,255,255,0.9); border-radius: 2px; min-height: 300px; width: 100%; padding: 40px 5% 30px 5% ; line-height: 200%}
.character-container { margin-top: 40px }
.character-box { width: 31%; background: #205392; height: 470px ; float: left; color: #FFFFFF }
.margin-both { margin:0 3.5%; }
.character-box img { width: 100%; margin-bottom: 35px }
.character-box h5 { font-size: 24px ; font-weight: bold;}
.character-box div { width: 75%; margin:0 auto; }
.character-box p { font-size: 14px;  }
.news-container { width: 100%;line-height: 200%}
.news-container .item-box { width: 100%; height: 200px; background: #FFFFFF; margin-bottom: 10px; display: block; overflow: hidden; }
.news-container .item-box:hover { border:1px solid #205392; }
.news-container .item-box img { float: left; width: 150px; height: 150px; margin:3% 3% 0 3%; }
.news-container .item-box .item-primary { float: left; width: 75%; margin-top: 3% }
.news-container .item-box .item-primary h5 { font-size: 18px; font-weight: bold; color: #205392; height: 18px }
.news-container .item-box .item-primary .item-date { font-size: 14px; color: #999999; height: 14px }
.news-container .item-box .item-primary .item-summary { font-size: 16px; color: #666666 }
.pagination { margin-top:20px; }
.pagination a { width: 40px;height: 40px;line-height: 40px; text-align: center; display: block; float: left; margin: 0 5px 0 0}
.pagination a:hover,.pagination .current-btn { background: #999999 }
.pagination .side-change { background: #205392; color: #FFFFFF }
.pagination .side-change:hover { background: #2F6BB6 ; }
.crumb { margin-bottom: 20px ; color: #205392;font-size: 18px}
.crumb a { color: #205392;  }
.crumb a:hover { color: #4FABDF }
.news-detail h3 { color: #205392 ; width: 100%; text-align: center; }
.news-detail .publish-date { color: #999999; text-align: center; }
.sub-menu-box { padding-top: 40px; border-bottom: 2px #C5C5C5 solid; width: 100%; height:85px; margin-bottom: 20px  }
.sub-menu-box a { display: block; float: left; color: #205392; text-align: left; height: 45px ;font-size: 20px ; margin-right: 50px; }
.sub-menu-box a:hover,.sub-menu-underline { border-bottom: 2px solid #205392; color: #205392; font-weight: bold;  }

/* index */
.index-col { width: 100%; margin:30px 0 30px 0; }
.index-col-1 { height: 500px; overflow: hidden;}
.index-col-2 { height: 360px; background: #F4F5F7}
.index-col-3 { height: 380px }
.index-col-4 { height: 400px; background: #F4F5F7 } 

/* col-1 */
.carousel { width: 68%; height: 500px ; float: left;}
.carousel-inner .item a img,.carousel-inner .item img { width: 100%; height: 500px }
.top-news { width: 29%; float: right; height: 500px; background:#F4F5F7; }
.hot-news { width: 80%; margin: 10px auto 0 auto }
.hot-news img { display: block; float: left; width: 27%; height: 70px; background: #999999 }
.hot-news a { display: block; margin-bottom: 20px;height: 80px  }
.hot-news-box { float: right; width: 65% }
.hot-news-box .hot-news-content { font-weight: bold; color: #000000;font-size: 14px }
.hot-news-box .hot-news-content { font-size: 12px; color: #666666 ; font-weight: normal;}

/* col-2 */
.content-title { height: 36px; line-height: 36px;  }
.content-title .cn-title { font-size: 18px; color: #FFFFFF; text-align: center; float: left; background: #205392; padding: 0 15px }
.content-title .en-title { float: left; color: #205392; font-size: 16px; padding: 0 15px}
.content-title a { float: right; display: block; background: url('/static/img/more-ico.png') no-repeat center right; background-size: 15px 15px ;padding-right: 30px; margin-right: 20px; color: #666666 }
.content-title a:hover { color:#205392  }
.content-container {}
.content-container img { margin: 30px 0 0 3.5%;float: left; width: 35%; }
.content-text { float: right; margin:30px 4.5% 0 0 ; width: 52% ;color: #666666; line-height: 220%; }
.main-text p { text-indent: 29px ; }
.main-text { margin-bottom: 30px }
.strong-sub-text { height: 20px; line-height: 20px; border-left: 6px solid #205392; text-indent: 5px; margin: 15px 0 }
.strong-sub-text span { color: #205392; padding: 0 20px }

/* col-3 */
.charactor-box { width: 48%; height: 380px; background: #F4F5F7; float: left; }
.notice-box { width: 48%; height: 380px; background: #F4F5F7; float: right; }
.notice-more a { float: right; display: block; background: url('/static/img/more-ico.png') no-repeat center right; background-size: 15px 15px ;padding-right: 30px; margin-right: 20px; color: #666666 }
.charactor-outbox { margin-top:40px  }
.charactor-container { width: 25%; float: left; margin: 0 4.1% }
.charactor-container img { display: block; width: 100%; height: 140px; }
.charactor-container .charactor-name { margin: 0 auto; width:  50px; height: 55px ; line-height: 55px ;text-align: center; font-size: 14px; color: #000000; margin-bottom: 10px; padding-top: 10px}
.charactor-container p { color: #666666; font-size: 12px; text-align: left; width: 100% }
.notice-box-title { height: 36px; line-height: 36px;  }
.notice-box-title .menu-on { display: block; font-size: 18px; color: #FFFFFF; text-align: center; float: left; background: #205392; padding: 0 15px}
.notice-box-title a { display: block; font-size: 18px; color: #444444; text-align: center; float: left; background: #DDDDDD; padding: 0 15px; cursor: pointer;}
#invite-content { width: 100%}
#notice-content { display: none; width: 100% }
.invite-container {}
#invite-content img { display: block;float: left; position: relative; top: 30px; left: 30px }
.invite-container { display: block; float: right; margin-top: 30px ; width: 48% }
.invite-container p { margin: 0; padding-top: 0 }
.invite-container ul { position: relative; left: -25px; top: 10px  }
.invite-container span { font-weight: 14px; font-weight: bold; color: #1F3F67 }
.invite-content-list-title { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px }
.invite-content-list-content { font-size: 12px; color: #353535 ; height: 20px; line-height: 20px}
.invite-btn { display: block; width: 135px; height: 35px; background: #205392; color: #FFFFFF;text-align: center;; line-height:35px; border-radius: 2px; position: relative; top: 15px; cursor: pointer;  }
.invite-btn:hover { color: #FFFFFF;background: #4DB4F3 }
#notice-content ul { width: 88%; margin: 24px auto 0 auto ; position: relative; left: -15px}
#notice-content ul li { height: 50px; margin-bottom: 20px; list-style:square outside url('/static/img/notice-ico.png'); }
#notice-content ul li:hover { list-style:url('/static/img/notice-ico2.png'); }
#notice-content ul li p { font-size: 14px; color: #666666; margin-top: 5px  }
#notice-content ul li a { color: #000000 }

/* col-4 */
.row-title { padding-top: 30px; width: 100% }
.row-title-grey { width: 100%; height: 22px; background: #E2E3E5 }
.row-title-blue { width: 20px; float: left; height: 22px;background: #205392 }
.row-title-text { float: left; font-size: 20px; padding: 0 10px; margin: 0; height: 26px ; background: #F4F5F7; position: relative; top: -3px }
.info-container {}
.info-box { width: 25%; float: left; overflow: hidden; }
.info-box img { margin: 52px auto 25px auto;  display: block; height: 52px}
.info-title { margin-top: 25px; color: #353535; width: 100%; font-size: 20px; text-align: center; }
.info-summary { height: 80px; width: 75%; margin:10px auto 15px auto; color: #666666 }
.info-box a { display: block; background: #205392; color: #FFFFFF; text-align: center; line-height: 40px; height: 40px; width: 120px; margin: 0 auto }
.info-box a:hover { background: #4DB4F3 }