﻿@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:.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:.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;}



/*---网站地图---*/
.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 .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:400px;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 .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_close{position:absolute;right:15px;top:15px;font-family:"iconfont";font-weight:700;font-size:1.25em;cursor:pointer;transition:all .5s;}
.message_close:hover{transform:rotate(180deg);color:#bf0007;}