@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}

/*Body*/
body { background:#fff;padding-top: 98px;}
a { color: #666; }
a:hover { color: #0463bd; }
.wrap { width: 1400px; margin: 0 auto;}
.g-in{ width:1400px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrapper img{  vertical-align:top; }

/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

.head{position: fixed;top:0;left:0;z-index: 999;width: 100%;background: #fff;}
.head .logo{float:left;position: relative;}
.stockbox{position: absolute;left:16px;top:61px;font-size: 14px;}
.head .head_r{float:right;width: 992px;}
.head .head_r .nav{float:left;}
.head .head_r .nav ul li{float:left;line-height: 98px;position: relative;    width: 140px;text-align: center}
.head .head_r .nav ul li a.a1{display: block;padding: 0 16px;font-size: 16px;color: #333333;}
.head .head_r .nav ul li:hover a.a1,.head .head_r .nav ul li.current a.a1{text-align:center;font-weight: bold;color: #0463bd;
  /*background: url(../images/nav_04.png) no-repeat center 69px;*/
}
.head .head_r .search{float:right;width: 82px;background: #0463bd;text-align: center;}
.head .head_r .search .searcha{padding: 39px 0;}
.head .head_r .nav ul li .sub{position: absolute;left:-20%;width: 140%;text-align: center;line-height: 36px;background: #fff;display: none;}
.head .head_r .nav ul li .sub dt a{display: block;font-size: 14px;color: #333;}
.head .head_r .nav ul li .sub dt a:hover{background: #0463bd;color: #fff;}

/*搜索表单*/
.head .head_r .search .bd01{ width: 600px; height: auto; position: fixed;overflow: hidden;top: 90px;left: 50%;z-index: 70;display: none;
background: #fdfdfd; padding:50px 20px 40px 50px;margin: 40px auto; margin-left: -300px;}
.head .head_r .search .bd01 .name input{width: 550px; height: 36px; background: #e5e5e5;; padding-left: 20px; font-size: 14px; color: #4a4a4a; line-height: 36px; }
.head .head_r .search .bd01 .logoin input{width: 200px; height: 36px; background: #0463bd; font-size: 14px; color: #fff; line-height: 36px; margin:0 auto;display: block;
margin-top: 30px;cursor: pointer; }
.head .head_r .search .bd01 .XX{cursor: pointer; width: 20px; height: 20px;position: absolute; top: 15px; right: 10px; z-index: 11; cursor: pointer;background: url(xx.png)  no-repeat center;}
.head .head_r .search .navFdj{cursor: pointer;}
.head .head_r .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #4a4a4a; opacity:1; 
}

.head .head_r .search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #4a4a4a;opacity:1;
}

.head .head_r .search input:-ms-input-placeholder{
    color: #4a4a4a;opacity:1;
}

.head .head_r .search input::-webkit-input-placeholder{
    color: #4a4a4a;opacity:1;
}

.footer{}
.fta{background: #333333;padding: 52px 0 0 0;min-height: 247px;}
.fta .ftal{float:left;width: 633px;background: url(../images/ft1_32.png) no-repeat right 5px;padding-left: 10px;}
.fta .ftal dl{float:left;width: 126px;min-height: 247px;}
.fta .ftal dl dt{margin-bottom: 20px;}
.fta .ftal dl dt a{font-size: 14px;color: #ffffff;}
.fta .ftal dl dd{line-height: 32px;}
.fta .ftal dl dd a{font-size: 13px;color: #9a9a9a;}
.fta .ftam{float:left;width: 400px;padding: 0 10px; padding-top: 38px;min-height: 209px;background: url(../images/ft1_32.png) no-repeat right 5px;text-align: center;display: flex;justify-content: center;}
.fta .ftam .ftami{margin:0 14px;}
.fta .ftam p{font-size: 14px;color: #ffffff;margin-top: 15px;}
.fta .ftar{float:right;width: 287px;font-size: 14px;color: #ffffff;line-height: 28px;}
.ftb{height: 52px;line-height: 52px;background: #2a2a2a;text-align: center;font-size: 12px;color: #ababab;}
.ftb a{color: #ababab;}

.head_rr{float:right;width: 124px;padding-top: 25px;}
.head_rr .searcha{height: 45px;background: url(../images/search2.png) no-repeat bottom center;font-size: 0;}
.head_rr .searcha .txt{width: 78px;height: 44px;font-size: 14px;margin-left: 7px;vertical-align: middle;}
.head_rr .searcha .sbt{width: 39px;height: 44px;background: url(../images/search1.png) no-repeat center;vertical-align: middle;}
.head_rr .lau{width: 86px;margin:0 auto;position: relative;}
.head_rr .lau .laua{padding-left: 39px;background: url(../images/lau1.png) no-repeat left center;padding: 12px 0 15px 39px;}
.head_rr .lau .laua span{font-size: 14px;color: #0463bd;font-weight: bold;padding-right: 19px;background: url(../images/lau2.png) no-repeat right center;}
.head_rr .lau .laub{position: absolute;left:0;width: 100%;z-index: 99;display: none;}
.head_rr .lau .laub ul li a{display: block;text-align: center;line-height: 33px;font-size: 14px;color: #ffffff;font-weight: bold;background: #0463bd;}

/*.navArea { position:absolute; top:98px; left:0; width:100%; background:rgba(255,255,255,0.95); z-index:99; display:none; }*/
.navArea {width:992px; background:rgba(255,255,255,0.95); z-index:99; display:none; }
.navArea .wrapa { border-left:1px solid #dfdfdf;width: 992px;margin: 0 auto}
.navArea dl { float:left; width:19.5%; padding-top:30px;min-height: 300px; border-right:1px solid #dfdfdf; text-align:left; padding-left:30px; box-sizing: border-box; }
.navArea dl dt { font-size:20px; color:#0463bd; font-weight:bold; margin-bottom:20px; }
.navArea dl dd { margin-bottom:15px; }
.navArea dl dd a { font-size:16px; color:#7b7b7b; }
.navArea dl dd a:hover { color:#0463bd; }

.navArea dl.ttx { background-color: #deeef1!important; }

.smallAdvImg {position: fixed;left: 0;bottom: 0;width: 200px;z-index: 999;cursor: pointer;}
.smallAdvImg img {width: 100%;}
@keyframes imgScale {
  0% {
    transform: translateZ(0) scale(0);
    opacity: 0;
  }
  12.5% {
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  25% {
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  37.5% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  50% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  62.5% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  75% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  87.5% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
}

.dialog_component {display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 99999;transform-origin: center;}
.dialog_component.scale .dialog_content {transform: translate(-50%, -50%) scale(1);}
.dialog_component.zoomOut .dialog_content {transform: translate(-50%, -50%) scale(0);}
.dialog_component .dialog_bg {position: absolute;width: 100%;height: 100%;background: transparent;z-index: 1;background: rgba(0, 0, 0, 0.6);}
.dialog_component .dialog_content {position: absolute;left: 50%;top: 50%;z-index: 2;text-align: center;transition: all 0.6s cubic-bezier(0, 0.8, 1, 1);transform: translate(-50%, -50%) scale(0);transform-origin: center;}
/*.dialog_component .dialog_content .button {position: absolute;width: 4.2rem;height: 0.7rem;left: 50%;margin-left: -2.1rem;bottom: 0.9rem;line-height: 0.7rem;font-size: 26px;background: #ffc103;text-align: center;color: #fff;border-radius: 0.35rem;cursor: pointer;}*/
@media only screen and (max-width: 1440px) {
  .dialog_component .dialog_content .button {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .dialog_component .dialog_content .button {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .dialog_component .dialog_content .button {
    font-size: 18px;
  }
}
/*.dialog_component .dialog_close {display: flex;align-items: center;position: absolute;right: 140px;top: 0;cursor: pointer;}
.dialog_component .dialog_close::after {position: absolute;display: block;width: 1px;height: 130px;background: #6807e0;content: "";left: 50%;margin-left: -0.5px;top: 54px;}
.dialog_component .dialog_close i {background: #6807e0;color: #fff;width: 54px;height: 54px;line-height: 54px;border-radius: 50%;font-size: 24px;}*/
@media screen and (max-width: 1600px) {
  .dialog_component .dialog_content img {
    width: 850px;
    height: 850px;
  }
  /*.dialog_component .dialog_close {
    right: 1.4rem;
  }
  .dialog_component .dialog_close::after {
    top: 0.54rem;
    height: 1.3rem;
  }
  .dialog_component .dialog_close i {
    width: 0.54rem;
    height: 0.54rem;
    line-height: 0.54rem;
    font-size: 0.3rem;
  }*/
}
@media screen and (max-width: 768px) {
  .dialog_component .dialog_content img {
    width: 700px;
    height: 700px;
  }
  /*.dialog_component .dialog_close {
    right: 1.4rem;
  }
  .dialog_component .dialog_close::after {
    top: 0.54rem;
    height: 1.3rem;
  }
  .dialog_component .dialog_close i {
    width: 0.54rem;
    height: 0.54rem;
    line-height: 0.54rem;
    font-size: 0.3rem;
  }*/
}
@keyframes imgSwitch1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes imgSwitch2 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.logo .logoa{
  position: relative;
  width: 218px;
  height: 98px;
}
.logo .logoa li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /*
  animation: imgScale 6s ease-in-out infinite;
  animation-fill-mode: forwards;
  */
  background: #fff;
  z-index: 4;
  /*
  opacity: 0;
  */
  display: flex;
  align-items: center;
}
.logo .logoa li img {
  width: 241px;
  height: 57px;
}
.logo .logoa li:nth-child(2) {
  animation-delay: 3s;
  z-index: 3;
}
/*.logo .logoa li:nth-child(3) {
  animation-delay: 4s;
  z-index: 2;
}
.logo .logoa li:nth-child(4) {
  animation-delay: 6s;
  z-index: 1;
}*/

@keyframes imgScale {
  0% {
    transform: translateZ(0) scale(0);
    opacity: 0;
  }
  12.5% {
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  25% {
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  37.5% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  50% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  62.5% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  75% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  87.5% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) scale(1);
    opacity: 0;
  }
}

#bannerSwiper{}
#bannerSwiper{width: 100%;margin: 0 auto;position: relative;left: 50%;margin-left: -50%;z-index: 9;}
#bannerSwiper .swiper-button-prev,#bannerSwiper .swiper-button-next{position: absolute;top: 50%;margin-top: -42px;display: block;width: 51px;height: 92px;display: block;z-index: 999;opacity: 1 !important;}
#bannerSwiper .swiper-slide img{width: 100%;}
#bannerSwiper .swiper-button-prev {left: 10%;background: url(../images/banner_prev_16.png) no-repeat center;z-index: 999;top:50%;width: 67px;height: 67px;margin-top: -33px;}
#bannerSwiper .swiper-button-next{right: 10%;background: url(../images/banner_next_13.png) no-repeat center;z-index: 999;top:50%;width: 67px;height: 67px;margin-top: -33px;}
#bannerSwiper .swiper-pagination .swiper-pagination-bullet{background: #fff;}
#bannerSwiper .swiper-slide .vvs{position: relative;}
#bannerSwiper .swiper-slide .vvs .vvsa{position: absolute;left:0;top:0;right:0;bottom: 0;}

.kf {position: fixed;bottom: 10%;right: 0;width: 66px;z-index: 998;}
.kf li { position: relative; margin-bottom: 2px; border-radius: 5px; background: #0463bd; color: #fff; text-align: center; }
.kf li a { display: block; padding: 10px 0 5px 0; color: #fff; }
.kf li .pic { width: 36px; margin: 0 auto; }
.kf li .txt {font-size: 12px;line-height: 30px;}
.kf li .eq {position: absolute;right: 72px;top: 50%;width: 120px;height: 120px;transform: translateY(-50%);display: none;}

.kf li.kf-1 .eq { height: 24px; }
.kf li.kf-1 .eq img { width: 120px; height: 24px; }

.kf li.kf-1:hover .eq,
.kf li.kf-2:hover .eq { display: block; }
.kf .close { position: relative; left: -25px; width: 22px; height: 22px; margin-bottom: 3px; background: url(../images/kf-c.png) no-repeat; cursor: pointer; display: none; }

.kf .kf-top { height: 42px; background: url(../images/kf-top.png) no-repeat 50% #0463bd; cursor: pointer; }