* {
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all .4s;
    -webkit-transition: all .4s;
}

html {}

body {
    color: #333;
    overflow-x: scroll;
    min-width: 1340px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p {
    margin: 0;
    padding: 0;
    font: 15px/1.5 Microsoft Yahei, 微软雅黑, Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif;
}

body.nybody {
    background: #f8f8f8;
}

table,
td,
tr,
th {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
}

ol,
ul {
    list-style: none;
}

li {
    list-style-type: none;
}

img {
    vertical-align: middle;
    border: 0;
}

address,
cite,
code,
em,
th {
    font-weight: normal;
    font-style: normal;
}

.clear {
    clear: both;
    *zoom: 1;
}

.clear:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

a {
    text-decoration: none;
    color: #222;
    cursor: pointer;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.w1300 {
    width: 1300px;
    margin: 0 auto;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 3px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    background-color: #ddd;
    width: 1px;
    border-radius: 3px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background-color: #f53900;
}

::-webkit-scrollbar-thumb:window-inactive {
    background-color: #f53900;
}

/* 按钮样式去除*/
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

input {
    border-radius: 0;
}

/*头部样式*/
#header {
    width: 100%;
    background: #fff;
}

#header .top_b {
    height: 136px;
    position: relative;
}

#header .top_b .w1300 {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

#header .top_b .logo {
    display: block;
    width: 414px;
    height: 136px;
    float: left;
    position: relative;
}

#header .top_b .logo img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 80px
}

#header .top_b dl {
    width: 432px;
    height: 136px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

#header .top_b dl dd {
    width: 33.333%;
    font-size: 18px;
    color: #999;
    text-align: center;
    position: relative;
}

#header .top_b dl dd:after {
    content: "";
    display: block;
    width: 1px;
    height: 75px;
    background: #e6e6e6;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#header .top_b dl dd:last-child:after {
    display: none;
}

#header .top_b dl dd em {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: url(../images/topico.png) no-repeat;
}

#header .top_b dl dd:nth-of-type(2) em {
    background-position: -60px 0;
}

#header .top_b dl dd:nth-of-type(3) em {
    background-position: -120px 0;
}

#header .top_b dl dd:hover {
    color: #f53900;
}

#header .top_b dl dd:nth-of-type(1):hover em {
    background-position: 0 -60px;
}

#header .top_b dl dd:nth-of-type(2):hover em {
    background-position: -60px -60px;
}

#header .top_b dl dd:nth-of-type(3):hover em {
    background-position: -120px -60px;
}

#header .top_b .sbyc {
    height: 136px;
    float: right;
    padding:18px 0 0 0;
    
}
#header .top_b .sbyc .sbyc1 {
    line-height: 33px;
    float: right;
    padding-left: 15px;
}
#header .top_b .sbyc .sbyc1 p {
    line-height: 20px;
    padding:7px 0;

}
#header .top_b .sbyc .sbyc1 a:hover{color: #f53900;}


#header .top_b .top_tel {
    height: 136px;
    float: right;
    padding-left: 55px;
    background: url(../images/toptel.png) left top no-repeat;
}

#header .top_b .top_tel p {
    font-size: 24px;
    color: #f53900;
    margin-top: 26px;
}

#header .top_b .top_tel b {
    font-size: 36px;
    color: #f53900;
}

/*导航*/
#nav_box {
    width: 100%;
    height: 60px;
    background: #f53900;
}

#nav_box .nav {
    position: relative;
    height: 100%;
}

#nav_box .nav ul {
    width: calc(100% - 140px);
    height: 100%;
    float: left;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

#nav_box .nav ul li {
    float: left;
    position: relative;
    width: 12.5%;
    position: relative;
}

#nav_box .nav ul li:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, .35);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#nav_box .nav ul li:last-child:after {
    display: none;
}

#nav_box .nav ul li a {
    padding: 0 30px;
    display: block;
    float: left;
    color: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
    font-size: 16px;
    text-align: center;
}

#nav_box .nav ul li a:hover {
    color: #f53900;
    background: #fff;
}

#nav_box .nav .nav_active a {
    color: #f53900;
    background: #fff;
}

#nav_box .nav .search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 90px;
    background: #fff;
    height: 36px;
    border-radius: 20px;
    padding: 0 17px;
}

#nav_box .nav .search:hover {
    width: 300px;
}

#nav_box .nav .search input {
    outline: none;
    border: 0;
}

#nav_box .nav .search input.bnts {
    width: 24px;
    height: 36px;
    float: left;
    background: url(../images/ss.png) left center no-repeat;
}

#nav_box .nav .search input.input1 {
    width: calc(100% - 24px);
    float: right;
    line-height: 36px;
    letter-spacing: 1px;
}

#nav_box .nav .search input::placeholder {
    color: #f53900;
}


/*Banner轮播 开始 */
.swiper-container1 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.swiper-container1 .swiper-slide {
    background-size: 1920px 600px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*分页器*/
.swiper-container1 .swiper-pagination {
    width: 100%;
    height: 12px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    left: 0;
    bottom: 20px !important;
}

.swiper-container1 .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px !important;
    border-radius: 50%;
    opacity: 1;
    background-color: #ccc;
}

.swiper-container1 .swiper-pagination .swiper-pagination-bullet-active {
    background: #f53900;
}

.swiper-container1 .swiper-button-prev,
.swiper-container1 .swiper-button-next {
    display: none;
    width: 48px !important;
    height: 48px !important;
    top: 50% !important;
    margin: -24px 0 0 !important;
}

/*Banner轮播 结束*/

/*首页关于我们*/
.ab_about {
    width: 100%;
    padding: 5px 0 80px 0;
    overflow: hidden;
}

.ab_about .w1300 {
    background: #fff;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.06);
    padding: 20px 54px 40px;
    overflow: hidden;
    border-radius: 12px;
}

.indbit {
    text-align: center;
}

.indbit em {
    font-size: 72px;
    color: rgba(51, 51, 51, .08);
    font-family: "Arial";
    font-weight: bold;
}

.indbit p {
    font-size: 36px;
    font-weight: bold;
    position: relative;
    margin-top: -60px;
}

.indbit span {
    display: inline-block;
    margin-top: 7px;
    font-size: 18px;
    color: #999;
    padding: 2px 7px;
    border: 1px solid #999;
    border-radius: 4px;
}

.ab_about .abbox {
    margin-top: 42px;
}

.ab_about .left {
    width: 50%;
    float: left;
}

.ab_about .left ul li {
    width: 100%;
    height: 450px;
    float: left;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.ab_about .left ul li:nth-child(2n) {
    float: right;
}

.ab_about .left ul li img {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ab_about .left ul li:hover img {
    transform: scale(1.06);
}

.ab_about .right {
    width: 50%;
    float: right;
    padding-left: 50px;
}

.ab_about .right .abcont {
    font-size: 16px;
    line-height: 30px;
    min-height: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.ab_about .right a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #333;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 35px;
}

.ab_about .right a:hover {
    background: #f53900;
}

.ab_about .right a img {
    margin: 0 10px;
}

.ab_about .right .ablx {
    width: 100%;
}

.ab_about .right .ablx p {
    font-size: 18px;
    color: #777;
    padding-left: 34px;
    position: relative;
    margin-bottom: 20px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.ab_about .right .ablx p:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f53900 url(../images/ablxico1.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}

.ab_about .right .ablx p:nth-of-type(2):before {
    background: #f53900 url(../images/ablxico2.png) center no-repeat;
}

.ab_about .right .ablx p:nth-of-type(3):before {
    background: #f53900 url(../images/ablxico3.png) center no-repeat;
}

/*首页产品展示*/
.ab_prozs {
    width: 100%;
    background: #f53900 url(../images/ab_probg.jpg) center no-repeat;
    background-size: cover;
    padding: 70px 0;
    overflow: hidden;
}

.ab_prozs .indbit em {
    color: rgba(255, 255, 255, .05);
}

.ab_prozs .indbit p {
    color: #fff;
}

.ab_prozs .indbit span {
    color: rgba(255, 255, 255, .25);
    border: 1px solid rgba(255, 255, 255, .25);
}

.ab_prozs ul {
    margin-top: 50px;
    width: 100%;
}

.ab_prozs ul li {
    width: 23.5%;
    margin: 0 2% 26px 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    float: left;
    position: relative;
}

.ab_prozs ul li:nth-child(4n) {
    margin-right: 0;
}

.ab_prozs ul li a.pic {
    display: block;
    width: 100%;
    height: 270px;
    position: relative;
}

.ab_prozs ul li a.pic img {
    max-width: 96%;
    max-height: 96%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ab_prozs ul li .name {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f53900;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.ab_prozs ul li .name i {
    display: block;
    width: 12px;
    height: 1px;
    background: #fff;
}

.ab_prozs ul li .name a {
    display: block;
    color: #fff;
    margin: 0 12px;
    max-width: calc(100% - 54px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ab_prozs ul li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #eee;
    text-align: center;
    color: #999;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.ab_prozs ul li p img {
    margin-right: 9px;
}

.ab_prozs ul li .zhe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .45) url(../images/chak.png) center no-repeat;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    border-radius: 5px;
    opacity: 0;
}

.ab_prozs ul li:hover .zhe {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/*首页技术文章*/
.ab_article {
    width: 100%;
    background: #f3f3f3;
    padding: 50px 0;
    overflow: hidden;
}

.ab_article ul {
    width: 100%;
    margin-top: 50px;
}

.ab_article ul li {
    width: 48.85%;
    float: left;
    margin: 0 2.3% 30px 0;
    background: #fff;
    padding: 28px 30px;
    position: relative;
}

.ab_article ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background: #f53900;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ab_article ul li:nth-child(2n) {
    margin-right: 0;
}

.ab_article ul li .up {
    width: 100%;
    position: relative;
    z-index: 2;
}

.ab_article ul li .up a {
    width: calc(100% - 140px);
    line-height: 28px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.ab_article ul li .up time {
    display: block;
    width: 130px;
    height: 28px;
    border: 1px solid #999;
    border-radius: 8px;
    font-size: 16px;
    color: #999;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.ab_article ul li .up time i {
    display: block;
    width: 13px;
    height: 12px;
    background: url(../images/indtime.png) center no-repeat;
    margin-right: 8px;
}

.ab_article ul li .ms {
    font-size: 16px;
    color: #999;
    line-height: 26px;
    height: 52px;
    margin: 18px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ab_article ul li .more {
    display: block;
    position: relative;
    z-index: 2;
}

.ab_article ul li .more:before {
    content: "";
    display: block;
    width: calc(100% - 110px);
    height: 1px;
    background: #e1e1e1;
    position: absolute;
    left: 0;
    top: 14px;
}

.ab_article ul li .more a {
    display: block;
    font-size: 16px;
    color: #999;
    float: right;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.ab_article ul li .more a i {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f53900 url(../images/indjt1.png) center no-repeat;
    margin-left: 8px;
}

.ab_article ul li:hover:after {
    height: 100%;
}

.ab_article ul li:hover .up a {
    color: #fff;
}

.ab_article ul li:hover .up time {
    border: 1px solid #dfe3f0;
    color: #f53900;
    background: #dfe3f0;
}

.ab_article ul li:hover .up time i {
    background: url(../images/indtime2.png) center no-repeat;
}

.ab_article ul li:hover .ms {
    color: rgba(255, 255, 255, .45);
}

.ab_article ul li:hover .more:before {
    background: #fff;
}

.ab_article ul li:hover .more a {
    color: #fff;
}

.ab_article ul li:hover .more a i {
    background: #fff url(../images/indjt2.png) center no-repeat;
}

/*foot*/
footer {
    width: 100%;
    padding-bottom: 115px;
    background: url(../images/foot_bg.png) bottom no-repeat;
    overflow: hidden;
    background-size: 1920px 500px;
}

/*.sybody footer {*/
/*    padding-bottom: 115px;*/
/*    background: #f3f3f3 url(../images/foot_bg.png) bottom no-repeat;*/
/*}*/

footer .ftleft {
    width: 47%;
    float: left;
}

footer .ftleft .up img {
    float: left;
    margin-right: 28px;
}

footer .ftleft .up span {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #f53900;
    padding-top: 30px;
}

footer .ftleft .up .tubiao {
    float: left;
    margin-top: 30px;
}

footer .ftleft .up .tubiao a {
    display: block;
    width: 55px;
    height: 55px;
    margin-right: 18px;
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background: url(../images/ft_qq.png) center no-repeat;
    font-size: 0;
}

footer .ftleft .up .tubiao a:nth-of-type(2) {
    background: url(../images/ft_wb.png) center no-repeat;
}

footer .ftleft .up .tubiao a:nth-of-type(3) {
    background: url(../images/ft_zx.png) center no-repeat;
}

footer .ftleft .up .tubiao a:hover {
    background: #f53900 url(../images/ft_qq2.png) center no-repeat;
    border: 1px solid #f53900;
}

footer .ftleft .up .tubiao a:nth-of-type(2):hover {
    background: #f53900 url(../images/ft_wb2.png) center no-repeat;
}

footer .ftleft .up .tubiao a:nth-of-type(3):hover {
    background: #f53900 url(../images/ft_zx2.png) center no-repeat;
}

footer .ftleft ul.ftnav {
    margin: 155px 0 65px;
    overflow: hidden;
}

footer .ftleft ul.ftnav li {
    width: 170px;
    float: left;
    padding-left: 40px;
    height: 30px;
    line-height: 40px;
}

footer .ftleft ul.ftnav li:after {
    display: inline-block;
    content: "";
    background: url(../images/foot_jt.png) no-repeat right center;
    width: 8px;
    height: 15px;
    margin-left: 15px;
}

footer .ftleft ul.ftnav li:nth-child(1) {
    background: url(../images/foot_ico1.png) no-repeat left center;
}

footer .ftleft ul.ftnav li:nth-child(2) {
    background: url(../images/foot_ico2.png) no-repeat left center;
}

footer .ftleft ul.ftnav li:nth-child(3) {
    background: url(../images/foot_ico3.png) no-repeat left center;
}

footer .ftleft ul.ftnav li a {
    font-size: 18px;
    color: rgba(255, 255, 255, .5);
}

footer .ftleft ul.ftnav li a:hover {
    color: #fff;
}

footer .ftleft .banquan {
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
}

footer .ftleft .jbxx {
    margin-top: 15px;
}

footer .ftleft .jbxx a {
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
}

footer .ftleft .jbxx a:hover {
    color: #fff;
}

footer .ftright {
    width: 41.5%;
    float: right;
    background: #fff;
    border-radius: 10px;
    border: 5px solid #f53900;
    padding: 50px;
}

footer .ftright .bt {
    font-size: 32px;
    font-weight: bold;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

footer .ftright .bt em {
    display: block;
    width: 104px;
    height: 5px;
    background: #f53900;
    margin-left: 16px;
}

footer .ftright .xb {
    width: 94%;
    font-size: 16px;
    color: #999;
    line-height: 24px;
    margin: 10px 0 35px;
}

footer .ftright ul li {
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #eee;
    padding-left: 45px;
    background: url(../images/footlx_ico1.png) left center no-repeat;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

footer .ftright ul li:nth-of-type(2) {
    background: url(../images/footlx_ico2.png) left center no-repeat;
}

footer .ftright ul li:nth-of-type(3) {
    background: url(../images/footlx_ico3.png) left center no-repeat;
}

.link {
    padding: 17px 33px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .2);
    margin-top: 54px;
    overflow: hidden;
}

.link .bt {
    font-size: 16px;
    color: #fff;
    float: left;
}

.link .bt img {
    margin-right: 12px;
}

.link .right {
    width: calc(100% - 127px);
    float: left;
    max-height: 70px;
    overflow-y: auto;
}

.link .right a {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    line-height: 35px;
    padding: 0 10px;
}

.link .right a:hover {
    color: #fff;
}

/*nybanner 开始*/
.nyBanner {
    width: 100%;
    height: 410px;
    overflow: hidden;
    position: relative;
}

.nyBanner img {
    display: block;
    width: 1920px;
    max-width: 1920px;
    height: 410px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    border: 0;
}

/*nybanner 结束*/

/*关于我们 开始*/
.NyMain {
    width: 1300px;
    height: auto;
    min-height: 320px;
    margin: 75px auto;
}

.NyMain .NyLeft {
    width: 20%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    float: left;
}

.cp_type .hd {
    background: url(../images/ml_bt.png) no-repeat;
    padding: 9px 0 0 35px;
    height: 85px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cp_type .hd p {
    height: 40px;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.cp_type .hd:before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 43px;
    background: url(../images/mulu_tlt.png) center center no-repeat;
    vertical-align: middle;
    float: right;
    margin-top: 10px;
}

.cp_type .hd span {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
}

.cp_type .bd {
    padding: 15px 0 25px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    min-height: 10px;
}

.cp_type .bd ul li.on {
    /* border: 0; */
}

.cp_type .bd ul li p {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #dedede;
    position: relative;
    padding: 0 10px;
    margin: 0 17px;
}

.cp_type .bd ul li p a {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 60px;
    color: #333;
    font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/mulu3.png) 0px center no-repeat;
    padding: 0 20px 0 0;
}

.cp_type .bd ul li p span {
    display: block;
    width: 22px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 8px;
    background: url(../images/mulu1.png) center center no-repeat;
    background-size: 22px 22px;
}

.cp_type .bd ul li div {
    display: none;
    padding: 0;
    margin: 0 30px;
}

.cp_type .bd ul li.on div {
    display: block;
    padding: 0;
    margin: 0 30px;
}

.cp_type .bd ul li div a {
    display: block;
    height: 42px;
    line-height: 42px;
    color: #999;
    font-size: 15px;
    margin: 0 auto 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #ddd;
}

.cp_type .bd ul li div a.on {
    color: #f53900
}

.cp_type .bd ul li div a:before {
    content: "";
    display: block;
    width: 8px;
    height: 9px;
    background: url(../images/ico2.png) no-repeat left center;
    float: left;
    margin: 15px 10px 0 0;
}

.cp_type .bd ul li div a:first-child {
    border-top: 0;
}

.cp_type .bd ul li.on:before {
    display: inline-block;
    content: "";
    width: 2px;
    height: 60px;
    background: #fa673a;
    float: left;
    margin-left: -1px;
}

.cp_type .bd ul li p a:hover,
.cp_type .bd ul li.on p a {
    color: #f53900;
}

.cp_type .bd ul li.on p span {
    background: url(../images/mulu2.png) center center no-repeat;
    background-size: 22px 22px;
}

.cp_type .bd ul li div a:hover {
    color: #f53900;
}

.cp_type .bd ul a.ckqb {
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #333;
    background: #f1f1f1;
    width: 94%;
    margin: 10px auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.cp_type .bd ul a.ckqb:hover {
    background: #e30614;
    color: #fff;
}

.cp_type .bd ul .lastflli {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(45deg, #65ae46, #1e91c6);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.cp_type .bd ul .lastflli:hover {
    background-image: linear-gradient(45deg, #1e91c6, #1e91c6)
}

.NyMain .NyRight {
    width: 77%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    float: right;
}

.NyRight .NyRight_Top {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
}

.NyRight_Top p {
    width: 25%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    float: left;
    background: url(../images/ny_bt.png) no-repeat left center;
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.NyRight_Top p font {
    color: #999;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 0 5px;
    display: inline-block;
}

.NyRight_Top .lyMbx {
    width: 75%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #555;
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    float: right;
}

.lyMbx img {
    display: inline-block;
    width: 15px;
    height: 21px;
    vertical-align: middle;
    margin: -4px 6px 0 0;
    padding: 0;
}

.lyMbx a {
    color: #555;
}

.lyMbx a:hover {
    color: #f53900;
}

.lyMbx span {
    color: #999;
}

.ny_honor_list ul {
    min-height: 600px;
}

/*内页关于我们开始*/
.ny_about_con {
    position: relative;
}

.ny_about_con .nyabout_img {
    height: 328px;
    width: 100%;
}

.ny_about_con .nyabout_img img {
    max-height: 100%;
    max-width: 100%;
}

.nyabout_des {
    width: 100%;
    overflow: hidden;
    line-height: 35px;
    color: #555;
    font-size: 15px;
    text-align: justify;
    word-break: break-all;
    margin: 20px auto 15px;
    box-sizing: border-box;
}

.nyabout_des p span,
.nyabout_des p em {
    color: #555 !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: normal !important;
}

/*荣誉资质 开始*/
.ny_honor {
    margin-top: 60px;
}

.ny_honor .ny_honor_bt {
    text-align: center;
    margin-bottom: 30px;
}

.ny_honor .ny_honor_bt span {
    display: block;
    font-size: 24px;
    color: #f1f1f1;
    text-transform: uppercase;
}

.ny_honor .ny_honor_bt b {
    display: block;
    font-size: 24px;
    color: #333;
}

.ny_honor_scoll {
    width: 100%;
    padding: 15px 5% 25px;
    position: relative;
}

.ny_honor_scoll .item {
    position: relative;
    min-height: 240px;
    overflow: hidden;
    padding: 0 1%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ny_honor_scoll .swiper-button-prev4,
.ny_honor_scoll .swiper-button-next4 {
    width: 40px !important;
    height: 40px !important;
    margin: -52px 0 0 !important;
    position: absolute;
    top: 50% !important;
    opacity: 1;
    cursor: pointer;
}

.ny_honor_scoll .swiper-button-prev4 {
    background: url(../images/prev.png) center center no-repeat !important;
    left: 0;
}

.ny_honor_scoll .swiper-button-next4 {
    background: url(../images/next.png) center center no-repeat !important;
    right: 0;
}

.ny_honor_scoll .content-slider li .pic {
    display: block;
    width: 100%;
    float: left;
    height: 230px;
    border: 1px solid #DDDDDD;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 3px;
}

.ny_honor_scoll .content-slider li .pic img {
    max-width: 95%;
    max-height: 95%;
    vertical-align: middle;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .25s;
}

.ny_honor_scoll .content-slider li .pic .iblock {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.ny_honor_scoll .content-slider li:hover .pic img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.ny_honor_scoll .content-slider li .tlt {
    display: block;
    height: 62px;
    clear: both;
    margin-top: 5px;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 62px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ny_honor_scoll .content-slider li:hover .tlt {
    color: #f53900;
}

.ny_honor_scoll .lSPager {
    display: none;
}

/*内页关于我们 结束*/


/*内页新闻中心 开始*/
.ny_newstj ul li {
    width: 100%;
    height: 178px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

.ny_newstj ul li .newstj_img {
    width: 211px;
    float: left;
    position: relative;
    height: 148px;
}

.ny_newstj ul li .newstj_img img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.ny_newstj ul li .newstj_text {
    float: right;
    width: calc(100% - 211px);
    padding: 5px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 148px;
}

.ny_newstj ul li .newstj_text .newstj_tlt {
    height: 40px;
    line-height: 40px;
}

.ny_newstj ul li .newstj_text .newstj_tlt a {
    display: block;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    float: left;
    font-weight: bold;
}

.ny_newstj ul li .newstj_text .newstj_tlt a:hover {
    color: #f53900;
}

.ny_newstj ul li .newstj_text .newstj_tlt span {
    float: right;
    font-size: 15px;
    color: #c6c6c6;
}

.ny_newstj ul li .newstj_text p {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    height: 48px;
    line-height: 26px;
    margin: 5px 0 20px;
}

.newstj_btn {
    width: 98px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f53900;
}

.newstj_btn a {
    color: #fff;
}

.ny_newstj ul li .idxTjNew_time {
    width: 68px;
    height: 56px;
    overflow: hidden;
    background: rgba(0, 78, 162, .6);
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ny_newstj ul li .idxTjNew_time em {
    display: block;
    margin: 5px 0 0;
    font-size: 16px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
}

.ny_newstj ul li .idxTjNew_time span {
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 2px;
}

.ny_news ul li {
    width: 100%;
    float: left;
    margin: 0 3% 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 3px solid #f9f9f9;
    background: #f9f9f9;
    padding: 20px;
}

.ny_news ul li:nth-child(2n+2) {
    margin-right: 0;
}

.ny_news ul li:hover {
    border-bottom: 3px solid #f53900;
    cursor: pointer;
}

.ny_news ul li .news_tlt {
    width: 85%;
    float: left;
    height: 40px;
    line-height: 40px;
}

.ny_news ul li .news_tlt a {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.ny_news ul li p {
    width: 15%;
    float: right;
    font-size: 15px;
    color: #999;
    background: url(../images/time2.png) no-repeat left center;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
}

.ny_news ul li p.xiazai {
    width: 15%;
    float: right;
    font-size: 15px;
    color: #999;
    background: url(../images/xiazai.png) no-repeat left center;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
}

.ny_news ul li:hover .news_tlt a {
    color: #f53900;
}

/*内页新闻中心 结束*/



/*内页新闻文章详情 开始*/
.NyNews_Detail {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.NyNews_Detail .NyNewsDetail_Title {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 40px;
    color: #333;
    font-size: 24px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
}

.NyNews_Detail .NyNewsDetail_Tips {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    color: #999;
    font-size: 15px;
    margin: 0 auto 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid none;
    text-align: center;
    border-bottom: 1px dashed #ddd;
}

.NyNewsDetail_Tips img {
    display: inline-block;
    width: 20px;
    height: 19px;
    vertical-align: middle;
    margin: -2px 6px 0 0;
    padding: 0;
}

.NyNews_Detail .NyNewsDetail_Con {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    line-height: 30px;
    color: #666;
    font-size: 16px;
    text-align: justify;
}

.NyNewsDetail_Con p,
.NyNewsDetail_Con div {
    width: 100%;
    overflow: hidden;
    line-height: 30px;
    color: #666;
    font-size: 16px;
    text-align: justify;
    text-indent: 0;
    margin: 0 auto 15px;
    padding: 0;
}

.NyNewsDetail_Con p span,
.NyNewsDetail_Con span,
.NyNewsDetail_Con p em,
.NyNewsDetail_Con em {
    color: #666 !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

.NyNewsDetail_Con table {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.NyNewsDetail_Con table tr td p {
    text-indent: 0 !important;
}

.NyNewsDetail_Con img {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-width: 60%;
    margin: 0 auto;
    padding: 0;
    text-indent: 0 !important;
}

.NyPrevNext {
    width: 100%;
    overflow: hidden;
    margin: 40px auto 0;
    padding: 0;
}

.NyPrevNext ul li {
    width: 48.75%;
    height: 47px;
    line-height: 47px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 2.5% 0 0;
    padding: 0 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f53900;
}

.NyPrevNext ul li:nth-child(1) {
    background: #f53900 url(../images/jt6.png) no-repeat 10px center;
    padding-left: 50px;
}

.NyPrevNext ul li:nth-child(2) {
    text-align: right;
    margin-right: 0;
    background: #f53900 url(../images/jt7.png) no-repeat 98% center;
    padding-right: 50px;
}

.NyPrevNext ul li img {
    display: inline-block;
    width: 31px;
    height: 9px;
    vertical-align: middle;
    margin: -2px 10px 0;
    padding: 0;
}

.NyPrevNext ul li a {
    color: #fff;
    font-size: 16px;
}

/*内页新闻文章详情 结束*/

/*内页下载 开始*/
.ny_downlist li {
    height: 50px;
    line-height: 50px;
    background: #f4f4f4;
    margin-bottom: 20px;
    padding: 0 2%;
}

.ny_downlist li a {
    display: block;
    width: 70%;
    float: left;
    font-size: 14px;
    color: #333;
    padding-left: 3%;
    background: url(../images/down_icon.png) left center no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ny_downlist li span {
    display: block;
    width: 20%;
    float: right;
    font-size: 14px;
    color: #777;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ny_downlist li span:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/dtime.png) center center no-repeat;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.ny_downlist li:hover {
    background: #f53900;
}

.ny_downlist li:hover a {
    color: #fff;
    background: url(../images/down_icon2.png) left center no-repeat;
}

.ny_downlist li:hover span {
    color: #fff;
}

.ny_downlist li:hover span:before {
    background: url(../images/dtime2.png) center center no-repeat;
}

.down_wj {
    padding-bottom: 20px;
    text-align: center;
}

.down_wj a {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #999;
    margin: 0 auto;
    color: #555;
    position: relative;
}

.down_wj a:before {
    content: "";
    display: inline-block;
    background: url(../images/down1.png) no-repeat left center;
    width: 16px;
    height: 16px;
    margin: 0 10px -2px 0;
}

.down_wj a:hover {
    border: 1px solid #f53900;
    background: #f53900;
    color: #fff;
}

.down_wj a:hover:before {
    background: url(../images/down2.png) no-repeat left center;
}

/*内页下载 结束*/

/*内页产品展示*/
.ny_pro_list {
    min-height: 300px;
    margin-top: 40px;
}

.ny_pro_list ul li {
    width: 32%;
    margin: 0 2% 20px 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    float: left;
    position: relative;
    border: 1px solid #eee;
}

.ny_pro_list ul li:nth-child(3n) {
    margin-right: 0;
}

.ny_pro_list ul li a.pic {
    display: block;
    width: 100%;
    height: 270px;
    position: relative;
}

.ny_pro_list ul li a.pic img {
    max-width: 96%;
    max-height: 96%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ny_pro_list ul li .name {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f53900;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.ny_pro_list ul li .name i {
    display: block;
    width: 12px;
    height: 1px;
    background: #fff;
}

.ny_pro_list ul li .name a {
    display: block;
    color: #fff;
    margin: 0 12px;
    max-width: calc(100% - 54px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ny_pro_list ul li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #eee;
    text-align: center;
    color: #999;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.ny_pro_list ul li p img {
    margin-right: 9px;
}

.ny_pro_list ul li .zhe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .45) url(../images/chak.png) center no-repeat;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    border-radius: 5px;
    opacity: 0;
}

.ny_pro_list ul li:hover .zhe {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/*内页产品展示 结束*/

/*产品列表页 开始*/
.nyPro_list {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 0 0.1px;
}

.nyPro_list ul li {
    width: 100%;
    height: auto;
    margin: 0 auto 25px;
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px dashed #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.nyPro_list ul li:hover {}

.nyPro_list ul li .nyProList_img {
    width: 24%;
    height: 165px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #fff;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nyPro_list ul li:hover .nyProList_img {
    border: 0;
}

.nyPro_list ul li .nyProList_img img.nyPro_img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.nyPro_list ul li:hover .nyProList_img a img.nyPro_img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.nyPro_list ul li .nyProList_img a i.nyPro_mask {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.4) url(../images/view.png) center center no-repeat;
    position: relative;
    left: 0;
    top: 0;
    z-index: 2;
}

.nyPro_list ul li:hover .nyProList_img a i.nyPro_mask {
    display: block;
}

.nyPro_list ul li .nyProList_text {
    width: 73%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    float: right;
}

.nyPro_list ul li .nyProList_text .nyProList_name {
    width: 100%;
    overflow: hidden;
    margin: 10px auto 5px;
    padding: 0;
}

.nyProList_text .nyProList_name a {
    display: block;
    width: 100%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #333;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
}

.nyProList_text .nyProList_name a:hover {
    color: #f53900;
}

.nyPro_list ul li .nyProList_text .nyProList_ms {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.nyProList_text .nyProList_ms p {
    width: 100%;
    height: 57px;
    overflow: hidden;
    line-height: 26px;
    color: #999;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 0 auto;
    padding: 0;
}

.nyPro_list ul li .nyProList_text .nyProList_tips {
    width: 100%;
    overflow: hidden;
    margin: 15px auto 0;
    padding: 0;
}

.nyProList_text .nyProList_tips dl dd {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #797979;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 10px 0 0;
    padding: 0 10px;
    border: 1px solid #eaeaea;
    float: left;
    max-width: 172px;
}

.nyProList_text .nyProList_tips dl dd img {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -2px 4px 0 0;
    padding: 0;
}

.nyProList_text .nyProList_tips dl dd span {
    color: #f53900;
}

.nyPro_list ul li .nyProList_text .nyProList_btn {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.nyProList_text .nyProList_btn a {
    display: block;
    width: 88px;
    height: 34px;
    overflow: hidden;
    line-height: 32px;
    color: #aaa;
    font-size: 14px;
    text-align: center;
    margin: 0 20px 0 0;
    padding: 0;
    border: 1px solid #dfdfdf;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nyProList_text .nyProList_btn a:first-child {
    color: #fff;
    background-color: #2c64a1;
    border: 1px solid #2c64a1;
}

.nyProList_text .nyProList_btn a:hover {
    color: #fff;
    background-color: #f53900;
    border: 1px solid #f53900;
}

/*产品列表页 结束*/

/*产品详细页 开始*/
.NyProDetail {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.pro_detail_main {
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pro_detail_main .pro_detail_img {
    width: 480px;
    height: 360px;
    overflow: hidden;
    margin: 0;
    padding: 10px;
    border: 1px solid #eaeaea;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pro_detail_img .pro_detail_img_main {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.pro_detail_img_main img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.pro_detail_main .pro_detail_text {
    width: 49%;
    min-height: 360px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}

.pro_detail_text>span {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 40px;
    color: #333;
    font-size: 22px;
    text-align: justify;
    margin: 0 auto;
    padding: 0 0 10px;
    font-weight: normal;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.pro_detail_text i {
    display: block;
    width: 35px;
    height: 3px;
    background: #f53900;
    margin-top: -2px;
}

.pro_detail_text .jyms {
    width: 100%;
    height: 156px;
    overflow: hidden;
    margin: 10px auto 25px;
    box-sizing: border-box;
}

.pro_detail_text .jyms dd {
    width: 100%;
    font-size: 14px;
}

.pro_detail_text .jyms span {
    display: block;
    background: url(../images/ms.png) no-repeat left center;
    padding-left: 25px;
    color: #333;
    margin-bottom: 5px;
}

.pro_detail_text .jyms dd h1 {
    height: 113px;
    overflow: hidden;
    line-height: 27px;
    color: #666;
    font-size: 14px;
    text-align: justify;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
}

.pro_detail_text ul {
    width: 100%;
    _margin: 20px auto;
    padding: 0;
    margin: 30px 0 20px 0;
}

.pro_detail_text ul li {
    width: 48.75%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #666;
    font-size: 15px;
    text-align: justify;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
    padding: 0 13px;
    margin: 0 2.5% 2% 0;
    float: left;
    background: #f1f1f1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pro_detail_text ul li:nth-child(2n+2) {
    margin-right: 0;
}

.pro_detail_text .pro_detail_btn {
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin: 32px auto 0;
    padding: 0;
}

.pro_detail_btn a {
    display: block;
    width: 155px;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    font-weight: bold;
}

.pro_detail_btn a img {
    display: inline-block;
    width: 25px;
    height: 21px;
    vertical-align: middle;
    margin: 0px 10px 0 0;
    padding: 0;
}

.pro_detail_btn a.prodtl_btn1 {
    float: left;
    margin: 0 4% 0 0;
    background-color: #f53900;
}

.pro_detail_btn a.prodtl_btn1:hover {
    background-color: #a00404;
}

.pro_detail_btn p {
    height: 50px;
    line-height: 50px;
    color: #555;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.pro_detail_btn p img {
    display: block;
    width: 42px;
    height: 42px;
    float: left;
    margin: 5px 8px 5px 0;
    padding: 0;
}

.pro_detail_btn p font {
    color: #191919;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
    margin: -2px 0 0 0;
}

.prodetail_img {
    width: 47%;
    height: 456px;
    margin: 0;
    padding: 0;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#preview {
    width: 100%;
    margin: 0;
    text-align: center;
    position: relative;
}

.list-h li {
    float: left;
}

#spec-n5 {
    width: 100%;
    height: 80px;
    padding-top: 10px;
    overflow: hidden;
}

#spec-left {
    width: 16px;
    height: 70px;
    float: left;
    cursor: pointer;
    margin-top: 3px;
}

#spec-right {
    width: 16px;
    height: 70px;
    float: left;
    cursor: pointer;
    margin-top: 3px;
}

#spec-list {
    width: 440px;
    float: left;
    overflow: hidden;
    margin-left: 2px;
    display: inline;
}

#spec-list ul {}

#spec-list ul li {
    float: left;
    display: inline;
    padding: 0;
    width: 18.4%;
    height: 70px;
    margin: 0 2% 0 0;
}

#spec-list ul li:last-child {
    margin: 0;
}

#spec-list ul li p {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #dfdfdf;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#spec-list ul li:hover p {
    border: 1px solid #1f71c2;
}

#spec-list ul li img {
    display: block;
    max-width: 94%;
    max-height: 94%;
    margin: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/*jqzoom*/
.jqzoom {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    padding: 0;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.jqzoom img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 1px;
    left: 0px;
    border: 1px solid #eaeaea;
    display: none;
    text-align: center;
    overflow: hidden;
    left: 104% !important;
    top: 0 !important;
    background: #fff;
}

.bigimg {}

.jqZoomPup {
    width: 200px !important;
    height: 200px !important;
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/mask.png) 0 0 repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    cursor: move;
}

#spec-list {
    position: relative;
    width: 100%;
    margin: 0;
}

#spec-list div {
    width: 100% !important;
    height: 70px !important;
    margin: 0;
}

#ceshi {
    display: block;
    margin: auto !important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.prodetail_img a.videoIco {
    left: 20px !important;
    bottom: 20px !important;
    z-index: 99 !important;
}

.Warning {
    width: 100% !important;
    height: 100% !important;
}

.NyProDetail .NyProDetail_Con {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
    padding: 0;
}

.NyProDetail_Title {
    width: 100%;
    height: 52px;
    overflow: hidden;
    line-height: 52px;
    color: #333333;
    font-size: 18px;
    margin: 0 auto 30px;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.NyProDetail_Title:before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 38px;
    background: #f53900;
    margin: 7px 20px 0 0;
    float: left;
}

.NyProDetail_Title span {
    display: block;
    height: 2px;
    width: calc(100% - 100px);
    background: #eaeaea;
    float: right;
    margin-top: 20px;
}

.NyProDetail_Con .NyProDetailCon,
.NyProDetailCon p,
.NyProDetailCon div,
.NyProDetailCon span,
.NyProDetailCon video,
.NyProDetailCon table,
.NyProDetailCon tr,
.NyProDetailCon td,
.NyProDetailCon img {
    max-width: 100% !important;
}

/*产品详情 结束*/


/*在线留言 开始*/
.ly_OrdCon {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 160px 40px 0;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ly_OrdCon .lyOrdCon_img {
    width: 141px;
    height: 141px;
    overflow: hidden;
    margin: -79px 0 0;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    right: 70px;
    top: 50%;
}

.ly_OrdCon .lyOrdCon_text {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0 120px 0 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.lyOrdCon_text .NyCon_tit {
    width: 100%;
    overflow: hidden;
    line-height: 40px;
    color: #333;
    font-size: 30px;
    margin: 0 auto 10px;
    padding: 0;
    font-weight: bold;
}

.lyOrdCon_text p {
    width: 100%;
    overflow: hidden;
    line-height: 30px;
    color: #565656;
    font-size: 15px;
    text-align: justify;
    margin: 0 auto;
    padding: 0;
}

.ly_msg {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.ly_msg h3 {
    display: none !important;
}

.ly_msg ul {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.ly_msg ul li {
    width: 100%;
    overflow: hidden;
    line-height: 44px;
    margin: 0 auto 25px !important;
    padding: 0;
    color: #999;
    font-size: 14px;
}

.ly_msg ul li:last-child {
    margin: 0 auto !important;
}

.ly_msg ul li h4 {
    width: 12% !important;
    height: 44px !important;
    overflow: hidden;
    line-height: 44px !important;
    margin: 0;
    padding: 0 10px 0 0;
    color: #333;
    font-size: 16px;
    text-align: right;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ly_msg ul li h4 font {
    color: #f00;
}

.ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
    width: 83%;
    overflow: hidden;
    margin: 0;
    padding-right: 20px;
    background: url(../images/tb_img.png) top right no-repeat;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_ipt12,
.ly_msg ul li .msg_tara {
    width: 88% !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-seri !important;
}

.ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_ipt12,
.ly_msg ul li .msg_ipt2 {
    height: 44px !important;
    background: url(../images/tb_img.png) right center no-repeat !important;
}

.ly_msg ul li .msg_ipt12 {
    width: 88%;
    height: 34px;
    overflow: hidden;
    margin: 0;
    padding-right: 20px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.msg_ipt1 input,
.msg_tara textarea {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 8px 15px;
    color: #999;
    font-size: 16px;
    border: 0px solid #eaeaea;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.msg_ipt12 input {
    height: 34px;
    line-height: 16px;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 8px 15px;
    color: #666;
    font-size: 12px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.msg_ipt1 input,
.msg_ipt12 input,
.msg_ipt2 input {
    height: 44px !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-seri !important;
}

.msg_ipt1 input,
.msg_ipt12 input,
.msg_ipt2 input,
.msg_tara textarea {
    border-radius: 0;
    font-size: 16px !important;
    background-color: #f1f1f1 !important;
    border: 0 solid #eaeaea !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-seri !important;
    outline: none !important;
    resize: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ly_msg ul li .msg_ipt1 #selPvc {
    border-radius: 0;
    height: 44px !important;
    line-height: 44px !important;
    color: #666 !important;
    font-size: 16px !important;
    background-color: #f1f1f1 !important;
    border: 0px solid #eaeaea !important;
    padding: 0 15px !important;
    outline: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.ly_msg ul li .msg_ipt2,
.msg_ipt2 input {
    width: 160px !important;
    padding: 0 15px;
}

.ly_msg ul li .msg_ipt2 {
    width: 120px;
    height: 34px;
    overflow: hidden;
    margin-right: 10px;
    padding: 0;
    float: left;
}

.ly_msg ul li a.yzm_img {
    display: block;
    width: 90px;
    height: 34px;
    overflow: hidden;
    margin: 0;
    padding-right: 20px;
    background: url(../images/tb_img.png) top right no-repeat;
    float: left;
}

.ly_msg ul li a.yzm_img {
    width: 120px !important;
    height: 44px !important;
    background: url(../images/tb_img.png) right center no-repeat !important;
}

.ly_msg ul li a.yzm_img img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.ly_msg ul li .msg_btn {
    width: 88%;
    overflow: hidden;
    margin: 15px auto 0;
    padding: 0;
    float: left;
}

.ly_msg ul li .msg_btn {
    width: 88% !important;
}

.msg_btn input {
    width: 150px !important;
    height: 44px !important;
    line-height: 44px !important;
    color: #fff !important;
    font-size: 16px !important;
    text-align: center !important;
    margin: 0 20px 0 0;
    padding: 0;
    border-radius: 2px;
    border: none !important;
    background-color: #f53900 !important;
    cursor: pointer !important;
}

.msg_btn input:last-child {
    background-color: #fa673a !important;
}

.msg_btn input:hover {
    background-color: #a00404 !important;
}

.msg_btn input:last-child:hover {
    background-color: #ed0a1c !important;
}

/*在线留言 结束*/

/*内页联系我们 开始*/
.ny_contact .contact_top b {
    display: block;
    font-size: 28px;
    color: #222327;
}

.ny_contact .contact_top span {
    display: block;
    width: 57px;
    height: 5px;
    background: #f53900;
    margin: 23px 0;
}

.ny_contact .contact_top p {
    font-size: 16px;
    color: #666;
}

.ny_contact .contact_list {
    width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 150px;
    margin: 40px 0;
    padding: 0 20px;
}

.ny_contact .contact_list ul li {
    width: 33.3333%;
    float: left;
    border-right: 1px solid #ddd;
    height: 150px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 45px;
    padding-left: 80px;
}

.ny_contact .contact_list ul li:nth-child(1) {
    background: url(../images/t_icon03.png) no-repeat 40px 45px;
}

.ny_contact .contact_list ul li:nth-child(2) {
    background: url(../images/t_icon02.png) no-repeat 40px 45px;
}

.ny_contact .contact_list ul li:nth-child(3) {
    border: none;
    background: url(../images/t_icon01.png) no-repeat 40px 45px;
}

.ny_contact .contact_list ul li b {
    font-size: 16px;
    color: #222327;
    display: block;
    margin-bottom: 13px;
}

.ny_contact .contact_list ul li p {
    font-size: 16px;
    color: #73757f;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    height: 48px;
    line-height: 24px;
    padding-right: 10px;
}

.lyNyContact_map {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #dfdfdf;
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.lyNyContact_map .lyNyContact_Mapmain {
    width: 100%;
    height: 405px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #f8f8f8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*内页联系我们 结束*/

/*相关文章 开始*/

.xgwz {
    margin-top: 35px;
}

.xgwz .xgwz_bt {
    background: url(../images/xgwz_bt.png) no-repeat;
    padding: 9px 0 0 35px;
    height: 85px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.xgwz .xgwz_bt p {
    height: 40px;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.xgwz .xgwz_bt span {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
}

.xgwz .xgwz_list {
    padding: 10px 10px 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 0;
    min-height: 200px;
}

.xgwz_list ul li {
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    padding: 12px 0 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(../images/ico3.png) no-repeat left 24px;
}

.xgwz_list ul li a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    height: 30px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xgwz_list ul li a:hover {
    color: #f53900;
}

/*相关文章 结束*/

/*分页样式 开始*/
#fengye {
    text-align: center;
    margin: 20px auto 0;
    color: #555;
    font-size: 14px;
}

#fengye a {
    display: inline-block;
    padding: 0 10px;
    background: #ddd;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
    border-radius: 2px;
    color: #555;
    font-size: 14px;
}

#fengye a:hover {
    background: #f53900;
    color: #ffffff;
}

#fengye a.pnnum1 {
    background: #f53900;
    color: #ffffff;
}

#fengye input {
    display: inline-block;
    padding: 0 5px;
    background-color: #f53900;
    width: 40px !important;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
    color: #fff;
    cursor: pointer;
    border: 0;
    outline: none;
}

#fengye .p_input {
    display: inline-block;
    padding: 0 5px;
    background: #ddd;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
    color: #555;
    cursor: default;
}

/*分页样式 结束*/

/*内页荣誉资质 开始*/
.ny_honor_list ul li {
    margin: 0 3% 2% 0;
    width: 31.3333%;
    float: left;
}

.ny_honor_list ul li:nth-child(3n+3) {
    margin-right: 0;
}

.ny_honor_list ul li .pic {
    display: block;
    width: 100%;
    float: left;
    height: 230px;
    border: 1px solid #DDDDDD;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 3px;
}

.ny_honor_list ul li .pic img {
    max-width: 95%;
    max-height: 95%;
    vertical-align: middle;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .25s;
}

.ny_honor_list ul li .pic .iblock {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.ny_honor_list ul li:hover .pic img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.ny_honor_list ul li .tlt {
    display: block;
    height: 50px;
    text-align: center;
    clear: both;
    margin-top: 5px;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ny_honor_list ul li:hover .tlt {
    color: #f53900;
}

/*内页荣誉资质 结束*/

.ny_pro_list ul li.videoli .zhe {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background: rgba(0, 0, 0, .45) url(../images/video.png) center no-repeat;
}

.fvopvideo {
    width: 100% !important;
    height: 500px !important;
    margin: 0 auto 20px !important;
    position: relative;
    z-index: 99;
}

.ab_img img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
}

.ab_img p {
    text-wrap: inherit !important;
    line-height: 26px;
    padding-bottom: 15px
}

.ab_img p span {
    text-wrap: inherit !important;
}

/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar {
    padding: 20px;
    overflow: hidden;
    clear: both
}

.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 2px;
    border-radius: 3px;
    line-height: 100%
}

.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a:hover {
    color: #333;
    border: 1px solid #333;
}

.pagination a.page-num-current {
    color: #fff;
    background: #333;
    border: 1px solid #333;
}

.pagination .st {
    font-family: 宋体
}

.text-secondary {
    text-align: center;
    padding: 20px 0
}