@charset "utf-8"; /* CSS Document */ 
* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
@media screen and (min-width:320px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:19px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 480px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:18px;}
.tt6{font-size:18px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;}
.tt2{font-size:14px;}
.tt3{font-size:16px;}
.tt4{font-size:18px;}
.tt5{font-size:18px;}
.tt6{font-size:20px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:28px;}
.tt10{font-size:30px;}
.tt11{font-size:30px;}
.tt12{font-size:48px;}

}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mhj{ height:5px;}
.mhj2{overflow:hidden; clear:both; height:10px;}
  }
@media (min-width:769px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:24px;}
.tt8{font-size:24px;}
.tt9{font-size:32px;}
.tt10{font-size:36px;}
.tt11{font-size:40px;}
.tt12{font-size:60px;}

.mhj{ height:20px;}
.fl{ float:left;}
.fr{ float:right;}
.pc{ display:block;}
.app{ display:none;}
.mhj{ height:10px;}
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}

.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1180px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}
.pc{ display:block;}
.app{ display:none;}
}
.clear { clear: both; }
/*头部*/ 
.header{width: 100%; position: fixed; top:0; left:0; z-index:9999; background:rgba(0,0,0,0.99);}
.header2{width: 100%; z-index:9999; background:rgba(0,0,0,0.99);}
.head{ width:90%;/* max-width:1400px;*/margin:0 auto; position:relative;}
.logo_p1{ float:left;}
.nav { float:right;}
.nav_c{ width:100%; position:relative; clear:both; padding:40px 0;} 
.nav_c .nav_1{ position: relative;text-align: center; padding:0 30px; float:left; font-size:18px;}
.nav_1a{ display:block; line-height:47px; color:#FFF;}
.nav_1:hover .nav_1a{ color:#9a9903;}
.nav_1 a.nav_1_a { color:#9a9903;} 
.nav_1a2{display:block; margin-top:25px;}
.nav_1a3{ font-weight:bold;}
.nav_warp { background-color: #fff; position: absolute; top:50px; right:0; min-width:100%; width:150px; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 
.nav_warp a{ display:block; color:#fff; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;}
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(0,0,0,0.8);}
.nav_2{ float:right; margin-top:10px; padding-left:20px; height:35px; color: #fff; font-size:18px;}
.nav_2 a{ color: #fff; margin:0 8px;}
/*面包屑*/ 
.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; background-color: #fff; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #fff; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 

@media screen and (max-width:1199px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.header2 { width: 100%; display: none;} 
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding:10px;} 
.head_logo img { height:40px;} 
.logo2{ overflow:hidden; clear:both;}
.logo2 p{ float:left; width:40%; padding:0 5%; height:90px;}
.logo2 p img{ max-width:100%; height:90px;}
.cai { background:rgba(0,0,0,0.99);display:block;width:100%; z-index:99999;} 
.cai1{ position:fixed; top:0; left:0;}
.cai2{ position:absolute; top:0; left:0;}
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:0px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #000; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; }
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;}
.mnavdl a:last-child{ border:none;}

/*漂浮框*/ .side { position: fixed; width: 47px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 
.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 
}

.main,.ftit,.link,.foot { width:90%;margin:0px auto;overflow:hidden;clear:both;}
.main2{ width:90%;margin:0px auto;}
.main3{ width:90%;margin:0px auto; max-width:1600px}
.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:20px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.pp4{ padding:4% 0;}
.pp5{ padding:5% 0;}
.clear{ overflow:hidden; clear:both;}
.img1{ display:block; position:relative; width:100%; padding-bottom:75%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:66.66%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img3 img{  cursor: pointer; transition: all 0.8s;}

.qq{ width:100%; margin:0 auto; position:relative;}
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;}
.fullSlide .bd ul{width:100% !important; height:100%;}
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;}
.fullSlide .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px; max-width:50px;height:12px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);opacity:0.6;line-height:999px;background:#fff; border-radius:50px;}
.fullSlide .hd ul .on{background:#009afe;background:#fff;opacity:1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:2%;background-position:-6px -137px;}
.qt .main{ color:#fff; text-align:left;}
.qq_p11{ display:block; border:1px solid #eee; float:left; padding:1% 2%; color:#eee;}
.none {display: none;}

.pg1{ /*background:url(../images/adv1.jpg) no-repeat center;*/ background-size:auto 100%;}
.pg2{ background:url(../images/bg1.jpg) no-repeat center; background-size:auto 100%;}
.pg3{ background:url(../images/bg2.jpg) no-repeat center; background-size:auto 100%;}
.pg4{ background:url(../images/bg3.jpg) no-repeat center; background-size:auto 100%;}
.pg5{ background:#000; height:300px;}
.nr1_p11{ color:#FFF;}
.nr1_p12{ background:#d9b300; color:#FFF; display:block; border-radius:30px; width:20%; max-width:180px; text-align:center; line-height:2.4; margin:0 auto;}
.tit1_p1{ position:relative; float:left; border-bottom:1px solid #fff; color:#FFF;}
.tit1_p1:before{ position:absolute; left:-200%; bottom:-10px; width:300%; height:1px; content: ""; background:rgba(255,255,255,0.9);}
.nr1_p2 li{ float:left; width:calc(25% - 14px); padding:7px; text-align:center;}
.nr1_p21{ border:1px solid #fff;}
.nr1_p22{ display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2; color:#fff; margin-top:3%;}
.nr1_p25{ display:block; color:#FFF; background:#d9b300; border-radius:30px; width:20%; max-width:180px; text-align:center; line-height:2.4; margin:0 auto;}

.nr1_p3 li{ float:left; width:29.333%; padding:2%; text-align:left;}
.nr1_p31{ background:rgba(0,0,0,0.6); padding:7%; padding-bottom:50px; position:relative;}
.nr1_p34{ color:#8fbfe4;}
.nr1_p32{ display:block;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top:1%; color:#FFF; margin-bottom:10%;}
.nr1_p33{ position:absolute; bottom:0; right:0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#999;}
.nr1_p33 a{ display:block; float:right; color:#FFF; background:#d9b300; padding:10px;}
.nr1_p33 span{ line-height:1; margin-right:10px;}
.fbg{ background:#212121; color:#7b7b7b;}
.fbg2{ text-align:center; background:#181818;}
.ftit_p1{ float:left; line-height:2;}
.ftit_p1 li{ float:left;}
.ftit_p11{ display:block; color:#fff;}
.ftit_p12{ color:#7b7b7b;}
.ftit_p12 a{ display:block; color:#7b7b7b;}
.ftit_p2{ float:right; text-align:center;line-height:2;}

.page-banner img {
  width: 100%;
}
.page-position {
  padding: 15px 0;
  font-size: 14px;
  color: #2f2f2f; background:#f1f1f1; margin-bottom:20px
}

.page-position a {
  color: #2f2f2f;
}

.page-position a:hover {
  color: #ab001a;
}

.page-wrap {

  padding-bottom: 3.38541667%;
}
.w1620{
    max-width: 1650px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.ab_left{ float:left; width:20%;}
.ab_right{ float:right; width:78%;}

.ab-left-title {
    background: #111415;
    padding: 10px 20px;
    position: relative;
}
.ab-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}

.ab-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin-left: 10px;
    text-transform: capitalize;
}
.ab-left-title span:before {
    content: "/";
    padding-right: 5px;
}
.ab-left-con {
  border: 1px solid #d2d2d2;
  border-top: none;
  overflow:hidden;
  clear:both
}
.xypg-left-nav {
  margin: 0 -2px;
}

.xypg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
  border-bottom: none;
}

.xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #333;
  padding: 15px 18px;
}

.xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
  color: #ab001a;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
  color: #ab001a;
}

.xypg-left-nav .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #ab001a;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #ab001a;
}

.xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #ab001a;
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #ab001a;
}

.xypg-right-content {
 
    line-height: 2;
}

.pagesb{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pagesb a,.pages span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pagesb a:hover{display:inline-block;color: #fff;background: #9c0e11;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pagesb span{display:inline-block;color: #666;}
.pagesb a.page-num-current{display:inline-block;color: #fff;background: #9c0e11;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.tit33{ background:#f2f2f2; border:1px solid #ddd; border-radius:8px; padding:5px 10px; overflow:hidden; clear:both; margin-bottom:6px;}
.tit33_p1{ float:left; background:url(../images/ico5.jpg) no-repeat left center; padding-left:12px;}
.tit33_p2{ display:block; float:right; color:#777; padding-left:12px; background:url(../images/ico4.png) no-repeat left center;}

.news_neir { clear:both; overflow:hidden }
.newsnr_tit{ color:#141414; line-height:1.5; text-align:center}
.newsnr_date{line-height:2.5;text-align:center}
.newsnr_content{ color:#000; line-height:2; padding-top:2%}

.nr1_p70 li{ padding-bottom:2%;}

.nr1_p70 li{ float:none; clear:both;}
.nr1_p70 li .nr1_p77{ float:left; width:32%;}
.nr1_p70 li .nr1_p78{ float:right; width:66%;}
.nr1_p70 li .nr1_p71{ padding-bottom:0;}
.nr1_p70 li .img1{ padding-bottom:56%;}

.nr1_p71{ padding-bottom:8px;}
.nr1_p72{ display:block; line-height:3;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin:0 5px; color:#222;}
.nr1_p73{ margin:0 5px 15px 5px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:25px; height:50px;}
.nr1_p74{ float:left;}
.nr1_p74 span{ padding:0 5px;}
.nr1_p74 span img{ margin-right:3px;}
.nr1_p75{ float:right; padding:0 5px;}
.nr1_p74 img,.nr1_p75 img{max-width:100%; max-height:70px;-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(100%);}
.nr1_p7 li:hover .nr1_p71{ background:#f4f4f4; box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}
.nr1_p7 li:hover .nr1_p72,.nr1_p70 li:hover .nr1_p72{ color:#bf262b;}
.nr1_p7 li:hover .nr1_p74 img,.nr1_p7 li:hover .nr1_p75 img{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
.nr1_p70 li:hover .nr1_p74 img,.nr1_p70 li:hover .nr1_p75 img{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}



.xypg-left-navb {
  margin: 0 -2px;
}

.xypg-left-navb > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.xypg-left-navb > li:last-child {
  border-bottom: none;
}

.xypg-left-navb > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding: 15px 18px;
  background:#9a9903
}

.xypg-left-navb > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-navb > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.xypg-left-navb > li:hover > a, .xypg-left-navb > li.clicked > a {
  color: #ab001a;
}

.xypg-left-navb > li:hover .first-nav-btn, .xypg-left-navb > li.clicked .first-nav-btn {
  color: #ab001a;
}

.xypg-left-navb .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.xypg-left-navb .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.xypg-left-navb .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.xypg-left-navb .xypg-left-subnav > li > a:hover {
  color: #ab001a;
}

.xypg-left-navb .xypg-left-subnav > li.clicked > a {
  color: #ab001a;
}

.xypg-left-navb .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.xypg-left-navb .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.xypg-left-navb .xypg-left-threenav > li > a:hover {
  color: #ab001a;
}

.xypg-left-navb .xypg-left-threenav > li.clicked > a {
  color: #ab001a;
}


.yijilei{clear:both; overflow: hidden; padding:0 15px; line-height:2; font-size:14px}
.erjilei{clear:both; overflow: hidden; border-bottom:1px solid #CCC;padding:0 15px; line-height:2; font-size:15px}
.sanjilei{clear:both; overflow: hidden; border-bottom: none; padding:5px 20px; font-size:14px}

.nrcp_p1 li{ float:left; width:calc(25% - 20px); padding:10px;}
.nrcp_p11{ border:1px solid #ddd;}
.nrcp_p1 li .img1{ padding-bottom:75%;}
.nrcp_p12{ display:block; text-align:center; margin:10px; line-height:2;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.nrcp_p11:hover{box-shadow: 0 4px 24px 0 rgb(0 0 0 / 13%);}
.nrcp_p13{ display:block; border:1px solid #ddd; width:50%; line-height:3; border-radius:2px;}
.nrcp_p13:hover{ background:#38f; color:#FFF;}


@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mm1{ padding:1%; width:96%; margin:0 auto;}
.f14{ font-size:12px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}
.pp1{ padding:5px 0;}
.pp2{ padding:10px 0;}
.qt{ position:relative; width:100%; padding-bottom:100vh; height:0; overflow:hidden;}
.qt .bd li{ background-size:auto 100%;}

.nr1_p2 li{ float:left; width:calc(50% - 14px); padding:7px; text-align:center;}
.nr1_p3 li{ float:left; width:48%; padding:1%; text-align:left;}
.nr1_p3 li:last-child{ margin-left:25%;}
.ftit_p1{ width:60%}
.ftit_p1 li{ float:left; padding:10px; padding-right:30px;}
.ftit_p12{ display:none;}

.ab_left{  width:100%}
.ab_right{  width:100%}
.nrcp_p1 li{ float:left; width:calc(50% - 20px); padding:10px;}

.xypg-left-nav > li {
 width:50%; float:left
}
}
@media (min-width:769px) {
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.pp1{ padding:10px 0;}
.pp2{ padding:20px 0;}
.qt{ position:relative; width:100%; padding-bottom:0%; height:100vh; overflow:hidden;}
.qt .bd li{ background-size:100% 100%;}
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.pg1{ background:url(../images/adv1.jpg) no-repeat center; background-size:100% 100%;}
.pg2{ background:url(../images/bg1.jpg) no-repeat center; background-size:100% 100%;}
.pg3{ background:url(../images/bg2.jpg) no-repeat center; background-size:100% 100%;}
.pg4{ background:url(../images/bg3.jpg) no-repeat center; background-size:100% 100%;}
.ftit_p1{ width:80%}
.ftit_p1 li{ padding-right:1%; max-width: 28%}



}

@media (min-width:1360px) {	}
@-webkit-keyframes ripple { 
0% {   -webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% {   -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}
@keyframes ripple { 
0% {-webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% { -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}
.wk_index_main {/*margin-top: -160px;*/	width: 100%;}
.section {position: relative;overflow: hidden;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {height: auto!important;}

#dn-nav { position: fixed; top: 50%; z-index: 100; margin-top: -32px; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
#dn-nav.right {right: 17px; }
#dn-nav ul { margin: 0; padding: 0; }
#dn-nav ul li { position: relative; display: block; margin: 7px; width: 15px; height: 15px; }
#dn-nav ul li a { position: relative; z-index: 1; display: block; width: 100%; height: 100%; text-decoration: none; cursor: pointer; }
#dn-nav ul li a span { position: absolute; top: 50%; left: 50%; z-index: 1; margin: -3px 0 0 -3px; width: 7px; height: 7px; border: 0; border-radius: 50%; background: #cfcfd1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#dn-nav ul li a.active span, #dn-nav ul li:hover a.active span { margin: -7px 0 0 -7px; width: 15px; height: 15px; border-radius: 100%; background: #de262e; }
.InUp{ -webkit-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -ms-transition: all 1.1s ease 0s; bottom: -200px; opacity: 0; position: relative;} 
.section.active .InUp{ bottom: 0; opacity: 1; }
.InLeft{ -webkit-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -ms-transition: all 1.1s ease 0s; left: -400px; opacity: 0; position: relative;} 
.section.active .InLeft{ left: 0; opacity: 1; } 
.InRight{ -webkit-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -ms-transition: all 1.1s ease 0s; right: -400px; opacity: 0; position: relative;} 
.section.active .InRight{ right: 0; opacity: 1; } 
.InDown{ -webkit-transition: all 1.3s ease 0s; transition: all 1.3s ease 0s; -ms-transition: all 1.3s ease 0s; top: -200px; opacity: 0; position: relative;} 
.section.active .InDown{ top: 0; opacity: 1; }