/* common */
body { background-color: #efefef;}
a { color: #666;}
a:hover, a:focus { text-decoration: none; color: #0084d7;}
.tag span { margin-right: 30px;}

/* top */
.top { background-color: #fff; border-bottom: 1px solid #efefef; height: 40px;}
.top .container { display: block; overflow: hidden;}
.top .container .pull-left { line-height: 40px;}
.top .container .pull-right a { line-height: 40px; margin: 0 20px 0 0;}

/* logo */
.logo { background-color: #0084d7; width: 100%; height: auto;}
.logo .container { background: url("../images/logobg.png")no-repeat 70% top; padding: 30px 0;background-size: contain;}
.logo .row .text-left img { height: 74px;}
.logo .row .text-left span { font-size: 24px; color: #fff; margin-left: 10px;}
.logo .row .text-right form { width: 260px; height: 34px; overflow: hidden; display: inline-block; margin-top: 26px; position: relative;}
.logo .row .text-right form input { border-radius: 17px; padding-right: 50px;}
.logo .row .text-right form button { position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 34px; line-height: 34px; border: none; background-color: transparent; display: block;}
.logo .row .text-right form button:focus { outline: none;}

/* nav */
.navbar-default { border: none; border-bottom: 1px solid #efefef; background-color: #fff; border-radius: 0;}
.navbar-default .container, .navbar-default .container-fluid, .navbar-collapse { padding: 0;}
.navbar-default .navbar-nav>li>a { font-size: 16px; color: #000;}
.navbar-nav { width: 100%;}
.navbar-nav>li { width: 11.1111111%; text-align: center;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-nav>li:hover { color: #fff; background-color: #0084d7;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff; background-color: #0084d7;}
.dropdown-menu { padding: 10px 0; border: none;}
.dropdown-menu>li>a { padding: 0 20px; line-height: 40px;}

/* common-title */
.common-title { display: block; overflow: hidden; height: 40px; margin: 10px 0 20px 0;}
.common-title .box { display: block; float: left; font-size: 20px; line-height: 40px; margin: 0; color: #999; font-style: italic;}
.common-title .box .iconfont { font-size: 20px; margin-right: 5px; color: #0084d7;}
.common-title .box a { font-size: initial;}
.common-title .box b { color: #0084d7; border-bottom: solid 3px #0084d7; padding: 5px 0; margin-right: 2px;}
.common-title .box small { color: #999;}
.common-title .more,a.more2 { display: block; float: right; line-height: 24px; height: 24px; margin: 8px 0; background-color: #fff; border-radius: 12px; font-size: 12px; padding: 0 15px; color: #999;}
.common-title .more:hover,a.more2:hover { background-color: #0084d7; color: #fff;}

.tab-box .tab-content{background:#fff;padding:15px;}

/* breadcrumb */
.breadcrumb { background-color: transparent;}
.breadcrumb a { color: #0084d7;}

/* list-common-title */
.list-common-title { overflow: hidden; text-align: center; height: 40px; margin: 0 0 20px 0;}
.list-common-title h4 { font-size: 20px; line-height: 40px; margin: 0; font-weight: bold; color: #0084d7; font-style: italic;}
.list-common-title h4 .iconfont { font-size: 24px; margin: 0 5px;}

/* swiper */
.main01 { margin: 0 -15px 30px -15px;}
.main01 .left .pic .box { border: 5px solid #e1e1e1; border-radius: 4px;}
.main01 .left .pic .swiper-container { width: 100%; height: 290px; overflow: hidden;}
.main01 .left .pic .swiper-container .swiper-slide img { width: 100%; min-height: 100%;}
.main01 .left .pic .swiper-pagination-bullet { width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #fff; opacity: 7; background: rgba(0,0,0,0.7); border-radius: 4px;}
.main01 .left .pic .swiper-pagination-bullet-active { color:#fff; background: #007aff;}
.main01 .left .pic .swiper-slide .text { bottom: 44px; position: absolute; padding: 0 20px; text-align: center; width: 100%; overflow: hidden; color: #fff; text-shadow: 2px 2px 2px #000;}
.main01 .left .pic .swiper-slide .text h4 { width: 100%; height: 20px; margin: 0; font-size: 20px; line-height: 20px; white-space: nowrap; text-overflow:ellipsis; display: inline-block; overflow: hidden;}
.main01 .left .pic .swiper-slide .text p { width: 100%; height: 20px; margin: 0; font-size: 14px; line-height: 20px; white-space: nowrap; text-overflow:ellipsis; display: inline-block; overflow: hidden;}

.main01 .left .article { padding-left: 0;}
.main01 .left .article .list-group { margin: 0;}
.main01 .left .article .list-group .list-group-item { background-color: transparent; display: block; height: 40px; border: none; padding: 0; margin: 0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 40px;}
.main01 .left .article .list-group .list-group-item:nth-child(1) a { font-size: 18px; font-weight: bold; color: #000;}
.main01 .left .article .list-group .list-group-item:nth-child(2) a { font-size: 18px; font-weight: bold; color: #333;}
.main01 .left .article .list-group .list-group-item:nth-child(3) a { font-size: 18px; font-weight: bold; color: #666;}
.main01 .left .article .list-group .list-group-item:nth-child(1) a:hover, .main01 .left .article .list-group .list-group-item:nth-child(2) a:hover, .main01 .left .article .list-group .list-group-item:nth-child(3) a:hover { color: #0084d7;}
.main01 .left .article .list-group .list-group-item .badge { background-color: transparent; padding: 0 0 0 10px; color: #999; font-weight: normal; line-height: 40px;}
.main01 .left .article .list-group .list-group-item .iconfont { line-height: 40px; display: inline-block; margin-right: 5px; color: #007aff;}
.background-white-article-list { margin: 0; background-color: #fff; border-radius: 4px; width: 100%; padding: 10px 20px; overflow: hidden;}
.background-white-article-list .list-group-item { background-color: transparent; border: none; line-height: 20px; margin: 10px 0; border-bottom: 1px dashed #999; padding: 0 0 12px 0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.background-white-article-list .list-group-item:last-child { border: none; padding: 0}
.background-white-article-list .list-group-item .iconfont { margin-right: 10px; color: #007aff;}

/* main02 */
.main02 { margin: 0 -15px 30px -15px;}
.main02 .thumbnail { position: relative; padding: 0; border: none; border-radius: 4px; margin: 0; overflow: hidden;}
.main02 .thumbnail span { color: #fff; position: absolute; bottom: 0; right: 0; display: inline-block; padding: 0 15px; background: rgba(0,0,0,0.6); filter: alpha(opacity=60); border-radius: 15px 0 0 0; line-height: 30px; font-size: 12px;}

/* main03 */
.main03 { margin-bottom: 30px;}
.main03 .tab-box .nav-tabs { margin-bottom: 10px;}
.main03 .tab-box .nav-tabs>li.active>a, .main03 .tab-box .nav-tabs>li.active>a:focus, .main03 .tab-box .nav-tabs>li.active>a:hover { border: none; background-color: #0084d7; color: #fff;}
.main03 .tab-box .nav-tabs>li>a { border: none; padding: 0 20px; font-size: 16px; line-height: 40px; color: #333;}
.main03 .tab-box .list-group { margin: 0;}
.main03 .tab-box .list-group .list-group-item { background-color: transparent; display: block; height: 30px; border: none; padding: 0; margin: 0;}
.main03 .tab-box .list-group .list-group-item .media .media-left img { width: 70px; height: 50px;}
.main03 .tab-box .list-group .list-group-item .media .media-body p { line-height: 20px; margin: 5px 0; padding-right: 80px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.main03 .tab-box .list-group .list-group-item .media .media-body p .badge { background-color: transparent; padding: 0 0 0 10px; color: #999; font-weight: normal; line-height: 20px; position: absolute; right: 0; top: 5px; width: 80px;}
.main03 .right .thumbnail { border: none; border-radius: 4px; box-shadow: none; height: 60px;line-height:60px; overflow: hidden; padding: 0; text-align: center; display: block; margin: 0 0 10px 0;}
.main03 .right .thumbnail .media { display: inline-block;}
.main03 .right .thumbnail .media .media-left,  .main03 .right .thumbnail .media .pull-left { padding: 0;}
.main03 .right .thumbnail .media .media-body { width: auto;}
.main03 .right .thumbnail .media .media-body h4 { color: #fff; margin: 0; line-height: 40px; font-size: 16px; font-weight: bold;}
.main03 .right .thumbnail .media .media-body .iconfont { font-weight: normal; font-size: 20px; line-height: 40px; height: 40px; color: #fff; margin-right: 5px;}

.main03 .right .item01 .thumbnail { background-color: #b875e9;}
.main03 .right .item02 .thumbnail { background-color: #ec4b43;}
.main03 .right .item03 .thumbnail { background-color: #f2a23f;margin-bottom:0;}
.main03 .right .item04 .thumbnail { background-color: #5cb867;}
.main03 .right .item05 .thumbnail { background-color: #37a4e8;}
.main03 .right .item06 .thumbnail { background-color: #6a5eda;}
.main03 .right .item07 .thumbnail { background-color: #37a4e8;}

.main03 ul.nav-tabs li small{position:absolute;left:120px;top:12px;font-size:17px;color:#999;font-style:italic;}

ul.txtNews li{line-height:40px;}
ul.txtNews li span{float:right;}

.picNews .col-md-4 a{height:180px;display:block;overflow:hidden;}
.picNews .col-md-4 a img.img-responsive{margin:0 auto;width:100%;}


/* main04 */
.main04 { margin: 0 -15px 30px -15px;}
.main04 .slide-box { position: relative;}
.main04 .swiper-container { width: 100%; height: 100%;}
.main04 .swiper-slide { position: relative;}
.main04 .swiper-slide img { width: 100%; height: 90px;}
.main04 .swiper-pagination { width: 100%; bottom: -40px;}
.main04 .swiper-pagination-bullet { margin: 5px;}
.main04 .swiper-button-next, .main04 .swiper-button-prev { width: 30px; height: 30px; margin-top: -15px; background-size: 8px 14px; background-color: #fff; border-radius: 50%; -moz-box-shadow:0px 0px 5px #999; -webkit-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999;}
.main04 .swiper-button-prev { left: -15px;}
.main04 .swiper-button-next { right: -15px;}
.main04 .swiper-button-next:focus, .main04 .swiper-button-prev:focus { outline: none;}

/* left-nav-box */
.left-nav-box { margin: 0 0 40px 0; padding: 0;}
.left-nav-box ul { margin: 0; padding: 0;}
.left-nav-box ul { display: none;}
.left-nav-box li { list-style-type: none; padding: 10px 20px;}
.left-nav-box .list-group-item { padding: 0; overflow: hidden;}
.left-nav-box .list-group-item:first-child { border-radius: 4px 4px 0 0;}
.left-nav-box .list-group-item:last-child { border-radius: 0 0 4px 4px;}
.left-nav-box .list-group-item .dropdown-toggle { display: block; background-color: #fff; padding: 14px 10px 14px 20px;}
.left-nav-box .list-group-item .dropdown-toggle.open-btn { background-color: #0084d7; color: #fff; border-color: #0084d7;}
.left-nav-box .list-group-item .dropdown-toggle .iconfont { font-size: 12px; margin-right: 5px;}
.left-nav-box .list-group-item ul { padding: 10px 0; background-color: #f8f8f8;}
.left-nav-box .list-group-item ul.open { display: block;}
.left-nav-box .son-list { padding: 0;}
.left-nav-box .son-list a { padding: 10px 10px 10px 40px; display: block; font-size: 14px; background-color: #f8f8f8; color: #999;}
.left-nav-box .son-list a:hover { background-color: #efefef; color: #0084d7;}
.left-nav-box .son-list a .iconfont { font-size: 14px;}

/* left-class-box */
.left-class-box .right .thumbnail .media .media-body h4 { font-weight: normal; font-size: 14px;}
.left-class-box .right .thumbnail .media .media-body .iconfont { font-size: 18px;}

/* left-code-box */
.left-code-box h4 { margin: 30px 0;}
.left-code-box .thumbnail { padding: 0 50px; border: none; border-radius: 0; border-bottom: 1px dashed #ccc;}
.left-code-box .thumbnail:last-child { border: none; margin: 0;}

/* list-article-box */
.list-article-box .panel-body { padding: 40px;}
.list-article-box .media { border-bottom: 1px dashed #ccc; margin: 10px 0 30px 0; padding-bottom: 30px;}
.list-article-box .media .media-left a { display: block; width: 150px; height: 100px; overflow: hidden;}
.list-article-box .media .media-left a img { width: 100%; height: 100%;}
.list-article-box .media .media-body h4 { margin-top: 5px;}
.list-article-box .media .media-body h4 a { font-weight: bold;}
.list-article-box .media .media-body .introduction { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

/* content-box */
.content-box .panel-body { padding: 20px 50px;}
.content-box img { max-width: 100%;}

/* next-article-box */
.next-article-box p { margin: 20px 0;}

/* link */
.link { background: #1f61f7; padding: 20px 0;}
.link .col-md-1 h4 { margin: 0; line-height: 30px; color: #fff;font-size:13px;}
.link .col-md-11 .linkWrapper { margin: 0;}
.link .col-md-11 .linkWrapper a { color:#fff; padding: 0; line-height: 30px; display: inline-block;}
.link .col-md-11 .linkWrapper a:hover { background-color: transparent; color: #ccc;}

/* footer */
.footer { background: url("../images/footbg.jpg") no-repeat center top; width: 100%; }
.footer .row .left { height: 80px; margin: 59px auto; /*background: url(../images/footline.png) right no-repeat;*/}
.footer .row .left img { max-width: 100%; height: 80px;}
.footer h4, .footer p { color: #fff;}
.footer .row .middle { margin: 69px auto; padding-left: 50px;}
.footer .row .right { margin: 63px auto;}
.footer .row .right .thumbnail { background-color: transparent; border: none; box-shadow: none; margin: 0; padding: 0;}
.footer .row .right .thumbnail img { margin-bottom: 10px;}
.footer .row .right .thumbnail p { margin: 0; text-align: center;}


/* copyright */
.copyright { background-color: #000; text-align: center; padding: 10px 0;}
.copyright p { margin: 10px 0; color: #8a8a8a;}

/* right-fixed-box */
.right-fixed-box { width: 60px; height: auto; position: fixed; left: 50%; margin-left: 650px; bottom: 10%; z-index: 9999;}
.right-fixed-box .list-group-item { padding: 0; position: relative;}
.right-fixed-box .list-group-item a { display: block; width: 100%; height: 60px; text-align: center; line-height: 60px; overflow: hidden;}
.right-fixed-box .list-group-item .wei-xin img { height: 38px;}
.right-fixed-box .list-group-item .xin-lang img { height: 32px;}
.right-fixed-box .list-group-item .back-top i { font-size: 24px; color: #0084d7;}
.right-fixed-box .list-group-item .down-box { padding: 0; width: 140px; height: 140px; position: absolute; left: -150px; top: 0; display: none; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background-color: #fff;}
.right-fixed-box .list-group-item .down-box img { width: 100%; height: 100%;}

/* overwrite */
.pagination{display:block;padding:0;}

.toggle {
    position: fixed !important;
    bottom: 15rem;
    z-index: 10;
    overflow: hidden;
    width:150px !important;
    top:auto !important;
    display:none;
}
.toggle .menuNavTip {
    border-radius: 250px;
    width: 150px !important;
    height: 62.5px;
    background: #337ab7 url(../images/menu.png) 98px 14px no-repeat;
    float: left;
    margin: 0 0 31.25px -87.5px;
}
#main-nav {display: none;}

@media (max-width: 1200px){ 
.logo .container .row div > a > img {height: 86px !important;}
.logo .container {background: url("../images/logobg.png")no-repeat 74% top !important;background-size: contain !important;}
}

@media (max-width: 768px){ 
 .footer .row .middle{margin:29px auto;}
 .footer .row .right{margin:0 auto 29px;}

.logo .row .text-left img{height:40px;}
.logo .row .text-left span{font-size:20px;}

.content-box .panel-body{padding:20px;}
.list-article-box .panel-body{padding:20px;}
.common-title .box{font-size:16px;}
}

@media (max-width: 600px){ 
.logo .container .row div > a > img {width: 80%;height: auto !important;}
}