@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; overflow: scroll; overflow-x: hidden; font-family: "Microsoft YaHei", "黑体", serif; }
html, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, span, i, a, em, input, textarea, select { margin: 0; padding: 0; list-style: none; text-decoration: none; border: none; font-weight: normal; }
/*去掉边框所占用像素+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.w1000 { width: 1000px; margin: 0 auto; }
a, div, span, li { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*ie6,7*/ }
.clear { clear: both; float: none; overflow: hidden; height: 0; font-size: 0; }
.fl { float: left; }
.fr { float: right; }
/*头部++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.css3pie {width: 500px;height: 500px;border: solid 1px red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(css3pie/PIE.php); }

#header { width: 100%; margin: 0 auto; position: relative; }

#header { height: 150px; min-width: 1000px; box-shadow: 11px 1px 5px #cccccc; z-index: 99; background: #ffffff; }
#header .head { height: 150px; position: relative; }
#header .logo { float: left; height: 150px; overflow: hidden; }

#header .nav { float: right; }
#header .nav ul li { float: left; }
#header .nav ul li a { display: block; width: 91px; height: 150px; overflow: hidden; border-right: 1px solid #eaeaea; position: relative; color: #404040; }
#header .nav ul li .a1 { border-left: 1px solid #eaeaea; }
#header .nav ul li a .circle { width: 50px; height: 50px; background: #caa34e; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; left: 20px; top: 10px; text-align: center; line-height: 50px; }
#header .nav ul li a .circle img { position: absolute; top: 16px; left: 17px; }
#header .nav ul li a span { line-height: 14px; font-size: 14px; position: absolute; display: block; width: 14px; top: 70px; left: 37px; }
#header .nav ul li i { font-style: normal; width: 38px; height: 38px; border: 1px solid #ffffff; border-radius: 50%; display: block; margin: 6px auto; }
#header .nav ul li:hover, #header .nav ul li.focus { background: #efefef; }

#header .nav ul li a:hover .circle, #header .nav ul li.focus .circle { background: #01553d; }
#header .nav ul li a:hover span, #header .nav ul li.focus a span { top: 75px; color: #01553d; }
#header .nav ul li:hover .box { display: block; }
#header .nav ul li .box { text-align: center; }
#header .nav ul li .box { width: 100%; height: 50px; background: #333333; position: absolute; top: 150px; display: none; left: 0; }
#header .nav ul li .box a { width: auto; margin: 0 20px; display: inline-block; height: 50px; overflow: hidden; color: #cccccc; line-height: 50px; border: none; text-align: center; font-size: 12px; }
#header .nav ul li .box a:hover, #header .nav ul li .box .active { color: #ffffff; border-top: 2px solid #05af4c; }

#header .nav ul li .box .box_a {width: 1000px;margin: 0 auto;}

/*底部++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.swiper-pagination.swiper-pagination-BA .swiper-pagination-bullet { width: 12px; height: 12px; border: solid 1px #caa34e; background: #ffffff; opacity: 1; }
.swiper-pagination.swiper-pagination-BA .swiper-pagination-bullet-active { background: #caa34e; }

/*底部++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer { width: 100%; margin: 0 auto; }
#footer .footer_top { width: 100%; height: 354px; background: url(../images/web/footer_bj.png) no-repeat center center; margin: 0 auto; overflow: hidden; }
#footer .main_left { width: 315px; float: left; }
#footer .title_top img { float: left; }
#footer .title_top span { font-size: 16px; color: #01553d; padding-top: 85px; display: block; }
#footer .adress { clear: both; margin: 20px 0 0 0; color: #333333; }
#footer .adress p { margin: 10px 0; }
#footer .mian_link { float: left; margin-left: 60px; margin-top: 55px; }
#footer .link_title { width: 250px; height: 45px; border-left: 2px solid #01553d; font-size: 18px; color: #01553d; }
#footer .link_title span { margin-left: 3px; }
#footer .link_title p { margin-left: 3px; }
#footer .mian_link ul { width: 100%; margin-top: 30px; }
#footer .mian_link ul li { border-bottom: 1px solid #bfbfbf; padding-bottom: 3px; margin: 3px 0; }
#footer .mian_link ul li a { color: #333333; }
#footer .mian_link ul li a:hover { color: #01553d; }
#footer .mian_link ul li span { font-size: 18px; color: #05af4c; padding-right: 20px; }
#footer .code { width: 250px; float: left; margin-left: 50px; margin-top: 55px; }
#footer .code_title { width: 250px; height: 45px; margin-bottom: 24px; border-left: 2px solid #01553d; font-size: 18px; color: #01553d; }
#footer .code_title span { margin-left: 3px; }
#footer .code_title p { margin-left: 3px; }

#footer .code dl { margin: 30px 5px; float: left; text-align: center; }
#footer .code dl dd { margin-top: 5px; }
#footer .footer_bottom { width: 100%; height: 100px; background: #01553d; }
#footer .footer_bottom ul { height: 100px; text-align: center; margin: 0 170px; }
#footer .footer_bottom ul li { float: left; margin: 0 20px; line-height: 100px; }
#footer .footer_bottom ul li a { color: #bdbdbd; }
#footer .footer_bottom ul li a:hover { color: #ffffff; }
/*右侧浮动联系+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#leftsead { width: 130px; height: 240px; position: fixed; top: 260px; right: 0px; z-index: 99; }
* html #leftsead { margin-top: 258px; position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
#top_btn { cursor: pointer; }
#leftsead li { width: 130px; height: 52px; }
#leftsead li img { float: right; }
#leftsead li a { height: 50px; float: right; display: block; min-width: 50px; max-width: 130px; }
#leftsead li a .shows { display: block; }
#leftsead li a .hides { margin-right: -145px; cursor: pointer; cursor: hand; }
#leftsead li a.weixin .hides { display: none; position: absolute; right: 200px; top: 30px; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.leftseadA { width: 70px; position: fixed; bottom: 408px; right: 1px; z-index: 999999999; }
.leftseadA .leftseadA_i { position: relative; width: 46px; }
.leftseadA .leftseadA_i .b { position: absolute; top: 0; left: 12px; width: 46px; border-radius: 3px; }
.leftseadA .leftseadA_i .b .dl { width: 46px; margin: 10px auto; }

.leftseadA .leftseadA_i .b .dl.dl_two { margin-top: 0; }

.leftseadA .leftseadA_i .dl .dd { position: relative; height: 46px; margin-bottom: 5px; }
.leftseadA .leftseadA_i .dl .dd .shows { transition: all .5s; border-radius: 3px; background: #ffffff; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); }

.leftseadA .leftseadA_i .dl .dd .shows .img { height: 46px; text-align: center; }
.leftseadA .leftseadA_i .dl .dd .shows .img .iconfont { font-size: 24px; line-height: 46px; color: #01553d; }

.leftseadA .leftseadA_i .dl .dd .hides { display: none; position: absolute; right: 0; top: 0; width: 265px; min-height: 46px; }
.leftseadA .leftseadA_i .dl .dd .hides .sdl { position: relative; width: 100%; }
.leftseadA .leftseadA_i .dl .dd .hides .sdt { width: 200px; min-height: 46px; padding: 0 20px; line-height: 46px; font-size: 20px; font-weight: bold; overflow: hidden; }
.leftseadA .leftseadA_i .dl .dd .hides .sdt { position: absolute; right: 47px; border: solid 1px #e5e5e5; border-right: none; color: #666666; }
.leftseadA .leftseadA_i .dl .dd .hides .sdt { border-radius: 3px; background: #ffffff; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); }
.leftseadA .leftseadA_i .dl .dd .hides .sdt.tel { height: 46px; line-height: 44px; }
.leftseadA .leftseadA_i .dl .dd .hides .sdt.qrs { height: auto; padding: 10px; }
.leftseadA .leftseadA_i .dl .dd .hides .sdd { position: absolute; right: 0; width: 46px; height: 46px; text-align: center; }
.leftseadA .leftseadA_i .dl .dd .hides .sdd .iconfont { display: none; font-size: 24px; line-height: 46px; color: #01553d; }

.leftseadA .leftseadA_i .b .dl.dl_two .shows .img { height: 46px; }
.leftseadA .leftseadA_i .b .dl.dl_two .shows .img .iconfont { line-height: 46px; }

.leftseadA .leftseadA_i .dl .dd a { display: block; width: 100%; height: 100%; }
.leftseadA .leftseadA_i .dl .dd a:hover .shows { background: #01553d; }
.leftseadA .leftseadA_i .dl .dd a:hover .shows .img .iconfont { color: #ffffff; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.mui-ellipsis {
    overflow: hidden;
    
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mui-ellipsis-3 { overflow: hidden; white-space: normal; text-overflow: ellipsis; }

.object-fit { overflow: hidden; }
.contain { text-align: center; }
.contain img { transition: all .5s; object-fit: contain; max-width: 100% !important; margin: 0 auto; }
.cover img { transition: all .5s; object-fit: cover; }
.transition { transition: all .5s; }

.w_P100 { width: 100%; }
.h_P100 { height: 100%; }

.text_l { text-align: left; }
.text_c { text-align: center; }
.text_j { text-align: justify; }
.text_r { text-align: right; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.show_maximge { overflow: hidden; }
.show_maximge p { vertical-align: middle; max-width: 100% !important; zoom: 1; }
.show_maximge img { vertical-align: middle; max-width: 100% !important; }
.show_maximge.HasClear p:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: "."; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.outPager { margin: 30px 20px 0 20px; padding: 0; }
.pager { display: inline-block; }
.mui-pagination > li { display: inline-block; }
.mui-pagination > li > a, .mui-pagination > li > span { transition: all .5s; float: left; display: inline-block; padding: 0 14px; margin: 0 4px; line-height: 36px; height: 36px; }
.mui-pagination > li > a, .mui-pagination > li > span { border: solid 1px #999; background: #ffffff; color: #666; overflow: hidden; }
.mui-pagination > li > a .iconfont { display: inline-block; line-height: 36px; font-size: 16px; font-weight: bold; }

.mui-pagination > li > a.active, .mui-pagination > li > a:hover, .mui-pagination > li:active > a, .mui-pagination > li:active > a:active { background: #01553b; color: #ffffff; border-color: #01553b;}

.mui-pagination > li:last-child > a, .mui-pagination > li:last-child > span {border-radius: 0;}
.mui-pagination > li:first-child > a, .mui-pagination > li:first-child > span {border-radius: 0;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/