@charset "utf-8";

/* 在线客服样式 */
.gr_kefu { position: fixed; width: 50px; height: 205px; right: 0; top: 214px; z-index: 100; }
.gr_kefu ul li { width: 50px; height: 50px; float: left; position: relative; margin-bottom: 1px; font-size: 12px; line-height: 50px; font-size: 16px; }
.gr_kefu ul li .sidebox { position: absolute; width: 50px; height: 50px; top: 0; right: 0; transition: all 0.3s; color: #fff; background: #c7000b; overflow: hidden; opacity: 0.8; font-size: 12px; }
.gr_kefu ul li.kf2 .sidebox {  /* background:#7fbb57; */
overflow: visible; }
.gr_kefu ul li .sidebox:hover { opacity: 1; }
.gr_kefu ul li .sidebox3 { font-size: 14px; }
.gr_kefu ul li .sidetop { width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #222; transition: all 0.3s; opacity: 0.8; }
.gr_kefu ul li .sidetop:hover { opacity: 1; }
.gr_kefu ul li img { float: left; }
.gr_kefu ul li .kImg { padding: 13px; }
.gr_kefu .kf_wx { position: absolute; top: 0; left: -140px; width: 140px; display:; background: #fff; border: 1px solid #dadada; padding: 14px; line-height: 20px; color: #333; text-align: center; display: none; }
.gr_kefu .kf_wx img { display: block; width: 110px; height: 110px; margin-bottom: 5px; float: none; }
.gr_kefu .qq { height: 0; position: relative; z-index: 2; }
.gr_kefu .qq .sidebox { border: 1px solid #c7000b; height: auto; border-radius: 5px 0 0 5px; width: 140px; background: #fff; opacity: 1; bottom: -50px; top: auto; text-align: center; padding-bottom: 5px; right: -150px; }
.gr_kefu .qq h5 { height: 35px; line-height: 35px; background: #c7000b; font-weight: normal; color: #fff; font-size: 14px; padding: 0 10px; text-align: left; margin-bottom: 10px; }
.gr_kefu .qq h5 i { float: right; cursor: pointer; transition: all 0.3s; position: relative; z-index: 5; margin-top: 5px; width: 20px; }
.gr_kefu .qq h5 i:hover { transform: rotate(90deg); }
.gr_kefu .qq a { display: block; height: 32px; line-height: 32px; border-radius: 18px; border: 1px solid #c7000b; margin: 5px 15px; }

/*分页样式*/
/*.pagination { padding: 25px 0 15px; text-align: center; overflow: hidden; }
.pagination a { font-size: 12px; line-height: 30px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #333; border: 1px solid #e3e3e3; background: #fff; margin-left: 2px; }
.pagination a.a1 { line-height: 30px; height: 30px; margin-top: 0; padding: 0 12px; }
.pagination a:hover { text-decoration: none; color: #000; background: #f1f1f1; }
.pagination span { line-height: 30px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #fff; margin-left: 2px; background: #c7000b; color: #fff; border: 1px solid #c7000b; }
*/
.pagebar { margin-top: 10px; padding: 5px 0 }
.pagebar .pagination { display: flex; justify-content: center }
.pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; }
.pagination>li { display: inline; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; font-size: 14px; color: #666; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; background-color: #c7000b; border-color: #c7000b; cursor: default; }
.pageno { margin-top: 30px; padding: 20px 0; text-align: center; font-size: 16px; color: #999 }

/*---网站地图---*/
.sitemap-frame .site-box { border-bottom: 2px #666 solid; }
.sitemap-frame .site-box .left { padding: 10px 20px; color: #fff; background: #555; }
.sitemap-frame .site-box .left a { color: #fff; display: inline-block; }
.sitemap-frame .site-box .right { color: #888; font-size: 13px; line-height: 35px; padding-left: 20px; }
.sitemap-frame .site-box .right a { display: inline-block; color: #888; font-size: 13px; }
.sitemap-frame .site-box .right a:hover { color: #c7000b; }
.sitemap-frame .list { width: 100%; float: left; margin: 40px 0; display: table; }
.sitemap-frame .list li { display: table-cell; text-align: center; }
.sitemap-frame .list hr { width: 3px; height: 100%; border: none; background: #000; }
.sitemap-frame .list h4 { }
.sitemap-frame .list h4 a { display: block; color: #fff; font-size: 15px; padding: 10px 10px 10px 10px; border-bottom: 1px #ddd dotted; margin: 0 5px; background: #607782; border-radius: 7px; }
.sitemap-frame .list a:before { padding-right: 5px; }
.sitemap-frame .list .box { padding: 20px 0 10px 0; clear: both; border-left: 1px #ddd solid; margin: 0 5px; }
.sitemap-frame .list .box a { position: relative; display: block; color: #666; font-size: 13px; background: #ededed; padding: 10px 5px; margin: 0 0 20px 5px; border-radius: 5px; }
.sitemap-frame .list .box a:after { content: ''; position: absolute; left: -12px; top: 20px; width: 12px; height: 5px; display: block; background: #cacaca; /* border-radius: 50%; */ }
.sitemap-frame .list a:hover { color: #fff; background: #c7000b; }
.sitemap-frame .list a:hover:after { }

/*站点地图，显示方式样式，上边界根据需要进行调整*/
.yzh-map-main .site_plc { padding: 5px 0; text-indent: 15px; background: url(../images/mapicon.png) no-repeat 0 8px; }
.yzh-map-main .sitemap_con h4 { line-height: 35px; border-bottom: 1px dotted #ccc; font-size: 15px; margin-bottom: 5px; font-family: '微软雅黑'; }
.yzh-map-main .b4 { margin-bottom: 20px; overflow: hidden; }
.yzh-map-main .b4 ul { }
.yzh-map-main .b4 li { line-height: 30px; width: 155px; float: left; background: url(../images/ly_li.png) no-repeat left center; padding-left: 14px; }

/*百度地图样式*/
#baidu-map { width: 720px; height: 350px; border: #ccc solid 1px; float: left; }

/*==在线客服↓==*/
.CS_fixed { position: fixed; right: 15px; background: #fff; box-shadow: 0 0 12px #ccc; z-index: 20; bottom: 20%; width: 110px; text-align: center; border-radius: 10px; padding: 20px 10px; }
.CS_fixed .title { font-size: 1.25em; font-weight: 700; color: #e11701; background: url('../images/kf_icon.png') no-repeat center top; padding-top: 50px; margin-bottom: 5px; }
.CS_fixed li.k { position: relative; cursor: pointer; margin: 0 -10px; width: 110px; }
.CS_fixed li.k .icon { color: #333; background: url('../images/kf_icon1.png') no-repeat 15px center; padding-left: 20px; display: block; height: 45px; line-height: 45px; }
.CS_fixed li.k:hover .icon { color: #e11701; }
.CS_fixed li.ewm .icon { background-image: url('../images/kf_icon2.png'); }
.CS_fixed li.ly .icon { background-image: url('../images/kf_icon3.png'); }
.CS_fixed li.k .info { position: absolute; }
.CS_fixed .info { display: none; position: absolute; right: 120px; bottom: 0; width: max-content; padding: 15px; box-shadow: 0 0 10px #ccc; background: #fff; border-radius: 10px; }
.CS_fixed li.k:hover .info { display: block; }
.CS_fixed .info:after { content: ''; position: absolute; right: -10px; bottom: 20px; margin: auto; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgb(255, 255, 255); }
.CS_fixed .info .tit { color: #3b3b3b; margin-bottom: 5px; }
.CS_fixed .info .tit i { margin-right: 5px; font-size: 20px; font-family: 'iconfont'; font-style: normal; }
.CS_fixed .tel .info { padding: 30px; text-align: left; }
.CS_fixed .tel .info li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #ddd solid; }
.CS_fixed .tel .info li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
.CS_fixed .tel .info h5 { font-size: 16px; color: #2b2b2b; }
.CS_fixed .tel .info p { color: #6b6b6b; }
.CS_fixed .tel .info b { font-size: 22px; }
.CS_fixed .tel .info .cor { color: #e11701; }
.CS_fixed .tel .info .more { display: block; margin-top: 20px; padding-top: 10px; color: #e11701; font-size: 14px; border-top: 1px #e11701 solid; }
.CS_fixed .tel .info .more:after { content: '>'; display: inline-block; font-family: cursive; margin-left: 10px; color: #e11701; font-size: 14px; font-weight: bold; transition: all 0.5s; }
.CS_fixed .tel .info .more:hover { color: #e11701; }
.CS_fixed .tel .info .more:hover:after { transform: translateX(3px); color: #e11701; }
.message_fix { position: fixed; width: 500px; height: 450px; top: 50%; left: 50%; margin-left: -250px; margin-top: -200px; background: #fff; box-shadow: 0 0 15px #ccc; border-radius: 10px; z-index: 10; padding: 30px 60px; opacity: 0; transform: scale(0); transition: all 0.5s; }
.message_fix.on { opacity: 1; transform: scale(1); }
.message_fix .tie { font-size: 2em; color: #e11701; font-weight: 700; margin-bottom: 15px; text-align: center; }
.message_fix p, .message_fix .area { margin-bottom: 15px; height: 45px; line-height: 45px; border: 1px solid #ddd; border-radius: 5px; }
.message_fix p input { width: 100%; padding: 0 15px; }
.message_fix .area { height: 80px; padding: 10px 15px; }
.message_fix textarea { width: 100%; height: 100%; }
.message_fix .btn { background: #e11701; text-align: center; }
.message_fix .btn input { color: #fff; letter-spacing: 2px; cursor: pointer; }
.message_fix .btn:hover { background: #bf0007; }
.message_fix .btn button { display: block; width: 100%; height: 100%; color: #fff; letter-spacing: 2px; cursor: pointer; }
.message_close { position: absolute; right: 15px; top: 15px; font-family: 'iconfont'; font-weight: 700; font-size: 1.25em; cursor: pointer; transition: all 0.5s; }
.message_close:hover { transform: rotate(180deg); color: #bf0007; }