﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{width:100%;margin:0 auto;font-size: 14px;background:#fff;/* font-family:"微软雅黑"; */font-family: Arial;}
img{border:0px;max-width: 100%;height: auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix{
    clear: both;
}
.clearfix:after{display: none;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
a{ text-decoration:none; }
li{ list-style:none;}
a,li,dl{cursor: pointer;}
input,select,area,textarea{outline: 0; -moz-outline: 0; vertical-align: middle;font-family: "微软雅黑";}
table{border-collapse:collapse;}
.auto{max-width: 1200px;margin: 0 auto;padding: 0 10px;}
samp{font-family: "微软雅黑";}
h2 {color:#4c4c4c;margin:12px 0}
.font{font-size:0;line-height:0;height: 245px;overflow: hidden;text-align: center;}
.blank{width: 100%; height: 50px; overflow: hidden; clear: both; display: block;}
.div{width: 100%; overflow: hidden;}
.ul{width: 100%;}
.pr{position: relative;}
.ov{overflow: hidden;}
.ani{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.burger{display:none;}
/*banner焦点图切换*/
.flexslider{position:relative; width:100%; margin:0 auto;height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;font-size: 0;}
.slides li{ width:100%;height:auto; position:relative; }
.slides li a{ display:block;width:100%; height:100%;}
.slides li a img{ width:100%; height:auto;}
.flex-control-nav{ width: 100%; position:absolute;bottom:2%;z-index:2; right:0;text-align:center;}
.flex-control-nav li{display:inline-block;width:9px;height:9px;margin:0 5px;
*display:inline;zoom:1; }
.flex-control-nav a{display:inline-block;width:9px;height:9px;line-height:40px;overflow:hidden;cursor:pointer;}
.flex-control-nav .flex-active{}
.flex-direction-nav{z-index:3; left:0;width:100%;}
.flex-direction-nav li a{display:block;width:45px;height:45px;top:45%;overflow:hidden;cursor:pointer;position:absolute;z-index: 99;}
.flex-prev{background: #aeaeae url(../images/20.png) no-repeat center center;left: 3%;}
.flex-next{background: #aeaeae url(../images/19.png) no-repeat center center;right: 3%;}
.flex-prev:hover{background: #d7000f url(../images/20.png) no-repeat center center;transition-duration: 0.5s;}
.flex-next:hover{background: #d7000f url(../images/19.png) no-repeat center center;transition-duration: 0.5s;}

.head{background: #efefef;display: block;position: relative;}
.logo{position: relative;max-width: 1300px;margin: 0 auto;display: block;height: 128px;}
.logo_img{font-size: 0;margin-top: 18px;}
.mli{float: left;max-width: 130px;text-align: center;padding:38px 0;position: relative;background: #FFFFFF;width: 16.6%;}
.ma{font-size: 14px;color: #221815; line-height: 1em;padding-top:38px;display: block;}
.ma1{background: url(../images/1.png) no-repeat top center;}
.ma2{background: url(../images/3.png) no-repeat top center;}
.ma3{background: url(../images/5.png) no-repeat top center;}
.ma4{background: url(../images/7.png) no-repeat top center;}
.ma5{background: url(../images/9.png) no-repeat top center;}
.ma6{background: url(../images/11.png) no-repeat top center;}
.ma7{background: url(../images/13.png) no-repeat top center;}
.mli:hover{background: #d7000f;}
.mli:hover .ma{color: #FFFFFF;font-weight: bold;}
.mli:hover .ma1{background: url(../images/2.png) no-repeat top center;}
.mli:hover .ma2{background: url(../images/4.png) no-repeat top center;}
.mli:hover .ma3{background: url(../images/6.png) no-repeat top center;}
.mli:hover .ma4{background: url(../images/8.png) no-repeat top center;}
.mli:hover .ma5{background: url(../images/10.png) no-repeat top center;}
.mli:hover .ma6{background: url(../images/12.png) no-repeat top center;}
.mli:hover .ma7{background: url(../images/14.png) no-repeat top center;}
.mli.hover{background: #d7000f; color:#FFF}
.mli.hover .ma{color: #FFFFFF;font-weight: bold;}
.mli.hover .ma1{background: url(../images/2.png) no-repeat top center;}
.mli.hover .ma2{background: url(../images/4.png) no-repeat top center;}
.mli.hover .ma3{background: url(../images/6.png) no-repeat top center;}
.mli.hover .ma4{background: url(../images/8.png) no-repeat top center;}
.mli.hover .ma5{background: url(../images/10.png) no-repeat top center;}
.mli.hover .ma6{background: url(../images/12.png) no-repeat top center;}
.mli.hover .ma7{background: url(../images/14.png) no-repeat top center;}
.m_dl{width: 352px; position: absolute;z-index: 99;background: #efefef;padding: 20px;top: 128px; display: none;}
.m_dt{width: 100%;float: none;margin-bottom: 10px;}
.m_dt a{display: block; color: #bababa; text-align: left;line-height:26px;padding-left: 15px;background: url(../images/17.png) no-repeat left center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m_dt a:hover{background: url(../images/18.png) no-repeat left center;color: #d7000f;}
.m_dd{/* width: 252px; *//* height: 119px; */overflow: hidden;float: none;}
.xl_img{position: absolute; top: -7px; left:56px;z-index: 99;width: 15px; height: 7px;background: url(../images/16.png) no-repeat;}

.logo_right{/* margin-top: 35px; *//* margin-left: 30px; */display: flex;justify-content: center;align-items: center;height: 128px;flex-wrap: wrap;width: 250px;align-content: center;}
.lo_sel{position: relative;cursor: pointer;}
.lo_ch{padding:5px;padding-right: 23px;color: #c6c4c3;line-height: 24px;/* border: 1px solid #efefef; */background: url(../images/21.png) no-repeat 93% center;}
.lo_ch img{vertical-align: middle; margin-right: 5px;}
.lo_xl{position: absolute;width: 100%;padding: 5px 0; display: none; z-index: 99; background: #FFFFFF;border: 1px solid #efefef;}
.xl_span{display: block;padding:3px 5px;color: #333; }
.xl_span img{vertical-align: middle; margin-right: 5px;}
.lo_ph{color: #d7000f;font-size: 16px;line-height: 24px;margin-top: 5px;text-align: center;}

.foot{width: 100%;background: url(../images/a7.jpg) no-repeat top center;}
.foot_top{max-width: 1060px;margin: 0 auto;padding: 10px 0 65px 0;}
.foot_top .it_h3{color: #FFFFFF;}
.foot_top .it_bor{background: #FFFFFF;}
.foot_top .it_ts{color:#e8e5e5;}
.ft_con{margin-top: 35px;display: flex;}
.ft_left{max-width: 670px;width: 60%;}
.ft_p{margin-bottom: 20px;}
.ft_txt,.ft_cols{max-width: 580px;width: 93%;border: 1px solid #FFFFFF;background: none;height: 48px;line-height: 48px;font-family: arial;font-size: 14px;color:#FFFFFF;padding: 0 20px;border-radius:5px;-moz-border-radius: 5px;}
.ft_bot{border: 1px solid #FFFFFF;border-radius: 5px;-moz-border-radius: 5px;padding-bottom: 10px;max-width: 620px;position: relative;}
.ft_cols{padding:15px 20px;border: 0; line-height: 1.5em; height:60px;}
.ft_btn{border: 0;cursor: pointer;color: #FFFFFF;font-size: 14px;font-family: arial;background: rgba(215,0,15,0.8);border-radius:3px;text-transform:uppercase;padding: 10px 15px;font-weight: 600;position: absolute;right: 10px;bottom: 10px;}
.ft_btn:hover{background:rgba(215,0,15,0.5);}
.ft_right{width: 360px;}
.ftr_p{
    height: 70px;
}
.ftr_tb{width: 48px;height: 48px;border:1px solid #FFFFFF;border-radius: 5px;-moz-border-radius: 5px;float: left;}
.ftr_txt{width:290px; float: right; color: #FFFFFF;font-size: 14px; line-height: 24px;}
.ftr_cell{display: table-cell; width: 290px; height: 50px; vertical-align: middle; }
.tb1{background: url(../images/29.png) no-repeat center center;}
.tb2{background: url(../images/30.png) no-repeat center center;}
.tb3{background: url(../images/31.png) no-repeat center center;}
.tb4{background: url(../images/32.png) no-repeat center center;}
.foot_bottom{width: 100%; color: #4c4c4e; background: #111113; height: 50px; line-height: 50px;}
.foot_bottom a{color:#4c4c4e ;}
.fb_fi{margin-top: 10px;}
.fb_a{display: block; height: 28px; float: left; line-height: 28px;border: 1px solid #2e2e30;
padding: 0 8px 0 28px;margin-left: 15px;background: url(../images/33.png) no-repeat 5px center;}

.index_title{text-align: center;padding: 20px 0;}
.it_h3{font-size: 26px; color: #221815;font-weight: bold;line-height: 1em;}
.it_pos{width: 320px; height: 18px; position: relative; margin: 0 auto;border-bottom: 1px solid #d5d5d5;}
.it_bor{width: 40px; height: 3px;display: block; background: #221815; position: absolute;bottom: -2px;left: 140px;}
.it_ts{font-size: 14px; color: #bababa; line-height: 22px;margin-top: 15px;}

.right{position: fixed; top:30%; right:0px;z-index: 99;}
.ra{display: block; width:56px;height:56px;background: #d7000f; margin-bottom: 2px; position: relative;}
.tb{display: block; width: 56px; height: 56px;position: relative;}
.ttb1{background:#bababa url(../images/53.png) no-repeat center center;}
.ttb2{background: url(../images/54.png) no-repeat center center;}
.ttb3{background: url(../images/55.png) no-repeat center center;}
.ttb4{background: url(../images/56.png) no-repeat center center;}
.ra_txt{display: inline-block; width: 110px; height: 56px;float: left; font-size: 14px;background: #d7000f; 
color:#FFFFFF;text-indent:0.5em; line-height: 56px; position: absolute;top: 0; left: 56px;}
.wx_img{position: absolute; top: 0; left: 56px;z-index:-1;}
.first-char,.second-char{/* width:100%; */margin-bottom:30px;}
.first-char .firstRow td,.second-char .firstRow td{padding:15px;text-align: center;text-transform: uppercase;font-size: 16px;font-weight: 600;background: #d7000f;color: white;}
.first-char .firstRow .first{width:60%;}
.second-char .firstRow .first{width:40%;}
.first-char .firstRow .second,.first-char .firstRow .three{width:20%;}
.second-char .firstRow .second,.second-char .firstRow .three,.second-char .firstRow .four{width:20%;}
.first-char td.char,.second-char td.char{padding:10px 5px;border-bottom: 1px solid #9e9e9e;font-size:14px;}
.char_center{text-align:center;}
.work-time{font-size: 16px;color: #d7000f;/* margin-top: 6px; */}
.content{padding:0 10px;}
dt.font img{width: 100%;height: auto;}
.description{margin-top:15px;}
.description ul li{cursor:auto;list-style:disc;margin-left:15px}
@media (max-width: 920px) {
  .ly_right .ul{display:flex;flex-wrap:wrap;justify-content: center;}
  .logo_img{display:none;}
  .logo .menu.fr{width: 67%;}
  .ly_left{/* display:none; */margin-top: 10px;}
  .ly_right{width: calc(100% - 300px) !important;}
  .ft_left{width:100%;max-width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
  .ft_left p,.ft_left div{width: 90%;max-width: 650px;display: flex;flex-wrap: wrap;justify-content: center;}
  .ft_txt, .ft_cols{width: 93%;max-width: -webkit-fill-available;}
  .ft_right{display: none;width: 100%;}
}
@media (max-width: 767px) {
  .logo_img{display:block;width:60px;margin: 2px 15px;position: fixed;z-index: 9999;top: 0;display: none;}
  .logo_right{height: auto;align-items: center;position: fixed;z-index: 5010;width: 100%;justify-content: flex-end;background: white;right: 0;height: 50px;top: 0;}
  .logo_right p{padding-right:15px;z-index: 9999;}
  .work-time{display:none;}
  .logo .menu.fr{width: 100%;/* margin-top: 50px; */float: none;position: fixed;z-index: 5001;}
  .mli{padding: 15px 0;float: none;max-width: 300px;width: 100%;}
  .mli .ma{background: none !important;padding: 0;}
  .ly_top{display:none;}
  .label-burger{display:block;position: fixed;top: 5px;left: 20px;z-index: 9999;width: 35px;height: 35px;background-image: url('/local/templates/bonny/images/burger_icon.webp');}
  .menu ul.clearfix{position:absolute;left:0;max-width:300px;width:100%;transition:0.3s;z-index: 5000;}
  .burger[type=checkbox]:checked ~ .menu ul.clearfix{left:-350px;position: absolute;transition: 0.3s;z-index: 9999;}
  .feedback{width:100%;height:100%;position:fixed;top:0;left:0;background:#000000bd;z-index: 3000;transition:0.3s;}
  .burger[type=checkbox]:checked ~ .menu .feedback{background:none;transition:0.3s;display: none;}
  .lm_li.hover .lm_a{background: #d7000f !important;}
  .lm_a{background:#efefef !important;}
  .lm_xl{display:none !important;}
  .flexslider{margin-top: 50px;}
  .ly_right{width: 100% !important;}
  .ly_left{width: 100% !important;}
  .m_dl{display: none !important;}
  .logo{height:auto;}
  .ly_banner{margin-top: 50px;}
  .lo_sel{margin-right:10px;border:none;}
}
.content .ly_con{/* display:flex; */flex-wrap: wrap;}
.i4_qh .ul{display: flex;justify-content: center;flex-wrap: wrap;}
.spisok{border-left: solid 2px #d7000f;margin-bottom: 10px;padding: 5px 10px;background: #696969;color: white;font-weight: bold;min-width: 46%;}
.p_ul{font-size:16px;font-weight:bold;margin:5px}
.flex_center{display:flex;flex-wrap: wrap;justify-content: space-around;}