.col-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12,

.col,

.col-auto,

.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm,

.col-sm-auto,

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md,

.col-md-auto,

.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg,

.col-lg-auto,

.col-xl-1,

.col-xl-2,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-10,

.col-xl-11,

.col-xl-12,

.col-xl,

.col-xl-auto {

    float: left;

}



a {

    float: left;

    /*color: #ccc;*/

}

.article-introduction a{
    float: none;
    display: inline;
}

a:hover {

    text-decoration: none;

    color: #98181c;

}



ul,

ol,

li {

    float: left;

    list-style: none;

}



dl,

ol,

ul {

    margin: 0px;

    padding: 0px;

}



p,

h1,

h2,

h3,

h4,

h5 {

    padding: 0px;

    margin: 0px;

}



input {

    background: none;

    outline: none;

    border: none;

}



button {

    border-top-style: none;

    border-right-style: none;

    border-bottom-style: none;

    border-left-style: none;

    outline: none !important;

}



body {

    background: url(/public/static/index/images/background.jpg) no-repeat bottom center;

}

.welcome{
    min-width: 1254px;
    overflow: hidden;
}


.container {

    width: 1254px;

    max-width: 1254px;

    padding: 0px 30px;

}



.nav ul {

    width: 100%;

}



.nav li {

    width: calc(100% / 9);

}



.nav a {

    width: 100%;

    height: auto;

    transition: .3s;

}



.nav a:hover {

    background: #cb4449;

    transition: .3s;

}



.top {

    width: 100%;

    overflow: hidden;

    height: 35px;

    line-height: 35px;

    background: #f0f0f0;

    min-width: 1254px;

}



.top p {

    font-size: 14px;

}



.top ul {

    float: right;

}



.top a {

    font-size: 14px;

    color: #323232;

    margin: 0px 17.5px;

}



.nav {

    background: #98181c;

    height: 55px;

    line-height: 55px;

}



.nav a {

    color: white;

    font-size: 16.5px;

    text-align: center;

}



.public-section {

    box-shadow: 0px 0px 10px #dedbd7;

    background: white;

    padding-bottom: 10px;

}



.on {

    background: #cb4449;

}



.banner {

    background: #fffaf1;

    min-width: 1254px;

}



.header {

    height: 120px;

    line-height: 120px;

    background: url(/public/static/index/images/mountain.png) no-repeat 455px -50px;

    background-size: 446px 185px;

}



.logo img {

    width: 357px;

}



.callUs img {

    width: 320px;

}



.FL {

    float: left;

}



.FR {

    float: right;

}



.OV {

    overflow: hidden;

}



.pad-0 {

    padding: 0px;

}



.TC {

    text-align: center;

}



.TR {

    text-align: right;

}



.TJ {

    text-align: justify

}



.w-100 {

    width: 100%;

}



.BL {

    display: block;

}



.hide{

    display: none;

}



.show{

    display: block;

}



.public {

    width: 100%;

    height: auto;

    padding: 10px;

    border-bottom: 1px solid #cd9d9e;

}



.public a {

    display: block;

    line-height: 28px;

}



.institutions h4,.institutions h3{

    color: #98181c;

    font-size: 24px;

    margin-left: -20px;

}



.institutions a {

    font-size: 16px;

    color: black;

}



.mechanism{

    width: 100%;

    margin-top: 15px;

    border: 1px solid #e7e7e7;

}



.mechanism-header{

    line-height: 40px;

    border-bottom: 1px solid #e7e7e7;

}



.mechanism-header span{

    display: block;

    padding: 0px 15px;

    float: left;

    cursor: pointer;

}



.mechanism-header .on{

    background: #98181c;

    color: white;

}



.mechanism-cont{

    width: 100%;

    height: 120px !important;

}



.mechanism-cont ul{

    width: 100%;

}



.mechanism-cont li{

    width: calc(100% / 5);

    line-height: 120px;

    text-align: center;

}
.mechanism-link li{
    width: auto;
    margin-left: 15px;
}


.mechanism-cont a{

    width: 100%;

}



footer {

    background: url(/public/static/index/images/footer-background.png) no-repeat center center;

    background-size: 100% 100%;
    
    padding-bottom: 50px;

}


.footer-nav>img {

    margin-top: 53px;

    margin-right: 40px;

}



.footer-cont {

    margin-top: 53px;

    width: calc(100% - 285px);

    padding-left: 40px;

    border-left: 1px solid #dcdcdc;

}



.footer-cont ul {

    width: 100%;

}



.footer-cont ul:nth-of-type(1) li {

    margin: 0px 5px;

}



.footer-cont a {

    text-align: left;

    color: black;

    font-size: 16px;

}

.footer-cont ul:nth-of-type(1) span{
    margin-left: 15px;
}



.footer-cont ul:nth-of-type(2) {

    width: 410px;

    margin-top: 22px;

}



.footer-cont li {

    font-size: 16px;

    color: #696969;

}



.QRcode {

    width: 245px;

    margin-right: 75px;

}



.QRcode img {

    width: 100px;

    margin-top: 22px;

    float: left;

}



.QRcode p {

    margin-top: 40px;

    font-size: 18px;

    color: #696969;

    margin-left: 35px;

}



.navigation ul{

    margin-top: 31px;

    padding-bottom: 11px;

    padding-left: 5px;

}



.navigation a{

    color: #777777;

    margin: 0px 6px;

    font-size: 16px;

}



.navigation li{

    font-size: 16px;

    line-height: 24px;

}


.navigation li:nth-of-type(2) a{
    color: #98181c;
}



.list-cont{

    float: right;

    width: calc(100% - 232px);

    padding-left: 32px;

}



.img-data{

    width: 232px;

    height: 152px;

    float: left;
    
    overflow: hidden;
}

.img-data img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: 0.5s all;
}

.img-data:hover img{
    transform: scale(1.2);
}


.ad-public{

    padding-top: 15px;

}





.left{

    width: 854px;

}



.list{

    width: 100%;

    padding: 0px 18px;

    border: 1px solid #e7e7e7;

    border-top: 2px solid #be8e8f;

}



.list ul li{

    width: 100%;

    height: auto;

    padding: 23px 0px;

    border-bottom: 1px solid #e7e7e7;

}





.page{

    width: 100%;

    height: auto;

    text-align: center;

    margin-top: 25px;

    margin-bottom: 35px;

}



.page>div>ul{

    float: none !important;

    margin: 0 auto !important;

    overflow: hidden !important;

    display: inline-block !important;

}



.page li{

    padding: 6px 16px !important;

    margin: 0px 5px !important;

    border: 1px solid #d2d2d2 !important;

    background: none !important;

}

.page a{

    color: #404040 !important;

    font-size: 14px !important;

    line-height: 33px !important;

}

.page span{
    background: none !important;
    color: #fff !important;
    background: #98181c !important;
    line-height: 33px !important;
}

.disabled span{
    background: none !important;
    color: #404040 !important;
}



.right{

    width: 330px;

    float: right;

    padding-top: 25px;

}



.public-style{

    margin-top: 10px;

    border: 1px solid #e7e7e7;

}



.public-tit{

    border-bottom: 2px solid #be8e8f;

    padding: 0px 20px;

}



.public-tit h5,.public-tit h3{

    float: left;

    font-size: 18px;

    line-height: 30px;

}



.public-tit a{

    float: right;

    font-size: 13px;

    color: #98181c;

    line-height: 30px;

    margin: 2px 0px;

}



.public-aisle-cont{

    padding: 0px 20px;

    padding: 21px 0px 34px 12px;

}



.public-aisle-cont li{

    margin-top: 20px;

}



.public-aisle-cont h5{

    font-size: 18px;

    margin-left: 10px;

    margin-top: 5px;

}



.public-aisle-cont p{

    width: calc(100% - 70px );

    font-size: 15px;

    margin-left: 10px;

    border-bottom: 1px solid #bfbfbf;

    padding-bottom: 27px;

}



.public-news-cont{

    padding: 0px 20px;

    padding-top: 15px;

    padding-bottom: 12px;

}

.public-news-cont .img-fixed{
    width: 100%;
    height: 140px;
}


.public-news-cont ul{

    width: 100%;
    padding: 0px 3px;

}




.public-news-cont li {

    width: 100%;

    margin-top: 10px;
    padding-bottom: 10px;

    border-bottom: 1px solid #e7e7e7;

}



.public-news-cont li:nth-last-of-type(1){

    border: none;

}



.times {

    text-align: center;

    padding: 0px 15px;

    border: 2px solid #e7e7e7;

}



.times p:nth-of-type(1) {

    border-bottom: 1px solid #e7e7e7;

}

.times p {

    width: 100%;

    box-sizing: border-box;

    font-size: 15px;

    color: #b19160;

    margin-top: 5px;

    padding-bottom: 5px;

}



.news-title {

    width: calc(100% - 85px);

}



.news-title h5 {

    margin-top: 5px;

    font-size: 15px;

    font-weight: bolder;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}



.news-title p {

    font-size: 13px;

    margin-top: 5px;

    color: #444;

}

.page-wrap {

    text-align: center;

}

.pagination {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    text-align: center;

    margin: 10px 0;

    font-size: 0;

}

.pagination li {

    position: relative;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    border: 1px solid #e2e2e2;

    width: 28px;

    height: 28px;

    line-height: 28px;

    margin: 0 -1px 5px 0;

    background-color: #fff;

    color: #333;

    font-size: 12px;

    text-align: center;

}

.pagination li a {

    display: block;

    width: 100%;

    height: 100%;

}

.pagination li.active {

    border: 1px solid #1E9FFF;

}

.pagination li.active span {

    display: block;

    width: 100%;

    height: 100%;

    background-color: #1E9FFF;

    color: #fff;

}

.pagination li.disabled {

    background: #f2f2f2;

}

.pagination li{

    width: 36px !important;

    height: 36px !important;

    padding: 0px  !important;



}
/*右侧固定*/
.service-tool {
  position: fixed;
  z-index: 5;
  top: 40vh;
  right: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.service-tool .tool-item {
  margin-bottom: 1px;
  width: 70px;
  height: 70px;
  background-color: #98181c;
  position: relative;
  cursor: pointer;
}

.service-tool .tool-item-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
}

.service-tool .tool-item img {
  width: 33px;
}

.service-tool .tool-item span {
  margin-top: 5px;
  font-size: 13px;
  color: #ffffff;
}
.service-tool .tool-item:hover{
  background: -webkit-linear-gradient(#98181c, #610f12); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#98181c, #610f12); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#98181c, #610f12); /* Firefox 3.6 - 15 */
  background: linear-gradient(#98181c, #610f12);
}
.service-tool .tool-item-inner:hover{
    opacity: 1 !important;
}
.service-tool .tool-item:last-child {
  margin-bottom: 0;
}
.search{
    width: 301px;
    margin-top: 2px;
    background-color: #ffffff;
    border-radius: 15px;
    float: left;
    height: 30px;
    padding-left: 12px;
    line-height: 28px;
    border: solid 1px #cb4449;
}
.search form{
    display: flex;
}
.search input{
    width: 224px;
    height: 28px;
}
#search{
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0 15px 0 16px;
    background: #cb4449;
    border-radius: 15px; 
}