* { 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; }
@font-face { font-family: sySong; src: url("/jxyqcgcxy/css/sySong.woff") format("woff"); font-weight: normal; font-style: normal; }
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: /jxyqcgcxy/css/""; clear: both; display: block; overflow: hidden; font-size: 0px; height: 0px; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.px1220 { width: 1220px; max-width: 1220px; margin: 0px auto; }
.pic { position: relative; height: 0px; width: 91%; padding-top: 57%; }
.pic img {transition: all 1s ease 0s;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.pic img:hover { transform: scale(1.2); }
.wap { display: none !important; }
table p { text-align: center; text-indent: 0em !important; }
.imgbed { position: relative; display: block; height: 0px; width: 100%; padding-top: 18%; }
.imgbed img { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.block { background-image: linear-gradient(rgb(252, 242, 253), rgb(196, 209, 255)); }
@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); }
}
.head { width: 100%; height: 50px; line-height: 50px; background: rgb(233, 243, 255); position: relative; z-index: 3; }
.head-l { font-size: 16px; }
.head-r { height: 50px; }
.head-r span { display: inline-block; font-size: 14px; }
.head-r span a { display: inline-block; margin: 0px 14px; }
.head-r span a:hover { color: rgb(5, 77, 162); }
.i_banner { position: relative; overflow: hidden; }
.i_banner a { display: block; position: relative; }
.i_banner .slick-slide a img { display: block; width: 100%; }
.i_banner .slick-dots { width: 100%; right: 1%; bottom: 34px; text-align: center; font-size: 0px; display: none !important; }
.i_banner .slick-dots li { display: inline-block; width: 8px; height: 8px; background: rgb(255, 255, 255); margin: 0px 2px; transition: all 0.3s ease 0s; }
.i_banner .slick-dots li button { display: none; }
.i_banner .slick-dots li.slick-active { background: rgb(0, 102, 153); }
.i_banner .slick-prev, .i_banner .slick-next { width: 45px; height: 37px; z-index: 9; transition: all 0.3s ease 0s; background: url("/jxyqcgcxy/images/btn.png") 5px 5px no-repeat; opacity: 0.5; }
.i_banner .slick-prev { left: 5%; background-size: cover; }
.i_banner .slick-next { right: 5%; background-position: -32px 5px; background-size: cover; }
.i_banner .slick-prev:hover, .i_banner .slick-next:hover { opacity: 1; }
.search { float: right; display: block; width: 260px; height: 42px; background: none; border: 1px solid rgb(255, 255, 255); border-radius: 10px; position: relative; margin-top: 59px; }
input, button { border: none; outline: none; }
.search .text { display: block; width: 260px; padding-left: 15px; padding-right: 40px; height: 40px; font-size: 14px; background: none; color: rgb(255, 255, 255); }
.search .button { width: 40px; height: 40px; background: url("/jxyqcgcxy/img/fdj.png") center center no-repeat; position: absolute; top: 0px; right: 0px; cursor: pointer; text-align: center; }
input::-webkit-input-placeholder { color: rgb(215, 230, 249); }
.top { width: 100%; background: url(/jxyqcgcxy/css/"") 80% top no-repeat rgb(5, 77, 162); transition: all 0.3s ease 0s; position: relative; z-index: 2; }
.top.on { position: fixed; left: 0px; right: 0px; top: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; z-index: 999; }
.logo a { display: block; font-size: 0px; line-height: 160px; }
.logo img { vertical-align: middle; }
.nav { height: 60px; line-height: 60px; background: rgb(255, 255, 255); }
.nav > ul { font-size: 0px; height: 60px; }
.nav > ul > li { float: left; text-align: center; position: relative; width: 8.6%; height: 60px; }
.nav > ul > li > a { display: inline-block; font-size: 20px; color: rgb(0, 0, 0); text-align: center; position: relative; }
.nav > ul > li > span { display: inline-block; background: url(/jxyqcgcxy/css/"") no-repeat; width: 10px; height: 6px; vertical-align: 3px; margin-left: 16px; }
.nav > ul > li.on > div { border-top: 3px solid rgb(255, 255, 255); }
.nav > ul > li > a::after { content: /jxyqcgcxy/css/""; 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 transparent; }
.nav > ul > li.active > a { font-weight: bold; }
.nav > ul > li:hover > a { font-weight: bold; }
.nav > ul > li > div { position: absolute; top: 100%; width: 100%; 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; font-size: 14px; line-height: 40px; transition: all 0.3s ease 0s; color: rgb(51, 51, 51); }
.nav > ul > li > div > ul > li a:hover { background: rgb(5, 77, 162); color: rgb(255, 255, 255); }
.nav-r { float: left; position: relative; }
.nav-r a { float: left; margin-left: 20px; border-radius: 50%; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 0px; }
.nav-r a img { vertical-align: middle; display: none; }
.nav-r a img:first-child { display: inline-block; }
.nav-r a span { display: block; font-size: 18px; }
.zt-slick { margin: 0px -10px; }
.zt-slick a { display: block; margin: 0px 10px; }
.zs-slick-box { overflow: hidden; padding-top: 10px; }
.zt-slick a img { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.zt-slick .slick-prev { left: -25px; z-index: 100; width: 18px; height: 36px; background: url("/jxyqcgcxy/img/left.png") center center no-repeat; margin-top: 4px; }
.zt-slick .slick-next { right: -25px; width: 18px; height: 36px; background: url("/jxyqcgcxy/img/right.png") center center no-repeat; margin-top: -4px; }
.foot { background: rgb(5, 77, 162); width: 100%; padding: 15px 0px; margin-top: 20px; text-align: center; }
.foot { color: rgb(255, 255, 255); }
.foot a { color: rgb(255, 255, 255); }
.foot p { font-size: 14px; line-height: 30px; }
@media screen and (max-width: 1220px) {
  .px1220 { width: auto; margin-left: 20px; margin-right: 20px; }
}
@media screen and (max-width: 1200px) {
  .logo img { max-height: 70px; }
}
@media screen and (max-width: 1100px) {
  .logo img { max-height: 65px; }
}
@media screen and (max-width: 1024px) {
  body { padding-top: 60px !important; }
  .pc { display: none !important; }
  .banner .slick-slide a::before { display: none; }
  .m-top { max-width: 1920px; margin: 0px auto; position: fixed; right: 20px; top: 18px; width: 25px; height: 25px; z-index: 9999; }
  .wap { display: block !important; }
  .wap-menu { position: absolute; top: 0px; right: 0px; z-index: 99999; font-size: 0px; }
  .wap-menu img { height: 25px; }
  .close-menu { display: none; position: absolute; right: 0px; top: 0px; }
  .m-head { position: fixed; top: 0px; left: 0px; right: 0px; background: url(/jxyqcgcxy/css/"") right center / 100% no-repeat rgb(5, 77, 162); z-index: 999; padding: 10px 20px; }
  .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 { font-size: 12px; padding: 10px 15px 0px; color: rgba(255, 255, 255, 0.6); }
  .m-tlink a { font-size: 12px; margin: 0px 8px; color: rgb(255, 255, 255); display: inline-block; line-height: 24px; border-radius: 5px; }
  .m-tlink a img { vertical-align: -2px; padding-right: 5px; height: 14px; }
  .m-search { margin: 15px; padding: 5px 50px 5px 10px; position: relative; line-height: 35px; border: 1px solid rgb(255, 255, 255); border-radius: 8px; }
  .m-search input[type="text"] { display: block; width: 100%; line-height: 25px; background: none; color: rgb(255, 255, 255); font-size: 12px; }
  .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: 60px; right: -100%; bottom: 0px; z-index: 999; background: rgb(5, 77, 162); border-top: 1px solid rgba(255, 255, 255, 0.2); overflow-y: scroll; width: 100%; max-width: 375px; }
  .m-nav .top-r { color: rgb(255, 255, 255); padding-left: 15px; }
  .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("/jxyqcgcxy/img/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; }
}