*, *::before, *::after {  margin: 0;  padding: 0;  box-sizing: border-box;  font-size: inherit;  position: relative;}
html {  font-size: 16px;  overflow-x: hidden;}
body {  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;  line-height: 1.5;}
img {  max-width: 100%;  height: auto;  display: block;}
a {  text-decoration: none;  color: inherit;  }
button, input, select, textarea {  font-family: inherit;  outline: none;  border: none;  background: none;}
ul, ol {  list-style: none;}
.container {    margin-right: auto;    margin-left: auto;    padding-left: 0;    padding-right: 0;}

@media (min-width: 1024px) {
.h5_{display: none !important;}
/*header*/
.header{background-color: #fff;        position: fixed;        top: 0px;        z-index: 999;        width: 100%;}
.navbar{display: flex;width: 1520px; max-width: 95%;       align-items: center;margin: 0 auto;}
.navbar-logo{width: 300px;flex-shrink: 0;margin-right: 5.25%;}
.navbar-menubox{flex: 1;}
.navbar-menu{display: flex;position: relative;}
.navbar-li{margin-left: 50px;        font-size: 20px;        height: 80px;        line-height: 80px;        font-weight: bold;        text-align: center;}
.navbar-li>a,.navbar-li-a>a{display: block;height: 80px;}
.navbar-li.active>a,
.navbar-li.active .navbar-li-a>a,
.navbar-li:hover>a,
.navbar-li:hover .navbar-li-a>a{color: #b63239;        border-bottom-color: #b63239;        border-bottom-style: solid;        border-bottom-width: 2px;}
.navbar-li-box{min-width:200px;position: absolute;top: 80px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: none;background-color: #ffffff;        border-bottom-left-radius: 8px;  padding: 15px 10px 20px;        border-bottom-right-radius: 8px;}
.navbar-li-box a {display: block;         white-space: nowrap;   font-size: 20px;    font-weight: bold;    text-align: center;    line-height: 28px;    letter-spacing: 1px;    padding: 10px 0%;}
.navbar-li-box a.active,
.navbar-li-box a:hover{color: #b63239;}
.navbar-li:hover .navbar-li-box{display: block;}
.navbar-right{flex-shrink: 0;display: flex;align-items: center;position: relative;z-index: 3;}
.icon-search{width: 37px;height: auto;margin-right: 25px;cursor: pointer;flex-shrink: 0;}
.navbar-right .icon-globe{width: 20px;height: auto;margin-right: 10px;}
.navbar-right .lang-text{font-weight: bold;        font-size: 18px;        line-height: 80px;}
.navbar-right .icon-arrow{width: 11px;height: auto;margin-left: 19px;}
.navbar-right-box{width:116px;z-index: 2;border-bottom-left-radius: 5px;  left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);      border-bottom-right-radius: 5px;background-color: #ffffff;position: absolute;display: none;top: 100%;max-height: 0;overflow: hidden;transition: all 0.2s;}
.navbar-right:hover .navbar-right-box{max-height: 500px;display: block;}
.navbar-right .navbar-right-box a{display: block;        line-height: 36px;    font-size: 14px;text-align: center;width: auto;}
.navbar-right .navbar-right-box a:first-child{padding-top: 10px;}
.navbar-right .navbar-right-box a:last-child{padding-bottom: 10px;}
.navbar-right .navbar-right-box a:hover{color:#b63239;}
.navbar-toggle{display: none;}

.headsearch{background: #f1f2f2;padding-top: 11px;display: none;}
.searchbox{ padding-top: 70px;       display: flex;        width: 1520px;        max-width: 95%;        flex-direction: column;        margin: 0 auto;}
.searchclose {cursor: pointer;    width: 20px;    height: 20px;    position: absolute;    right: 0;    top: 20px;  z-index: 2; }
.searchclose:before {    content: '';    width: 141%;    height: 2px;    background:#000;    position: absolute;    top: calc(50% - 1px);    left: -20.5%;    border-radius: 10px;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    transform-origin: center center;}
.searchclose:after {    content: '';    width: 141%;    height: 2px;    background:#000;    position: absolute;    top: calc(50% - 1px);    left: -20.5%;    border-radius: 10px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    transform-origin: center center;}
.searchclose:hover:after,.searchclose:hover:before{background:#b63239;}
.searchinput {        padding-bottom: 10px;border-bottom: 1px solid #939598;margin-bottom: 65px;    display: flex;  align-items: center;}
.icon-searchinput {    width: 40px; margin-right: 27px; flex-shrink: 0;        margin-top: 12px;}
.search_input{flex: 1;        font-size: 40px;        line-height: 64px;        font-weight: normal;}
.search_button {cursor: pointer; flex-shrink: 0;    padding-left: 20px;    font-size: 16px;        display: flex;        align-items: center;}
.search_button svg{    transition: transform .3s, color .3s, -webkit-transform .3s;    width: 20px;    height: 20px; margin-left:5px;}
.search_button:hover svg{    transform: translateX(6px);}
.searchhot {    padding-bottom: 70px;}
.searchhottit {     margin-bottom: 20px;    color: #b63239;    font-size: 14px;    line-height: 20px;}
.searchhotul {    display: flex;    flex-wrap: wrap;}
.searchhotli {        font-size: 20px;    line-height: 32px;}
.searchhotli:not(:last-child){margin-right: 40px;    margin-bottom: 20px;}
/*end-header*/
.banner{margin-top: 80px;width: 100%;overflow: hidden;}
.banner img{width: 100%;}
.banner-box{position: absolute;top: 0;left: 0;width: 100%;}
.banner-box .tit {    padding: 14.7% 13% 15px;    width: 100%;    text-align: right;    color: #ffffff;    font-size: 60px;}
.banner-box .con {    color: #ffffff;    font-size: 22px;    text-align: right;    padding: 0px 13% 15px 0;    width: 63%;    float: right;    line-height: 35px;}
.banner-prev {    background: rgba(0, 0, 0, 0.18) url(../images/banner_arrows_left.png) no-repeat;    background-position: center center;    position: absolute;    left: 30px;    top: 50%;    margin-top: -32.5px;    width: 65px;    height: 65px;    z-index: 99;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    cursor: pointer;    outline: 0;    border: 0;}
.banner-prev:hover {    background: rgba(0, 0, 0, 0.26) url(../images/banner_arrows_left.png) no-repeat;    background-position: center center;}
.banner-next {    background: rgba(0, 0, 0, 0.18) url(../images/banner_arrows_right.png) no-repeat;    background-position: center center;    position: absolute;    right: 30px;    top: 50%;    margin-top: -32.5px;    width: 65px;    height: 65px;    z-index: 99;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    cursor: pointer;    outline: 0;    border: 0;}
.banner-next:hover {    background: rgba(0, 0, 0, 0.26) url(../images/banner_arrows_right.png) no-repeat;    background-position: center center;}
.banner .pagination{position: absolute; bottom: 46px;z-index: 2;text-align: center;}
.banner .pagination .swiper-pagination-bullet{    height: 10px;    width: 10px;    margin: 0 5px;     background: #fff;    opacity: .25;}
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.banner .about-banner-box {    position: absolute;    top: 0;    left: 0;    padding: 0 12% 0;    width: 100%;    z-index: 2;}
.banner .about-tit {    padding-top: 20.7%;    padding-bottom: 20px;    color: #b63239;    font-size: 70px;    font-weight: bold;    line-height: normal;}
.banner .about-jj {    margin-bottom: 20px;   color: #ffffff;    font-size: 30px;    font-weight: bold;    text-align: justify;    line-height: 50px;    letter-spacing: 2px;}
.banner .about-con {  max-width: 100%;  width: 720px;    color: #ffffff;    font-size: 18px;    line-height: 35px;    text-align: justify;}
.banner .about-pagination{position: absolute;bottom: 60px;z-index: 2;    text-align: center;}
.banner .about-pagination .swiper-pagination-bullet{margin: 0 5px;width: 100px;    cursor: pointer;    height: 4px;    background: #fff;border-radius: 13px;    opacity: .25;}
.banner .about-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{    opacity: 1;}

.banner .recruit-banner-box {    position: absolute;    top: 0;    left: 0;    padding: 0 12% 0;    width: 100%;    z-index: 2;}
.banner .recruit-tit {    padding-top: 20.7%;    padding-bottom: 20px;    color: #000000;    font-size: 70px;    font-weight: bold;    line-height: normal;}
.banner .recruit-jj {    margin-bottom: 20px;   color: #ffffff;    font-size: 30px;    font-weight: bold;    text-align: justify;    line-height: 50px;    letter-spacing: 2px;}
.banner .recruit-con {  max-width: 100%;  width: 720px;    color: #000000;    font-size: 24px;    line-height: 35px;    text-align: justify;}
.banner .recruit-pagination{position: absolute;bottom: 60px;z-index: 2;    text-align: center;}
.banner .recruit-pagination .swiper-pagination-bullet{margin: 0 5px;width: 100px;    cursor: pointer;    height: 4px;    background: #fff;border-radius: 13px;    opacity: .25;}
.banner .recruit-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{    opacity: 1;}



.mbx {    display: flex;    align-items: center;  background-image: url(../images/mbx.png);        background-position: left center;        background-repeat: no-repeat;        margin-bottom: 30px;  padding-left: 24px;        padding-top: 2px;}
.mbx_span1,.mbx_a,.mbx_a1{color: #8a8a8a;        font-size: 14px;        padding-right: 18px;}
.mbx_a,.mbx_a1{padding-right:0px;}
.mbx_a1{    margin-left: 7px;}
.mbx_arrows{        width: 4px;        margin-left: 7px;        margin-top: 2px;}

.sxy_syy,.sxy_xyy{
    font-size: 18px;
    line-height: 30px;
    color: #333;
}
.sxy_syy a:hover,.sxy_xyy a:hover{color: #b63239;}
.sxy_syy span,.sxy_xyy span {
    padding-right: 10px;
}
/*footer*/
.footer{background-color: #b63239;        padding-bottom: 40px;        padding-top: 60px;}
.footer>.container{    width: 1520px;    max-width: 95%;    margin: 0 auto;}
.footer-body {    display: flex;}
.footer-l{margin-right: 109px;flex-shrink: 0;}
.footer-l-entit {width: 100%;    color: #ffffff;    font-size: 70px;    line-height: 70px;    margin-bottom: 15px;}
.footer-l-tit {    display: flex; align-items: center;   color: #ffffff;    font-size: 48px;    font-weight: normal;    line-height: normal;}
.footer-l-a {        top: 3px;    margin-left: 29px;    width: 45px;    height: 45px;    color: #ffffff;    font-size: 30px;    font-weight: bold;    text-align: center;    line-height: 45px;    background-color: #e68136;    border-radius: 50px;    display: inline-block;    font-family: 宋体;}
.footer-l-a:hover{        background-color: #f2a165;}
.footer-gzh { margin-right: 73px;   width: 129px;}
.footer-gzh .tit {    margin-top: 5px;    color: #ffffff;    font-size: 14px;    font-weight: normal;    text-align: center;    line-height: 25px;}
.footer-r {    padding-left: 30px;    flex: 1;}
.footer-rli {    margin-right: 2%;    width: 48%;         float: left;   margin-bottom: 30px;}
.footer-rlitit {    border-bottom: 1px solid #c8434a;    color: #ffffff;    font-size: 22px;    font-weight: bold;    margin-bottom: 10px;    padding-bottom: 10px;    line-height: normal;}
.footer-rlicon {    color: #ffffff;    font-size: 15px;    line-height: 30px;}
.footer-bottom {    padding-top: 25px;    margin-top: 50px;    border-top: 1px solid #c94b52;    padding-bottom: 15px;}
.footer-bottom-l{float: left;padding-right: 30px;line-height: 29px;        color: #ffffff;    font-size: 14px;}
.footer-bottom-r{float:right;    line-height: 25px;        color: #ffffff;    font-size: 14px;}
.xg_gotop {    background-color: #a52e34;    background-image: url(../images/gotop.png);    background-position: center center;    right: 50px;    background-size: 40px 40px;    position: fixed;    bottom: 84px;    z-index: 10000;    width: 60px;    border-radius: 50%;    cursor: pointer; background-repeat: no-repeat;    height: 60px;}
.xg_gotop:hover{background-color: #e68135;}
/*end-footer*/

.fy {    overflow: hidden;    text-align: center;display: flex;        justify-content: center;}
.fy a{line-height: 33px;  font-size: 18px;  display: inline-block;    padding: 3px 12px;    margin-left: 5px;    color: #666;    border: 1px solid #ddd;    border-radius: 2px;}
.fy a:hover,.fy a.active{        background-color: #b63239;        color: #ffffff;}


}@media only screen and (max-width: 1440px) {

.navbar-logo{margin-right: 25px ;}
.navbar-li{margin-left: 40px; }
.icon-search{margin-right:15px;}
.navbar-right .icon-globe{margin-right:5px;}
.navbar-right .icon-arrow{margin-left: 10px;}

}@media only screen and (max-width: 1300px) {

.navbar-logo{margin-right: 15px ;}
.navbar-li{margin-left: 30px; }
.icon-search{margin-right:5px;}

.footer-l{margin-right: 80px;}
.footer-gzh{margin-right:50px;}

}@media only screen and (max-width: 1200px) {

.navbar{max-width:98%;}
.navbar-logo{margin-right: 15px ;width: 250px;}
.navbar-li{margin-left: 30px; }

.banner-box .tit {        font-size: 50px;}
.about-banner-box .about-tit{        font-size: 50px;         padding-top: 14.7%;}
.banner-box .con {        font-size: 18px;        line-height: 30px;}
.about-banner-box .about-con {        font-size: 18px;        line-height: 30px;}

.footer-l{margin-right: 50px;}
.footer-gzh{margin-right:40px;}

}@media only screen and (max-width: 1100px) {

.navbar-logo{margin-right: 0px ;width: 220px;}
.navbar-li{margin-left: 25px; }

.footer-l{margin-right: 30px;}
.footer-gzh{margin-right:0px;}

}@media only screen and (max-width: 1023px) {
.pc_{display: none !important;}
/*header*/
.header{background-color: #fff;        position: fixed;        top: 0px;        z-index: 999;        width: 100%;}
.header{width: 100%;z-index: 999;height: 52px;}
.header>.container{}
.navbar{padding: 10px 20px 10px 15px;display: flex;align-items: center;width: 100%;max-width:100%;}
.navbar-menubox{left:-100%;position: fixed;z-index: 2;top: 0;width: 100%;height: 100%;transition:all 0.5s;width: 205px;        background-color: #ffffff;overflow-y: scroll;        display: flex;        flex-direction: column;}
.navbar.toggle .navbar-menubox{left:0%;}
.h5logo {    background-color: #b63239;    padding: 20px 40px 20px 20px; }
.navbar-menu{padding-top: 25px;}
.navbar-li{        padding-left: 0px;        margin-left: 0;}
.navbar-li.active{    color: #b63239;}
.navbar-li>a,.navbar-li-a>a{  padding-left: 25px; display: block;        line-height: 45px;        font-size: 15px; }
.navbar-li-a>a{pointer-events: none;}
.navbar-li-box{display: none;}
.navbar-li-box>a{ padding: 10px 10% 10px calc(10% + 25px);  display: block;     color: #666666;        font-size: 14px;        line-height: 25px;}
.navbar-li-box>a.active{color: #b63239;}
.navbar-logo{flex: 1;}
.navbar-logo img{width: 200px;}
.icon-search {    width: 32px;    height: auto;    flex-shrink: 0;   margin-right: 2%;}
.navbar-right{margin-right: 3%;width: 32px;         display: flex;        align-items: center;        justify-content: center; position: relative;}
.navbar-right .lang-text,.navbar-right .icon-arrow{display: none;}
.navbar-right .icon-globe {    margin-right: 0;  display: inline-block;  width: 22px;}
.navbar-right-box{width:116px;z-index: 2;border-bottom-left-radius: 5px;  left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);      border-bottom-right-radius: 5px;background-color: #ffffff;position: absolute;display: none;top: 100%;max-height: 0;overflow: hidden;transition: all 0.2s;}
.navbar-right:hover .navbar-right-box{max-height: 500px;display: block;}
.navbar-right .navbar-right-box a{display: block;        line-height: 36px;    font-size: 14px;text-align: center;width: auto;}
.navbar-right .navbar-right-box a:first-child{padding-top: 10px;}
.navbar-right .navbar-right-box a:last-child{padding-bottom: 10px;}
.navbar-right .navbar-right-box a:hover{color:#b63239;}
.navbar-toggle {    width: 28px;    height: 28px;display: flex;        align-items: center;        justify-content: center;}
.navbar-toggle img{    width: 25px;    height: 18px;}
.navbar-back{ display: none;       width: 100%;        height: 100%;        background-color: rgba(0, 0, 0, 0.25);        z-index: 10001;        position: fixed;        left: 0;        top: 0;}
.navbar.toggle .navbar-back{display: block;z-index: 1;}

.headsearch {        display: none;overflow: hidden;  background: #f1f2f2;    padding: 21px 20px 0;          }
.searchbox {    padding-top: 30px;width: 100%;display: flex;   max-height: calc(100vh - 52px);     flex-direction: column;}
.searchclose {cursor: pointer;    width: 15px;    height: 15px;    position: absolute;    right: 0px;    top: 0px;  z-index: 2; }
.searchclose:before {    content: '';    width: 141%;    height: 2px;    background:#000;    position: absolute;    top: calc(50% - 1px);    left: -20.5%;    border-radius: 10px;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    transform-origin: center center;}
.searchclose:after {    content: '';    width: 141%;    height: 2px;    background:#000;    position: absolute;    top: calc(50% - 1px);    left: -20.5%;    border-radius: 10px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    transform-origin: center center;}
.searchinput {flex-shrink: 0;    display: flex;    align-items: center; padding-bottom: 7px;  margin-bottom: 40px;         border-bottom: 1px solid #939598;}
.icon-searchinput {flex-shrink: 0;    width: 50px;padding-right: 17px;}
.search_input {    flex: 1;font-size: 24px;line-height: 36px;}
.search_button{display: none;}
.searchhot{flex:1;  overflow: hidden;      display: flex;        flex-direction: column;}
.searchhottit { flex-shrink: 0;   margin-bottom: 20px;    color: #b63239;    font-size: 14px;    line-height: 20px;}
.searchhotul {flex: 1; overflow-y: auto;   padding-bottom: 40px;}
.searchhotli{font-size: 16px;line-height: 30px;}
.searchhotli:not(:last-child){    margin-bottom: 20px;}
/*end-header*/
.banner{padding-top: 52px;}
.banner img{width: 100%;}
.banner .swiper-slide{overflow: hidden;}

.banner-prev,.banner-next{display: none;}
.banner .pagination{ z-index: 2;   position: absolute;    text-align: center;bottom: 15px;}
.banner .pagination .swiper-pagination-bullet {    height: 10px;    width: 10px;    margin: 0 5px;    background: #fff;    opacity: .25;}
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {        opacity: 1;    }
.banner-box {top: 0; left: 50%;  	-webkit-transform: translateX(-50%);	transform: translateX(-50%);  width: 80%;    position: absolute;    line-height: 30px;   }
.banner-box .tit {    margin-bottom: 20px;    width: auto;    color: #ffffff;    position: relative;    left: 0px;    padding-top: 130px;    line-height: normal;    font-size: 50px;    font-weight: bold;  text-align: center;}
.banner-box .con{        width: auto;    text-align: center;        font-size: 18px;        line-height: 35px;       position: relative;        left: 0px;        color: #ffffff;}

.about-banner-box {top: 0; left: 50%;  	-webkit-transform: translateX(-50%);	transform: translateX(-50%);  width: 80%;    position: absolute;    line-height: 30px;   }
.about-banner-box .about-tit {    margin-bottom: 20px;    width: auto;    color: #b63239;    position: relative;    left: 0px;    padding-top: 130px;    line-height: normal;    font-size: 70px;    font-weight: bold;}
.about-jj {    margin-bottom: 20px;    color: #ffffff;    font-size: 30px;    font-weight: bold;    text-align: justify;    line-height: 50px;    letter-spacing: 2px;}
.about-banner-box .about-con{        width: auto;            font-size: 18px;        line-height: 35px;       position: relative;        left: 0px;        color: #ffffff;}
.about-pagination {    position: absolute;    bottom: 15px;    z-index: 2;    text-align: center;}
.banner .about-pagination>.swiper-pagination-bullet {    background: #fff;    opacity: .25;    height: 10px;    width: 10px;    margin: 0 6.5px;}
.banner .about-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

.recruit-banner-box {top: 0; left: 50%;  	-webkit-transform: translateX(-50%);	transform: translateX(-50%);  width: 80%;    position: absolute;    line-height: 30px;   }
.recruit-banner-box .recruit-tit {    margin-bottom: 20px;    width: auto;    color: #000000;    position: relative;    left: 0px;    padding-top: 130px;    line-height: normal;    font-size: 70px;    font-weight: bold;}
.recruit-jj {    margin-bottom: 20px;    color: #ffffff;    font-size: 30px;    font-weight: bold;    text-align: justify;    line-height: 50px;    letter-spacing: 2px;}
.recruit-banner-box .recruit-con{        width: auto;            font-size: 24px;        line-height: 35px;       position: relative;        left: 0px;        color: #000000;}
.recruit-pagination {    position: absolute;    bottom: 15px;    z-index: 2;    text-align: center;}
.banner .recruit-pagination>.swiper-pagination-bullet {    background: #fff;    opacity: .25;    height: 10px;    width: 10px;    margin: 0 6.5px;}
.banner .recruit-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
/*footer*/
.footer {    background-color: #b63239;    overflow: hidden;}
.footer>.container{padding:30px 20px;}
.footer-l{margin-right: 0;}
.footer-l-entit {    color: #ffffff;    font-size: 30px;    line-height: normal;}
.footer-l-tit {        display: flex;        justify-content: space-between;    color: #ffffff;    font-size: 24px;    font-weight: normal;    text-align: left;    line-height: 30px;}
.footer-l-a {    margin-bottom: 15px;    width: 35px;    float: right;    font-family: 宋体;    height: 35px;    color: #ffffff;    font-size: 24px;    font-weight: normal;    text-align: center;    line-height: 35px;    background-color: #e68136;    border-radius: 50%;}
.footer-gzh{display: flex;        padding-right: 10px;}
.footer-gzh>img {    width: 20%;}
.footer-gzh>.tit {    padding-left: 21px;    padding-top: 12px;    color: #ffffff;    font-size: 16px;    font-weight: normal;    text-align: left;    line-height: 30px;}
.footer-rli {    margin-bottom: 45px;}
.footer-rlitit {    margin-bottom: 10px;    padding-bottom: 10px;    color: #ffffff;    font-size: 18px;    margin-top: 20px;    border-bottom: 1px solid #c9545a;}
.footer-rlicon {    line-height: 25px;    font-size: 14px;    color: #fff;}
.footer-bottom {    margin-top: 20px;    border-top: 1px solid #cc6167;    margin-bottom: 10px;    padding-top: 20px;}
.footer-bottom-l {      color: #ffffff;    font-size: 14px;    text-align: center;    line-height: 18px;    opacity: 0.7;}
.footer-bottom-r {    font-size: 14px;    text-align: center;    opacity: 0.7;    color: #ffffff;    line-height: 25px;}
.xg_gotop {    background-color: #a52e34;    background-image: url(../images/gotop.png);    background-position: center center;    right: 20px;    background-size: 30px 30px;    position: fixed;    bottom: 10px;    z-index: 10000;    width: 50px;    border-radius: 50%;    cursor: pointer; background-repeat: no-repeat;    height: 50px;}
/*end-footer*/

.fy {    overflow: hidden;    text-align: center;display: flex;        justify-content: center;}
.fy a{line-height: 33px;  font-size: 18px;  display: inline-block;    padding: 3px 12px;    margin-left: 5px;    color: #666;    border: 1px solid #ddd;    border-radius: 2px;}
.fy a:hover,.fy a.active{        background-color: #b63239;        color: #ffffff;}

.sxy{        margin-top: 20px;        margin-bottom: 20px;}
.sxy_syy,.sxy_xyy{    line-height: 30px;    color: #333;    font-size: 14px;}
.sxy_syy span,.sxy_xyy span{        padding-right: 10px;}

}@media only screen and (max-width: 768px) {
.banner-box {top: 0; left: 50%;    width: 320px;    position: absolute;    line-height: 30px;    margin-left: -160px;        -webkit-transform: translateX(0%);        transform: translateX(0%);}
.banner-box .tit{        margin-bottom: 10px;        width: auto;        color: #ffffff;        font-size: 22px;        position: relative;        left: 0px;        padding-top: 69px;}
.banner-box .con{        width: auto;    line-height: 25px;    font-size: 14px;        position: relative;        left: 0px;        color: #ffffff;}

.about-banner-box {top: 0; left: 50%;  	-webkit-transform: translateX(-50%);	transform: translateX(-50%);  width: 320px;    position: absolute;    line-height: 30px;   min-width: 41.6%; max-width: 95%;}
.about-banner-box .about-tit{        margin-bottom: 10px;        width: auto;        color: #b63239;        font-size: 22px;        position: relative;        left: 0px;        padding-top: 69px;}
.about-jj {    color: #ffffff;    font-size: 18px;    line-height: normal;    font-weight: bold;    margin-bottom: 10px;}
.about-banner-box .about-con{        width: auto;    line-height: 25px;    font-size: 14px;        position: relative;        left: 0px;        color: #ffffff;}

.recruit-banner-box {top: 0; left: 50%;  	-webkit-transform: translateX(-50%);	transform: translateX(-50%);  width: 320px;    position: absolute;    line-height: 30px;   min-width: 41.6%; max-width: 95%;}
.recruit-banner-box .recruit-tit{        margin-bottom: 0px;  text-align: center;           line-height: normal;   width: auto;        color: #000000;        font-size: 26px;        position: relative;        left: 0px;        padding-top: 69px;}
.recruit-jj {    color: #ffffff;    font-size: 18px;    line-height: normal;    font-weight: bold;    margin-bottom: 10px;}
.recruit-banner-box .recruit-con{ text-align: center;       width: auto;    line-height: normal;    font-size: 16px;        position: relative;        left: 0px;        color: #000000;}
}