img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}

@media only screen and (min-width: 1400px){
.fr{ float:right; padding-right:150px;}
}

@media screen and (max-width: 1410px){
.fr{ float:right; padding-right:100px;}
}




.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.1); /*放大1.1倍*/
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.1);
	}
}

.banner{ height:100vh}
.banner .banmiso{ height:100vh}
.banner_box{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 20s; /*动画所花费的时间*/
	cursor:pointer
}
.banner .banmiso h3{ font-size:42px; color:#fff; margin-bottom:24px}
.banner .banmiso h3{ opacity: 0; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.banner .banmiso.miso-current h3{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition-delay:1s}

.banner .banmiso p{ font-size:26px; color:#fff}
.banner .banmiso p{ opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -ms-transition: 0.6s ease-out; transition: 0.6s ease-out;}
.banner .banmiso.miso-current p{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition-delay:2s}
.banner .miso-prev,.banner .miso-next{ width:60px; height:120px;}
.banner .miso-prev{ background:url(../image/l.png) center no-repeat; left:6.25rem}
.banner .miso-next{ background:url(../image/r.png) center no-repeat; right:6.25rem}

.banner-next {z-index: 99;position: absolute;bottom: 80px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span {display: inline-block;margin: 0 auto;}
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 15px;}
.banner-next .next-icon {position:relative;width: 25px;height: 40px;background:url(http://www.tigermark.hk/static/style/pc/images/next-icon.png) center no-repeat;}

.banner-next .next-icon:before{content:"";width:2px;height: 10px;position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px;background:url(http://www.tigermark.hk/static/style/pc/images/icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}


@media only screen and (min-width: 1400px){
.page-view {
  height: 906px;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}
}

@media screen and (max-width: 1410px){
.page-view {
  height: 606px;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}
}




.page-view .project {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-view .project .text h1 {
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  display: table;
  text-align: center;
}

.page-view .project .text p {
  font-size: 16px;
  position: absolute;
  bottom: 40px;
  right: 60px;
  margin: 0;
}

.page-view .project:nth-child(1) {
  z-index: 30;
}

@media screen and (max-width: 640px) {
  .page-view .project .text h1 {
    font-size: 36px;
  }
  .page-view .project .text p {
    bottom: 20px;
    margin: 0;
    text-align: center;
    width: 100%;
    right: auto;
    font-size: 14px;
  }
}

.page-view .arrows {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 0 5%;
}

.page-view .arrows .arrow {
  float: left;
  cursor: pointer;

}

.page-view .arrows .arrow.next {float: right;  margin-right:200px;}

.page-view .arrows .arrow:hover.previous {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
}

.page-view .arrows .arrow:hover.next {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}

.page-view .arrows .arrow svg {
  height: 40px;
  width: 25px;
  padding: 2px;
}

.page-view .arrows .arrow svg polygon {
  fill: #fff;
}

.page-view .arrows .arrow {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  margin-right: 10px;
  margin-top: -7px;
}

@media screen and (max-width: 640px) {
  .page-view .arrows {
    bottom: 60px;
    left: 50%;
    z-index: 120;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .page-view .arrows .arrow.previous:hover {
    -webkit-transform: none;
            transform: none;
  }
  .page-view .arrows .arrow.next:hover {
  }
}

@-webkit-keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}

@keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}


/* SPECIFIC DEMO STYLE */
/* DEMO 1 */

@font-face {
    font-family: 'besom';
    src: url('http://www.tigermark.hk/static/style/pc/fonts/besom.eot');
    src: url('http://www.tigermark.hk/static/style/pc/fonts/besom.eot') format('embedded-opentype'),
         url('http://www.tigermark.hk/static/style/pc/fonts/besom.woff2') format('woff2'),
         url('http://www.tigermark.hk/static/style/pc/fonts/besom.woff') format('woff'),
         url('http://www.tigermark.hk/static/style/pc/fonts/besom.ttf') format('truetype'),
         url('http://www.tigermark.hk/static/style/pc/fonts/besom.svg#besom_2regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (min-width: 1400px){
.w_banner {
  background: url(../image/nature-sprite.png) no-repeat -9999px -9999px;
  position: relative;
  min-width: 906px;
  height: 906px;
}
}

@media screen and (max-width: 1410px){
.w_banner {
  background: url(../image/nature-sprite.png) no-repeat -9999px -9999px;
  position: relative;
  min-width: 906px;
  height: 606px;
}
}




.w_banner .page-view {
  background: url(../image/nature-sprite-2.png) no-repeat -9999px -9999px;
}

.w_banner .page-view h1 {
  font-family: 'besom';
}

.w_banner .page-view .project:nth-child(1) {
}

.w_banner .page-view .project:nth-child(2) {
}

.w_banner .page-view .project:nth-child(3) {
}

.w_banner .page-view .project:nth-child(4) {
}

.w_banner .page-view .project:nth-child(even).hide {
  -webkit-mask: url(../image/nature-sprite.png);
          mask: url(../image/nature-sprite.png);
  -webkit-mask-size: 2300% 100%;
          mask-size: 2300% 100%;
  -webkit-animation: mask-play 1.4s steps(22) forwards;
          animation: mask-play 1.4s steps(22) forwards;
}

.w_banner .page-view .project:nth-child(odd).hide {
  -webkit-mask: url(../image/nature-sprite-2.png);
          mask: url(../image/nature-sprite-2.png);
  -webkit-mask-size: 7100% 100%;
          mask-size: 7100% 100%;
  -webkit-animation: mask-play 1.4s steps(70) forwards;
          animation: mask-play 1.4s steps(70) forwards;
}

/* DEMO 2 */
@font-face {
    font-family: 'adam';
    src: url('http://www.tigermark.hk/static/style/pc/fonts/adam/adam.eot');
    src: url('http://www.tigermark.hk/static/style/pc/fonts/adam.eot') format('embedded-opentype'),
         url('http://www.tigermark.hk/static/style/pc/fonts/adam.woff2') format('woff2'),
         url('http://www.tigermark.hk/static/style/pc/fonts/adam.woff') format('woff'),
         url('http://www.tigermark.hk/static/style/pc/fonts/adam.ttf') format('truetype'),
         url('http://www.tigermark.hk/static/style/pc/fonts/adam.svg#adam.cg_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.demo-2 {
  background: url(../image/building-sprite.png) no-repeat -9999px -9999px;
}

.demo-2 .page-view {
  background: url(../image/building-sprite-2.png) no-repeat -9999px -9999px;
}

.demo-2 .page-view h1 {
  text-transform: uppercase;
  letter-spacing: 16px;
  font-family: 'adam';
}

@media screen and (max-width: 640px) {
  .demo-2 .page-view h1 {
    letter-spacing: 4px;
  }
}

.demo-2 .page-view .project:nth-child(1) {
  background-image: url(http://www.tigermark.hk/static/style/pc/images/building-1.jpg);
}

.demo-2 .page-view .project:nth-child(2) {
  background-image: url(http://www.tigermark.hk/static/style/pc/images/building-2.jpg);
}

.demo-2 .page-view .project:nth-child(3) {
  background-image: url(http://www.tigermark.hk/static/style/pc/images/building-3.jpg);
}

.demo-2 .page-view .project:nth-child(4) {
  background-image: url(http://www.tigermark.hk/static/style/pc/images/building-4.jpg);
}

.demo-2 .page-view .project:nth-child(odd).hide {
  -webkit-mask: url(../image/building-sprite.png);
          mask: url(../image/building-sprite.png);
  -webkit-mask-size: 7500% 100%;
          mask-size: 7500% 100%;
  -webkit-animation: mask-play 1.4s steps(74) forwards;
          animation: mask-play 1.4s steps(74) forwards;
}

.demo-2 .page-view .project:nth-child(even).hide {
  -webkit-mask: url(../image/building-sprite-2.png);
          mask: url(../image/building-sprite-2.png);
  -webkit-mask-size: 8400% 100%;
          mask-size: 8400% 100%;
  -webkit-animation: mask-play 1.4s steps(83) forwards;
          animation: mask-play 1.4s steps(83) forwards;
}


/* DEMO 3 */
.demo-3 {
  background: url(../image/urban-sprite.png) no-repeat -9999px -9999px;
}

.demo-3 .page-view {
  background: url(../image/urban-sprite-2.png) no-repeat -9999px -9999px;
}

.demo-3 .page-view h1 {
  font-size: 180px !important;
  letter-spacing: 4px;
  text-shadow: 14px 0px rgba(1, 0, 0, 0.5);
}

.demo-3 .page-view .project:nth-child(1) {
  
}

.demo-3 .page-view .project:nth-child(2) {
  
}

.demo-3 .page-view .project:nth-child(3) {
}

.demo-3 .page-view .project:nth-child(4) {
}

.demo-3 .page-view .project:nth-child(odd).hide {
  -webkit-mask: url(../image/urban-sprite.png);
          mask: url(../image/urban-sprite.png);
  -webkit-mask-size: 3000% 100%;
          mask-size: 3000% 100%;
  -webkit-animation: mask-play 1.4s steps(29) forwards;
          animation: mask-play 1.4s steps(29) forwards;
}

.demo-3 .page-view .project:nth-child(even).hide {
  -webkit-mask: url(../image/urban-sprite-2.png);
          mask: url(../image/urban-sprite-2.png);
  -webkit-mask-size: 7400% 100%;
          mask-size: 7400% 100%;
  -webkit-animation: mask-play 1.4s steps(73) forwards;
          animation: mask-play 1.4s steps(73) forwards;
}

/* Fallback */
.no-cssmask .page-view .project.hide {
  opacity: 0;
  -webkit-transition: opacity 1.4s ease;
          transition: opacity 1.4s ease;
  -webkit-mask: none !important;
          mask: none !important;
}


header{position:absolute;top:0;width:100%;height:112px;z-index:1000;transition:0.6s;min-width: 1300px;}
header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.2); transition:3s}
header.on:before{ width:100%}
header .box{padding: 0 0 0 3%;}

@media only screen and (min-width: 1400px){
header .logo{height: 112px;line-height: 112px; margin-left:-105px}
}

@media screen and (max-width: 1410px){
header .logo{height: 112px;line-height: 112px;}
}



header.xg{ background:rgba(0,0,0,0.5)}

#nav{ height:70px; background:#0058af; position:relative; z-index:1}
.navBox { float: left;}

@media only screen and (min-width: 1400px){
.nav li {float: left;text-align: center;height: 112px;position: relative;padding: 0 1rem;}
}

@media screen and (max-width: 1410px){
.nav li {float: left;text-align: center;height: 112px;position: relative;padding: 0 0.5rem;}
}



.nav a {display: block;position: relative;padding: 0;font-size: 16px;height: 112px;line-height: 112px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #fff;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 3px;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .bg:before{content:"";position:absolute;bottom:3px;border-right: transparent 6px solid;border-left: transparent 6px solid;border-bottom: #fff 7px solid;left: 50%;margin-left: -6px;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #fff;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible; }
.nav .active a .txt,.nav .on a .txt{ color:#fff}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #8f343a;}
.subNavbox { position: absolute; left: 0px; top: 115px; width: 100%; background-color: #fcfcfc; box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2); display: none; text-align: center; padding: 20px 0px; }
.subNavbox p {padding-bottom: 12px;line-height: 24px;}
.subNavbox p a {line-height: 28px;height: auto;padding: 0;font-size: 15px;display:  inline-block;color: #666;}
.subNavbox p a:before{content:"";position:absolute;bottom: -3px;height: 1px;background: #8f343a;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}

header .right .tel{float:left;width: 225px;height: 100px;padding: 25px 0px;padding-left: 45px;margin-left: auto;position:relative;background: #3ca0d3;}
/*header .right .tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; position:absolute; left:-30px; top:50%; margin-top:-7.5px;}*/
header .right .tel h5{font-size: 14px;color:#fff;margin-bottom: 3px;line-height:normal;}
header .right .tel h5 img{ margin-right:5px}
header .right .tel h3{font-size:22px;color:#fff;line-height:normal;font-family: DINOT;}

#section00{position:relative;z-index: 0; cursor:pointer}

header dl{display:inline-block;font-size:0;float: left;position: absolute;top: 0;right: 0;}

@media only screen and (min-width: 1400px){
header dl dd{display:inline-block;width: 112px;height: 112px;vertical-align:top;}
header dl dd a{display:inline-block;width: 112px;height: 112px;position:relative;text-align:center;cursor: pointer;}
}

@media screen and (max-width: 1410px){
header dl dd{display:inline-block;width: 82px;height: 112px;vertical-align:top;}
header dl dd a{display:inline-block;width: 82px;height: 112px;position:relative;text-align:center;cursor: pointer;}
}



header dl dd a:before{ content:""; position:absolute; topp:0; left:0; width:1px; height:0; background:rgba(255,255,255,0.3); transition:1.2s; transition-delay:3s}
header.on dl dd a:before{ height:100%}

header dl dd a h3{height:48px;line-height:48px;margin-top: 18px;}
header dl dd a h5{font-size: 14px;color:#fff;}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01{ background:url(../image/container01_bg.jpg) center no-repeat; height:502px; position:relative}
.container01:before{ content:""; position:absolute; background:url(../image/yuan.png) center no-repeat; width:1673px; height:1673px; left:50%; margin-left:-836.5px; bottom:170px; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 80s linear infinite; -moz-animation:play 80s linear infinite; animation:play 80s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}
.container01 .left{ padding:132px 0 0; width:548px; position:relative}
.container01 .left h5{ font-size:24px; color:#a34b52; text-transform:uppercase; font-family:georgia; }
.container01 .left h4{font-family:simsun; font-weight:bold;font-size:32px;color:#4c4139;margin: 10px 0 8px;}
.container01 .left h3{font-family:simsun;font-weight:bold;font-size:48px;color:#4c4139;/* -webkit-text-stroke: 1px #4c4139; */text-shadow: #4c4139 0.5px 0 0, #4c4139 0 0.5px 0, #4c4139 -0.5px 0 0, #4c4139 0 -0.5px 0;}
.container01 .left h3 .img{ display:inline-block; vertical-align:top; margin:-10px 0 0 12px}
.container01 .left p{ font-size:15px; line-height:24px; color:#948987; overflow:hidden; height:48px; margin:28px 0 30px}
.container01 .left a{ background:url(../image/kuang01.png) center no-repeat; width:162px; height:57px; line-height:57px; display:inline-block; font-size:14px; color:#7b746b; letter-spacing:2px; text-align:center; transition:0.6s; position:relative}
.container01 .left a:before{content:"";position:absolute;top: 1px;right: 1px;bottom: 0px;left: 1px;border:transparent 1px solid;transition:0.6s;}
.container01 .right{ padding:75px 0 0; position:relative}

.container02{background:url(../image/container02_bg.jpg) center no-repeat;position: relative;}
.container02 ul{ position:relative; z-index:1}
.container02:after{content:"";border-bottom:rgba(255,255,255,0.2) 1px solid;bottom: 364px;position:absolute;left:0;width:100%;height:1px;z-index: 0;}
.container02 ul .miso-list{ padding:0 100px}
.container02 ul li a{position:relative;display: block;}
.container02 ul li .a{position:relative;z-index: 10;}
.container02 ul li .a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:rgba(255,255,255,0.2) 1px solid;border-right:none;border-bottom:none;}
.container02 ul li a .img{ overflow:hidden; position:relative; background:#000; text-align:center}
.container02 ul li a .img .tit{position:absolute;top:3rem;left:0;width:100%;z-index: 1;}
.container02 ul li a .img .tit span{ font-size:16px; color:#e8d8bf; display:inline-block; line-height:44px; border-bottom:#e8d8bf 1px solid; border-top:#e8d8bf 1px solid}
.container02 ul li a .img .rouguang{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../image/rouguang.png) center no-repeat;background-size:cover;z-index: 1;opacity: 0; transition:0.6s}
.container02 ul li a .img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);transition:0.6s;z-index: 2;}
.container02 ul li a .img img{ width:100%; transition:0.9s}
.container02 ul li a .img .img02_con{width:0;height:100%;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transition:0.6s;background-size: cover !important;background-repeat: no-repeat !important;}
.container02 ul li a .img .img02_con img.img02{ opacity:1; transition:0.6s; position:absolute; top:0; right:0; bottom:0; left:0;}
.container02 ul li a .con{text-align:center;overflow:hidden;height:365px;position: relative;z-index: 11;}
.container02 ul li a .con .con_li{ height:0; transition:0.6s; overflow:hidden; background:rgba(255,255,255,0);} 
.container02 ul li a .con h3{ font-size:32px; color:#332c2b; font-family:simsun; font-weight:bold; display:inline-block; width:284px; white-space:nowrap; padding:64px 0 32px}
.container02 ul li a .con h2{font-size:20px;color:#985618;display:inline-block;background:url(../image/kuang02.png) center no-repeat;width:284px;height:87px;line-height: 82px;}
.container02 ul li a .con h2 big{ margin-right:20px}
.container02 ul li a .con h2 span{display:inline-block;width:32px;height:32px;line-height:32px;background:#985618;border-radius:50%;font-size:14px;color:#fff;margin-left: -5px;margin-top: 24px;vertical-align: top;}
.container02 ul li a .con p{ font-size:14px; color:#646262; line-height:18px; height:36px; display:inline-block; width:284px; margin:24px 0 32px}
.container02 ul li a:before{ content:""; position:absolute; width:20px; height:20px; border-radius:50%; background:#e8d8bf}
.container02 .miso-prev,.container02 .miso-next{width:50px;height:50px;top: 30%; transition:0.36s}
.container02 .miso-prev:before, .container02 .miso-next:before{ display:none}
.container02 .miso-prev{background:url(../image/left01_on.png) center no-repeat;left: 25px;}
.container02 .miso-next{background: url(../image/right01_on.png) center no-repeat;right: 25px;}
.container02 .miso-prev:hover{background:url(../image/left01.png) center no-repeat;}
.container02 .miso-next:hover{background: url(../image/right01.png) center no-repeat;}
h6.more00 font{display:inline-block;padding-right: 8px;position:relative;font-size: 14px;z-index: 1;color:#985618;}
h6.more00{line-height: 14px;color: #000;font-size: 0;}
h6.more00 span{vertical-align:top;display:inline-block;width: 30px;height: 12px;position: relative;z-index: 0;overflow: hidden;text-align: left;}
svg.svg01,svg.svg02{width: 30px;height: 15px;position:absolute;will-change:transform;transition: 0.6s;}
svg.svg02{ -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
.container02 ul li a .con_top{text-align:center;height: 50px;margin-left:-50%;width: 100%;padding: 32px 0 0;position: absolute;z-index: 12;transition:0.6s;bottom: 314px;pointer-events: none;}
.container02 ul li a .con_top:before{content:"";position:absolute;width:20px;height:20px;background: rgba(232, 216, 191, 0.2);border-radius:50%;top: -10px;margin-left: -10px;}
.container02 ul li a .con_top:after{content:"";position:absolute;width:10px;height:10px;background: rgba(232, 216, 191, 1);border-radius:50%;top: -5px;margin-left: -5px;}
.container02 ul li a .con_top h5{ font-size:16px; color:#fff; transition:0.6s} 


.container02 ul li a:hover .con{ opacity:1}
.container02 ul li a:hover .img .rouguang{ opacity:1}
.container02 ul li a:hover .img .img02_con{ width:100%}
.container02 ul li a:hover .con .con_li{ height:365px; background:#fff}
.container02 ul li a:hover .img:after{ transform:translateY(100%); background:rgba(0,0,0,0);}
.container02 ul li a:hover .con_top h5,.container02 ul li a.on .con_top h5{ opacity:0}
.container02 ul li a:hover .con_top:before{background: rgba(143, 52, 58, 0.2);}
.container02 ul li a:hover .con_top:after{ background:#8f343a}
.container02 ul li a:hover .img img{ transform:scale(1.05)}

.container03{ background:url(../image/container03_bg.jpg) center no-repeat; background-attachment:fixed; height:560px; cursor:pointer}
.container03 .w1200{ height:560px;}
.container03 h3{ font-size:48px; color:#fff; font-family:Georgia; text-transform:uppercase; margin-top:80px}
.container03 h4{ font-size:24px; color:#fff; font-family:simsun; font-weight:bold; margin:40px 0 10px}
.container03 h5{ font-size:12px; color:#bea377; text-transform:uppercase;}

.container04{ background:url(../image/container04_bg.jpg) center no-repeat; height:330px; padding:82px 0 0}
.container04 .left h3 .l{font-size:72px;color:#736455;font-family:simsun; font-weight:bold;margin-right: 12px;}
.container04 .left h3 .r h4{font-size:32px;color:#985618;font-family:Georgia;text-transform:uppercase;margin-bottom: 6px;padding: 8px 0 0;}
.container04 .left h3 .r h5{ font-size:24px; color:#736455; font-family:simsun; font-weight:bold;}
.container04 .left a{ display:inline-block; background:url(../image/kuang03.png) center no-repeat; width:150px; height:50px; line-height:48px; text-align:center; font-size:14px; color:#545454; margin:42px 0 0 12px; transition:0.6s}
.container04 .right{max-width: 465px;}
.container04 .right p{ font-size:14px; color:#736455; line-height:24px;}

.container05{ background:url(../image/container05_bg.jpg) center no-repeat; height:1028px; padding:100px 0 0}
.container05 ul{ font-size:0; margin:0 -7.5px;}
.container05 ul li{display:inline-block;padding:0 7.5px;width:33.333333%;margin-bottom:15px;overflow: hidden;}
.container05 ul li a{ display:block; position:relative}
.container05 ul li .img{ overflow:hidden}
.container05 ul li .img img{ overflow:hidden; width:100%; height:465px; object-fit:cover; transition:0.9s}
.container05 ul li .top{ position:absolute; right:0; bottom:50px; left:0; padding:0 48px;}
.container05 ul li .top h5{ font-size:18px; color:#fff; margin-bottom:8px; position:relative}
.container05 ul li .top h5:before{ content:""; position:absolute; width:14px; height:2px; background:#fff; top:-16px}
.container05 ul li .top h6{ font-size:16px; color:rgba(255,255,255,0.6); font-family:Georgia; text-transform:uppercase}

.container05 ul li.li01 .img img{ height:145px;}
.container05 ul li.li01 .top{ height:320px; background:#8f343a; position:relative; bottom:0}
.container05 ul li.li01 .top h3{ font-size:36px;color:#fff;font-family:Georgia;text-transform:uppercase;margin-bottom:10px;}
.container05 ul li.li01 .top h4{ font-size:24px; color:rgba(255,255,255,0.8); margin-bottom:30px }
.container05 ul li.li01 .top p{ font-size:14px; line-height:24px; color:rgba(255,255,255,0.8)}

.container05 ul li.li02 .img img{ height:330px;}

.container06{padding: 82px 0 75px;}
.news_pic{width:545px;position:relative;}
.news_pic .time{width: 95px;height:110px;background: #a8854e url(../image/kuang04.png) center 5px no-repeat;color:#fff;position:absolute;top:0;left: 18px;text-align:center;font-size:12px;padding-top: 28px;z-index:99;}
.news_pic .time span{ display:block; font-size:48px; font-family:arial; margin-bottom:1px;}
.news_pic .img{width:545px;height: 306px;overflow:hidden;}
.news_pic .img img{transition:1s;width:100%;height:100%;object-fit: cover;}
.news_pic .img:hover img{ transform:scale(1.03);}
.news_pic .txt{border:1px solid #e5e5e5;padding:28px;}
.news_pic .txt h5{font-size:18px;color: #404044;height:50px;line-height:50px;padding-left: 64px;background:url(../image/s_news_ico.png) left center no-repeat;margin-bottom:10px;transition:.3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_pic .txt h5:hover{color: #a8854e;}
.news_pic .txt p{ font-size:14px; color:#949497; line-height:24px;}

.news_slide{ width:604px;}
.news_slide .hd{height:36px;text-align:left;margin-bottom: 32px;border-bottom: 2px solid #efe5d9;}
.news_slide .hd ul{width: 70%;float: left;}
.news_slide .hd ul li{ float:left; font-size:18px; color:#676565; height:36px; margin-right:33px; position:relative;}
.news_slide .hd ul li a{display:block;color: #676565;}
.news_slide .hd ul li:before{content:"";width:0;height:3px;background: #8f343a;display:block;position:absolute;bottom:0;left:0;transition:.5s;}
.news_slide .hd ul li.miso-current a{ color:#8f343a;}
.news_slide .hd ul li.miso-current:before{ width:100%;}
.news_slide .bd .miso-list{ overflow:visible}
.news_slide .bd .item>.more{float:right;font-size:16px;color: #b6b5b5;position:absolute;right:0;top: -65px;}
.news_slide .bd{}
.news_slide .bd .item{}
.news_slide .bd .txt{}
.news_slide .bd .txt h5{font-size:22px;color: #4d3e37;margin-bottom: 14px;transition: 0.36s;}
.news_slide .bd .txt p{ font-size:14px; color:#a6a6a9; line-height:20px; height:40px;}
.news_slide .bd .bot{ margin-top:13px;}
.news_slide .bd .bot span{font-size:14px;color: #dcbb97;font-family:arial;font-weight:bold;line-height:30px;}
.news_slide .bd .bot .more{float:right;position:relative;overflow:hidden;z-index:0;font-size:12px;color: #aaa49e;text-transform:uppercase;display:block;width:80px;height:30px;line-height:30px;transition:0.6s;text-align:center;border-radius:15px;background:#f7eee4;}
.news_slide .bd .bot .more:before{content:"";position:absolute;width:100px;height:100px;z-index:-1;top:50%;margin-top:-50px;left:50%;margin-left:-50px;background: rgb(168, 133, 78);transform:scale(0);transition:0.6s;border-radius: 50%;opacity:0;}
.news_slide .bd .bot .more:hover:before{transform:scale(1); opacity:1;  border-radius: 50%;}
.news_slide .bd .bot .more:hover{ color:#fff;}
.news_slide .bd ul{ padding-top:23px; background:url(../image/line01.png) center top no-repeat; margin-top:18px;}
.news_slide .bd ul li{ font-size:16px; color:#7a7a7a; height:36px; line-height:36px;}
.news_slide .bd ul li a{}
.news_slide .bd ul li h5{float:left;font-size:16px;width:475px;transition:.3s;color: #7a7a7a;}
.news_slide .bd ul li h5:before{content:"●";font-size:12px;color:#dcbb97;margin-right:7px;vertical-align: top;}
.news_slide .bd ul li span{ float:right; font-size:14px; color:#9c9da2;}
.news_slide .bd ul li:hover h5{color: #a8854e;}
.news_slide .bd .txt:hover h5,.news_slide .hd .more:hover{color: #a8854e;}

/*友情链接*/

.container10{background:#fff;border-top:#ededed 1px solid;border-bottom:#ededed 1px solid;padding: 10px 0;}
.container10 .w1200{padding: 0;position:relative;}
.container10 .nav{float:left;width: 82px;font-size: 14px;color: #87262d;height: 33px;line-height: 33px;}
.container10 ul{float:left;width: 1118px;height: 50px;overflow:hidden;}
.container10 ul li{float:left;line-height: 33px;padding: 0 46px 0 0;height: 33px;overflow: hidden;}

.container10 ul li a{color: #6e6a6a;font-size: 14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container10 ul li a:hover{color: #87262d;}
.container10 .height{ height:auto;}

footer .fl01{padding: 70px 0 65px;}
footer .fl01 .left{ width:465px; margin-right:58px; padding:24px 0 0}
footer .fl01 .left h3{height:40px;border-bottom: rgba(51, 44, 43, 0.1) 1px solid;margin-bottom: 36px;}
footer .fl01 .left h3 big{font-size:30px;color:#332c2b;font-family:Georgia;text-transform:uppercase;margin-right: 12px;}
footer .fl01 .left h3 small{ font-size:16px; color:#332c2b}
footer .fl01 .left h4{font-size:26px;color:#8f343a;margin-bottom: 8px;}
footer .fl01 .left p{ font-size:14px; color:#332c2b; line-height:26px;}
footer .fl01 .center{ text-align:center}
footer .fl01 .center h2{ margin-bottom:18px;}
footer .fl01 .center ul{ font-size:0; margin-top:20px}
footer .fl01 .center ul li{ display:inline-block; margin:0 10px}
footer .fl01 .center ul li a{display:inline-block;width:40px;height:40px;line-height:38px;border-radius:50%;border: rgba(51, 44, 43, 0.1) 1px solid; transition:0.36s}
footer .fl01 .center ul li a img{ opacity:0.5; transition:0.36s}

footer .fl01 .right{ position:relative}
footer .fl01 .right:before{ content:""; position:absolute; top:65px; width:100%; height:1px; border-bottom: rgba(51, 44, 43, 0.1) 1px solid}
footer .fl01 .right dl {display: inline-block;vertical-align: top;margin: 0 0 0 48px;text-align: left;}
footer .fl01 .right dl dt{font-size: 16px;margin-bottom: 16px; line-height:65px;}
footer .fl01 .right dl dt a {color: #332c2b;transition: 0.36s}
footer .fl01 .right dl dt a:hover{color: #8f343a;}
footer .fl01 .right dl dd {font-size: 12px;color: #747474;line-height: 24px;position: relative; }
footer .fl01 .right dl dd:before {content: "";position: absolute;left: -15px;width: 3px;height: 3px;background: #8f343a;transition: 0.6s;top: 50%;margin-top: -2px;
opacity: 0;}
footer .fl01 .right dl dd a {color: #747474;}
footer .fl01 .right dl dd a:hover {color: #8f343a;}
footer .fl01 .right dl dd:hover:before {opacity: 1}
footer .fl02{ background:url(../image/footer_fl02_bg.jpg) center no-repeat; height:65px; line-height:65px; font-size:14px; color:#d1b9b9; text-align:center}
footer .fl02 p,footer .fl02 p a{ font-size:14px; color:#d1b9b9; transition:0.36s}

.tc1 .tc {
	transition: all ease 300ms;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999999;
}

.tc1 .tc {
	pointer-events: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transform: scale(1.1);
	display: none;



}

.tc1 .tc.act {

	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	pointer-events: auto;
	transform: scale(1);
}

.tc1 .close:hover {
	transform: rotate(180deg);
}

.tc1 .close,.tc {
	transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
}

.tc1 .tc-box {
	position: absolute;
	overflow: hidden;
	top: 50%;
	z-index: 9999;
	height: 15rem;
	width: 12rem;
	left: 50%;
	margin-left: -6rem;
	margin-top: -7.5rem;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: anim-close-2;
	animation-name: anim-close-2;

}
.tc1 .tc-box h3 img{ border:#fff 10px solid}

.tc1 .tc.act {
	display: block;
}

.tc1 .close {
	position: absolute;
	cursor: pointer;
	font-size: 20px;
	right: 30px;
	top: 30px;
}

.tc1 .tc-bg {
	height: 100%;
	background: rgba(0,0,0,.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}

.tc1 .tc-box h3 img {
	width: 12rem;
	height: 12rem;
}

.tc1 .tc-box h5 {
	width: 12rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1rem;
	color: #fff;
	text-align: center
}

.tc1 .tc.act .tc-box {
	-webkit-animation-name: anim-open-2;
	animation-name: anim-open-2;
	transform: scale(1);
}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 700px;height: 446px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -223px;margin-left: -350px;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../image/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}


 
/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_banner{height:470px;padding-top: 100px;}
.n_banner .table h3{ font-size:36px; color:#fff; font-family:GEORGIAB; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px}
.n_banner .table h4{ font-size:18px; color:#fff; letter-spacing:7px}

.position{float:left;line-height: 80px;color: #e0ccc5;padding-left: 18px;background: url(../image/position.png) left 35px no-repeat;font-size: 12px;}
.position i{display: inline-block;height: 65px;line-height: 65px;width: 18px;text-align:  center;font-size: 14px;color: #e0ccc5;}
.position a{font-size: 12px;color: #e0ccc5;display: inline-block;line-height: 80px;vertical-align:  top;}
.position span{font-size: 12px;font-style:normal;display: inline-block;vertical-align: top;}
.position .span{color: #5b5b5b;}
.position span{color: #e0ccc5;}
.position a:hover{color: #fff;}
.mianbao{ height:80px; line-height:80px; background:url(../image/mianbao_bg.jpg) center no-repeat}

.al_select{ float:right}
.al_select ul{font-size:0;text-align:center;}
.al_select ul li{display:inline-block;position:relative;font-size: 15px;color: #474747;margin-left: 44px;}
.al_select ul li:before{content: "";position: absolute;left: 50%;bottom:0;margin-left: -5.5px;width:11px;height:7px;transition:0.6s;visibility:hidden;opacity:0;display: none;}
.al_select ul li:after{content: "";position: absolute;left: -30px;top: 50%;width:0;height: 1px;background: #fff;transition:0.6s;visibility:hidden;opacity:0;}
.al_select ul li a{font-size: 15px;color: #fff;display:block;}

.al_select ul li a:hover,.al_select ul li.on a{color: #fff;}
.al_select ul li:hover:before,.al_select ul li.on:before{ visibility:visible; opacity:1; bottom:-20px}
.al_select ul li:hover:after,.al_select ul li.on:after{width: 25px;visibility:visible;opacity:1;}

.n_container{ background:url(../image/bg01.jpg);}
.n_about{ padding:75px 0 50px}
.n_about .title{ text-align:center; margin-bottom:86px}
.n_about h3{ font-size:24px; color:#8f343a; font-weight:bold; text-align:center; margin-bottom:30px}
.n_about p{ font-size:14px; color:#464646; line-height:30px; text-align:center}
.n_about h5{margin: 45px 0 58px;font-size:14px;color: #877571;line-height:30px;letter-spacing: 19px;text-align:center;}

.n_store{ padding:90px 0 0}
.n_store h3{ font-size:24px; color:#8f343a; font-weight:bold; margin-bottom:30px}
.n_store h3 span{float:right;font-size:14px;color:#8f343a;font-weight:normal;letter-spacing: 12px; position:relative}
.n_store h3 span:before{content:"";position:absolute;width:244px;height:1px;background:#ccc9c6;left: -260px;top:50%;}
.n_store .fl01{ background:url(../image/n_store_fl01bg.jpg) center bottom no-repeat; padding-bottom:68px}
.n_store .fl02{ background:url(../image/n_store_fl02bg.jpg) center no-repeat; height:310px; background-attachment:fixed}
.n_store .fl02 h6{font-size:14px;color: rgba(255, 248, 235,0.4);line-height:30px;letter-spacing: 18px;margin-bottom:45px;}
.n_store .fl02 h5{font-size:18px;color:#fff6ef;line-height:30px;margin:15px 0;letter-spacing: 6px;}
.n_store .fl02 h2{font-size:48px;color:#fff6ef;letter-spacing: 5px;font-family: SourceHanSerifSC-Bold;}

.n_culture .fl01{ padding:90px 0 100px}
.n_culture .fl00 .title{ margin-bottom:40px;}
.n_culture .fl00 .title h3{ padding-bottom:24px; border-bottom:#ccc9c6 1px solid; position:relative}
.n_culture .fl00 .title h3:after{ content:""; position:absolute; bottom:-1px; width:42px; height:2px; background:#8f343a; left:0}
.n_culture .fl00 .title h3 big{ font-size:24px; color:#8f343a;}
.n_culture .fl00 .title h3 small{ font-size:18px; color:#423c38; font-family:Georgia; margin-left:8px; text-transform:capitalize}
.n_culture .fl01 .left{ padding:65px 0 0}
.n_culture .fl01 .left .con{ position:relative}
.n_culture .fl01 .left .con:before{content:"";position:absolute;background:url(../image/jiao.png) center no-repeat;width:46px;height:63px;right: 0;top: -10px;}
.n_culture .fl01 .left .con h4{ font-size:30px; color:#8f343a; font-family:simsun; font-weight:bold; margin-bottom:85px;}
.n_culture .fl01 .left .con p{ font-size:14px; line-height:30px; color:#464646; margin-bottom:18px;}
.n_culture .fl01 .left .con h6{ font-size:12px; line-height:18px; color:#b6b7ad}
.n_culture .fl01 .right,.n_culture .fl01 .right img{ width:540px;}
.n_culture .fl02{ position:relative; height:930px;}
.n_culture .fl02 .title{ position:absolute; top:185px; left:0; width:100%; z-index:100; text-align:center}
.n_culture .fl02 .miso_bd ul li{ height:930px; text-align:center}
.n_culture .fl02 .miso_bd ul li .w1200{ position:relative; height:100%; padding:306px 0 0; border-left:rgba(255,255,255,0.15) 1px solid; border-right:rgba(255,255,255,0.15) 1px solid}
.n_culture .fl02 .miso_bd ul li .w1200:before{ content:""; position:absolute; left:50%; width:1px; height:0; background:rgba(255,255,255,0.15); top:0; transition:3s; margin-left:-1px}
.n_culture .fl02 .miso_bd ul li .icon{ display:inline-block; width:154px; height:154px; background:#fff; border-radius:50%; line-height:154px; text-align:center; position:relative}
.n_culture .fl02 .miso_bd ul li .icon img{ display:inline-block}

.n_culture .fl02 .miso_bd ul li h4{ font-size:36px; color:#fff; font-weight:bold; margin:44px 0 20px; transform:translateY(50px); transition:0.6s; position:relative}
.n_culture .fl02 .miso_bd ul li h5{ font-size:18px; color:rgba(255,255,255,0.8); transform:translateY(50px); transition:0.6s; position:relative}

.n_culture .fl02 .miso_bd ul li.miso-current .w1200:before{ height:100%}
.n_culture .fl02 .miso_bd ul li.miso-current h4{ transform:translateY(0);}
.n_culture .fl02 .miso_bd ul li.miso-current h5{ transform:translateY(0);}

.n_culture .fl02 .miso_hd{ height:130px; width:1200px; margin:0 auto; background:#fff; margin-top:-200px; position:relative; border-top-left-radius:6px; border-top-right-radius:6px; text-align:center; padding:0 90px;}
.n_culture .fl02 .miso_hd ul:before{ content:""; position:absolute; top:68px; width:100%; height:1px; left:0; background:#ebebeb}
.n_culture .fl02 .miso_hd ul li{ position:relative; cursor:pointer}
.n_culture .fl02 .miso_hd ul li:before{content:"";position:absolute;left:50%;width: 8px;height: 8px;border:#ebebeb 2px solid;border-radius:50%;top: 63px;background: #fff;margin-left: -7px;}
.n_culture .fl02 .miso_hd ul li:after{content:"";position:absolute;left:50%;width: 8px;height: 8px;border:#8f343a 2px solid;background:#8f343a;border-radius:50%;top: 63px;margin-left: -7px;transform:scale(0);transition:0.6s;}
.n_culture .fl02 .miso_hd ul li h4{ padding:35px 0 30px; font-size:18px; color:#343434;}
.n_culture .fl02 .miso_hd ul li h5{ font-size:12px; color:#858585; text-transform:uppercase}

.n_culture .fl02 .miso_hd ul li.miso-current:after{ transform:scale(1)}
.n_culture .fl02 .miso_hd ul li.miso-current h4{ color:#8f343a}
.n_culture .fl02 .miso_hd ul li.miso-current h5{ color:#b58587}

.n_culture .fl03{ padding:88px 0 70px; border-bottom:#e4e4e4 1px solid}
.n_culture .fl03 .right{ width:540px; position:relative}
.n_culture .fl03 .right:after{ content:""; position:absolute; background:url(../image/n_culture_fl03_icon.png) center no-repeat; width:205px; height:195px; top:50%; margin-top:-87px; right:-145px;}
.n_culture .fl03 .left{ width:450px; padding:35px 0 0}
.n_culture .fl03 .left .con{ position:relative}
.n_culture .fl03 .left .con h4{ font-size:30px; line-height:38px; color:#8f343a; font-family:simsun; font-weight:bold; margin-bottom:20px;}
.n_culture .fl03 .left .con p{ font-size:14px; line-height:30px; color:#464646; margin-bottom:50px;}
.n_culture .fl03 .left .con h6{ font-size:12px; line-height:18px; color:#b6b7ad}

.n_shurong{ padding:90px 0; border-bottom:#e4e4e4 1px solid}
.n_shurong .miso_hd{ width:485px; position:relative}
.n_shurong .miso_hd:before{ content:""; position:absolute; left:5px; top:0; bottom:0; width:1px; background:#e9dfd2}
.n_shurong .miso_hd ul { padding:40px 0; position:relative}
.n_shurong .miso_hd ul:before{ content:""; position:absolute; width:8px; height:8px; border:#a8854e 2px solid; border-radius:50%; left:0; top:0; background:#fff}
.n_shurong .miso_hd ul:after{ content:""; position:absolute; width:8px; height:8px; border:#a8854e 2px solid; border-radius:50%; left:0; bottom:0; background:#fff}
.n_shurong .miso_hd ul li{ min-height:35px; margin:13px 0; cursor:pointer}
.n_shurong .miso_hd ul li .box{ min-height:35px; line-height:35px; font-size:14px; color:#464646; margin-left:30px; position:relative}
.n_shurong .miso_hd ul li .box .con{ padding:0 25px; background:#e9dfd2; border-radius:10px; overflow:hidden; position:relative}
.n_shurong .miso_hd ul li .box .con:before{content:"";position:absolute;bottom:0;height: 0;left:0;width:100%;background:transparent;transition: 0.6s;}
.n_shurong .miso_hd ul li .box:before{content:"";position:absolute;border-top: transparent 6px solid;border-bottom: transparent 6px solid;border-right: #E9DFD2 8px solid;top:50%;margin-top: -6px;left: -8px;}
.n_shurong .miso_hd ul li .box:after{content:"";position:absolute;width:8px;height:8px;background:#a8854e;border-radius:50%;left: -29px;top: 50%;margin-top: -4px;}
.n_shurong .miso_hd ul li .box h5{font-size:14px;color:#464646;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative;}
.n_shurong .miso_bd{ width:600px; height:490px;}
.n_shurong .miso_bd ul li .img{ width:600px; height:490px; border:#fff 5px solid; overflow:hidden}
.n_shurong .miso_bd ul li .img img{ width:590px; height:480px; object-fit:cover}
.n_shurong .miso_bd .miso-list{ overflow:visible}
.n_shurong .miso_bd .miso-dots{width:8px;top:0;height: auto;bottom: auto;top: 50%;transform: translateY(-50%);left: -28px;}
.n_shurong .miso_bd .miso-dots li{ width:8px; height:8px; border:#8f343a 1px solid; border-radius:50%}
.n_shurong .miso_bd .miso-dots li.miso-active{ background:#8f343a}

.n_shurong .miso_hd ul li.miso-current .box{ }
.n_shurong .miso_hd ul li.miso-current .box:before{ border-right: #8f343a 8px solid;}
.n_shurong .miso_hd ul li.miso-current .box:after{ background:#8f343a}
.n_shurong .miso_hd ul li.miso-current .box h5{ color:#fff}
.n_shurong .miso_hd ul li.miso-current .box .con:before{background:#8f343a;height: 100%;top: 0;}

.n_contact .fl01{ padding:80px 0 65px;}
.n_contact .fl01  .title{ margin-bottom:60px}
.n_contact .fl01 .left h3{ font-size:24px; color:#8f343a; font-weight:bold}
.n_contact .fl01 .left h5{ font-size:14px; color:#8f343a; text-transform:uppercase; margin:8px 0 34px}
.n_contact .fl01 .left p{ font-size:14px; color:#464646; line-height:30px;}
.n_contact .fl01 .right .img{ width:120px; height:120px; background:#fff; line-height:120px; text-align:center}
.n_contact .fl01 .right .img img{ width:102px; height:102px;}
.n_contact .fl01 .right h5{ font-size:14px; color:#464646; line-height:30px; text-align:center}
.n_contact .fl02{ height:730px;}
.n_contact .fl02 .miso_bd{ position:relative; z-index:0}
.n_contact .fl02 .zhuti{width:490px;height:590px;margin-top: -660px;position:relative;background:#fff;z-index:1;left:50%;margin-left:-600px;padding:55px 50px 0;overflow: hidden;}
.n_contact .fl02 .zhuti .miso_hd ul{border-bottom:#d5d5d5 1px solid;height: 40px;margin-bottom: 46px;}
.n_contact .fl02 .zhuti .miso_hd ul li{font-size:16px;color:#464646;text-align:center;margin-right: 50px;cursor:pointer;height: 40px;}
.n_contact .fl02 .zhuti .miso_bd01 .miso-list{overflow:visible}
.n_contact .fl02 .zhuti .miso_bd01 .box{ height:205px; border-bottom:#eaeaea 1px solid; margin-bottom:74px}
.n_contact .fl02 .zhuti .miso_bd01 .box p{ font-size:14px; color:#6a6a6a; line-height:30px;}
.n_contact .fl02 .zhuti .miso_bd01 .con{ margin:0 -15px}
.n_contact .fl02 .zhuti .miso_bd01 .con .left{ width:270px;}
.n_contact .fl02 .zhuti .miso_bd01 .con .left h4{ font-size:24px; line-height:24px; color:#4d3e37; font-family:Georgia; font-style:italic; text-transform:uppercase; margin-bottom:12px}
.n_contact .fl02 .zhuti .miso_bd01 .con .left p{ font-size:14px; line-height:26px; color:#8f8f8f}
.n_contact .fl02 .zhuti .miso_bd01 .con .right img{ transition:0.6s}

.n_contact .fl02 .zhuti .miso_hd ul li.miso-current{ border-bottom:#8f343a 3px solid}
.n_contact .fl02 .zhuti .miso_bd01 .miso-current .con .right img{ transform:rotateY(360deg)}

.n_news{ padding:80px 0 0}
.n_news ul{ margin-bottom:80px}
.n_news ul li { margin-bottom:12px;}
.n_news ul li a{ overflow:hidden}
.n_news ul li a .img,.n_news ul li a .img img{float:left;width:378px;height:212px;overflow:hidden;object-fit: cover;}
.n_news ul li a .con{ float:left; width:820px; height:212px; overflow:hidden; background:#fff; padding:0 65px;}
.n_news ul li a .con .left{ width:530px; text-align:left}
.n_news ul li a .con .left h5{ font-size:18px; color:#404044; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:0.6s}
.n_news ul li a .con .left p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#949497; margin:16px 0 24px}
.n_news ul li a .con .left h6{ font-size:14px; color:#434343; position:relative; padding-left:40px; transition:0.6s}
.n_news ul li a .con .left h6:before{ content:""; position:absolute; width:30px; height:1px; background:#564842; left:0; top:50%; transition:0.6s}
.n_news ul li a .con .time{ float:right; text-align:center}
.n_news ul li a .con .time h3{ font-size:36px; color:#564842; margin:28px 0 10px}
.n_news ul li a .con .time h5{ font-size:16px; color:#7c7a79}


.a_page{ text-align:center; font-size:0; margin:0 -5px}
.a_page .page_box_an img{ margin:0 5px; margin-top:-3px}
.a_page .page_box_an a,.a_page .page_box a{ font-size:16px; color:#49494d; display:inline-block; height:72px; transition:0.6s}
.a_page .page_box{ display:inline-block}
.a_page .page_box a{font-size:18px;display:inline-block;padding: 0 5px;margin: 0px 8px;font-weight:bold;}
.a_page .page_box a.on,.a_page .page_box a:hover,.a_page .page_box_an a:hover{ border-bottom:#8f343a 2px solid; color:#8f343a}

.n_news_detail{padding:65px 0 50px;}
.n_news_detail .content{display: table;width: 100%;}
.n_news_detail .content .n_left{width: 820px;display:table-cell;padding-right: 76px;}
.n_news_detail .content .n_left .n_left_box{}
.n_news_detail .content .n_left .title{margin-bottom:2.5rem;border-bottom:#e3dfde 1px solid;padding-bottom: 1rem; position:relative}
.n_news_detail .content .n_left .title:before{content:"";position:absolute;bottom: -3px;left:0;width:100%;border-bottom:#e3dfde 1px solid;}
.n_news_detail .content .n_left .title h3{font-size: 30px;color: #404044;line-height: 45px;margin-bottom: 12px;}
.n_news_detail .content .n_left .title h6{font-size:14px;color: #434343;line-height:20px;}
.n_news_detail .content .n_left .title h6 span{margin-right: 3rem;height: 20px;display: inline-block;}
.n_news_detail .content .n_left .title h6 img{margin-right:8px;margin-top: -3px;}
.n_news_detail .content .n_left .title h6 .span2{background:url(../image/fx.png) left center no-repeat;padding-left: 24px;position: relative;margin-right: 0;padding-right: 3.5rem;}
.n_news_detail .content .n_left .title h6 .span2 a{color: #434343;}
.n_news_detail .content .n_left .title h6 .span2:hover #j_shart_s_24{ display:block} 

/*==============分享插件=====================*/
.shart_box{}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position:relative;display: none;height:50px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position: absolute;left: 94px;top: -10px;width: 215px;}

#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}

.n_right .sticky{position:sticky;top: 130px;background: #fff;padding: 35px 35px;width: 380px;}

.n_news_detail .content .n_right{width: 380px;display:table-cell;}

.n_news_detail .content .n_right .frl01{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl01 ul{ width:20.625rem;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide{ position:relative}

.n_news_detail .content .n_right .frl01 ul li.miso-slide img{width:100%}
.n_news_detail .content .n_right .frl01 ul li.miso-slide h5{position:absolute;left:0;bottom:0;width:100%;height: 50px;line-height: 50px;padding: 0 20px;background: url(http://www.tigermark.hk/static/style/pc/images/hei75.png);font-size: 14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide:hover h5{ background:#333}

.n_news_detail .content .n_right .frl02{ margin-bottom:2.5rem}
.n_news_detail .content .n_right .frl02 .title{font-size: 16px;color: #404044;padding-bottom: 20px;position: relative;border-bottom: #e4e1e0 1px solid;margin-bottom: 22px;}
.n_news_detail .content .n_right .frl02 .title small { font-size:16px; color:#a8854e; text-transform:uppercase; margin-left:4px}

.n_news_detail .content .n_right .frl02 ul li{padding-bottom: 15px;border-bottom: #e4e1e0 1px solid;margin-bottom: 20px;}
.n_news_detail .content .n_right .frl02 ul li a{color:#404142;display:block;}
.n_news_detail .content .n_right .frl02 ul li a .img img,.n_news_detail .content .n_right .frl02 ul li a .img{ width:160px; height:90px; overflow:hidden}
.n_news_detail .content .n_right .frl02 ul li a .time{}
.n_news_detail .content .n_right .frl02 ul li a .time h5{ font-size:16px; color:#564842; padding:36px 0 16px}
.n_news_detail .content .n_right .frl02 ul li a .time h6{ font-size:14px; color:#434343; position:relative; padding-left:40px; transition:0.6s}
.n_news_detail .content .n_right .frl02 ul li a .time h6:before{content:"";position:absolute;width:30px;height:1px;background:#564842;right: 74px;top:50%;transition:0.6s;}
.n_news_detail .content .n_right .frl02 ul li a .con{background:#fff;margin-top: 20px;}
.n_news_detail .content .n_right .frl02 ul li a .con h4{font-size:16px;line-height: 18px;height: 18px;color: #404044;overflow:hidden;transition:0.36s;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;}
.n_news_detail .content .n_right .frl02 ul li a .con p{font-size:14px;color: #949497;line-height: 24px;height: 48px;}
.n_news_detail .content .n_right .frl02 ul li a .con h6{font-size:14px;line-height:24px;color:#1d1d1d;padding-top: 25px;margin-top: 20px;border-top: #cecfd2 1px solid;}
.n_news_detail .content .n_right .frl02 ul li a .con h6 span{color:#7f7f7f;float: right;}
.n_news_detail .content .n_right .frl02 ul li a .con h6 img{ margin:-3px 0 0 5px}
.n_news_detail .content .n_right .a_fanye dl{ font-size:0; margin-bottom:20px}
.n_news_detail .content .n_right .a_fanye dl dt{font-size:14px;color:#6b6c6f;display: inline-block; line-height:24px;}
.n_news_detail .content .n_right .a_fanye dl dd{font-size:14px;color:#6b6c6f;width: calc(100% - 60px);display: inline-block; line-height:24px;}
.n_news_detail .content .n_right .a_fanye dl dd a{ font-size:14px; color:#6b6c6f}
.n_news_detail .content .n_right .fanhui,.n_news_detail .content .n_right .fanhui a{font-size:14px;color:#6b6c6f;display: inline-block; line-height:24px;}

.n_product{ padding:70px 0 0; border-bottom:#e4e4e4 1px solid}
.n_product ul{ font-size:0; margin:0 -15px; margin-bottom:50px}
.n_product ul li{ display:inline-block; padding:0 15px; width:33.333333%; margin-bottom:30px;}
.n_product ul li a{ display:block; background:#fff; padding:40px 0 0}
.n_product ul li .top{height:60px;position:relative;margin-bottom: 10px;}
.n_product ul li .top h3{font-size:60px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #e1e0df;font-family:simsun; font-weight:bold;transition:0.36s;display: inline-block;}
.n_product ul li .top h4{ height:60px; opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%}
.n_product ul li .top h4:before{ content:""; width:60px; height:60px; background:url(../image/kuang06.png) center no-repeat; transition:0.6s; position:absolute; left:50%; margin-left:-30px;}
.n_product ul li .top h4 span{ position:relative; font-size:24px; color:#a8854e; font-weight:bold; font-family:Impact; line-height:60px;}
.n_product ul li .img,.n_product ul li .img img{width:100%;height:380px;overflow: hidden;}
.n_product ul li .con{height:202px;position:relative;margin-top: 30px;}
.n_product ul li .con:before{ content:""; position:absolute; top:0; left:0; width:100%; height:0; transition:0.6s}
.n_product ul li .con h4{ font-size:20px; color:#332c2b; line-height:22px; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; transition:0.36s}
.n_product ul li .con p{ font-size:14px; color:#646262; line-height:18px; height:36px; display:inline-block; width:284px; margin:15px 0 20px; position:relative; transition:0.36s}

.n_product_detail{ padding:90px 0 65px}
.n_product_detail .left{width:380px;display: table-cell;vertical-align: top;}
.n_product_detail .left .sticky{ position:sticky; top:120px; width:380px;}
.n_product_detail .left .tuijian{background:#fff;padding:40px 0 20px;width: 380px;}
.n_product_detail .left .tuijian ul li .img{ overflow:hidden}
.n_product_detail .left .tuijian ul li .top h3{font-size:60px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #e1e0df;font-family:simsun; font-weight:bold;transition:0.36s;display: inline-block;}
.n_product_detail .left .tuijian ul .miso-dots li{ width:8px; height:8px; border:#8f343a 1px solid; border-radius:50%; margin:0 5px;}
.n_product_detail .left .tuijian ul .miso-dots li.miso-active{ background:#8f343a}
.n_product_detail .left .wenzi{ background:url(../image/wenzi_bg.jpg) center no-repeat; width:100%; height:330px; padding:40px 25px 0; text-align:center; margin-top:-1px;}
.n_product_detail .left .wenzi .box h3{ font-size:24px; color:#FFFFFF} 
.n_product_detail .left .wenzi .box h6{ font-size:14px; color:#bcaaa2; line-height:24px;; margin:4px 0 26px}
.n_product_detail .left .wenzi .box ul{ font-size:0; margin:0 -10px;}
.n_product_detail .left .wenzi .box ul li{ display:inline-block; width:50%; padding:0 10px;}
.n_product_detail .left .wenzi .box ul li a{ display:block; border:#685952 1px solid; border-radius:4px; height:110px; text-align:center}
.n_product_detail .left .wenzi .box ul li a h4 img{ margin:-3px 12px 0 0; display:inline-block}
.n_product_detail .left .wenzi .box ul li a h4{ font-size:15px; color:#fdf0e8; margin-bottom:15px}
.n_product_detail .left .wenzi .box ul li a h5{ font-size:14px; color:#fff}
.n_product_detail .left .wenzi .box ul li a h5 big{ font-size:24px; margin-right:4px;}
.n_product_detail .left .wenzi .box h2 span{display:inline-block;width:32px;height:32px;line-height:32px;background:#fbeae2;border-radius:50%;font-size:14px;color:#4d3e37;margin-left: -5px;margin-top: 24px;vertical-align: top;}
.n_product_detail .left h6.more00{background:url(../image/kuang07.png) center no-repeat;width:200px;height:50px;line-height: 48px;margin:0 auto;text-align:center;margin-top: 68px;}
.n_product_detail .left h6.more00 a{ display:block}
.n_product_detail .left h6.more00 font{ font-size:18px; color:#985618; font-family:simsun; font-weight:bold;}
.n_product_detail .left h6.more00 span{margin: 18px 0 0;}


.n_product_detail .right{width: 820px;display: table-cell;padding-left: 30px;}

.n_licheng{ padding:75px 0 100px; border-bottom:#e4e4e4 1px solid}
.n_licheng .title{ margin-bottom:75px;}
.n_licheng .miso_hd ul{ margin:0 -16px;}
.n_licheng .miso_hd ul li{ padding:0 16px;}
.n_licheng .miso_hd ul li a{ display:block; height:506px; text-align:center; position:relative}
.n_licheng .miso_hd ul li a:before{ content:""; position:absolute; left:0; top:0; height:0; width:100%; background:#e3d9c9; transition:0.9s}
.n_licheng .miso_hd ul li a:after{ content:""; position:absolute; left:0; top:0; height:100%; width:100%; background:url(../image/shan.png) center 89% no-repeat; opacity:0; transition:0.9s}
.n_licheng .miso_hd ul li a .box{display:block;height:440px;background:#e3d9c9;border:#fff 15px solid;padding-top: 50px;position:relative;z-index:1;}
.n_licheng .miso_hd ul li a .box .icon{display:inline-block;width: 116px;height: 116px;line-height: 116px;background: #8f343a;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin-bottom: 75px;position:relative;overflow:hidden;transition:0.6s;cursor:pointer;font-size:24px;color:#e3d9c9;line-height:30px;padding: 0 25px;}
.n_licheng .miso_hd ul li a .box .icon:after{content:"";position:absolute;left: 1px;top: 1px;right: 1px;bottom: 1px; transition:0.6s; transform: scale(1);border:#e3d9c9 4px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.n_licheng .miso_hd ul li a .box .p{ padding:0 30px; position:relative}
.n_licheng .miso_hd ul li a .box .p:before{ content:""; width:20px; height:1px; background:#8f343a; left:50%; margin-left:-10px; top:-40px; position:absolute}
.n_licheng .miso_hd ul li a .box .p p{font-size: 14px;line-height: 24px;color:#464646;text-align:left;transition:0.6s;text-align:justify;}
.n_licheng .miso_hd ul li a .box h3{font-size:60px;color:#e3d9c9;opacity:0;transition: 1s;position:absolute;bottom: -10px;left:0;width:100%;font-weight:bold;transition-delay: 0.36s;}
.n_licheng .miso_hd ul li.li01 a .box h3{ font-size:40px; bottom:-2px}

.n_licheng .miso_hd ul li.miso-current a:after{ opacity:1}
.n_licheng .miso_hd ul li.miso-current a:before{ height:100%; background:#8f343a}
.n_licheng .miso_hd ul li.miso-current a .box{background:transparent;border: transparent 15px solid;height:100%;}
.n_licheng .miso_hd ul li.miso-current a .box .icon{background:#e3d9c9;color: #8f343a;}
.n_licheng .miso_hd ul li.miso-current a .box .icon:after{transform:scale(1.25);transition-delay:0.36s;}
.n_licheng .miso_hd ul li.miso-current a .box h3{ opacity:1}
.n_licheng .miso_hd ul li.miso-current a .box .p p{ color:#fff7eb}
.n_licheng .miso_hd ul li.miso-current a .box .p:before{ background:#e3d9c9}
.n_licheng .miso_hd ul .miso-prev,.n_licheng .miso_hd ul .miso-next{width:35px;height:34px;top: auto;bottom: 50px;}
.n_licheng .miso_hd ul .miso-prev{ background:url(../image/left02.png) center no-repeat; left:-80px}
.n_licheng .miso_hd ul .miso-next{ background:url(../image/right02.png) center no-repeat; right:-80px}
.n_licheng .fl02{ border-top:#8f343a 1px solid}
.n_licheng .fl02 .miso_bd ul li{ text-align:center; position:relative}
.n_licheng .fl02 .miso_bd ul li a{ font-size:24px; color:#4d3e37; line-height:70px; position:relative}
.n_licheng .fl02 .miso_bd ul li:after{content:"";width:5px;height:5px;border:#8f343a 2px solid;border-radius:50%;left:50%;margin-left:-3.5px;position: absolute;top: 32px; opacity:0}
.n_licheng .fl02 .miso_bd ul li.miso-current:after{ opacity:1}
.n_licheng .fl02 .miso_bd ul li.miso-current a{ opacity:0}

.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;line-height: 16px;}
.rolling-top h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;bottom:-20px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rolling-top span { position: relative;width:100%;height:100%; display: block;}
.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:100px;top:85%;opacity: 0;} 
	100%{height:30px;top:10%;opacity: 1;}
}
.rolling-top:hover h6{color: #985618;}
.rolling-top:hover i{background: #985618;}


/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	.container01 .left a:hover:before{ border:#b7b2a2 1px solid;}
	.container01 .left a:hover{ letter-spacing:4px; background:none}
	
	h6.more00:hover font{ background:#fff}
	h6.more00:hover span svg{-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;transition: opacity 0.5s ease, -webkit-transform 0.5s ease;transition: opacity 0.5s ease, transform 0.5s ease;transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;}
	h6.more00:hover span svg.svg01{ opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%);}
	h6.more00:hover span svg.svg02{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	
	
	.container04 .left a:hover{ letter-spacing:2px; background:#736455; color:#fff}
	
	.container05 ul li a:hover .img img{ transform:scale(1.05)}
	
	footer .fl01 .center ul li a:hover{ border: rgba(51, 44, 43, 0.4) 1px solid;}
	footer .fl01 .center ul li a:hover img{ opacity:1}
	
	footer .fl02 p a:hover{ color:#fff}
	
	.n_news ul li a:hover .con .left h5{ color:#8f343a;}
	.n_news ul li a:hover .con .left h6{ color:#8f343a; padding-left:68px;}
	.n_news ul li a:hover .con .left h6:before{ width:60px}
	.n_news_detail .content .n_right .frl02 ul li a:hover .time h6:before{ width:50px}

	.n_news_detail .content .n_right .frl02 ul li a:hover .con h4{ color:#8f343a;}
	
	.n_news_detail .content .n_right .fanhui a:hover,.n_news_detail .content .n_right .a_fanye dl dd a:hover{ color:#8f343a;}
	
	.n_product ul li a:hover .top h4:before{ transform:rotate(180deg)}
	.n_product ul li a:hover .top h3{ opacity:0; visibility:hidden}
	.n_product ul li a:hover .top h4{ opacity:1; visibility:visible}
	
	.n_product ul li a:hover .con:before{ height:100%; background:#8f343a}
	.n_product ul li a:hover .con h4{ color:#fff}
	.n_product ul li a:hover .con p{ color:rgba(255,255,255,0.6)}
	
	.n_product ul li a:hover .con h6.more00{ background:none}
	.n_product ul li a:hover .con h6.more00 font{ background:none; color:#fff}
	.n_product ul li a:hover .con h6.more00 span svg.svg01{ fill:#fff}
	.n_product ul li a:hover span svg.svg01{ opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%);}
	.n_product ul li a:hover span svg.svg02{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	.n_product_detail .left h6.more00 font{ background:none;}
	
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1800px){
}

@media(max-width: 1640px){
	.navBox{ margin-right:60px}
}

@media(max-width: 1500px){
	.navBox{ margin-right:100px}
}

@media(max-width: 1400px){
	.navBox{ margin-right:140px}
}

@media(max-width: 1360px){
	.navBox{ margin-right:180px}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	
}


@media(max-width: 456px){
	
}