@charset "UTF-8";
/****************************/
/*公用部分*/
html{font-size: 14px; background-color: #ffffff}
body {background-color: #ffffff;min-width: 1240px;font-family: "微软雅黑", Microsoft YaHei,'PingFang SC', 'Helvetica Neue', "方正中等线简体", Microsoft JhengHei, "华文细黑", STHeiti, MingLiu, Regular; font-size: 14px;}
* { margin: 0px 0px; padding: 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
dl,dt, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, textarea, p, blockquote, code,nobr {margin: 0px auto;padding: 0px; overflow: hidden;}
a {color: #000;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input,textarea{border-radius: 0px;}
a:hover,a:active {text-decoration: none}
ul, li {list-style-type: none;outline: none;display: block  }
hr{border: 0px}
img {border: 0px;vertical-align: middle; max-width: 100%;}
i,em{font-style: normal}
input{border-radius: 0px}
input:focus,textarea:focus,select:focus,option:focus {
    outline:none;
}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
option,select{-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none}
button {
    -webkit-appearance: none;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}
/* 去除谷歌 浏览器中数字型输入框的上下小箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
/* 去除火狐 浏览器中数字型输入框的上下小箭头*/
input{
    -moz-appearance:textfield;
}

button {
    -webkit-appearance: none;
}
.container{width: 78%; margin: 0px auto;height: auto;overflow: hidden; padding: 0px; min-width: 1128px;}
.container:after{
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
.clear{clear: both}
*:focus {outline: none;}
.transition{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.transform:hover{
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
}
.overflow{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.none{display: none!important;}
.block{display: block!important;}
.f12{font-size: 12px;}

.fr{float: right!important;}
.fl{float: left!important;}
a:hover{cursor: pointer}
.width100{width: 100%; overflow: hidden;}
.overflow_hidden{overflow: hidden;}
.background{background-image: url("../images/Prent.gif");background-repeat: no-repeat;  background-position: 50%;  background-size: 30px 30px;}


#header{position: fixed; left: 0px; width: 100%; z-index: 900}
.header_top{background-color: #7d1b45;padding: 0px 2.7vw;display: flex; color: #ffffff; line-height: 34px; flex-direction: row;justify-content: space-between;}
.header_Contact{display: flex;}
.header_Contact li{border-right: 1px solid #ffffff; overflow: visible; position: relative;margin-top: 6px; display: inline-block; vertical-align: middle; height: 18px; line-height: 18px; padding: 0px 10px;}
.header_Contact li:nth-last-of-type(1){border-right: 0px;}
.header_Contact li i.iconfont{font-size: 18px; display: inline-block; vertical-align: -2px; margin-right: 5px;}
.header_Contact_Er{display: none; position: absolute; top: 25px; left: 0px;background-color: #ffffff; width: 140px; height: 140px; line-height: 130px; text-align: center;}
.header_Contact_Er img{vertical-align: middle; max-width: 120px; max-height: 120px; margin: 10px;}
.header_Contact li:hover .header_Contact_Er{display: block;}

.header{display: flex;flex-direction: row;justify-content: space-between; align-items: center;padding: 0px 2.7vw; background-color: rgba(255, 255, 255, 0.97); }
.header_log{display: inline-block; width: 170px; text-align: left;}
.header_log img{max-width: 100%;}
.header_nav{display: flex;}
.header_nav li{position: relative; padding: 16px 14px;}
.header_nav_level1{overflow: hidden; position: relative;font-size: 16px; display: inline-block; vertical-align: middle; line-height: 40px; }
.header_nav_level1:after{
    content: ' ';
    position: absolute; left: -100%; width: 100%;height: 4px; background-color: #852a51; bottom: 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header_nav li a{color: #727272; font-weight: 500}
.header_nav_level2{display: none;position: absolute; top: 63px;    box-shadow: 0px 2px 10px 0px #ddd; background-color: rgba(255, 255, 255, 1); left: 0px; width: 200px;}
.header_nav_level2 a{display: block; line-height: 56px; text-align: center; overflow: hidden;font-size: 17px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header_nav li:hover{overflow: visible}
.header_nav_level1:hover,.header_nav li.Mover .header_nav_level1{color: #7d1b45}
.header_nav_level1:hover:after,
.header_nav li.Mover .header_nav_level1:after{left: 0px;}
.header_nav li:hover .header_nav_level2{display: block;}
.header_nav_level2 a:hover,.header_nav_level2 a.Mover{background-color: #e7c9c1;color: #7d1b45;}

/*footer*/
.footer{background-color: #7d1b45; padding: 40px 0px 30px 0px;}
.footer_bottom_container{display: flex;}
.footer_bottom_img{flex: none;}
.footer_bottom_right{flex: 1; margin-left: 70px; display: flex; text-align: left;flex-direction: row;justify-content: space-between;}
.footer_Name{color: #ffffff;font-size: 18px; line-height: 30px;}
.footer_Cont{margin: 30px 0px;line-height: 28px; color: #ffffffe3;font-size: 15px;}
.footer_Mover{color: #e7c9c1; font-size: 14px;}
.footer_Mover:hover,.footer_bottom a:hover{text-decoration: underline;}
.Social_Media{margin-top: 40px;}
.Social_Media a{color: #ffffff; position: relative; display: inline-block; vertical-align: middle; margin-right: 20px;}
.Social_Media a i.iconfont{font-size: 26px;}
 .Social_Media_er{display: none;  position: absolute; bottom: 30px; left: -50px;background-color: #ffffff; box-shadow: 0px 0px 2px 0px #dddddd}
 .Social_Media_er img{width: 130px;margin: 10px; max-width: 130px; }
.Social_Media a:hover .Social_Media_er{display: block;}
.footer_bottom{text-align: center;color: #e7c9c1; font-size: 14px; margin: 35px 0px 10px 0px;}
.footer_bottom a{color: #e7c9c1}


.pai_xlk{
    position: fixed;
    z-index: 990;
    bottom: 5vh;
    right: 0;
    /*overflow: hidden;*/
    background-color: #ffffff;box-shadow: 0px 0px 3px 0px #dddddd;border-radius: 10px;
    text-align: center;width: 125px;
}
.pai_xlk_top{background-color: #7d1b45; position: relative; height: 48px; line-height: 48px;
border-top-right-radius: 10px;border-top-left-radius: 10px;
}
.pai_xlk_top:after{
    content: "\e8dc";
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(231, 201, 193, 0.91);
    vertical-align: -3px;
    margin-left: 5px;
    transform: rotate(180deg);
    display: inline-block;
}
.pai_xlk_top img{height: 25px;}
.pai_xlk_list{}
.pai_xlk_list li{display: block; color: #727272;font-size: 16px; line-height: 56px; cursor: pointer; position: relative; overflow: visible;}
.pai_xlk_list li i.iconfont{font-size: 20px; color: #727272; margin-right: 6px; font-weight: 600; vertical-align: -1px;}
.pai_xlk_list li:hover{background-color: #f3e4e0;color: #7d1b45}
.pai_xlk_list li:hover i.iconfont{color: #7d1b45}
.pai_xlk_list li .Social_Media_er{    left: auto;bottom: 0px;
    right: 97%;}
.pai_xlk_list li:hover .Social_Media_er{display: block}
.pai_xlk.Open{width: 48px; right: 4px}
.pai_xlk.Open .pai_xlk_top{cursor: pointer}
.pai_xlk.Open .pai_xlk_top img{display: none;}
.pai_xlk.Open .pai_xlk_list{display: none;}
.pai_xlk.Open .pai_xlk_top:after{margin: 0px;font-size: 20px;font-weight: bold;transform: rotate(270deg);}
