body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

body {font-size:14px; overflow: hidden; color:#ab9c89; font-family:"微软雅黑","Lucida Grande",Helvetica,Arial,"Microsoft YaHei","FreeSans,Arimo","Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;background:#f6f6f6;  }

fieldset, img { border:0; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: 400; }

em { font-style:normal; }

input, button, select, textarea { outline:none; } 

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */

/* 为了使文本段落左右两边对齐 */

/*======== Link ========*/

a { color: #ab9c89; text-decoration:none; }

a:hover { text-decoration:none; }

img{max-width: 100%;}

.hidden{display: none;}

.fl{float: left;}

.fr{float: right;}

select {
   appearance:none;
   -moz-appearance:none;
 	-webkit-appearance:none;  
 }
 .alert-hp{height:100%; width:100%;background: #333;
 	color: #777;position: fixed;top:0;left:0;z-index: 9999999999;font-size: 28px;
    vertical-align: middle;
    text-align: center;  display: none; }
.alert-hp span{display: table-cell;
    vertical-align: middle;}
.box{width:1438px; margin:0 auto;}
.clear{clear:both;}
html,body{width:100%; height:100%; position: relative; background:#131315 url(../image/bg.png) repeat-y center; background-size: 1920px auto;}
.swiper-container {
      width: 100%;
      height: 100%;
    }
 .pc-hidden{display: none !important;}
.swiper-slide{position: relative;}
.banner-new{width:100%;height:100%;position: absolute;top:0;left:0;}
.header{ height:100%; position: relative; background: url(../image/banner.png) no-repeat center;background-size: cover;}

.header-new{ height:100%; position: relative; background: url(../image/banner-bg.jpg) no-repeat center;background-size: cover;}

.header-qidong{position: absolute; overflow: hidden; width: 100%; z-index: 11111;background:#000 url(../image/banner.png) no-repeat center;background-size: cover;}
.wenzi{width:250px; margin-left: -125px; background: url(../image/qd-bg.png) center no-repeat; background-size: 100% 100%;  line-height: 45px; text-align: center;position: absolute;bottom: -120px; left:50%; font-size: 20px; color:#ab9c89 ;}
.logo{padding-top: 60px;}
.logo img{height:60px;}
.nav{position: absolute;bottom:90px;background: url(../image/nav-line.png) no-repeat center; background-size:100% auto;}
.banner-btn-right{background: url(../image/banner-btn-right.png) no-repeat center; height:44px;width:16px; background-size:100% 100%;    right: 20px;}
.banner-btn-left{background: url(../image/banner-btn-left.png) no-repeat center; height:44px;width:16px; background-size:100% 100%;left:20px;}
.banner-new img.one{width: 40%;position: relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.banner-new img.two{height: 50%;position: relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.banner-bottom{position: absolute;bottom:20px;height:40px;text-align: center;width: 100%;}
.banner-bottom img{height:100%;}
.nav{z-index: 9999;}
.nav ul{ overflow: hidden; line-height: 28px; font-size: 0; text-align: center; }
.nav ul li{display: inline-block;font-size: 20px;}
.nav ul li a{color: #ab9c89;padding:0 15px;position: relative;}
.nav ul li.on a{color: #ab9c89}
.nav ul li.on a:after{content: "";position: absolute;left:0;top:14px; width:6px;height:6px; background: url(../image/nav-on.png) no-repeat;}
.load{width:306px; margin-top:-153px;margin-left:-165px;position: absolute;top:50%; left:50%;}
.load{width:306px;height:316px; text-align: center; position: absolute;top:50%; left:50%;margin-left: -153px;margin-top: -158px}
.
/* .load-yuan-z{width:260px;  position: absolute;top:50%;left:50%; margin-left: -130px;margin-top: -130px;height:260px;background: url(../images/load-yuan-z.png) no-repeat ; background-size: 100% 100%;} */
.load-yuan-z-1{width:260px;  position: absolute;top:50%;left:50%; margin-left: -130px;margin-top: -130px;height:260px;background: url(../image/load-yuan-z-1.png) no-repeat ; background-size: 100% 100%;}
.load-yuan-z-2{width:214px;  position: absolute;top:50%;left:50%; margin-left: -107px;margin-top: -107px;height:214px;background: url(../image/load-yuan-z-2.png) no-repeat ; background-size: 100% 100%;}

.load-left{width:306px;transform-origin: center center;height:0;  position: absolute;left:0;bottom:15px;background: url(../image/load-left.png) no-repeat left bottom; background-size: 50% auto;}
.load-right{width:306px;height:0;position: absolute;top:0;left:0;background: url(../image/load-right.png) no-repeat right 5px; background-size: 50% auto;}
.load img{width:150px;height:181px; position: absolute;top:50%;left:50%;margin-top: -90.5px;margin-left: -75px;opacity: 0; }
.load-yuan-z-1.animate{animation:  spin 2.4s  linear 1.2s 1;}
.load-yuan-z-2.animate{animation:  spin2 2.4s  linear 1.2s 1;}
.load-left.animate{animation: load-left 3600ms 1 linear;animation-fill-mode: forwards;}
.load-right.animate{animation:  load-right 1.2s linear 1.2s 1;animation-fill-mode: forwards;}
.load img.animate{animation:  load-img 0.8s linear 2.4s 1; animation-fill-mode: forwards;}


@keyframes load-img {
  0%   { transform: scale(0.6,0.6); opacity: 0;}
  50% { transform: scale(1.2,1.2);opacity: 1;}
  80% { transform: scale(0.8,0.8);}
  100% { transform: scale(1,1);opacity: 1;}
}
@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spin2 {
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

@keyframes load-left {
  0%   { height:0; }
  33.3% { height:306px;top:initial; background-position: left bottom;}
  33.4% { height:306px;top:0; background-position: left 1px;}
  66.6% { height:306px;top:0;bottom: initial; background-position: left 1px;}
  66.7% { height:306px;top:0; bottom: initial;background-position: left 1px;}
  100% {  height:306px; top:0; bottom: initial; background-position: left 1px;}
}
@keyframes load-right {
  0%   { height:0; }
  100% { height:335px; }
}
.about{overflow: hidden;height:100%;position: relative;}
.content-box{overflow: hidden;}
.content-left{width: 1046px;}
.box-title{font-size: 20px;color: #ab9c89;line-height: 50px;margin-top:10px;padding:3px 0;}
.box-title h1{padding-left: 80px;font-weight:bold;}
.box-title h1 img{margin-right: 8px; margin-top: 11px;}
.box-title em{display: inline-block;border-top:2px solid #3d3935;width:45px;margin:0 10px;margin-bottom:6px;}
.box-title span{color: #ab9c89;font-weight: 100;}
.box-title-line{width: 100%;position: relative;border-top:1.5px solid #363638;}
.box-title-line:after{position: absolute;top:-2.5px;height:3px;left:0; display: block;content: "";background: #6b6557;width: 48px;}
.box-title-line:before{position: absolute;top:-2.5px;height:3px;right:0; display: block;content: "";background: #6b6557;width: 48px;}
.about .content{margin-top: 50px;width:1030px; height:455px; color: #ab9c89;}
.content-nav{border:1px solid #605950;margin-top: 45px; font-weight: bold; position: relative; /* position: absolute;bottom:60px; */}
.about .content p{font-size: 18px;line-height: 30px;margin-bottom: 5px;}
.about .content img{width: 100%;}
.s-tu{height:586px;}
.content-nav ul{height:58px;}
.content-nav ul li{border-left:1px solid #282625;float: left; position: relative; width:173px; line-height: 58px;text-align: center; font-size: 20px;}
.content-nav ul li:nth-child(1){border-left: 0;}
.content-nav ul li.on{position: relative;}
.content-nav ul li.on:after{content: "";background: url(../image/s-left.png) no-repeat;width:12px; height:12px;position: absolute;top:0;left:0;}
.content-nav ul li.on:before{content: "";background: url(../image/s-right.png) no-repeat;width:12px; height:12px;position: absolute;bottom:5px;right:0;}
.content-nav ul li a{color: #4d4d4d}
.content-nav ul li.on a{color: #aa9b88}
.content-nav ul dl{position: absolute;bottom:100%;width:100%;line-height: 35px;display: none;}
.content-nav ul dl dd{border-top:1px solid #282625;position: relative;}
.content-nav ul li.on dl dd a:hover{color: #aa9b88;}
.content-nav ul dl dd:hover:after{content: ""; background: url(../image/s-left.png) no-repeat;width:12px; height:12px;position: absolute;top:0;left:0;}
.content-nav ul dl dd:hover:before{content: "";background: url(../image/s-right.png) no-repeat;width:12px; height:12px;position: absolute;bottom:5px;right:0;}

.content-nav ul li.on dl dd a{color: #ab9c89}
.content-nav .hr{border-top:1px solid #605950;position: absolute;bottom:4px;width:100%;}
.box-title-line.bottom{position: absolute;bottom: 30px;}

.content-right{width:265px;padding-top: 10px; text-align: center;}
.music-btn{height:22px; background: url(../image/music-bg.png) no-repeat bottom; background: 100% auto; text-align: left; padding-left: 30px; margin-bottom: 10px;}
.music-btn img{margin:0 15px;}

.map-img img{position: absolute;top:0;height:100%; left: 0;max-width: initial;width:auto; margin-left: -250px;}
.map{background: url(../image/map-bg.png) no-repeat; padding-top:20px; background-size: 100% 100%;border:1px solid #272524;}
.map-img{height:406px; position: relative;overflow: hidden;}
.map-text{line-height: 40px;transform: scale(0,0);height:20px;font-size: 13px; color: #aa9b88; text-align: center;opacity: 0}
.map-text.animate{animation:  map-text 0.6s linear 5.5s 1;animation-fill-mode: forwards;}

.map-img:after{content: "";animation:  map-on 6s linear 0s 1;position: absolute;top:130px;left:90px; height:40px;width:40px;z-index: 7; background: url(../image/map-pot.png) no-repeat; background-size: 100% 100%}
.map-1.animate{z-index: 6;animation:  map 1.5s linear 0s 1;animation-fill-mode: forwards;}
.map-2.animate{z-index:5;animation:  map 1.5s linear 1s 1;animation-fill-mode: forwards;}
.map-3.animate{z-index: 4;animation:  map 1.5s linear 2s 1;animation-fill-mode: forwards;}
.map-4.animate{z-index: 3;animation:  map 1.5s linear 3.2s 1;animation-fill-mode: forwards;}
.map-5.animate{z-index: 2;animation:  map 1.5s linear 4.4s 1;animation-fill-mode: forwards;}
.map-6.animate{z-index: 1;}
@keyframes map {
   0%   { transform: scale(1,1);opacity: 1 }
   70%{opacity: 1 }
 100% {  transform: scale(1.5,1.5); opacity: 0 } 
}
@keyframes map-text {
   0%   { opacity: 0;transform: scale(0,0); height:20px;}

 100% {   opacity: 1;transform: scale(1,1);height:45px;} 
}
@keyframes map-on {
   0%   { transform: scale(0.4,0.4);}
   100% {  transform: scale(1,1);} 
}

.yewu .content{width:695px;margin:0 auto; margin-top: 35px;margin-bottom: 55px;}

.yewu .content-nav{margin-top: 55px;}

.yewu .tab-title{display: none;}	

.h-one li:after{content:'';position: absolute;right:-12px;border-bottom: 1px solid #313132;width:12px;top:50%;}
.h-one li:last-child:before{content:'';position: absolute;right:-12px;border-left: 1px solid #313132;height:118px;top:50%;}
.h-one li{width:126px;position: relative; height:126px;text-align: center;display: inline-block;font-size: 0; margin:0 4px;}
.h-one li>span{display: inline-block; position: relative;float: left; width:18px;top:50%;left:50%; margin-left: -18px; transform: translateY(-50%);font-size: 14px;}
.h-one li .span-2{margin-left:0px;}
.h-one li img{position: absolute;width:100%;height:100%;top:0; left:0;animation: circular 3s linear infinite;}

.h-two{text-align: center;}
.h-two li:first-child:after{content:'';position: absolute;left:-196px;  border-top: 1px solid #313132;width:196px;top:50%;}
.h-two li:last-child:after{content:'';position: absolute;right:-188px; margin-top: -2px; border-top: 1px solid #313132;width:188px;top:50%;}
.h-two li{width:98px;position: relative; height:98px;text-align: center;display: inline-block;font-size: 0; margin:4px;}
.h-two li span{display: inline-block; position: absolute;top:50%;left:50%;border-radius: 40px; color: #1f1a15; background: #6d6459;width:50px;height:50px; line-height: 50px; transform: translate(-50%,-50%);font-size: 14px;}
.h-two li img{position: absolute;width:100%;height:100%;top:0; left:0;}

.h-three li:after{content:'';position: absolute;left:-12px;border-bottom: 1px solid #313132;width:12px;top:50%;}
.h-three li:last-child:before{display: none}
.h-three li:first-child:before{content:'';position: absolute;left:-12px;border-left: 1px solid #313132;height:120px;top:-57px;}
.h-three li:nth-child(2)>span{     margin-left: -10px; }
.arc .content-left{width:100%;position: relative;padding-bottom: 60px;}
.arc .content-left .content{padding:20px 10px;}

.arc .content .title{font-size: 18px;color: #ab9c89;text-align: center;margin-top: 40px;}
.arc .content .time{display: block;padding:20px 0; font-size: 14px;color: #ab9c89;text-align: center;}
.arc .content  p{line-height: 28px;font-size: 15px;text-indent: 2em;}
.content-nr-tab{overflow: hidden;width: 627px;margin:0 auto;margin-top: 20px;padding-top: 100px;}
.nr-tab-box{float: left;position: relative;width:209px;height:214px;text-align: center; cursor: pointer;}
.nr-tab-box img{padding-top: 10px;}
.nr-tab-box span{display: block;border-radius: 40px; width:40px;height:40px; line-height: 40px;text-align: center; position: absolute;top:50%;left:50%;margin-left: -20px;margin-top: -20px;}
.nr-tab-box.on span{background: #6d6459;color: #241f1a;}
.nr-tab-box.on:after{content: "";width:100%;height:100%;background: url(../image/xuanzhong.png) no-repeat;background-size: 100% 100%; position: absolute;top:0;left:0;}
.content-nr{height: 388px;}
.content-nr-box{display: none;background: rgba(48,48,48,0.48);padding:1px; width: 700px;margin:-5px auto 0;  border-right: 1px solid #6d6459;border-left: 1px solid #6d6459;}
.content-nr-box ul{display: none; border-right: 1px solid #3f3d3b;padding:12px 40px; border-left: 1px solid #3f3d3b; color: #58524a;}
.content-nr-box ul li{overflow: hidden; line-height: 24px;margin-top: 10px; font-size: 12.5px;}
.content-nr-box ul li:nth-child(1){margin-top:0;}
.content-nr-box ul span{border:1px solid #58524a;display: block;width:115px;text-align: justify;justify-content: space-around;text-align-last:justify; padding:0 10px; float: left;border-radius: 6px;position: relative;}
.content-nr-box ul span:after{position: absolute; content: "";width:115px;right:-125px;border-top:1px solid #3d3d3e;top:12px;}
.content-nr-box ul p{float: left;margin-left: 135px;}
.yewu .content li{opacity: 0}
@keyframes yewu {
   0%   { opacity: 0}
   100% { opacity: 1} 
}


.span-r{width:126px;height:126px;position: absolute;top:50%;left:50%;margin-left: -68px;margin-top: -72.5px;}
.span-r span{position: absolute;width:10px;  height:10px;}
.span-r span:after{position: absolute;top:0;width:1px;border-radius: 1px;height:100%; background: #322e2c; content: "";left:3.5px;}
.span-r span.animate:after{
  background: #aa9b88;
}

.img-about{position: relative;}
.about .img-about:after{content: ""; width: 180px;height:180px;background: url(../image/about-img-r.png) center center; background-size: 100% 100%; position: absolute;left:0px;top:50%;margin-top: -109px;border-radius: 50%;animation: circular 3s linear infinite;}

.about .img-about:before{content: ""; width: 180px;height:180px;background: url(../image/about-img-r.png) center center; background-size: 100% 100%; position: absolute;right:0px;top:50%;margin-top: -109px;border-radius: 50%;animation: circular 3s linear infinite;}
.img-about img{position: relative;z-index: 2;}
.img-about .img-b{width: 377px;
    height: 377px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    margin-top: -207px;
    margin-left: -189px; background: url(../image/b_yuan.png) no-repeat ;background-size: 100% 100%;animation: circular 3s linear infinite;}
.img-about .img-x{ width: 50px;
    height: 50px;
    position: absolute;
    bottom: 4px;
    left: 50%;
    z-index: -1;
    margin-left: -25px; background: url(../image/x_yuan.png) no-repeat ;background-size: 100% 100%;animation: circular 3s linear infinite;}

/* 
.img-about-r{width: 190px;height:190px;position: absolute;right:0px;top:50%;margin-top: -115px;border-radius: 50%;animation: circular 3s linear infinite;}
.img-about-r:after{position: absolute;top:40px;width: 6px; left:40px; height:6px;background: #ab9c89;content: ""; border-radius: 3px;}
.img-about-r:before{position: absolute;bottom:40px;width: 6px; right:40px; height:6px;background: #ab9c89;content: ""; border-radius: 3px;} */
.arc .news-list{width:100%;height:auto;}
.arc .news-list ul{height:auto;}
.arc .news-list ul li{overflow: hidden;}
.news-arc .content span img{width:800px;}
.arc .news-list li .img{width:210px;float: left;height:110px;overflow: hidden;}
.arc .news-list li .img img{width:100%;height:100%;}

.arc .news-list li .nr{float: left;margin-left: 10px;padding-top: 10px;}
.arc .news-list.fwkh li .img{width:150px;border-right:1px solid #3a3a3a;height:auto;}
.arc .news-list.fwkh li .img img{max-height: 90%;max-width: 90%;width: auto;height:auto;}


.news-list.fwkh li h1{font-size: 20px;margin-bottom: 10px}
.news-list.fwkh li h2{font-size: 16px;margin-top: 10px;font-weight: bold;}
.team-tag-span{font-size: 20px; color: #ab9c89; padding-bottom: 10px;}
.team-tag-span .name{text-decoration: underline;color: #ab9c89;}
.team-tag-span span{padding:0 10px;}

.team{overflow: hidden;}
.team .content{margin-top: 20px;width:100%; color: #ab9c89; font-size: 20px;line-height: 32px;}
.team .content .nr{height:288px;overflow: auto;margin:10px 0;display: none;}
.team .content .nr p{text-indent: 2em;margin-bottom: 30px}
.team-tag-tu{margin-top:15px;}
.team-tag-tu span{display: none;}
.team-tag-tu img{margin-right: 36px;width:114px;}
.team-tab-img{margin-top: 0px;height:358px;overflow: hidden;}
.wave{background:url(../image/music-img-bg.png) repeat-x 0 center;}
/*.wave.on{animation:  wave 3s linear infinite;}*/
@keyframes wave {
  0%   { background-position:0 center; }
  100% { background-position:250px center;  }
}

.hx-dc{        position: absolute;
    top: 65px;
    line-height: 25px;text-align: center;
    font-size: 16px;
    color: #6D6459;
    left: 162px; }

    .hx-hy{       position: absolute;
    top: 55px;
    line-height: 25px;
    font-size: 18px;text-align: center;
    color: #6D6459;
    left: 458px; }

    .hx-gd{   position: absolute;
    top: 65px;
    line-height: 25px;text-align: center;
    font-size: 18px;
    color: #6D6459;
    right: 165px;}

    .hx-tb{       position: absolute;
    bottom: 51px;
    line-height: 25px;
    font-size: 18px;
    color: #6D6459;
    left: 210px;text-align: center;}

    .hx-qw{  position: absolute;
    bottom: 91px;
    line-height: 25px;
    font-size: 18px;
    color: #6D6459;
    left: 447px; text-align: center;}

    .hx-zl{       position: absolute;
    bottom: 54px;
    line-height: 25px;
    font-size: 18px;
    color: #6D6459;
    right: 200px;
    text-align: center;
 }
 .hx-animate{
animation:  hx-animate 0.8s linear 1;
 }

@keyframes hx-animate {
  0%   { transform: scale(1,1); }
  30%   { transform: scale(1.3,1.3); }
  60%   { transform: scale(1.1,1.1); }
  100% { transform: scale(1.3,1.3); }
}

.team-tab-span span{display: block;border:2px solid #6c6459;text-align: left;text-align: center; color:#ab9c89; cursor: pointer; margin-top: 6px; line-height: 24px;font-size: 14px;}
.team-tab-span span:nth-child(1){margin-top: 0;}
.team-tab-span span.on{background: #393532; color: #a59784;}
#audio,#audio-top{display: none;}
.serve,.news,.team,.contact{overflow: hidden;position: relative;height:100%;}
.serve .content-right{position: relative;}
.serve .content-right .load{transform: scale(0.8,0.8);}
.serve .content{margin:0 auto; margin-top: 45px; width:995px;text-align: center;font-size: 0;line-height: 0;}
.serve .content-nav{margin-top: 0px;}
.serve .content span{display: inline-block;padding:20px 15px ;}
.serve .content span img{height:80px;}
.serve .content span.t{height:auto;font-size: 24px;font-weight: bold;flex: 1;width:100%;}
.serve .content span.more{height:50px;font-size: 24px;font-weight: bold;flex: 1;width:100%;}
.serve .content span.more a{position:relative;}
.serve .content span.more a:after{width:40px;height:2px;background: #ab9c89;display: block;position: absolute;left:-50px;content: "";top:50%;transform:translateY(-50%);}
.serve .content span.more a:before{width:40px;height:2px;background: #ab9c89;display: block;position: absolute;right:-50px;content: "";top:50%;transform:translateY(-50%);}
.serve .content span.more img{height: auto;vertical-align:middle;}
.play-on{cursor: pointer;}
.code-tu{border:1px solid #998c7b;}
.code-img{padding:70px;position: relative;cursor: pointer;}
.code-img:hover img{animation:  code-img 0.6s linear 1;animation-fill-mode: forwards;}
@keyframes code-img {
  0%   { transform: scale(1,1); }
  30%   { transform: scale(1.4,1.4); }
  60%   { transform: scale(1.2,1.2); }
  100% { transform: scale(1.6,1.6); }
}
.contact .content{position: relative;}
.contact .content:after{height:3px;animation:  content-after 5s linear infinite;background: #998c7b;display: block;position: absolute;bottom:0px; right:1px;width:3px; content: "";}
.contact .content:before{height:3px;animation:  content-before 5s linear infinite;background: #998c7b;display: block;position: absolute;left:1px;top:0px; content: "";width:3px; }
@keyframes content-after {
  0%   { bottom:0; }
  50% { bottom:100%;}
  100% { bottom:0;}
}
@keyframes content-before {
  0%   { top:0; }
  50%   { top:100%; }
  100% { top:0;}
}
.code-img:after{height:100%;border-left: 1px solid #998c7b;display: block;position: absolute;left:4px;top:0px; content: "";}
.code-img:before{height:100%;border-left: 1px solid #998c7b;display: block;position: absolute;right:4px;top:0px; content: "";}
.code-text{padding:20px 0; display: block;font-size: 12px;color: #ab9c89;}
.contact{overflow: hidden;}
.contact .content{width:540px;margin:120px auto; height:255px; background: url(../image/contact-bg.png) no-repeat; background-size: 100% 100%;}
.contact .p{padding-top:90px;padding-left: 35px;}
.contact .p h1 em span{font-size: 24px;font-weight: bold;color: #ab9c89;margin-bottom: 25px;}
.contact .p h1>span{font-size: 12px;}
.contact .p p{line-height: 24px;font-size: 13px; color: #6e655b;}
.banner-x{height:200px;position: relative;margin-top:45px;}
.banner-x .mask{width:100%;height:100%;position: absolute;pointer-events: none;z-index: 666;top:0;left:0;}
.banner-x .mask img{width:100%;height:100%;}
.banner-x .swiper-pagination-bullet-active{background: #ab9c89;}
.banner-x .swiper-pagination-bullet{background:#ab9c89; }
.news-list{width:1165px;margin:20px auto;margin-top: 40px;}
.news-list ul{overflow: auto;height:215px;}
.news-list li{border:1px solid #3a3a3a;padding:10px 40px 10px 10px;position: relative; margin-top: 20px;position: relative;}
.news-list li:nth-child(1){margin-top: 0;}
.news-list li h1{font-size: 14px; color: #ab9c89;font-weight: bold;line-height: 30px;}
.news-list li h1 a{color: #ab9c89;}
.news-list li .p{line-height: 22px;font-size: 12px;width:945px;}
.news-list li .a{font-size: 12px;position: absolute;bottom:6px; right:40px;}
.news-list li:after{content: "";width:2px;height:2px; border-radius:2px;background: #aa9b88; position: absolute;top:0;left:0;}
.news-list li:before{content: "";width:2px;height:2px; border-radius:2px;background: #aa9b88; position: absolute;top:0;right:0;}
.news-list li .nr:after{content: "";width:2px;height:2px; border-radius:2px;background: #aa9b88; position: absolute;bottom:0;left:0;}
.news-list li .nr:before{content: "";width:2px;height:2px; border-radius:2px;background: #aa9b88; position: absolute;bottom:0;right:0;}
.zxns .content-left{width:670px;}
.zxns .content-right{width:670px;}
.zxns .content-right video{width:100%;}

.form{overflow: hidden;margin-top: 40px;}
.zxns .content{font-size: 13px;color: #ab9c89; line-height: 26px;padding: 10px 0}
.zxns .content span{padding-bottom: 10px;display: block;}
.input-box{border:1px solid #3a3a3a;line-height: 26px; float: left;margin-left: 5px;margin-top: 5px}
.input-box:nth-child(1),.input-box:nth-child(4){margin-left: 0;}
.input-position{width:204px;position: relative;height:25px;overflow: hidden;} 
.input-position select{width:calc(100% - 15px);color: #ab9c89; height:15px;  margin-left: 10px;border: 0; background: url(../image/s.png) no-repeat center right;}
.input-name{width:150px;}
.input-box input{border:0px;margin-left: 10px;width:120px;color: #ab9c89;  background: initial;}
.form-input{width:520px;}
.input-phone{width:255.5px;}
.input-textarea{width:518px;margin-left: 0;color: #ab9c89; }
.input-textarea textarea{width:500px;height:124px;margin-left: 8px;color: #ab9c89; background: initial;border:0;font-family:"微软雅黑" }
.form-img{border:1px solid #3a3a3a;line-height: 26px; position: relative; float: right;width:130px;height:201px; margin-left: 5px;margin-top: 5px}
.form-img img{width:38px; height:38px;margin: 0 auto; display: block; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%);}
.form-img:after{content: "PIC";position: absolute;bottom:10px;right:10px;display: none}
.content-bottom{border: 1px solid #82776a;margin-top:20px;padding:5px;}
.content-bottom span{display: block; line-height: 70px;text-align: center; cursor: pointer; background:#ab9c89;width:100%;height:70px;font-size: 26px;color: #131315;font-weight: bold; }
.content-bottom span.on em{animation: shan 3s linear infinite;display: block;}
@keyframes shan {
  0%{
      transform: scale(1,1);
    }
    10%{
     transform: scale(1.3,1.3);
    }
    20%{
      transform: scale(1,1);
    }
    30%{
      transform: scale(1.3,1.3);
    }
    40%{
      transform: scale(1,1);
    }
    
  100% {
      transform: scale(1,1);
     }
}

.footer{width:580px; margin: 0 auto;margin-top:60px;font-size: 13px;margin-bottom: 20px;overflow: hidden;}
.footer .bottom-nav{margin-top: 2px;}
.footer .bottom-nav .x{text-align: right;font-size: 12px;overflow: hidden;margin-top: 3px;}
.footer .bottom-nav .x span{ display: block;float: right; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: url(../image/scroll-on.png) no-repeat center;width:12px;}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: url(../image/scroll-on.png) no-repeat center;width:12px;}
.mCSB_scrollTools .mCSB_draggerRail{background: url(../image/scroll-bg.png) no-repeat center;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: url(../image/scroll-on.png) no-repeat center;
    filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: url(../image/scroll-on.png) no-repeat center;}
.yewu{overflow: hidden;}

.top{width:35px;position: fixed;bottom:30px;right:20px;z-index: 9999;}
.top img{width:35px;}

.form-alert{width:612px;height:344px; z-index: 99999; position: absolute;top:50%;left: 50%; margin-top: -177px;margin-left: -306px; background:#131315 url(../image/form-bg.png) no-repeat; background-size: 100% 100%;display: none;s}

.form-alert:after{content:""; cursor: pointer; width:20px;height:20px;position: absolute;background: url(../image/xx.png) no-repeat center; top:20px;left:20px;}
.form-alert-left{float: left;width:345px;margin-top:50px;margin-left:40px;}

.form-alert-left .name-box {overflow: hidden;padding-bottom: 50px;}
.form-alert-left .name-box .title{font-size: 25px;float: left;}

.form-alert-left .name-box .name-msg{display: block;float: left;margin-left: 30px; font-size: 12px;}
.form-alert-left p{line-height: 24px; font-size: 12px;width:100%;word-wrap:break-word}

.form-alert-right{float: right;width:145px;  height:170px;margin-top: 80px; border:1px solid #524b45; margin-right: 20px;}
.form-alert-right img{width:100%;height:100%;}
.form-alert-bottom{position: absolute;bottom:25px;left:0;width:100%;}
.form-alert-bottom input{display: block;line-height: 32px; background: initial; text-align: center;margin: 0 auto; width:100px;border:1px solid #ab9c89; color: #807568;}
.team .content-bottom-s{width: 1046px;float: left;}
.mad{width:46px; position: absolute;top: 55px; right:20px; display: none;z-index: 999999;}
.mad img{width:100%;}
.mad-mav{display: none}
#img{height: 100%;width:100%;opacity: 0;}
.nr-tab-box{

}
.nr-tab-box1,.nr-tab-box2,.nr-tab-box3{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.nr-tab-box1{
  background: url(../image/yuan4.png) no-repeat center center;
  background-size: 172px auto;
}
.nr-tab-box2{
  background: url(../image/yuan5.png) no-repeat center center;
  background-size: 170px auto;
  animation: circular 3s linear infinite;

}
.nr-tab-box3{
  background: url(../image/yuan6.png) no-repeat center center;
  background-size: 182px auto;
  animation: circular 5s linear infinite;
  z-index: 9999;
}
.nr-tab-box1_on{
  animation: circular 0.8s linear;
}

.content-nr-tab .nr-tab-box:nth-child(2) .nr-tab-box2{animation: circular1 3s linear infinite;}
.content-nr-tab .nr-tab-box:nth-child(2) .nr-tab-box3{animation: circular1 5s linear infinite;}
.content-nr-tab .nr-tab-box:nth-child(3) .nr-tab-box2{animation: circular2 3s linear infinite;}
.content-nr-tab .nr-tab-box:nth-child(3) .nr-tab-box3{animation: circular2 5s linear infinite;}

@keyframes circular {
  0%{
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
     }
}
@keyframes circular1 {
  0%{
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
    }
  100% {
      -webkit-transform: rotate(450deg);
      -ms-transform: rotate(450deg);
      transform: rotate(450deg);
     }
}
@keyframes circular2 {
  0%{
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  100% {
      -webkit-transform: rotate(540deg);
      -ms-transform: rotate(540deg);
      transform: rotate(540deg);
     }
}