/* Page Flash */
.flash { position: relative;}
.flash img { width: 100%;}


/* Page Public */
.pb-bg { padding: 3.4% 0 5.25%; background-color: #fff;}
.pb-bg .pb-zb { width: 300px;}
.pb-bg .pb-zb .pb-bx { margin-bottom: 20px;}
.pb-bg .pb-zb .pb-bx h3 { font-size: 20px; font-weight: bold; color: #fff; line-height: 50px; background: #e6002e; padding: 0 20px;}
.pb-bg .pb-zb .pb-bx .pb-fl { padding: 0 20px; background:#f5f5f5;}
.pb-bg .pb-zb .pb-bx .pb-fl a { display: block; font-size: 15px; color: #666; line-height: 20px; padding: 15px 0; -webkit-transition: all .25s ease; transition: all .25s ease;}
.pb-bg .pb-zb .pb-bx .pb-fl a+a { border-top: 1px solid #e9e9e9;}
.pb-bg .pb-zb .pb-bx .pb-fl a:hover, .pb-bg .pb-zb .pb-bx .pb-fl a.clicked { font-weight: bold; color: #e6002e;}
.pb-bg .pb-zb .pb-bx .pb-xw { padding: 10px 0 12px; background:#f5f5f5;}
.pb-bg .pb-zb .pb-bx .pb-xw a { display: block; font-size: 14px; color: #666; line-height: 1; padding: .5em 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .25s ease; transition: all .25s ease;}
.pb-bg .pb-zb .pb-bx .pb-xw a:hover { color: #e6002e;}
.pb-bg .pb-zb .pb-bx .pb-lx { padding: 10px 0 12px; background:#f5f5f5;}
.pb-bg .pb-zb .pb-bx .pb-lx p { font-size:14px; color: #666; line-height: 1; padding: .5em 20px;}
.pb-bg .pb-zb .pb-ig { background: url(../Images/message.jpg) no-repeat center; background-size: cover; height: 105px;}
.pb-bg .pb-zb .pb-ig a { display: block; width: 100%; height: 100%;}

.pb-bg .pb-yb { width: calc(100% - 400px);}
.pb-bg .pb-yb .pb-wz { font-size: 14px; color: #999; margin-bottom: 35px;}
.pb-bg .pb-yb .pb-nr { font-size: 14px; color: #666;}

@media screen and ( max-width: 1440px ) {
    .pb-bg .pb-yb { width: calc(100% - 375px);}
}
@media screen and ( max-width: 1024px ) {
    .pb-bg .pb-zb { display: none;}
    .pb-bg .pb-yb { width: 100%;}
    .pb-bg .pb-yb .pb-wz { margin-bottom: 25px;}
}


/* Page About */
.gs-tx { font-size: 15px; line-height: 30px;}
.gs-tx p+p { margin-top: 25px;}
.gs-tx p:last-child { margin-top: 45px;}
.gs-tx p span { font-family: Microsoft YaHei;}
.gs-tx p strong { display: block; color: #333;}
.gs-tx p img { width: auto !important; max-width: 100%; height: auto !important;}
.gs-lx { font-size: 30px; font-weight: bold; color: #333; padding-top: 15px;}

@media screen and ( max-width: 1024px ) {
    .gs-tx { font-size: 14px; line-height: 28px;}
    .gs-tx p+p { margin-top: 20px;}
    .gs-tx p:last-child { margin-top: 35px;}
    .gs-lx { font-size: 28px;}
}


/* Page News */
.xw-ls { flex-wrap: wrap; justify-content: flex-start;}
.xw-ls a { width: 48.5%; margin-right: 3%; padding: 25px; background-color: #fff; border: 1px solid #f0f0f0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xw-ls a:nth-child(2n) { margin-right: 0;}
.xw-ls a:nth-child(n+3) { margin-top: 3%;}
.xw-ls a:hover { border-color: #e6002e; background-color: #e6002e;}
.xw-ls a h4 { font-size: 14px; font-weight: normal; color: #a0a0a0; margin: 12px 0 11px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-ls a h3 { font-size: 20px; font-weight: normal; color: #333; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-ls a p { font-size: 14px; color: #666; line-height: 24px;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-ls a:hover h4, .xw-ls a:hover h3, .xw-ls a:hover p { color: #fff;}

.xw-nm { font-size: 30px; color: #333;}
.xw-in { font-size: 14px; color: #999; margin-top: 12px;}
.xw-in span { margin: 0 5px;}
.xw-js { font-size: 14px; color: #666; line-height: 30px; margin-top: 35px;}
.xw-js img { width: auto !important; max-width: 100%; height: auto !important;}
.xw-xy { margin-top: 59px;}
.xw-xy a { display: block; font-size: 14px; color: #999; line-height: 30px; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xw-xy a:hover { color: #e6002e;}

@media screen and (max-width: 1024px) {
    .xw-ls a { padding: 20px;}
    .xw-nm { font-size: 30px;}
    .xw-in { font-size: 16px; margin-top: 15px;}
    .xw-js { font-size: 14px; line-height: 30px;}
    .xw-xy { margin-top: 43px;}
    .xw-xy a { font-size: 14px;}
}
@media screen and (max-width: 640px) {
    .xw-ls a { width: 100%; margin-right: 0;}
    .xw-ls a:nth-child(3n) { margin-right: 0;}
	.xw-ls a:nth-child(n+2) { margin-top: 25px;}
    .xw-ls a h3 { font-size: 18px;}
    .xw-nm { font-size: 24px; line-height: 33px;}
    .xw-in { font-size: 14px; margin-top: 5px;}
}
@media screen and (max-width: 480px) {
    .xw-xy { margin-top: 28px; flex-wrap: wrap;}
    .xw-xy a { width: 100%;}
}


/* Page Page */
.flip { display: table; margin: 4.7% auto 0; clear: both;}
.flip a { display: block; float: left; padding: 0 12px; margin: 0 2px; line-height: 28px; background-color: #fff; border: 1px solid #f0f0f0; cursor: pointer;}
.flip a:hover { color: #fff; border-color: #e6002e; background-color: #e6002e;}
.flip a.pgNt { color: #e6002e;}
.flip a.pgNt:hover { color: #fff;}
.flip a.pgCn { padding: 0 8px;}
.flip a.pgJt { font-family: "SimSun", "NSimSun", "FangSong"; color: #a0a0a0;}
.flip a.pgJt:hover { color: #fff;}
.flip02 a { background:#fff;}
.flip02 a:hover { background-color: #e6002e;}
@media screen and ( max-width: 480px ) {
    .flip { margin-top: 28px;}
    .flip a { line-height: 24px; padding: 0 10px; margin: 2px;}
    .flip a.pgCn { padding: 0 5px;}
}


/* Page Products */
.pr-ls { flex-wrap: wrap;  justify-content: flex-start;}
.pr-ls a { width: 22.75%; margin-right: 3%; background-color: #fff; border: 1px solid #f0f0f0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-ls a:hover { border-color: #e6002e; background-color: #e6002e;}
.pr-ls a:nth-child(4n) { margin-right: 0;}
.pr-ls a:nth-child(n+5) { margin-top: 3%;}
.pr-ls a dl { width: 100%; overflow: hidden;}
.pr-ls a dl img { width: 100%; -webkit-transition: all .75s ease; transition: all .75s ease;}
.pr-ls a:hover dl img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.pr-ls a h3 { font-size: 14px; font-weight: normal; color: #333; padding: 8px 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-ls a:hover h3 { color: #fff;}

.pr-nm { font-size: 30px; color: #333;}
.pr-ig { margin: 25px 0; text-align: center;}
.pr-ig img{ width: auto !important; max-width: 100%; height: auto !important;}
.pr-tx { font-size: 14px; color: #666; line-height: 30px;}
.pr-tx img{ width: auto !important; max-width: 100%; height: auto !important;}
.pr-tx strong { color: #e6002e;}
.pr-mg { margin-top: 5px;}
.pr-xg h2 { font-size: 20px; font-weight: normal; color: #333; margin: 3.9vw 0 22px;}
.pr-xg-xw { flex-wrap: wrap;}
.pr-xg-xw a { width: 48%; border-bottom: 1px solid #f0f0f0; line-height: 44px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pr-xg-xw a:nth-child(1), .pr-xg-xw a:nth-child(2) { border-top: 1px solid #f0f0f0;}
.pr-xg-xw a:hover { background-color: #e6002e; padding: 0 15px;}
.pr-xg-xw a h3 { width: 70%; font-size: 14px; font-weight: normal; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .35s ease; transition: all .35s ease;}
.pr-xg-xw a:hover h3 { color: #fff;}
.pr-xg-xw a h4 { font-size: 14px; font-weight: normal; color: #999; -webkit-transition: all .35s ease; transition:all .35s ease;}
.pr-xg-xw a:hover h4 { color: #fff;}

@media screen and (max-width: 1440px) { 
    .pr-ls a { width: 31.5%; margin-right: 2.75%;}
    .pr-ls a:nth-child(4n) { margin-right: 2.75%;}
    .pr-ls a:nth-child(3n) { margin-right: 0;}
    .pr-ls a:nth-child(n+4) { margin-top: 2.75%;}
    .pr-xg h2 { margin-top: 6.9vw;}
}
@media screen and (max-width: 1024px) { 
    .pr-xg-xw a { line-height: 49px;}
    .pr-xg-xw a h3 { font-size: 14px;}
    .pr-xg-xw a h4 { font-size: 12px;}
}
@media screen and (max-width: 640px) { 
    .pr-ls a { width: 48.5%; margin-right: 3%;}
    .pr-ls a:nth-child(3n) { margin-right: 3%;}
    .pr-ls a:nth-child(2n) { margin-right: 0;}
    .pr-ls a:nth-child(n+3) { margin-top: 3%;}
    .pr-xg h2 { font-size: 18px; margin: 50px 0 22px;}
    .pr-xg-xw a { width: 100%; line-height: 39px;}
    .pr-xg-xw a:nth-child(2) { border-top: 0;}
    .pr-xg-xw a:last-child { border-bottom: 0;}
}