@charset "utf-8";

body{font-family: Microsoft Yahei;overflow-x:hidden;color: #666;background:#fff;position: relative;}
ul,ol,li{list-style: none;}
a{color: #333;}
a:hover{text-decoration:none;outline:none;}
a:visited,a:active {outline:none;}
div:focus{
    outline:none;
}

.breadcrumb {
    padding:0px !important;
}
.breadcrumb .glyphicon-list {
    color:#c1c1c1 !important;
}
.breadcrumb .glyphicon-list:before {
    content: "\e021" !important;
}
/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 
 .color-orange {color:#FE6604}

 .content-content,
 .content-text,
 .content-text .content,
.categorycontent {display:block;width:100%;}
.content-content img,
.content-text img,
.content-text .content img,
.categorycontent img {max-width:100%;}

.copyright{padding: 20px 0;text-align: center;}
.copyright p{color: #999;margin-bottom: 2px;}
.copyright p a{color: #999;}


.cbanner{margin-top: 70px;background-size:cover;}
@media screen and (max-width:486px) {
    .cbanner {margin-top:0px;}
}
.cbanner .container {height:100%;}
.cbanner-bg{height:100%;background: rgba(0,0,0,.68);}
.cbanner-title {position: relative; display:block; height:100%;}
.fat-menu2-title h4.column-title,
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{position: absolute; top: 40%; transform: translateY(-40%);color: #fff;font-size: 42px; }
.cbanner-title h4.column-title,
.cbanner-title h4.column-title a,
.cbanner-title h4.special-title a,
.cbanner-title h4.type-title a{color: #fff;}
.cbanner-title h4.column-title:after,
.cbanner-title h4.special-title:after,
.cbanner-title h4.type-title:after{content:"";display: block;height: 3px;width: 2em;background: #fff;margin-top: 15px;}


@media (min-width:769px) {
.cbanner-bg{min-height:auto;}
.cbanner-title{margin-bottom: 40px;}
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{font-size: 40px;}
}

@media (min-width:992px) {
    .cbanner-bg{min-height:auto;}
    .cbanner-title h4.column-title,
    .cbanner-title h4.special-title,
    .cbanner-title h4.type-title{font-size: 30px;}
}

@media (max-width:768px) {
.cbanner-bg{min-height:auto;}
.cbanner-title{margin-bottom: 30px;}
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{font-size: 20px;}
}


.content-subtitle{margin-left: 15px;margin-right: 15px;}







.banner3{background: url(../images/base/s2.jpg) center center no-repeat;background-size:cover;}
.banner3-bg{max-height: 320px; padding: 80px 0 200px; background: rgba(0,0,0,.68);}
.banner3-title{}
.banner3-title h4{color: #fff;font-size: 42px;}
.banner3-title h4:after{content:"";display: block;height: 3px;width: 2em;background: #fff;margin-top: .5em;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.banner3-bg{min-height:500px;}
.banner3-title h4{font-size: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.banner3-bg{min-height:300px;}
.banner3-title h4{font-size: 50px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.banner3-bg{min-height:200px;}
.banner3-title h4{font-size: 40px;}
}

.hot-news {margin-bottom: 60px;margin-left: 15px;margin-right: 15px;}
.hot-news ul{padding: 0;margin: 0;}
.hot-news ul li{line-height: 35px;margin-top: 20px;padding: 0 10px;border-bottom-width:1px; border-bottom-style: dashed;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hot-news ul li span{padding-right: 10px;font-size: 18px;color: #D33D25;vertical-align:middle;}


.s31-img{float: left;width: 248px;height: 185px;position: relative;overflow: hidden;}
.s31-img img{width: 100%;height: 100%;object-fit: cover;transition: all 300ms ease-in-out 0s;}
.s31-img span{position: absolute;bottom: 10px;left: 10px;color: #fff;}
.s31-text{padding: 30px;overflow: hidden;}
.s31-text h4{color: #333;margin-bottom: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s31-text h4 a{color: #333;}
.s31-text p{line-height: 24px;max-height: 72px;overflow: hidden;margin-bottom: 0;}
@media screen and (min-width: 0) and (max-width: 767px){
.s31-img{float: none;width: 100%;margin: 0 auto;}
}


.title20{border-left:8px solid #060D33;padding-left: 20px;margin-bottom: 30px;}
.title20 h4{font-size: 22px;color: #333;text-transform : uppercase;}
.title20 h4 a{color: #333;}
.title20 p{font-size: 16px;color: #333;text-transform : capitalize;}
.title20 p a{color: #333;}
@media screen and (min-width: 768px) and (max-width: 991px){
.title20 h4{font-size: 32px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.title20 h4{font-size: 24px;}
}




.new-teg{margin-bottom: 60px;margin-left: 15px;margin-right: 15px;}
.new-teg-list{}
.new-teg-list a{display: inline-block;margin-right: 2px;margin-bottom: 15px;line-height: 32px;padding: 0 10px;background: #f5f5f5;color: #333;border-radius: 2px;}
.new-teg-list a:hover{background: #1276E6;color: #fff;}





/*内容页相关文章*/
.content-relevant-list1{padding: 30px 0;margin: 0 15px;}
.content-relevant-list1 dl:after{content:"";display:table;clear:both;}
.content-relevant-list1 dt {margin:30px 0px 15px 0px;font-size:18px;}
.content-relevant-list1 dt em {padding-right:10px;}
.content-relevant-list1 dd a {display:block; margin:0px 10px 0px 0px; padding:10px 0px 10px 10px; border-bottom: 1px dashed #ededee;}
.content-relevant-list1 dd:before {content:"";position:absolute;left:5px;top:20px;width: 5px;height: 5px;background: #060D33;border-radius: 10px;}

/* 可视化中清除边距 */
#visual-right .cbanner {margin-top:0px;}
#navbar .nav .dropdown-menu {border-radius: 0px;}
@media (min-width: 486px) {
    #navbar .nav .dropdown-menu {
        border-top: 2px solid #060D33;
    }
}
@media (max-width: 486px) {
    #navbar .nav .dropdown-menu {
        padding-top: 10px;
        margin-left: 20px;
        border-left: 2px solid #060D33;
    }
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none;}

#myModalLang {z-index:9999999999;}
#login .dropdown-menu-user { padding:15px; overflow: hidden;}
#login .dropdown-menu-user li {
    float:left;
    width: 50%;
}

#login .dropdown-menu-user li a {display:inline-block;}
#myModalLang .modal-body {text-align: center;}




.section1{padding: 40px 0;}

.title10{margin-bottom: 30px;}
.title10 h4{font-size: 26px;color: #333;margin-bottom: 0;}
.title10 h4 a{color: #333;}
.title10 p{color: #999;}

.s1-item{margin: 10px 0;}
.s1-img{display:block;overflow:hidden;}
.s1-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s1-item:hover .s1-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.s1-text{padding-top: 5px;}
.s1-text h4{font-size: 16px;color: #666;}
.s1-text h4 a{color: #666;}
.s1-text h4 a:hover{color: #333;}





.section2{padding: 40px 0;}
.s2-item{padding: 30px 0;margin: 0 15px;}
.section2  .s2-item{margin: 0 ;}
.s2-item +.s2-item{border-top:1px solid #ccc;}
.s2-item:after{content:"";display: table;clear: both;}
.s2-img{float: right;width: 294px;height: 172px;overflow: hidden;margin-left: 30px;}
.s2-img img{width: 100%;height: 100%;object-fit: cover;}

.s2-text{overflow: hidden;}
.s2-text h4{font-size: 18px;margin-bottom: 20px;}
.s2-text p{line-height: 22px;height: 66px;overflow: hidden;color: #999;}
.s2-text span{display: block;color: #999;}


@media screen and (min-width: 0) and (max-width: 767px){
.s2-img{float: none;margin: 0 auto 20px;max-width:100%;}
}



#frmGuestbookSubmit .guestbook_input,#frmGuestbookSubmit .guestbook_textarea {
    box-shadow:none !important;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
}
#frmGuestbookSubmit .btn {
    width:100%;
    border-radius: 2px;
}




.foot{padding: 40px 0;border-top:1px solid #eee;}
.foot-list{margin: 20px 0;}
.foot-list ul{padding: 0;margin: 0;}
.foot-list h4{color: #333;margin-bottom: 30px;}
.foot-list ul li{color: #666;line-height: 24px;}
.foot-form{}
.foot-form ul{padding: 0;margin: 0;}
.foot-form ul li{margin-bottom: 15px;}
.foot-form ul .form-control{background: transparent;border:none;border-bottom:1px solid #ccc;border-radius: 0;color: #333;box-shadow: inset 0 0 0 rgba(0,0,0,.0), 0 0 0 rgba(102,175,233,0);}
.foot-form .btn{background: #000;border:none;width: 100%;color: #333;line-height: 25px;color: #fff;}
.foot-form .btn:hover{background: #333;color: #fff;}
.foot-form .form-control:focus {border-color: #ddd;box-shadow: inset 0 0 0 rgba(0,0,0,.0), 0 0 0 rgba(102,175,233,0);}

.guestbook .guestbook_btn{background: #000;border:none;color: #333;line-height: 25px;color: #fff;}
.guestbook .guestbook_btn:hover{background: #333;color: #fff;}


.foot .guestbook .guestbook_btn{width: 100%;}


.copyright{padding: 10px 0;text-align: center;color: #999;}
.copyright a{color: #999;}




.title20{padding: 30px 15px 0;margin-bottom: 15px;}
.title20:after{content:'';display: table;clear: both;}
.title20 h4{font-size: 26px;color: #333;}
.title20 ul{float: right;margin: 0;padding: 0;}
.title20 ul li{display: inline-block;}
.title20 ul li a{display: inline-block;padding: 7px 20px;color: #666;margin-top: 5px;}
.title20 ul li a:hover,
.title20 ul li a.on{background: #f1f1f1;color: #333;}


.mianbao{line-height: 30px;margin: 15px;}
.mianbao span{padding-left: 17px;background: url(../images/base/mianbao.png) left center no-repeat;color: #333;}
.mianbao a{margin: 0 5px;color: #333;}




.title30{text-align: center;margin: 30px 0;}
.title30 h4{font-size: 26px;color: #333;margin-bottom: 0;}
.title30 h4 a{color: #333;}
.title30 p{color: #999;}



.pc-show,.wap-show {
    display:none;
}

@media (min-width: 786px) {
    .pc-show {
        display: block;
    }
}

@media (max-width: 786px) {
    .wap-show {
        display: block;
    }
}