* { list-style: none; outline: none; font-family: 微软雅黑, arial; border: none; color: rgb(51, 51, 51); padding: 0px; margin: 0px; }
ul, ol, p { margin-bottom: 0px; padding: 0px; }
.fl { float: left; }
.fr { float: right; }
html, body { height: 100%; }
.bgcolor-f0 { background-color: rgb(240, 240, 240); }
.mb-nav { z-index: 900; position: absolute; width: 250px; height: 100%; top: 0px; right: -300px; background: rgb(51, 51, 51); transition: all 0.5s ease 0s; }
.mb-nav-tit { font-size: 16px; font-weight: bold; line-height: 20px; padding: 15px 0px; color: rgb(153, 153, 153); text-align: center; }
.mb-nav-close { font-size: 15px; line-height: 20px; padding: 15px 0px 15px 15px; color: rgb(221, 221, 221); background: url("../images/close.png") 222px center no-repeat rgb(43, 43, 43); cursor: pointer; }
.mb-fir-nav > li { position: relative; }
.mb-fir-nav > li > a { display: block; width: 100%; font-size: 15px; line-height: 20px; padding: 15px 0px 15px 15px; color: rgb(221, 221, 221); border-bottom: 1px solid rgb(43, 43, 43); }
.mb-nav-arrow { position: absolute; display: block; width: 44px; height: 50px; border-left: 1px solid rgb(43, 43, 43); right: 0px; top: 0px; background: url("../images/up.png") 16px center no-repeat; cursor: pointer; }
.mb-nav-arrow:hover { background: url("../images/up.png") 16px center no-repeat rgb(221, 39, 38); }
.mb-sec-nav { display: none; }
.mb-sec-nav > li > a { display: block; width: 100%; font-size: 15px; line-height: 20px; padding: 15px 0px 15px 35px; color: rgb(221, 221, 221); border-bottom: 1px solid rgb(43, 43, 43); }
.mb-fir-nav > li > a:hover, .mb-sec-nav > li > a:hover { background: rgb(221, 39, 38); }
.index-head { z-index: 999; }
.logo-box { display: block; float: left; width: 418px; padding: 15px 0px; }
.logo-box img { display: block; }
.logo-box .logo2 { display: none; }
.nav-box { float: right; width: calc(100% - 500px); }
.nav-box a { display: block; float: left; width: 16%; height: 100px; padding: 31px 0px; text-align: center; border-right: 1px solid rgb(210, 210, 210); }
.nav-box a:last-of-type { border-right: 0px; }
.nav-box a span { display: block; color: rgb(102, 102, 102); }
.nav-en { font-size: 12px; line-height: 12px; margin-bottom: 10px; }
.nav-cn { font-size: 16px; line-height: 16px; }
.nav-box a:hover, .nav-box a.on-top { background-color: rgb(221, 39, 38); }
.nav-box a:hover span, .nav-box a.on-top span { color: rgb(255, 255, 255); }
.toggle { float: right; cursor: pointer; width: 35px; height: 24px; margin-top: 38px; z-index: 100; display: none; }
.toggle span { display: block; width: 100%; height: 4px; margin-bottom: 6px; background-color: rgb(228, 5, 21); border-radius: 2px; transition: all 0.1s ease 0s; }
.toggle:hover span { background-color: rgb(46, 60, 99); }
  .erweima img { width: 150px; } 
@media (max-width: 1259px) {
  .nav-box { width: calc(100% - 440px); }

}
@media (max-width: 991px) {
  .logo-box .logo1 { display: none; }
  .logo-box .logo2 { display: block; }
  .logo-box { width: 280px; }
  .nav-box { width: calc(100% - 140px); }
}
@media (max-width: 767px) {
  .nav-box { display: none; }
  .toggle { display: block; }
}
.slider { position: relative; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0px; margin: 0px; }
.rslides li { backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0px; top: 0px; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0px; }
.callbacks_tabs { position: absolute; bottom: 5%; z-index: 100; left: 50%; margin-left: -28px; margin-bottom: 0px; }
.callbacks_tabs li { display: inline-block; }
.callbacks_tabs li a { visibility: visible; font-size: 0px; height: 12px; width: 12px; display: block; background: rgb(255, 255, 255); border-radius: 50%; margin: 0px 8px; }
.callbacks_tabs li a:hover, .callbacks_tabs .callbacks_here a { background: rgb(228, 5, 21); }
.callbacks_tabs a { visibility: hidden; }
.sub-banner img { display: block; width: 100%; }
@media (max-width: 640px) {
  .callbacks_tabs { margin-left: -22px; bottom: 15px; }
  .callbacks_tabs li a { height: 10px; width: 10px; margin: 0px 6px; }
}
.more { display: block; width: 160px; height: 40px; line-height: 38px; font-size: 16px; transition: all 0.3s ease 0s; }
.more1 { color: rgb(255, 255, 255); text-align: center; border: 1px solid rgb(221, 39, 38); background-color: rgb(221, 39, 38); }
.more1:hover { color: rgb(221, 39, 38); background-color: transparent; }
.more2 { color: rgb(102, 102, 102); padding-left: 35px; border: 1px solid rgb(102, 102, 102); background: url("../images/arrow_01.png") 110px center no-repeat; }
.more2:hover { background: url("../images/arrow_02.png") 120px center no-repeat rgb(221, 39, 38); color: rgb(255, 255, 255); border: 1px solid rgb(221, 39, 38); }
@media (max-width: 991px) {
  .more { width: 120px; height: 32px; line-height: 30px; font-size: 15px; }
  .more2 { padding-left: 20px; background: url("../images/arrow_01.png") 88px center no-repeat; }
  .more2:hover { background: url("../images/arrow_02.png") 98px center no-repeat rgb(221, 39, 38); }
}
.index-tit-white div { color: rgb(255, 255, 255); }
.index-tit { margin-bottom: 40px; }
.index-tit01 { width: 100%; height: 52px; position: relative; }
.index-tit01::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgb(221, 39, 38); position: absolute; left: 0px; top: 50%; z-index: -1; }
.index-tit01 .index-tit-cn, .index-tit01 .index-tit-en { float: left; width: 50%; padding: 0px 10px; font-size: 22px; line-height: 52px; font-weight: bold; }
.index-tit01 .index-tit-cn { background-color: rgb(221, 39, 38); color: rgb(255, 255, 255); text-align: right; }
.index-tit01 .index-tit-en { background-color: rgb(222, 213, 213); color: rgb(51, 51, 51); text-align: left; }
.index-tit02 { text-align: center; }
.index-tit02 .index-tit-cn { font-size: 22px; line-height: 22px; font-weight: bold; margin-bottom: 10px; }
.index-tit02 .index-tit-en { font-size: 16px; line-height: 16px; }
@media (max-width: 991px) {
  .index-tit01 .index-tit-cn, .index-tit01 .index-tit-en { font-size: 20px; }
}
@media (max-width: 767px) {
  .index-tit { margin-bottom: 30px; }
  .index-tit01 { height: 40px; }
  .index-tit01 .index-tit-cn { width: 35%; font-size: 18px; line-height: 40px; }
  .index-tit01 .index-tit-en { width: 65%; font-size: 14px; line-height: 40px; }
  .index-tit02 .index-tit-cn { font-size: 18px; line-height: 18px; }
  .index-tit02 .index-tit-en { font-size: 14px; line-height: 14px; }
}
@media (max-width: 500px) {
  .index-tit01 .index-tit-cn { font-size: 17px; line-height: 40px; }
  .toolbar { display: none; }
}
.index-pro { padding: 60px 0px; }
.index-pro-nav { margin-bottom: 40px; text-align: center; }
.index-pro-nav a { display: block; float: left; width: calc((100% - 100px) / 6); height: 60px; padding: 10px 5px; text-align: center; margin-right: 20px; position: relative; transition: all 0.8s ease 0s; }
.index-pro-nav a:last-of-type { margin-right: 0px; }
.index-pro-nav a::before, .index-pro-nav a::after { content: ""; display: block; position: absolute; width: 26px; height: 26px; }
.index-pro-nav a::before { border-top: 1px solid rgb(210, 210, 210); border-left: 1px solid rgb(210, 210, 210); left: 0px; top: 0px; }
.index-pro-nav a::after { border-bottom: 1px solid rgb(210, 210, 210); border-right: 1px solid rgb(210, 210, 210); right: 0px; bottom: 0px; }
.ipn-cn { display: block; font-size: 16px; line-height: 16px; margin-bottom: 10px; }
.ipn-en { display: block; font-size: 14px; line-height: 14px; color: rgb(210, 210, 210); }
.index-pro-nav a:hover { background-color: rgb(221, 39, 38); }
.index-pro-nav a:hover span { color: rgb(255, 255, 255); }
.index-pro-nav a:hover::before, .index-pro-nav a:hover::after { display: none; }
.index-pro-list li { float: left; width: 23.5%; margin-bottom: 30px; margin-right: 2%; transition: all 0.5s ease 0s; }
.index-pro-list li:nth-of-type(4n) { margin-right: 0px; }
.ipl-pic { border: 4px solid rgb(204, 204, 204); }
.ipl-pic img { display: block; width: 100%; }
.ipl-tit { display: block; width: 100%; height: 40px; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index-pro-list li:hover .ipl-pic { border: 4px solid rgb(240, 101, 112); }
.index-pro .more { margin: 10px auto 0px; }
@media (max-width: 1259px) {
  .index-pro-nav a { padding: 10px; }
  .ipn-cn { font-size: 14px; line-height: 40px; margin-bottom: 0px; }
  .index-pro-nav a:nth-of-type(6) .ipn-cn { line-height: 20px; }
  .ipn-en { display: none; }
}
@media (max-width: 991px) {
  .index-pro-nav a { padding: 5px; height: 50px; }
  .index-pro-nav a::before, .index-pro-nav a::after { width: 20px; height: 20px; }
  .index-pro-nav a:nth-of-type(5) .ipn-cn { line-height: 20px; }
}
@media (max-width: 767px) {
  .index-pro-nav { margin-bottom: 20px; }
  .index-pro-nav a { display: inline-block; float: none; width: auto; height: 32px; padding: 0px 5px; text-align: center; margin: 0px 2px 10px; border: 1px solid rgb(153, 153, 153); border-radius: 4px; }
  .ipn-cn { display: block; width: 100%; height: 100%; font-size: 14px; line-height: 30px; color: rgb(102, 102, 102); }
  .index-pro-nav a:nth-of-type(5) .ipn-cn, .index-pro-nav a:nth-of-type(6) .ipn-cn { line-height: 30px; }
  .index-pro-nav a::before, .index-pro-nav a::after { display: none; }
  .index-pro-nav a:hover { border: 1px solid rgb(221, 39, 38); }
  .index-pro-list li { width: 32%; margin-right: 0px; margin-bottom: 10px; }
  .index-pro-list li:nth-of-type(3n-1) { margin-left: 2%; margin-right: 2%; }
  .ipl-tit { font-size: 14px; }
}
@media (max-width: 500px) {
  .index-pro-list li { width: 48%; }
  .index-pro-list li:nth-of-type(3n-1) { margin-left: 0px; margin-right: 0px; }
  .index-pro-list li:nth-of-type(2n) { margin-left: 4%; }
}
.index-about { padding: 60px 0px; background: url("../images/index_about_bg.jpg") center center / cover no-repeat; }
.index-about-l { float: left; width: 50%; }
.index-about-l img { display: block; width: 100%; }
.index-about-r { float: right; width: 50%; height: 460px; background-color: rgb(255, 255, 255); padding: 40px 40px 0px; }
.index-about-des span { display: block; font-size: 15px; line-height: 25px; text-indent: 2em; color: rgb(102, 102, 102); }
.index-about-list { margin: 35px 0px; }
.index-about-list li { float: left; border-right: 1px solid rgb(210, 210, 210); padding: 0px 20px; }
.index-about-list li:last-of-type { border-right: 0px; }
.ial-icon { width: 48px; height: 38px; margin: 0px auto 15px; }
.ial-tit { font-size: 14px; color: rgb(102, 102, 102); text-align: center; margin-top: 10px; }
.index-about .more1 { float: right; }
@media (max-width: 1259px) {
  .index-about-des span { font-size: 14px; line-height: 22px; }
  .index-about-r { height: 360px; padding: 20px 20px 0px; }
  .index-about-list { margin: 20px 0px 25px; }
}
@media (max-width: 991px) {
  .index-about-des span { line-height: 20px; }
  .index-about-r { height: 276px; padding: 15px 20px 0px; }
  .index-about-list { display: none; }
}
@media (max-width: 767px) {
  .index-about-l { display: none; }
  .index-about-r { float: none; width: 100%; height: auto; padding: 10px; background-color: rgba(255, 255, 255, 0.3); border-radius: 10px; }
  .index-about-des span { color: rgb(102, 102, 102); line-height: 24px; }
  .index-about .more1 { float: none; margin: 30px auto 0px; }
}
.index-news { padding: 60px 0px; }
.index-news-top { width: 100%; border: 1px solid rgb(153, 153, 153); padding: 30px; }
.int-pic { float: left; width: 360px; position: relative; }
.int-pic img { display: block; width: 100%; height: 202px; position: relative; }
.int-tt { width: 84px; height: 67px; background: url("../images/index_news_tt.png") center center no-repeat; position: absolute; top: 0px; left: 0px; }
.int-info { float: right; width: calc(100% - 390px); }
.int-info-tit { display: block; width: 100%; font-size: 18px; line-height: 24px; height: 24px; font-weight: 600; color: rgb(221, 39, 38); margin: 10px 0px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.int-info-txt { display: block; width: 100%; font-size: 15px; line-height: 26px; height: 78px; overflow: hidden; color: rgb(102, 102, 102); }
.int-info .more2 { margin-top: 20px; }
.index-news-bottom li { float: left; width: 33.3333%; padding: 30px; border-top: 0px; }
.index-news-bottom li:nth-of-type(2) { border-left: 0px; border-right: 0px; }
.inb-date { display: block; margin-bottom: 15px; }
.inb-date-d { display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 16px; background-color: rgb(221, 39, 38); color: rgb(255, 255, 255); text-align: center; margin-right: 10px; }
.inb-date-y { font-size: 14px; line-height: 30px; color: rgb(153, 153, 153); }
.inb-info-tit { display: block; width: 100%; font-size: 16px; line-height: 24px; height: 24px; margin-bottom: 15px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.inb-info-txt { display: block; width: 100%; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: rgb(102, 102, 102); }
.index-news-bottom li:hover .inb-info-tit { text-decoration: underline; color: rgb(221, 39, 38); }
.index-news .more1 { margin: 40px auto 0px; }
@media (max-width: 991px) {
  .index-news-top { padding: 15px; }
  .index-news-bottom li { padding: 15px; }
  .int-info-tit { margin: 15px 0px; }
  .int-info-txt { font-size: 14px; }
  .inb-info-txt { height: 60px; }
}
@media (max-width: 767px) {
  .index-news-top { border: 0px; padding: 0px; width: 100%; margin: 0px auto 20px; }
  .int-pic { float: none; width: 100%; }
  .int-info { float: none; width: 100%; }
  .int-info-tit { font-size: 16px; }
  .int-info-txt { height: auto; font-size: 14px; line-height: 20px; }
  .int-info .more1 { margin-top: 15px; }
  .index-news-bottom li { float: none; width: 100%; margin: 0px auto; padding: 15px 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); }
  .index-news-bottom li:first-of-type { border-top: 1px dashed rgb(153, 153, 153); }
  .inb-date { margin-bottom: 10px; }
  .inb-info-tit { margin-bottom: 10px; }
  .inb-info-txt { height: auto; }
  .index-news .more1 { margin: 30px auto 0px; }
}
.index-adv { padding: 60px 0px; background: url("../images/index_adv_bg.jpg") center center / cover no-repeat fixed; }
.index-adv-box li { float: left; width: 25%; padding: 0px 40px; }
.index-adv-pic { width: 155px; margin: 0px auto 30px; }
.index-adv-pic img { display: block; width: 100%; }
.index-adv-tit { font-size: 18px; line-height: 20px; text-align: center; margin-bottom: 30px; color: rgb(255, 255, 255); font-weight: bold; }
.index-adv-des { font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); }
@media (max-width: 1259px) {
  .index-adv-box li { padding: 0px 25px; }
  .index-adv-pic { width: 140px; margin: 0px auto 10px; }
  .index-adv-tit { font-size: 16px; margin-bottom: 20px; }
  .index-adv-des { font-size: 15px; }
}
@media (max-width: 991px) {
  .index-adv-pic { width: 120px; margin: 0px auto 5px; }
  .index-adv-tit { margin-bottom: 10px; }
  .index-adv-des { font-size: 14px; }
  .index-adv-box li { padding: 0px 15px; }
}
.index-foot { padding: 30px 0px; background: rgb(26, 31, 39); }
.index-foot-l, .index-foot-m { float: left; width: calc((100% - 210px) / 2); }
.index-foot-r { float: right; }
.index-foot-tit { position: relative; height: 50px; margin-bottom: 25px; }
.index-foot-tit::after { content: ""; display: block; width: 60px; height: 4px; background-color: rgb(210, 210, 210); position: absolute; bottom: 0px; left: 0px; }
.index-foot-tit span { font-size: 22px; line-height: 22px; }
.ift-cn { color: rgb(210, 210, 210); padding-right: 18px; }
.ift-en { color: rgb(210, 210, 210); }
.index-foot-add span { display: block; font-size: 14px; line-height: 30px; color: rgb(153, 153, 153); }
.index-foot-nav li { float: left; width: 40%; }
.index-foot-nav li a { font-size: 14px; line-height: 30px; color: rgb(153, 153, 153); }
.index-foot-nav li a:hover { color: rgb(221, 39, 38); }
.foot-link { background-color: rgb(16, 20, 29); padding: 10px 0px; }
.foot-copy { float: left; font-size: 14px; line-height: 24px; color: rgb(204, 204, 204); }
.foot-bei { float: left; font-size: 14px; line-height: 24px; color: rgb(204, 204, 204); margin-left: 20px; }
.foot-tech { float: right; font-size: 14px; line-height: 24px; color: rgb(204, 204, 204); }
.friend-link { margin-top: 10px; }
.friend-link span, .friend-link a { display: inline-block; color: rgb(204, 204, 204); line-height: 20px; margin-right: 10px; }
.foot-link a:hover { text-decoration: underline; }
@media (max-width: 991px) {
  .index-foot-tit { height: 34px; margin-bottom: 15px; }
  .index-foot-tit span { font-size: 16px; line-height: 20px; }
  .ift-cn { padding-right: 10px; font-weight: bold; }
  .index-foot-l { padding-right: 50px; }
  .index-foot-nav li { width: 50%; }
}
@media (max-width: 767px) {
  .foot-copy { float: none; display: block; width: 100%; margin: 0px; }
  .foot-bei { margin-left: 0px; margin-right: 30px; }
  .foot-tech { float: left; }
}
@media (max-width: 991px) {
  .index-pro, .index-about, .index-news, .index-adv { padding: 50px 0px; }
}
@media (max-width: 767px) {
  .index-pro, .index-about, .index-adv, .index-news { padding: 40px 0px; }
  .index-foot { padding: 20px 0px; }
}
.pos { margin-bottom: 50px; background-color: rgb(240, 240, 240); padding: 10px 0px; }
.pos-box span, .pos-box a { line-height: 20px; margin-right: 5px; color: rgb(102, 102, 102); }
.pos-box a:hover { text-decoration: underline; }
.mainlist-pos { padding-left: 280px; }
@media (max-width: 991px) {
  .mainlist-pos { padding-left: 0px; }
}
@media (max-width: 600px) {
  .pos { margin-bottom: 30px; padding: 5px 0px; }
  .pos-box span, .pos-box a { font-size: 12px; }
}
.main { width: 100%; padding-bottom: 40px; }
.mainleft { float: left; width: 220px; margin-right: 60px; }
.mainlist { float: left; width: calc(100% - 280px); }
.maininfo { float: left; width: calc(100% - 280px); }
.mainright { float: left; width: 230px; margin-left: 50px; }
@media (max-width: 991px) {
  .mainleft, .mainlist, .maininfo { float: none; width: 100%; }
}
.left-nav-tit { width: 100%; text-align: center; background-color: rgb(221, 39, 38); padding: 40px 0px; margin-bottom: 1px; }
.lnt-cn { display: block; width: 100%; font-size: 26px; line-height: 26px; color: rgb(255, 255, 255); margin-bottom: 10px; }
.lnt-en { display: block; width: 100%; font-size: 14px; line-height: 14px; color: rgb(255, 255, 255); }
.left-nav-list li a { display: block; width: 100%; padding: 20px; line-height: 20px; margin-bottom: 1px; font-size: 14px; background-color: rgb(240, 240, 240); color: rgb(102, 102, 102); text-align: center; position: relative; overflow: hidden; transition: all 0.8s ease 0s; z-index: 1; }
.left-nav-list li a::before { content: ""; display: block; width: 100%; height: 100%; background-color: rgb(221, 39, 38); position: absolute; left: -100%; top: 0px; transition: all 0.8s ease 0s; z-index: -1; }
.left-nav-list li a:hover::before { left: 0px; }
.left-nav-list li a.hover, .left-nav-list li a:hover { color: rgb(255, 255, 255); background-color: rgb(221, 39, 38); }
.left-nav { position: relative; top: -150px; left: 0px; z-index: 800; }
.left-con { margin-top: -100px; }
.left-con-tit { font-size: 16px; line-height: 16px; font-weight: bold; margin-bottom: 20px; }
.left-con-info li { width: 100%; font-size: 14px; line-height: 25px; padding-left: 30px; color: rgb(102, 102, 102); margin-bottom: 10px; }
.left-con-info li:nth-of-type(1) { background: url("../images/left_nav01.png") left 3px no-repeat; }
.left-con-info li:nth-of-type(2) { background: url("../images/left_nav02.png") left 3px no-repeat; }
.left-con-info li:nth-of-type(3) { background: url("../images/left_nav03.png") left 3px no-repeat; }
@media (max-width: 991px) {
  .left-nav { top: 0px; }
  .left-nav-tit { display: none; }
  .left-nav-list { text-align: center; }
  .left-nav-list li { display: inline-block; margin: 0px 2px; }
  .left-nav-list li a { padding: 0px 10px; height: 32px; line-height: 30px; border: 1px solid rgb(153, 153, 153); color: rgb(102, 102, 102); border-radius: 4px; background-color: rgb(255, 255, 255); }
  .left-nav-list li a:hover { border: 1px solid rgb(221, 39, 38); }
  .left-nav-list li:last-of-type { margin-bottom: 30px; }
}
.snl-tit { width: 100%; height: 50px; font-size: 18px; line-height: 50px; text-align: center; background-color: rgb(221, 39, 38); margin-bottom: 2px; color: rgb(255, 255, 255); }
.snl-info li { padding: 15px 10px; height: 46px; border-bottom: 1px dashed rgb(153, 153, 153); }
.snl-info li span { display: block; width: 20px; height: 16px; float: left; margin-right: 10px; color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; text-align: center; background-color: rgb(153, 153, 153); }
.snl-info li:nth-of-type(1) span { background-color: rgb(221, 39, 38); }
.snl-info li:nth-of-type(2) span { background-color: rgb(221, 39, 38); }
.snl-info li:nth-of-type(3) span { background-color: rgb(221, 39, 38); }
.snl-info li div { float: left; width: calc(100% - 30px); font-size: 14px; line-height: 16px; height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.snl-info li:hover span { background-color: rgb(221, 39, 38); }
.snl-info li:hover div { color: rgb(221, 39, 38); }
.sub-quest-tj { margin-top: 50px; margin-bottom: 50px; }
.tj-tit { width: 100%; height: 30px; padding-left: 25px; background: url("../images/tit_bg.jpg") left center no-repeat; font-size: 16px; line-height: 30px; color: rgb(255, 255, 255); }
.sub-tjquest-box, .sub-tjpro-box { padding: 25px 10px; border-bottom: 1px solid rgb(153, 153, 153); }
.sub-tjquest-box li { width: 48%; height: 28px; overflow: hidden; }
.sub-tjquest-box li:nth-of-type(2n) { float: right; }
.sub-tjquest-box li:nth-of-type(2n+1) { float: left; }
.sub-tjquest-box li .tj-dot { display: block; float: left; width: 6px; height: 6px; margin-top: 11px; border-radius: 50%; background-color: rgb(221, 39, 38); margin-right: 10px; }
.sub-tjquest-box li div { float: left; width: calc(100% - 110px); font-size: 14px; line-height: 28px; height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub-tjquest-box li .tj-date { display: block; float: right; font-size: 12px; line-height: 28px; color: rgb(102, 102, 102); }
.sub-tjquest-box li:hover div, .sub-tjquest-box li:hover .tj-date { color: rgb(221, 39, 38); }
@media (max-width: 1229px) {
  .sub-tjquest-box li .tj-date { display: none; }
  .sub-tjquest-box li div { width: calc(100% - 20px); }
}
.sub-tjpro-box li { float: left; width: 23.5%; margin-right: 2%; }
.sub-tjpro-box li:last-of-type { margin-right: 0px; }
.sub-tjpro-box li img { width: 100%; border: 1px solid rgb(153, 153, 153); }
.sub-tjpro-box li span { display: block; width: 100%; height: 20px; font-size: 14px; line-height: 20px; margin-top: 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub-tjpro-box li:hover img { border: 1px solid rgb(221, 39, 38); box-shadow: rgba(12, 143, 215, 0.3) 0px 0px 8px; }
.sub-tjpro-box li:hover span { color: rgb(221, 39, 38); }
#pageDiv { clear: both; margin: 20px 0px; overflow: hidden; padding-top: 10px; text-align: center; font-size: 12px; }
#pageDiv ul li { display: inline-block; border: 1px solid rgb(204, 204, 204); padding: 4px 12px; margin: 0px 1px; line-height: 24px; background: rgb(255, 255, 255); color: rgb(153, 153, 153); }
#pageDiv ul li:hover { background: rgb(27, 27, 27); color: rgb(255, 255, 255); border: 1px solid rgb(27, 27, 27); }
#pageDiv ul li:hover a { color: rgb(255, 255, 255); }
#pageDiv ul li.thisclass { display: inline-block; border: 1px solid rgb(27, 27, 27); padding: 4px 12px; margin: 0px 1px; background: rgb(27, 27, 27); color: rgb(255, 255, 255); }
#pageDiv ul li.thisclass a { color: rgb(255, 255, 255); }
#pageDiv ul li a { display: block; color: rgb(153, 153, 153); }
#pageDiv ul li a:hover { color: rgb(255, 255, 255); }
@media (max-width: 991px) {
  #pageDiv { float: none; margin: 0px auto; }
}
@media (max-width: 767px) {
  #pageDiv span, #pageDiv a { font-size: 12px; }
}
.sub-prenext { margin-top: 30px; }
.sub-prenext div span { font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; margin-right: 10px; }
.sub-prenext div a { font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; }
.sub-prenext div a:hover { color: rgb(221, 39, 38); }
.sub-back { display: block; width: 130px; padding-left: 20px; text-align: center; font-size: 14px; line-height: 32px; height: 32px; background: url("../images/back.png") 8px center no-repeat rgb(221, 39, 38); color: rgb(255, 255, 255); border-radius: 5px; margin-top: 10px; position: relative; top: 0px; }
.sub-back:hover { top: -2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 6px 1px; }
.sub-prolist { margin-bottom: 10px; }
.sub-prolist li { float: left; width: 30%; margin-bottom: 30px; }
.sub-prolist li:nth-of-type(3n-1) { margin-left: 5%; margin-right: 5%; }
.sub-prolist-pic { border: 4px solid rgb(204, 204, 204); }
.sub-prolist-pic img { display: block; width: 100%; }
.sub-prolist-tit { display: block; width: 100%; height: 40px; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub-prolist li:hover .sub-prolist-pic { border: 4px solid rgb(240, 101, 112); }
@media (max-width: 1259px) {
  .sub-prolist li { width: 32%; }
  .sub-prolist li:nth-of-type(3n-1) { margin-left: 2%; margin-right: 2%; }
}
@media (max-width: 767px) {
  .sub-prolist { margin-bottom: 20px; }
  .sub-prolist li { margin-bottom: 10px; }
  .sub-prolist-tit { font-size: 14px; }
}
@media (max-width: 500px) {
  .sub-prolist li { width: 48%; }
  .sub-prolist li:nth-of-type(3n-1) { margin: 0px 0px 10px; }
  .sub-prolist li:nth-of-type(2n+1) { margin: 0px 4% 10px 0px; }
}
.sub-newslist { margin-bottom: 40px; }
.sub-newslist li { padding-bottom: 20px; border-bottom: 1px solid rgb(245, 245, 245); margin-bottom: 20px; }
.sub-newslist-date { float: left; width: 70px; height: 70px; padding: 12px 0px; margin-right: 20px; text-align: center; background-color: rgb(221, 39, 38); }
.sub-newslist-d { display: block; font-size: 24px; font-weight: bold; line-height: 24px; height: 24px; margin-bottom: 10px; color: rgb(255, 255, 255); }
.sub-newslist-ym { display: block; font-size: 12px; line-height: 12px; height: 12px; color: rgb(255, 255, 255); }
.sub-newslist-info { float: right; width: calc(100% - 90px); }
.sub-newslist-tit { font-size: 16px; font-weight: bold; line-height: 16px; height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
.sub-newslist-des { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; text-indent: 2em; }
.sub-newslist li:hover .sub-newslist-tit { color: rgb(221, 39, 38); }
@media (max-width: 600px) {
  .sub-newslist-date { width: 60px; margin-right: 10px; }
  .sub-newslist-info { width: calc(100% - 70px); }
}
.sub-newstit { font-size: 20px; line-height: 20px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.sub-newsdate { font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed rgb(221, 221, 221); }
.sub-newsdate span { margin: 0px 15px; color: rgb(102, 102, 102); }
@media (max-width: 600px) {
  .sub-newstit { font-size: 16px; margin-bottom: 10px; }
  .sub-newsdate { font-size: 12px; line-height: 20px; padding-bottom: 10px; }
}
.sub-protit { font-size: 20px; line-height: 20px; font-weight: bold; text-align: center; padding-bottom: 20px; border-bottom: 1px dashed rgb(221, 221, 221); }
.sub-proinfo { padding-top: 30px; }
.sub-proinfo p { margin-top: 15px; }
.sub-proinfo img { max-width: 100%; height: auto; }
@media (max-width: 600px) {
  .sub-protit { font-size: 16px; padding-bottom: 10px; }
}
.sub-contact-list li { float: left; margin-top: 50px; padding-left: 80px; }
.sub-contact-list li:nth-of-type(2n-1) { width: 60%; }
.sub-contact-list li:nth-of-type(2n) { width: 40%; }
.sub-contact-li01 { background: url("../images/cont_icon01.png") left center no-repeat; }
.sub-contact-li02 { background: url("../images/cont_icon02.png") left center no-repeat; }
.sub-contact-li03 { background: url("../images/cont_icon03.png") left center no-repeat; }
.sub-contact-li04 { background: url("../images/cont_icon04.png") left center no-repeat; }
.sub-contact-li05 { background: url("../images/cont_icon05.png") left center no-repeat; }
.sub-contact-li06 { background: url("../images/cont_icon06.png") left center no-repeat; }
.sub-contact-tit { font-size: 20px; line-height: 20px; font-weight: bold; }
.sub-contact-des { display: inline-block; font-size: 16px; line-height: 24px; color: rgb(102, 102, 102); padding-top: 10px; margin-top: 13px; border-top: 1px solid rgb(221, 221, 221); }
@media (max-width: 991px) {
  .sub-contact-list li { padding-left: 70px; }
}
@media (max-width: 767px) {
  .sub-contact-list li { float: none; margin-top: 30px; padding-left: 55px; background-size: 40px; }
  .sub-contact-list li:nth-of-type(2n-1), .sub-contact-list li:nth-of-type(2n) { width: 100%; }
  .sub-contact-tit { font-size: 16px; line-height: 20px; }
  .sub-contact-des { font-size: 14px; line-height: 20px; padding-top: 5px; margin-top: 5px; }
}
@media (max-width: 500px) {
  .sub-contact-list li { width: 100%; }
  .sub-contact-list li:nth-of-type(2n) { margin-left: 0px; }
}
.page-feedback-txt { color: rgb(102, 102, 102); }
.feedback-tit { line-height: 32px; font-weight: bold; color: rgb(102, 102, 102); margin-top: 40px; }
.cus-mes { width: 100%; height: 140px; line-height: 24px; padding: 10px; border: 1px solid rgb(174, 174, 174); border-radius: 4px; }
.feedback-line1, .feedback-line2, .feedback-line3 { width: 100%; }
.feedback-line3 { margin-top: 20px; }
.cus-info { margin-top: 20px; display: block; float: left; width: 23.5%; margin-right: 2%; height: 44px; line-height: 24px; padding: 10px; border: 1px solid rgb(174, 174, 174); border-radius: 4px; }
.cus-info:nth-of-type(1) { }
.cus-info:nth-of-type(2) { background: url("") 10px center no-repeat; }
.cus-info:nth-of-type(3) { background: url("") 10px center no-repeat; }
.cus-info:nth-of-type(4) { background: url("") 10px center no-repeat; margin-right: 0px; }
.captcha { display: block; float: left; width: 23.5%; margin-right: 2%; height: 44px; line-height: 24px; padding: 10px; border: 1px solid rgb(174, 174, 174); border-radius: 4px; }
.captcha-img { float: left; width: 85px; height: 32px; margin-top: 6px; border: 1px solid rgb(174, 174, 174); border-radius: 4px; }
.captcha-img img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.feedback-submit, .feedback-reset { display: block; float: left; width: 49%; height: 44px; line-height: 24px; padding: 10px; border-radius: 4px; color: rgb(255, 255, 255); }
.feedback-submit { margin-right: 2%; background-color: rgb(221, 39, 38); }
.feedback-reset { background-color: rgb(187, 187, 187); }
.feedback-submit:hover { background-color: rgb(190, 32, 31); }
.feedback-reset:hover { background-color: rgb(153, 153, 153); }
@media (max-width: 767px) {
  .cus-mes { padding: 5px; }
  .cus-info { padding: 5px 5px 5px 10px; height: 34px; }
  .cus-info:nth-of-type(1) { background: url("") 5px center / 16px no-repeat; }
  .cus-info:nth-of-type(2) { background: url("") 5px center / 16px no-repeat; }
  .cus-info:nth-of-type(3) { background: url("") 5px center / 16px no-repeat; }
  .cus-info:nth-of-type(4) { background: url("") 5px center / 16px no-repeat; }
  .captcha { height: 34px; padding: 5px; }
  .captcha-img { margin-top: 1px; }
  .feedback-submit, .feedback-reset { height: 34px; padding: 5px; }
}
@media (max-width: 680px) {
  .feedback-tit { margin-top: 20px; }
  .cus-info { width: 48%; margin-bottom: 10px; }
  .captcha { width: 49%; }
  .cus-info:nth-of-type(2) { margin-right: 0px; }
}
.toolbar { width: 50px; position: fixed; right: 1%; top: 44%; z-index: 999; }
.toolbar dd { width: 50px; height: 50px; margin-bottom: 1px; position: relative; background: url("../images/black20.png") 0px 0px repeat; border-radius: 100%; }
.toolbar dd i { width: 50px; height: 50px; display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; text-align: center; border-radius: 100%; }
.toolbar dd i span { width: 35px; height: 35px; display: block; margin: 7px 0px 0px 7px; background: url("../images/rightfixicon.png") 0px 0px no-repeat; }
.toolbar dd.gottop { display: none; }
.toolbar .slide-tel { display: block; width: 0px; height: 50px; line-height: 50px; font-size: 18px; font-family: arial; color: rgb(255, 255, 255); position: absolute; padding: 0px 0px 0px 50px; top: 0px; right: 0px; overflow: hidden; border-radius: 50px; transition: all 0s ease-in-out 0s; }
.toolbar .pop { position: absolute; right: 90px; top: -51px; background: rgb(221, 39, 38); display: none; }
.toolbar .pop-code { width: 160px; }
.toolbar .pop-code img { width: 160px; display: block; padding: 20px 20px 0px; }
.toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; white-space: nowrap; }
.toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; }
.toolbar .qq span { background-position: 0px -47px; }
.toolbar .qq a { width: 50px; height: 50px; cursor: pointer; display: block; }
.toolbar .qq:hover { background: rgb(221, 39, 38); }
.toolbar .tel span { background-position: 0px 0px; }
.toolbar .tel:hover { background: rgb(221, 39, 38); }
.toolbar .code span { background-position: 0px -95px; }
.toolbar .code:hover { background: rgb(221, 39, 38); }
.toolbar .top span { background-position: 0px -142px; }
.toolbar .top:hover { background: rgb(221, 39, 38); }
.pages a, .pages span { color: rgb(102, 102, 102); padding: 0px 15px; margin: 0px 3px; display: inline-block; vertical-align: middle; line-height: 34px; background: rgb(249, 249, 249); border: 1px solid rgb(242, 242, 242); }
.pages a:hover { display: inline-block; color: rgb(255, 255, 255); background: rgb(220, 11, 1); border-color: rgb(220, 11, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 14px; }
.pages span { display: inline-block; color: rgb(102, 102, 102); }
.pages a.page-num-current { display: inline-block; color: rgb(255, 255, 255); background: rgb(220, 11, 1); border-color: rgb(220, 11, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 14px; }