* { padding: 0px; margin: 0px; box-sizing: border-box; font-weight: normal; outline: none; }
html, body { color: rgb(51, 51, 51); font-size: 16px; font-family: 微软雅黑; text-align: left; margin-left: auto !important; margin-right: auto !important; }
li { list-style: none; }
a { text-decoration: none; color: rgb(51, 51, 51); }
img, input { border: 0px; outline: none; }
body .clear { clear: both; height: 0px !important; width: 0px !important; border: none !important; margin: 0px !important; padding: 0px !important; float: none !important; }
.clearfix::after { content: ""; clear: both; display: block; overflow: hidden; font-size: 0px; height: 0px; }
.titline i { display: inline; font-style: normal; position: relative; background-image: linear-gradient(rgb(192, 0, 0), rgb(192, 0, 0)); background-position: right bottom; background-size: 0px 1px; background-repeat: no-repeat; transition: background-size 0.8s ease 0s; font-weight: inherit; }
a:hover .titline { color: rgb(192, 0, 0); }
a:hover .titline i { background-position: left bottom; background-size: 100% 1px; font-weight: inherit; color: inherit; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.px1300 { max-width: 1300px; margin: 0px auto; }
.pic { padding-top: 75%; position: relative; overflow: hidden; }
.pic img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; }
a:hover .pic img { transform: scale(1.1); }
a:hover .icon img { animation: 1s linear 0s 1 normal none running jello; }
@keyframes icon-yh { 
  0% { transform: rotateZ(0deg); }
  10% { transform: rotateZ(10deg); }
  20% { transform: rotateZ(0deg); }
  30% { transform: rotateZ(-10deg); }
  40% { transform: rotateZ(0deg); }
  50% { transform: rotateZ(10deg); }
  60% { transform: rotateZ(0deg); }
  70% { transform: rotateZ(-10deg); }
  80% { transform: rotateZ(0deg); }
  90% { transform: rotateZ(10deg); }
  100% { transform: rotateZ(0deg); }
}
@keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes ygd { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.wap { display: none !important; }
.head { line-height: 35px; font-size: 14px; color: rgb(255, 255, 255); padding-top: 20px; margin-bottom: 48px; }
.head-l ul li { float: left; position: relative; margin-left: 20px; }
.head-l ul li a { display: block; font-size: 0px; }
.head-l ul li a img { display: inline-block; vertical-align: middle; }
.head-l ul li:hover div { display: block; }
.head-l ul li div { position: absolute; left: 50%; transform: translateX(-50%); display: none; background: rgb(255, 255, 255); padding: 5px; border-radius: 2px; }
.head-l ul li div img { display: block; width: 100px; }
.head-r a { display: inline-block; margin-left: 20px; padding-left: 15px; padding-right: 15px; position: relative; transition: all 0.3s ease 0s; background-color: rgba(237, 252, 255, 0.2); border-radius: 4px; font-size: 16px; color: rgb(200, 11, 13); }
.head-r a:first-child img { vertical-align: -2px; padding-right: 10px; }
.head-r a::after { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background-color: rgb(255, 255, 255); }
.head-r a:first-child::after { display: none; }
.head-r a:hover { background: rgb(200, 11, 13); color: rgba(255, 255, 255, 0.8); }
.banner img { display: block; width: 100%; }
.logo { float: left; }
.logo a { display: block; width: 485px; margin: 0px auto; font-size: 0px; }
.logo a img { display: inline-block; vertical-align: middle; max-width: 100%; }
.search { width: 360px; background: rgb(237, 252, 255); margin: 10px auto 0px; position: relative; float: right; padding: 8px 0px; }
input, button { border: none; outline: none; }
.search .text { padding-left: 15px; padding-right: 120px; height: 34px; font-size: 16px; background: none; color: rgb(51, 51, 51); display: block; width: 100%; }
.search .button { width: 100px; height: 34px; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; cursor: pointer; font-size: 18px; font-weight: normal; color: rgb(200, 11, 13); padding-left: 36px; border-left: 1px solid rgb(201, 201, 201); }
.search input::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.nav { height: 55px; line-height: 55px; background-color: rgb(200, 11, 13); clear: both; }
.nav > ul { font-size: 0px; z-index: 9999999; }
.nav > ul > li { float: left; position: relative; z-index: 2147483647; width: 10%; }
.nav > ul > li:first-child { margin-left: 0px; }
.nav > ul > li:first-child img { vertical-align: -3px; padding-right: 10px; }
.nav > ul > li:nth-child(7) { margin-right: 0px; }
.nav > ul > li::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 65px; background-color: rgb(214, 35, 30); display: none; transition: all 0.3s ease 0s; z-index: -1; }
.nav > ul > li.active::before { display: block; }
.nav > ul > li::after { content: ""; position: absolute; left: 100%; top: -10px; border-width: 5px 5px 6px; border-style: solid; border-color: transparent transparent rgb(158, 4, 1) rgb(158, 4, 1); z-index: -1; display: none; }
.nav > ul > li.active::after { display: block; }
.nav > ul > li.active > a { top: -5px; }
.nav > ul > li > a { display: block; font-size: 20px; font-weight: bold; line-height: 55px; color: rgb(255, 255, 255); text-align: center; position: relative; top: 0px; z-index: 1; transition: all 0.3s ease 0s; }
.nav > ul > li:hover > a { background-color: rgb(214, 35, 30); }
.nav > ul > li.on > div { border-top: 3px solid rgb(255, 255, 255); }
.nav > ul > li > a::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.nav > ul > li.on > a::after { border-bottom: 5px solid rgb(255, 255, 255); }
.nav > ul > li.on > a > span { transform: rotate(-180deg); }
.nav > ul > li > div { position: absolute; top: 100%; width: 100%; min-width: 120px; left: 50%; transform: translateX(-50%); background: rgb(255, 255, 255); z-index: 9999; overflow: hidden; line-height: normal; display: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }
.nav > ul > li > div > ul { overflow: hidden; }
.nav > ul > li > div > ul > li > a { display: block; text-align: center; font-size: 16px; line-height: 40px; transition: all 0.3s ease 0s; }
.nav > ul > li > div > ul > li a:hover { background: rgb(200, 11, 13); color: rgb(255, 255, 255); }
.wap-menu { position: fixed; top: 0px; right: 0px; z-index: 99999; font-size: 0px; width: 40px; height: 40px; justify-content: center; align-items: center; text-align: center; background: rgb(255, 255, 255); }
.wap-menu.on { background: rgb(255, 255, 255); }
.wap-menu img { height: 20px; margin: 10px auto; }
.close-menu { display: none; position: absolute; right: 10px; top: 0px; }
#link { margin-top: 40px; }
.links { background: rgb(255, 240, 240); }
.home_links { padding: 25px 0px; height: auto; overflow: hidden; }
.home_links .link { margin: 0px auto; text-align: center; }
.dhlj { font-size: 0px; }
.dhlj li { display: inline-block; text-align: left; padding: 0px 40px; font-size: 20px; color: rgb(200, 11, 13); line-height: 26px; cursor: pointer; font-weight: 600; }
.dhlj li p { padding-right: 25px; background: url("../images/link.png") right center no-repeat; font-weight: 600; }
.dhlj li.on p { background: url("../images/linkxz.png") right center no-repeat; }
.home_links_drop { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 10px; }
.home_links_drop ul { display: none; font-size: 16px; padding: 20px 10px; overflow: hidden; max-width: 1200px; margin: 0px auto; }
.home_links_drop ul li { float: left; width: 20%; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.home_links_drop ul li a { display: block; }
.home_links_drop ul li a:hover { color: rgb(36, 83, 153); }
.footer { padding: 30px 10px; position: relative; background: rgb(182, 8, 10); }
.footer p { line-height: 30px; text-align: center; font-size: 18px; font-weight: normal; color: rgb(255, 255, 255); }
.goTop a { display: block; position: absolute; right: 20px; top: -140px; width: 73px; height: 73px; background-size: cover; text-align: center; font-size: 18px; font-weight: 600; line-height: 73px; color: rgb(255, 255, 255); }
.goTop a::before { content: ""; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-image: initial; border-color: transparent transparent rgb(255, 255, 255); position: absolute; left: 31px; top: 21px; }
.tabBox .hd { height: 40px; border-bottom: 1px solid rgb(200, 11, 13); position: relative; margin-bottom: 20px; overflow: hidden; }
.tabBox .hd ul { top: 0px; overflow: auto hidden; padding-bottom: 10px; white-space: nowrap; font-size: 0px; float: left; max-width: 100%; }
.tabBox .hd ul li { display: inline-block; color: rgb(17, 17, 17); margin-right: 20px; position: relative; padding: 0px 15px; font-size: 22px; line-height: 30px; }
.tabBox .hd ul li.on::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 0px 7px 9px; border-color: transparent transparent rgb(204, 5, 0); bottom: -11px; background: transparent; }
.tabBox .hd ul li a { display: block; }
.tabBox .hd ul .on a { color: rgb(200, 11, 13); font-weight: bold; }
.tabBox .hd ul .on a { display: block; }
.tabBox .hd dl { position: absolute; right: 0px; top: 5px; }
.tabBox .hd dl dd.on { display: block; font-size: 14px; color: rgb(17, 17, 17); }
.tabBox .hd dl dd { display: none; }
.tabBox .hd dl dd a { display: block; color: rgb(153, 153, 153); }
.tabBox .hd dl dd a:hover { color: rgb(200, 11, 13); }
.tabBox .bd { display: table; table-layout: fixed; }
.tabBox .bd ul { position: relative; }
.tabBox .bd li { line-height: 33px; }
.tabBox .bd li a { color: rgb(102, 102, 102); }
.tabBox .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.tabBox .bd { display: table; table-layout: fixed; }
.tabBox .bd .gd { text-align: center; margin-top: 10px; display: none; }
.tabBox .bd .gd a { display: block; font-size: 14px; color: rgb(17, 17, 17); }
.public-list dd { font-size: 16px; line-height: 44px; }
.public-list dd:first-child { border-top: none; }
.public-list dd span { float: right; padding-left: 15px; }
.public-list dd a { display: block; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.public-list dd a:hover { color: rgb(200, 11, 13); font-weight: bold; }
.public-list-lh40 dd { line-height: 40px; }
.public-list-lh42 dd { line-height: 42px; }
.public-list-lh40 dd { line-height: 40px; }
.public-list-nospan dd span { display: none; }
.public-list-icon2 dd a { display: block; background: url("../images/icon-hsj2.png") left center no-repeat; padding-left: 20px; }
.public-list2 { }
.public-list2 li { float: left; width: 48%; }
.public-list2 li:nth-child(2n) { margin-left: 4%; }
.public-list2 li a { display: block; background-color: rgb(255, 255, 255); box-shadow: rgba(106, 106, 106, 0.2) 0px 0px 30px 0px; padding: 35px 15px 50px; }
.public-list2 li a span { display: block; padding-left: 20px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: rgb(51, 51, 51); background: url("../images/icon-time.png") left center no-repeat; }
.public-list2 li a h3 { font-size: 16px; font-weight: normal; line-height: 30px; height: 90px; overflow: hidden; color: rgb(51, 51, 51); margin: 15px 0px 25px; }
.public-list2 li a p { font-size: 14px; line-height: 26px; height: 104px; color: rgb(153, 153, 153); overflow: hidden; }
.public-list2 li a:hover h3 { color: rgb(200, 11, 13); }
.public-list3 li a { display: block; position: relative; }
.public-list3 li a .pic { padding-top: 70%; }
.public-list3 li a span { position: absolute; right: 20px; top: 20px; width: 102px; height: 30px; background-color: rgba(36, 36, 36, 0.6); text-align: center; line-height: 30px; font-size: 14px; font-weight: normal; color: rgb(255, 255, 255); }
.public-list3 li a p { font-size: 18px; font-weight: normal; line-height: 30px; letter-spacing: 1px; max-height: 60px; overflow: hidden; color: rgb(51, 51, 51); margin-top: 20px; padding: 0px 10px; }
.public-list3 li a:hover span { background: rgba(200, 11, 13, 0.9); }
.public-list3 li a:hover p { color: rgb(200, 11, 13); }
.public-list4 { overflow: hidden; }
.public-list4 li { float: left; width: 48%; margin-top: 50px; }
.public-list4 li:nth-child(2n) { margin-left: 4%; }
.public-list4 li:nth-child(-n+2) { margin-top: 20px; }
.public-list4 li a { display: block; overflow: hidden; }
.public-list4 li a .pics { float: left; width: 210px; margin-right: 20px; }
.public-list4 li a .pics .pic { padding-top: 70%; }
.pl4-info { overflow: hidden; }
.pl4-info h3 { font-size: 16px; font-weight: normal; line-height: 26px; height: 52px; overflow: hidden; color: rgb(51, 51, 51); }
.pl4-info p { font-size: 14px; font-weight: normal; line-height: 24px; height: 48px; overflow: hidden; color: rgb(153, 153, 153); margin: 10px 0px; }
.pl4-info span { display: block; padding-left: 20px; font-size: 14px; font-weight: normal; line-height: 26px; color: rgb(153, 153, 153); background: url("../images/icon-time2.png") left center no-repeat; }
.public-list4 li a:hover .pl4-info h3 { color: rgb(200, 11, 13); }
.i_bannerbox { background: url(""); }
.ibanner { width: 100%; height: 500px; margin: 0px auto; overflow: hidden; position: relative; }
.ibanner .hd { height: 15px; overflow: hidden; position: absolute; right: 2%; bottom: 10px; z-index: 1; }
.ibanner .hd ul { overflow: hidden; zoom: 1; float: left; }
.ibanner .hd ul li { float: left; margin-right: 10px; width: 10px; border-radius: 50px; height: 10px; line-height: 10px; text-align: center; background: rgb(255, 255, 255); cursor: pointer; opacity: 0.8; }
.ibanner .hd ul li.on { background: rgb(152, 0, 0); opacity: 1; color: rgb(255, 255, 255); }
.ibanner .bd { position: relative; height: 100%; z-index: 0; }
.ibanner .bd li { zoom: 1; vertical-align: middle; position: relative; }
.ibanner .bd li h1 { position: absolute; width: 100%; bottom: 0px; left: 0px; background: url(""); font-size: 18px; color: rgb(255, 255, 255); height: 44px; line-height: 44px; padding: 0px 0px 0px 20px; }
.ibanner .bd img { width: 100%; height: 500px; display: block; }
.ibanner .prev, .ibanner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 45px; height: 80px; background: url("../images/slider-arrow.png") -120px 5px no-repeat; opacity: 0.5; }
.ibanner .next { left: auto; right: 3%; background-position: -2px 5px; width: 45px; height: 80px; }
.ibanner .prev:hover, .ibanner .next:hover { opacity: 1; }
.ibanner .prevStop { display: none; }
.ibanner .nextStop { display: none; }
@media screen and (max-width: 1300px) {
  .px1300 { width: auto !important; padding-left: 15px !important; padding-right: 15px !important; }
  .nav > ul > li { }
  .dhlj li { padding: 0px 25px; }
  .tabBox .hd ul li { padding: 0px 5px; margin-right: 10px; font-size: 20px; }
  .public-list dd { line-height: 40px; }
}
@media screen and (max-width: 1260px) {
  .nav > ul > li { margin: 0px; display: none; }
  .nav > ul > li > a { padding: 0px; font-size: 16px; }
}
@media screen and (max-width: 1024px) {
  .pc { }
  .wap { display: block !important; }
  .m-head { position: fixed; top: 0px; left: 0px; right: 0px; background: rgb(192, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px; z-index: 999; }
  .m-logo { font-size: 0px; }
  .m-logo a { font-size: 0px; line-height: 40px; display: block; }
  .m-logo img { max-height: 40px; max-width: 80%; vertical-align: middle; }
  .m-tlink { padding: 10px 15px 0px; color: rgba(255, 255, 255, 0.8); font-size: 12px; }
  .m-tlink a { display: inline-block; font-size: 12px; color: rgb(255, 255, 255); line-height: 28px; }
  .m-tlink a:first-child img { vertical-align: -2px; padding-right: 5px; }
  .m-tlink a:nth-child(2) { margin-left: 5px; }
  .m-search { margin: 15px 15px 0px; padding: 5px 50px 5px 10px; position: relative; line-height: 35px; border: 1px solid rgb(255, 255, 255); }
  .m-search input[type="text"] { display: block; width: 100%; line-height: 25px; background: none; color: rgb(255, 255, 255); }
  .m-search input[type="text"]::placeholder { color: rgb(255, 255, 255); }
  .m-search input[type="image"] { position: absolute; right: 10px; top: 10px; height: 15px; }
  .m-nav { position: fixed; top: 0px; right: -100%; bottom: 0px; z-index: 999; background: rgb(200, 11, 13); overflow-y: scroll; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 50px; }
  .m-nav ul { padding: 0px 15px; }
  .m-nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; }
  .m-nav ul li > span.on { transform: rotateZ(90deg); }
  .m-nav ul li ul { display: none; }
  .m-nav ul li ul li { border: none; }
  .m-nav > ul > li a { display: block; font-size: 14px; line-height: 20px; padding: 15px 0px; position: relative; color: rgb(255, 255, 255); }
  .m-nav > ul > li ul li a { padding: 10px 0px; }
  .m-nav > ul > li > span { position: absolute; width: 20px; height: 20px; background: url("../images/m-nav_down.png") center center / 14px 14px no-repeat; right: 0px; top: 15px; cursor: pointer; display: block; color: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
  .home_links_drop ul { font-size: 14px; }
  .home_links_drop ul li { width: auto; margin-right: 10px; }
  .tabBox .hd { font-size: 18px; margin-bottom: 20px; }
  .tabBox .hd ul li { font-size: 18px; }
  .tabBox .hd ul li::after { bottom: -16px; }
  .public-list3 li a p { font-size: 16px; margin-top: 10px; }
  .public-list4 li { float: none; width: auto; margin-top: 20px; }
  .public-list4 li:nth-child(2n) { margin-left: 0px; }
  .public-list4 li:nth-child(1) { margin-top: 0px; }
  .footer { padding: 15px 10px; }
  .footer p { font-size: 16px; }
}
@media screen and (max-width: 768px) {
  .dhlj li { width: 48%; padding: 0px 15px; line-height: 30px; }
  .ibanner .bd img { width: 100%; height: 400px; display: block; margin-top:38px;}
  .ibanner { width: 100%; height: auto; margin: 0px auto; overflow: hidden; position: relative; }
}
@media screen and (max-width: 640px) {
  .tabBox .hd dl { display: none; }
  .tabBox .bd .gd { display: block; }
  .tabBox .hd ul li { margin-right: 5px; padding-left: 0px; }
  .ibanner .bd img { width: 100%; height: 300px; display: block; margin-top:38px;}
  .ibanner { width: 100%; height: auto; margin: 0px auto; overflow: hidden; position: relative; }
}
@media screen and (max-width: 480px) {
  .tabBox .hd { font-size: 16px; }
  .tabBox .hd ul li { font-size: 16px; }
  .tabBox .hd ul li::after { bottom: -19px; }
  .tabBox2 .bd .tw-list .date { width: 70px; height: 70px; }
  .tabBox2 .bd .tw-list .date p { line-height: 44px; }
  .tabBox2 .bd .tw-list .date span { line-height: 26px; }
  .tabBox2 .tw-list .tw-r { height: 70px; padding: 10px 0px 0px 20px; }
  .public-list4 li a .pics { float: none; width: auto; margin-right: 0px; margin-bottom: 10px; }
  .ibanner .bd img { width: 100%; height: auto; display: block; margin-top:38px;}
  .ibanner { width: 100%; height: auto; margin: 0px auto; overflow: hidden; position: relative; }
}
@media screen and (max-width: 375px) {
}