@charset "UTF-8";
/* about */
.about{padding: 40px 0;}
.about_left{width:26%;background: #fff;}
.ab_ltitel{box-sizing: border-box;width: 100%;padding: 15px 20px;width: 100%;background: #d6010e;}
.ab_ltitel h2{font-size: 22px;color: #fff;position: relative;}
.ab_ltitel h2 span{text-align: left; display: block;color: #fff;font-size: 14px;text-align: left;}
.ab_ltitel h2::after{content: "";position: absolute;width: 18px;height: 3px;bottom: -4px;background: #fff;}
.about_left>ul{background: #fff;clear: both;margin-bottom: 20px;}
.about_left>ul li{border: 1px solid #d9d9d9;background: #f2f2f2;box-sizing: border-box;line-height: 50px;position: relative;padding-left: 20px;}
.about_left>ul li a{font-size: 16px;color: #444444;display: block;}
.about_left>ul li:hover a{color: #d6010e;}
.about_left>ul li:hover::before, .about_left>ul li.li_on::before{content: ">";right: 20px;font-size: 22px;color: #d6010e;position: absolute;font-weight: bold;}
.about_left>ul li.li_on a{color: #d6010e;}
.ab_lbottom{box-sizing: border-box;padding: 15px 20px;background: #d6010e;}
.ab_lbottom h2{font-size: 16px;color: #fff;text-align: center;position: relative;width: 100%;}
.ab_lbottom h2::before{content: "";width:90%;height: 1px;background: #fff; position: absolute;bottom: -5px;left: 0;right: 0;margin: auto;}
.ab_lbottom p{font-size: 25px;color: #fff;text-align: center;}
.ab_lbottom>div{padding: 20px 0 0;}
.about_right{width: 70%;}

/* bz_sulbox */
.bz_sulbox li{width: 12.5%;}
.bz_sulbox li a{width: 90%;display: block;line-height: 28px;font-size: 14px;color: #333;border: 1px solid #efefef;border-radius: 10px;text-align: center;transition: .5s; }
.bz_sulbox li a:hover{border: 1px solid #d6010e;color: #d6010e;}
.bz_sulbox li.li_active a{border: 1px solid #d6010e;color: #d6010e;}
.news_c li{ border-bottom: solid 1px #dedede; transition: 0.4s;}
.news_c li a{ display: block; padding: 20px; margin-top: 15px ; border-bottom: solid 3px #f2f2f2;}
.news_c li a h3{overflow: hidden; text-overflow:ellipsis;white-space: nowrap; font-size: 16px;color: #333; transition: 0.4s; }
.news_c li a .date{ color: #999; font-size: 12px; padding: 5px 0; }
.news_c li a .xq{ overflow: hidden; height:3.4em; color: #333 }
.news_c li a:hover{ background: #fff; box-shadow: 0 0 5px 1px #eee; border-bottom: solid 3px #d6010e;  }
.news_c li a:hover h3{ color: #d6010e; padding-left: 15px; }


/* culture */
.z_listbox ul{margin: 0 -15px;}
.z_listbox ul li{width: 50%;}
.z_listbox ul li>div{margin: 0 15px 30px;}
.z_listbox ul li>div>div{height: 250px;-webkit-transition: box-shadow 200ms ease;transition: box-shadow 200ms ease;margin-bottom: 10px;overflow: hidden;}
.z_listbox ul li>div>div:hover{-moz-box-shadow: 0 2px 10px #c7c7c7;-webkit-box-shadow: 0 2px 10px #c7c7c7;box-shadow: 0 2px 10px #c7c7c7;}
.z_listbox ul li>div>div img{display: block;margin: 0 auto;width: 100%;}
.z_listbox ul li>div p{font-size: 14px;color: #333;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* proudct */
.pro_imgbox ul{margin: 0 -5px 20px;}
.pro_imgbox ul li{width: 25%;float: left;}
.pro_imgbox ul li a{display: block;margin: 0 5px;}
.pro_list {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    margin-bottom: 20px;
}
.pro_list tr{border: 1px solid #d6d6d6;}
.pro_list th{border: 1px solid #d6d6d6;font-weight: 400; line-height: 48px;line-height:48px;font-size: 15px;color: #333;background: #e5e5e5;}

.pro_list td{border: 1px solid #d6d6d6;font-size: 14px;color: 555555;height: 60px;line-height: 60px;overflow:hidden; text-overflow: ellipsis;box-sizing: border-box;}
.table-img li{height: 55px;width: 55px;margin-right: 5px;}
.table-img li:last-child{margin-right: 0}
.table-img li a{
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
}
.table-img li img{
    width: auto;
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
    max-width: none;
}

.reserve-btn{background: #d6010e;color: #fff;display: block;margin: 0 auto;border-radius: 5px;width:60px;height: 30px;line-height: 30px;cursor:pointer;}
.cy_mess{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 99999999;
  	display:none;
}
#canvas{width:98px;height:41px;}
.cy_mess .flex_w{
    height: 100%;
}
.cy_box{
    width: 650px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 25px 40px;
    position: relative;
}
.cy_colse{
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    font-style: normal;
}
.cy_box h4{
    text-align: center;
    font-size:24px;
    color: #d6010e;
    line-height: 30px;
    padding-bottom: 10px;
    position: relative;
}
.cy_box h4::before{
    content: "";
    position: absolute;
    left: 50%;
    width: 35px;
    height: 2px;
    bottom: 0;
    margin-left: -14px;
    background: #d6010e;
    display: block;
}
.mess_box{
    margin-top: 20px;
}
.mess_box p{
    margin-bottom: 10px;
}

.mess_box input{
    width: 100%;
    float: left;
    line-height: 30px;
    padding: 5px 10px;
    display: block;
    border: 1px solid #d1d1d1;
}
.mess_box select{
    width: 100%;
    float: left;
    line-height: 30px;
    padding: 5px 10px;
    display: block;
    border: 1px solid #d1d1d1;
}
.mess_box button{cursor:pointer;
    width: 165px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto;
    display: block;
    background: #d6010e;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}
.mess_box .help_text textarea{
    width: 60%;
    float: left;
    line-height: 30px;
    padding: 5px 10px;
    display: block;
    border: 1px solid #d1d1d1;
    min-height: 75px;
    max-width: 60%;
    min-width: 60%;
    max-height: 75px;
}

/* contact */
.contact_box h2{font-size: 22px;color: #333;text-align: left;font-weight: bold;line-height: 40px;padding-bottom: 20px;}
.contact_box p{font-size:16px;color: #444;text-align: left;margin-bottom: 6px;}
.contact_map{height: 400px;width: 100%;margin-top: 30px;}
.contact_form{margin-top: 30px;background: #F2F2F2;box-sizing: border-box;padding: 30px;}
.contact_form form>div{line-height: 45px;margin-bottom: 20px;width: 480px;}
.contact_form form>div label{font-size: 15px;color: #444;float: left;width:80px;}
.contact_form form>div input{border: 1px solid #ededed;line-height: 40px;height:40px;display:inline-block;width:400px;box-sizing: border-box;padding-left: 15px;color: #444;float: left;border-radius: 5px;}
.contact_form form>div textarea{width: 400px;height: 100px;max-width:400px;float: left;box-sizing: border-box;padding: 10px 0 0 15px;}
.mess_box{position: relative;}
.mess_box img{position: absolute;right: 0;top: 0;}
.contact_form form .submit{height: 40px;width: 40px;background: #d6010e;border-radius: 5px;padding: 0 10px;display: block;width:140px;color: #fff;font-size: 15px;margin-left: 80px;cursor:pointer;}

/* scenery */
.z_listbox .scencry_list li>div>a{width:100%;height:250px;overflow: hidden;position: relative;display: block;}
.z_listbox .scencry_list li>div>a img{width: auto;left: 0;position: absolute;height: 100%;top: 0;max-width: none;right: 0;margin: auto;}

/* cele_box */
.cele_box li{border-bottom: 1px solid #d1d1d1;padding-bottom: 12px;margin-top: 30px}
.cele_box li:first-child{margin-top: 0}
.cele_box li:last-child{border: none;margin-bottom: 30px;}
.cele_box li .left{width: 25%;}
.cele_box li .right{width: 72%;}
.cele_box li .right h2{font-size: 16px;color: #cd131e;font-weight: bold;line-height: 18px;}
.cele_txt p{font-size: 14px;color: #444444;line-height: 24px;}
.cele_box li .right>a{width: 140px;border-radius: 5px;border: 1px solid #d1d1d1;color: #555555;font-size: 14px;line-height: 32px;display: block;text-align: center;margin-top: 30px;transition: .5s;}
.cele_box li .right>a:hover{border: 1px solid #cd131e;color: #cd131e;}

/* cele_details */
.cele_man .cele_left{width: 20%;}
.cele_left p{text-align: center;font-size: 16px;margin-top: 8px;color: #cd131e;font-weight: bold;}
.cele_man .cele_right{width: 76%;}
.cele_right>h2{font-size: 22px;margin-bottom:26px;position: relative;color: #333}
.cele_right>h2::after{content: ""; position: absolute;bottom: -8px;height: 3px;width: 30px;background: #cd131e;left: 0;}
.man_time{margin-bottom: 20px;}

/* news_details */
.news_details h2{text-align: center;font-size: 22px;font-weight: bold; color: #333;margin-bottom: 6px;}
.news_details>p{font-size: 13px;text-align: center;margin-bottom: 30px;}
.news_cont{font-size: 15px;color: #444;line-height: 24px;}
.news_cont iframe{width: 100%;height: 550px;}

.dg_dconts{padding: 20px 0;}
.dg_dowm{margin-top: 40px;}
.dg_dowm p{font-size: 14px;color: #777;}
.dg_dowm p a{font-size: 14px;color: #777;}
.dg_dowm p a span{color: #777;font-weight: bolder;}