
.inner-banner {position: relative;background-position: center top;background-image: url(/static/7/nbanner-bg1.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.inner-banner::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: 0.65;}
.inner-banner .container {padding: 150px 0px;position: relative;text-align: center;}

.inner-bannertitle {margin: 0;color: #fff;font-size: 30px;font-weight: bold;}

.thm-breadcrumb {margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 10px;}
.thm-breadcrumb li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.thm-breadcrumb li+li:before {content: '\f105';font-family: 'FontAwesome';font-size: 16px;color: #fff;margin-left: 10px;margin-right: 10px;}
.thm-breadcrumb li a {font-size: 16px;color: #fff;}
.thm-breadcrumb li.active a {color: rgba(30, 130, 232, 1);}



/*******n_down_bg*********/
.n_down_bg {position: relative;padding: 0.8rem 0px;overflow: hidden;}
.down-list {width: 100%;overflow: hidden;}
.down-item {width: 100%;overflow: hidden;border: 1px #e8e8e8 solid;box-sizing: border-box;margin-top: 16px;position: relative}

.down-item:before {width: 0%;height: 100%;content: "";position: absolute;left: 0px;top: 0px;z-index: 1;background:rgba(30, 130, 232, 1);-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.down-item a {width: 100%;display: block;overflow: hidden;padding: 25px 0px;display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 12}

.down-item samp {width: 9.5%;overflow: hidden;height: 50px;position: relative;box-sizing: border-box;  min-width: 50px;}

.down-item samp:before {width: 1px;height: 100%;content: "";position: absolute;right: 0px;top: 0px;background: #e8e8e8}

.down-item samp img {width: auto;height: auto;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 1}

.down-item samp img:last-child {opacity: 0}

.down-item span {width: 80%;overflow: hidden;font-size: 20px;color: #333;font-family: "syn";display: block;max-width: calc(100% - 120px);}

.down-item em {width: 5%;overflow: hidden;position: relative;height: 50px;    min-width: 50px;}

.down-item em img {width: auto;height: auto;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);opacity: 1}

.down-item em img:last-child {opacity: 0}

.down-item:hover:before {width: 100%}

.down-item:hover samp img {opacity: 0}

.down-item:hover samp img:last-child {opacity: 1}

.down-item:hover samp:before {background: #fff}

.down-item:hover span {color: #fff}

.down-item:hover em img {opacity: 0}

.down-item:hover em img:last-child {opacity: 1}


