@font-face{font-family:'Roboto-Bold';src:url(./Roboto-Bold.ttf); }
@font-face{font-family:'Roboto-Regular';src:url(./Roboto-Regular.ttf); }
@font-face{font-family:'Roboto-Medium';src:url(./Roboto-Medium.ttf); }
:root {
    --web-main-color: #000000;
}
body{
    padding: 0;margin: 0;
    font-family:  Roboto-Regular,Roboto,Arial, -apple-system,BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (min-width: 1300px) {
    .container-fluid{width: 1300px;}
    .container {
        max-width: 1300px !important;
    }
}
@media (min-width: 1200px) {


}
.topflash {
  background-color: #dedede;
}
.topflash .tts {
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  height: 200px;
}
.topflash .banimg img {
  display: block;
  width: 100%;
}
.topflash .swiper-container .slideshow {
  height: 970px;
}


.online dl {
    height: 60px;
    width: 60px;
    padding: 0 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #313131 !important;
}

.online dl:hover {
    background-color: var(--web-main-color) !important;
}

.online dl dd i {
    font-size: 18px !important;
}



.d-position {
    color: #333;
    background: #fafafa;
    height: 50px;
    line-height: 50px;
}

.page-num, .page-link {
    color: #666;
    margin: 0 3px;
    border-radius: 5px;
}

.page-link:hover {
    color: #333;
}

.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: var(--web-main-color);
    border-color: var(--web-main-color);
}

/*# sourceMappingURL=a.css.map */

.clear{clear: both;}
.two{  padding: 10px 0;  border-top: 1px dotted #a5a7aa;  border-bottom: 1px dotted #a5a7aa; margin-top: 40px; margin-left: 0;margin-right: 0;}
.page_left{    border-right: 1px solid #d5d8dc; margin-left: -15px; }
.page_left p{padding: 0;margin: 0;}
.page_left a{  display: block;  padding: 20px;  margin-right: 25px;  }
.page_left a:hover{  background: var(--web-main-color); color: #fff; }
.page_left a .page1{  border: 0; width: 40px;  height: 40px;  background: url(../images/com/proprevious1.png) no-repeat;  float: left;  margin-right: 20px;  }
.page_left a:hover .page1{  border: 0; width: 40px;  height: 40px;  background: url(../images/com/propreviousa1.png) no-repeat;  float: left;  margin-right: 20px;  }
.page_left a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
.page_left a:hover .page2{  color: #fff;  }
.page_left a .page3{  font-size: 14px;  color: #808488;  }
.page_left a:hover .page3{  color: #fff;  }
.page_right { margin-right: -15px;  }
.page_right p{padding: 0;margin: 0;}
.page_right a {  display: block;  padding: 20px;  margin-left: 25px;  text-align: right;  }
.page_right a:hover{  background: var(--web-main-color);  color: #fff;  }
.page_right a .page1{  width: 40px;  height: 40px;  background: url(../images/com/pronext1.png) no-repeat;  float: right;  margin-left: 20px;  border: 0;}
.page_right a:hover .page1{  width: 40px;  height: 40px;  background: url(../images/com/pronexta1.png) no-repeat;  float: right;  margin-left: 20px;  border: 0;}
.page_right a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
.page_right a:hover .page2{  color: #fff;  }
.page_right a .page3{  font-size: 14px;  color: #808488;  }
.page_right a:hover .page3{  color: #fff;  }