@charset "utf-8";


.topBar { padding-top:10px; padding-bottom:10px; background: #fff; color:#476f7b}
.topBar #c_lunar190014::before{display: inline-block; vertical-align: -2px; background: url("../img/ico-all.png") no-repeat; content: ''; width: 17px; height: 15px; margin-right: 7px; background-position:0 0;}
.topBar p { padding: 0; margin: 0; }
.head{padding: 25px 0;}
.head{ background:url("../img/topbarbg.png") #5e7880 no-repeat 94% 1rem}
.head .logo { display: inline-block;  float: left }
.head .toplinks a { display: inline-block; margin-right: 10px; color:#d8e5f1; font-size: 13px; }
.head .toplinks a::before { display: inline-block; vertical-align: -2px; background: url("../img/ico-all.png") no-repeat; content: ''; width: 17px; height: 14px; margin-right: 7px; background-position: -25px 0; }
.head .toplinks a.l1::before { background-position: -178px -79px; }
.head .toplinks a.l3{font-size:0}
.head .toplinks a.l3::before {background-position: -58px 0px;height: 19px;width: 22px;}
.head .toplinks .serBtn { color: #FFF; font-size: 21px; }
.head .toplinks .serBtn::before { vertical-align: -1px; margin-left: 10px; }
@media (min-width: 768px){
.head .nav>li{background:url("../img/navline.png") no-repeat center right}

}


.head .seaBox { background-color: #f2f2f2; padding: 20px 0; display: none; position: absolute; top: 100%; width: 100%; z-index: 9 }
.head .seaBox .web { position: relative; }
.head .seaBox .web input { background: #fff; font-size: 15px; color: #333333; height: 45px; line-height: 45px; vertical-align: top; box-sizing: border-box; padding-left: 15px; width: 90%; border: 1px solid #eee; }
.head .seaBox .web .btn { border-radius: 0; background-color: rgb(243, 130, 21); color: #fff; font-size: 18px; font-weight: bold; line-height: 45px; height: 45px; vertical-align: top; padding: 0; margin: 0 0 0 10px; width: 100px; text-align: center; }
.head .seaBox .web .b { display: block; width: 0; height: 0; border-left: 9px transparent solid; border-right: 9px transparent solid; border-bottom: 11px #eee solid; position: absolute; top: -30px; right: 5px; }

.banner { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; width: 100%; text-align: center; }
.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
.banner .swiper-slide .title { font-size: 20px; background: rgba(0, 0, 0, 0.6); bottom: 10%; line-height: 45px; color: #FFF; text-align: left; position: absolute; margin-left: 30px; padding: 15px 30px; z-index: 999999999999999999; }
.banner .pagination { position: absolute; z-index: 20; left: 10px; bottom: 10px; }
.banner .swiper-pagination-bullet { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 5px; cursor: pointer; background: #fff; opacity: .8; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #F60; }
.banner ul { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.banner ul li { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.banner ul li a { display: block; position: relative; }
.banner ul li img { width: 100%; }
.banner .conbar { position: absolute; right: 0; bottom: 0; z-index: 99; width: 36px; height: 35px; line-height: 35px; font-size: 13px; color: #fff; background-color: #1f2d5c; text-align: center; }
.banner span[class^="btn"] { display: inline-block; cursor: pointer; background-color: rgba(0, 0, 0, 0.75); width: 35px; height: 35px; padding: 12px; text-indent: -9999px; overflow: hidden; z-index: 99; box-sizing: border-box; position: absolute; bottom: 0px; right: 112px; }
.banner span[class^="btn"]:before { content: ''; background: url(../img/base/all-icon.png) no-repeat; background-position: 0 -25px; display: block; width: 7px; height: 11px; position: absolute; left: 50%; margin-left: -3px; }
.banner span:hover { background-color: rgba(0, 0, 0, 0.45) }
.banner span.btn-stop { right: 75px; }
.banner span.btn-play { right: 75px; display: none; background: #e40000; }
.banner span.btn-stop:before { background-position: -50px -25px; }
.banner span.btn-play:before { background-position: -75px -25px; }
.banner span.btn-right { right: 38px; }
.banner span.btn-right:before { background-position: -25px -25px; }
.banner .bx-controls { position: absolute; left: 5px; bottom: 0px; }
.banner .bx-controls div { display: inline-block; padding: 0 3px; }
.banner .bx-controls a { width: 9px; height: 9px; border: 2px solid #fff; border-radius: 13px; display: inline-block; text-indent: -9999px; overflow: hidden; }
.banner .bx-controls a.active { width: 16px; background-color: #fff; }
/* news */
.news { margin-bottom: 25px; }
.news h3 { font-size: 22px; font-weight: normal; border-bottom: 2px solid #dfdfdf; padding: 35px 0 15px 0; margin-bottom: 20px; }
.news .ico::before { content: ''; background: url(../img/ico-all.png) no-repeat -37px -31px; width: 28px; height: 28px; display: inline-block; vertical-align: text-bottom; margin-right: 10px; }
.news .news-tit::before { background-position: 0 -68px; width: 30px; }
.news h3 a { float: right; color: #999; font-size: 13px; margin-top: 15px; }
.news h3 a.ico::before { width: 15px; height: 5px; background-position: -175px -17px; vertical-align: middle; }
.news .list { background: #f6f7f8; margin-top: 15px; padding-bottom: 15px; }
.news .list ul li { border-bottom: 1px dotted #ddd; padding: 8px 0; line-height: 24px; position: relative; }
.news .list ul li a{padding-left:10px;}
.news ul.img-Box li { overflow: hidden }
.news ul.img-Box li a img { min-height: 227px; }
.news ul.img-Box li p { background: rgba(0, 0, 0, 0.6); color: #FFF; display: block; position: absolute; padding: 10px; bottom: 0;left:15px;right:15px;z-index: 99; }
.news ul.img-Box li .dttbox {
  position: relative;
  padding-top: 75%;
}
.news ul.img-Box li .dttbox img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news .list ul li::before { content: ''; background: url(../img/ico-all.png) no-repeat -97px 0; width: 4px; height: 4px; display: inline-block; vertical-align: 3px; margin-right: 10px;}
.news .list ul li span {     margin-left: 10px;
    font-family: 'Century Gothic';
    color: #969696;}
.bg { background: url(../img/bg_b.png) #5e7880 no-repeat right top; padding-bottom: 10px }
.bg .news h3 { font-size: 22px; font-weight: normal; border-bottom: 1px solid #8aaab3; padding: 30px 0 15px 0; margin-bottom: 10px; color: #FFF; line-height: 35px; position: relative }
.bg .news .news-tit::before { height: 5px; background: #8aaab3; display: inline-block; vertical-align: text-bottom; position: absolute; bottom: 0; width: 85px; margin: 0; }
.bg .news h3 a { float: right; color: #c2cccf; font-size: 13px; margin-top: 15px; }
.bg .news h3 a.ico::before { width: 15px; height: 5px; background-position: -175px -17px; vertical-align: middle; }
.bg .news ul li { border-bottom: 1px dotted #97a4a8; padding: 18px 0; line-height: 24px; position: relative; font-size: 15px; min-height: 81px; }
.bg .news ul li span { float: left; text-align: center; color: #b3c4c9; font-family: 'Century Gothic'; font-size: 13px; width: 70px; display: inline-block; margin-right: 20px; border-right: 1px solid #6e8991; padding-right: 20px; height: 44px; }
.bg .news ul li span i { display: block; font-size: 20px; }
.bg .news ul li a { color: #e8edf3 }
/*.bg .news .list-r ul li a{float: left;width: 68.2%;}*/
.bg .news .list ul li::before { content: ''; background: url(../img/ico-all.png) no-repeat -97px 0; width: 4px; height: 4px; display: inline-block; vertical-align: 3px; margin-right: 10px; }
.bg .news .list ul li span { margin-left: 10px; }
.bg .xcBox ul li span { background: #365660; border: 0; width: 55px; padding: 5px 5px; font-size: 12px; line-height: 17px; height: auto; font-family: "微软雅黑 Light";     min-height: 44px;}
.mtb45 { padding-top: 45px; padding-bottom: 45px; }
.zsjyBox { position: relative }
.zsjyBox h3 { font-size: 22px; font-weight: normal; border-bottom: 2px solid #dfdfdf; padding: 35px 0 15px 0; }
.zsjyBox h3::before { content: ''; background: url(../img/ico-all.png) no-repeat -37px -67px; width: 28px; height: 29px; display: inline-block; vertical-align: text-bottom; margin-right: 10px; }
.zsjyBox ul li { padding: 18px 0; line-height: 24px; position: relative; font-size: 15px; }
.zsjyBox ul li span { background: #5e8a97; float: left; text-align: center; color: #fcfefe; font-family: 'Century Gothic'; font-size: 14px; display: inline-block; margin-right: 20px; border-right: 1px solid #6e8991; padding: 8px 12px; }
.zsjyBox ul li span i { display: block; font-size: 26px; padding: 3px 0; }
.zsjyBox ul li div { }
.zsjyBox ul li div a h4 { font-size: 16px; color: #19414e; line-height: 1.6em; margin-bottom: 4px; }
.zsjyBox ul li div a p { font-size: 13px; color: #777; line-height: 18px; }
.imglinks { background: url('../img/img1.jpg')#7297a0; padding: 0; }
.imglinks a { border-right: 1px solid #98b8c1; border-bottom: 1px solid #98b8c1; display: inline-block; float: left; text-align: center; color: #d7f0f8; padding-bottom: 26px }
.imglinks a:hover { background: #f0ad4e; color: #fff }
.imglinks a:nth-child(even) { border-right: 0 }
.imglinks a span::before { content: ''; position: absolute; bottom: -23px; height:3px; background: rgba(255, 255, 255, 0.25); width: 30px; left: 20%; left: 0;right: 0;margin: auto;}
.imglinks a span img { width:auto}
.imglinks a span { width: 37%; display: block; position: relative; margin: 20px auto 34px auto; height: 47px; }
.Wechat h3 { font-size: 22px; font-weight: normal; border-bottom: 2px solid #dfdfdf; padding: 0 0 15px 0; margin-bottom: 15px; }
.Wechat h3 a { float: right; color: #999; font-size: 13px; margin-top: 15px; }
.Wechat h3::before { content: ''; background: url(../img/ico-all.png) no-repeat 0px -31px; width: 31px; height: 31px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.Wechat ul { }
.Wechat ul li { border-bottom: 1px solid #ddd; margin-bottom: 12px; padding-bottom: 12px; }
.Wechat ul li.last { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.Wechat ul li a { font-size: 16px; color: #19414e; }
.Wechat ul li a p { font-size: 13px; margin-top: 15px; color: #999; line-height: 24px; height: 51px; overflow: hidden; }
.video { position: relative }
.video a i { position: absolute; width: 66px; height: 66px; background: url(../img/ico-all.png) no-repeat -75px -31px; z-index: 999999; display: inline-block; vertical-align: text-bottom; margin: auto; top: -60px; bottom: 0; left: 0; right: 0; }
.video a span { color: #FFF; font-size: 17px; font-weight: bold; position: absolute; z-index: 999999; margin: auto; top: 56%; bottom: 0; left: 0; right: 0; text-align: center; font-size: 27px; }
.video a::before { content: ' '; background: rgba(0, 0, 0, 0.35); color: #FFF; display: block; position: absolute;    height: 100%;bottom: 0; left: 15px; right: 15px;}
.swiper-container { background: #FFF; }
.swiper-slide { height: 250px; width: 640px; background: none; color: #fff; }
.content-slide { padding: 40px; }
/*foot样式开始*/
.footer { margin-top: 20px; padding: 40px 0; background: #5e7880; color: #c5d7dc; line-height: 2em; font-size: 13px; }
.footer .row img{width:auto;margin-bottom: 12px;}
.footer .row p{line-height:24px;}
.footer .rwmBox a, .footer .rwmBox p { float: left; display: inline-block; text-align: center; width: 30%; margin: 0px 2%; vertical-align: bottom; height: 80px; padding: 0; background: rgba(255, 255, 255, .2); }
.footer .rwmBox a img, .footer .rwmBox p img { width: 100%; max-width: inherit; }
.footer .copy { }
.footer .copy img { width: 70%; opacity: 0.6; padding-bottom: 15px; }
.footer .copy p { }
.footer dl.links { }
.footer dl.links dd { display: inline-block;float: left; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 4%; margin-left:4%;width:29%}
.footer dl.links dd a { display: block; color: #c5d7dc; line-height: 30px; font-size: 14px; ; }
.foot-nav dl { float: left; width: 140px; margin-right: 30px; }
.foot-nav dt { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.foot-nav dd { line-height: 30px; }
.foot-nav dl a:hover { color: #fff; text-decoration: underline; }
.foot-social { padding-right: 35px; width: 310px; border-left: 1px solid #727171; right: 75px; }
.foot-ewm { width: 100%; float: right; }
.foot-ewm dl { float: right; margin-left: 25px; }
.foot-ewm dt { text-align: center; margin-top: 5px; font-size: 12px; }
.foot-ewm dl dd img { width: 103px; max-width: none; }
.foot-bottom { background: #424242; color: #bbb; line-height: 55px; }
.foot-bottom a:hover { color: #bbb; text-decoration: underline; }
.foot-bottom .fb-left { margin-right: 10px; }
.foot-bottom .fb-left a { padding-right: 10px; }
.foot-bottom .fb-center em { padding: 0 8px; }
/*bdshar样式开始*/
.sharebox {padding-top: 11px; }
.links-group { width: 23%; height: 41px; background: #eaeaea; position: relative; margin-bottom: 13px; margin-right: 22px; cursor: pointer; }
.links-group .l-btn { display: block; line-height: 41px; text-indent: 30px; position: relative; }
.links-group .l-btn .ion { position: absolute; right: 10px; }
.links-group .dropdown-links { display: none; width: 100%; position: absolute; /*bottom:30px;←去掉向下展开*/ background: #f8f8f8; padding: 10px 0; max-height: 180px; overflow: auto; }
.links-group .dropdown-links a { display: block; line-height: 38px; padding-left: 10px; }
.links-group .dropdown-links a:hover { background: #f08400; color: #FFF }
.sideBox h3{text-align: center; padding:25px 0; background:#5e7880; color:#FFF}
.sideBox ul{ background:#f5f5f5;padding-bottom:15px;}
.sideBox ul li a{ border-radius:0; border-bottom:1px solid #ddd; line-height:51px; font-size:16px;}
.sideBox ul li a:hover{background: #5e7880;color:#FFF}
.list-box li { line-height:41px;}
.list-box li::before{background-color: #aaa;content: "·";display: inline-block;font-size: 0;height: 3px;margin-right: 10px;vertical-align:-15px;width: 3px;}
.txtBox{}
.txtBox h3{font-size: 22px;line-height: 2em;padding: 25px 0;color: #111;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.txtBox .bar{font-size: 13px;background: #f7f7f7;padding: 10px 0;margin-bottom: 30px;}
.txtBox p{ text-indent:2em !important; font-size:21px !important; line-height:2em !important; margin-bottom:16px !important;}
.txtBox .vsbcontent_img{text-indent:0; text-align:center}
.txtBox .vsbcontent_img img{ margin:15px auto; width:60%}
@media (max-width:1440px){
.collapse{display:none}
}
@media (max-width: 992px){
.imglinks a span img {margin-top: 22px;}
.Wechat{margin-top: 40px}
.links { margin-top: 40px;padding: 20px 0;}
}
@media (max-width:768px){
.zsjyBox ul li{height: 90px !important;
    overflow: hidden;
    width: 48% !important;
    margin: 0 2% 0 0;}
#bs-navbar{overflow: hidden;margin-top: 25px; line-height: 50px; margin-right: 15px; width: 95%;background: #5e7880;}
.toplinks{text-align: center;}
.rwmBox{margin-top: 40px}
.news ul.img-Box li{margin-bottom:30px;}
.video{margin:30px 0}
.navbar-nav>li>a {padding-top: 0;
    line-height: 44px;
    color: #FFF;
    font-size: 17px;
    font-size: 16px;
    font-weight: normal;
    border-bottom:none;}
.navbar-nav>li.open>a{background: #84a0a9;}
.dropdown-menu::before{display: none;}
.pull-right{padding-left:0; padding-right:0}
.banner .swiper-slide .title {
font-size: 15px;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0%;
    line-height: 24px;
    color: #FFF;
    text-align: left;
     position: absolute; 
    margin-left: 30px;
    width: 82%;
    padding: 15px 20px;
    z-index: 999999999999999999;
}
.banner ul li img {
        height: 16.5rem;
}
}