@charset "UTF-8";
html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,span,em {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body {
    font-family:'Microsoft Yahei';
    font-size:12px;
    overflow-x: hidden;
    overflow-y: auto;
    
}
body,*{scroll-behavior: smooth;}
input,textarea,button{padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border:0;vertical-align: middle;}
input[type=submit],input[type=text],button {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    cursor:pointer;
}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
input,select,textarea {
    vertical-align:middle;
    outline:none;
    -webkit-tap-highlight-color: transparent;
}
a {
    color:#333;
    margin: 0;
    padding: 0;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
@font-face {
    font-family: ziti;
    src: url('../font/ziti.TTF');   
    font-weight: normal;
    font-style: normal;
}
.wrap {
    padding:0 100px;
    margin:0 auto;
    position:relative;
}
@media (max-width:991px){
    .wrap {padding:0 4.5%;}
    .mc-hidden {display:none}
}
@media (min-width:990px){
    .lg-hidden1 {display:none}
}
@media (max-width:767px){
    .sm-hidden {display:none;}
}
@media (min-width:768px){
    .lg-hidden {display:none;}
}
.wrap:after,
.wrap:before,
.container:after,
.container:before{
    content:"";
    display:table;
}
.wrap:after,
.container:after {clear:both;}
.container {width:80%;margin:0 auto;}
@media (min-width:1200px){
    .container {width:1200px;}
}
@media (min-width:1450px){
    .container {width:1330px;}
}
@media (min-width:1530px){
    .container {width:1530px;}
}
@media (min-width:1450px) {
    .ourwork-page .container {width:88%;}
}
@media (max-width:991px){
    .container {width:91%;}
}
.clear {clear:both;}
.fl{float: left;}
.fr{float: right;}
.absolute { position: absolute;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
li {list-style-type:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}
.w90{width: 92%;margin: 0 auto;}
.toper,.toperh.active { background:rgba(216,189,128,0.9); height:102px; position:fixed; z-index:9999;left:0;top:0;width:100%;}
.toperh.active{box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
-webkit-animation: 1s flipInX;
animation: 1s flipInX;
}
@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.toper{padding: 25px 0;}
.toper .logo{display:block;float:left;}
.toper .logo img{vertical-align: middle;}
.toper ul { float:right;}
.toper ul li { display:inline-block;text-align:center; position:relative;padding:0px;margin-right:52px;height: 50px;line-height: 50px;}
.toper ul li:after{content: "";
    width: 0;
    height: 3px;
    background:#fff;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transition: all 0.5s ease 0s;}
.toper ul li:hover:after{width: 100%;left: 0;}
.toper ul li.cur a{font-weight: bold;}.toper ul li.cur dd a{font-weight: normal;}
.toper ul li.cur:after{width: 100%;left: 0;}
.toper li a {font-size:16px; display:block;color:#333;text-align: center;}
.toperh{ background:none;}
.toperh li a{color:#fff;}
.toperh li a:hover,.toperh li:hover>a{color:#fff;font-weight: bold;}
.menu dl {
	width: 150px;
	left: 50%;
	top: 50px;
	z-index: 12;
	padding-top: 8px;
	margin-left: -75px;
}
.menu dl {
	position: absolute;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);

}
.toperh.active2 .menu dl{top: 69px;}
.menu li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.menu dl dd {
	line-height: 50px;
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	background:#f2f2f2;
	/*border-bottom: 1px solid #92743e;*/
	
}
.menu dl dd a {
	color: #fff;
	font-size: 15px;
	padding: 0;
	text-align: center;
	padding: 0 5px;
	color: #333;	font-weight: normal;
}
.menu li dl dd a:hover{
	background: #fff;
	color:rgba(216,189,128,1);
	transition: all .3s;
}
.phone{display: inline-block;float: right;color: #fff;font-size: 25px;font-weight: bold;font-family: arial;background: url("../images/phone.png") no-repeat left center;padding-left: 40px;margin-top: 9px;}
.banner{display: flex;}
#home_slider001{ position: relative;height: 100%;}
#home_slider001 li{width:100%;border-radius:20px;}
#home_slider001 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider001 .flex-direction-nav{display:block}
#home_slider001 .flex-direction-nav a {width: 36px; height: 36px; margin: -18px 0 0; display: block; background: url(../images/left.png) no-repeat center; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 10;}
#home_slider001 .flex-direction-nav .flex-next {background: url(../images/right.png) no-repeat center; right: 5%;}
#home_slider001 .flex-direction-nav .flex-prev {left: 5%;}
#home_slider001 .flexslider{margin-top:1.55rem}
#home_slider001 li .box{float: left;width:100%;position: relative;}
#home_slider001 .flex-control-paging{display:block;bottom:7px;text-align: center;position:absolute;z-index: 300;width: 100%;}
#home_slider001 .flex-control-paging li{padding:0px;display: inline-block;width: auto;}
#home_slider001 .flex-control-paging li a{width:29px;height:2px;display:inline-block;cursor:pointer;text-indent: -9999px;background:rgba(255,255,255,0.7);position: relative;margin: 0 7px;}
#home_slider001 .flex-control-paging li a.flex-active{background: #fff;}
#home_slider001 li .box img{vertical-align: middle;width: 100%;height: auto;}
.footer{background:#272727;color: #686868;padding-top: 92px;}
.footer a{color: #686868;}
.footer .f-menu dd a:hover{color: #fff;}
.ny-banner img{width: 100%;height: auto;vertical-align: middle;}
.footer .f-menu dl{float: left;margin-right: 98px;}
.footer .f-menu dt{color: #eaeaea;font-size: 18px;margin-bottom: 30px;}
.footer .f-menu dd a{display: block;color: #6d6d6d;font-size: 16px;line-height: 36px;}
.footer .number{text-align: right;font-size: 14px;}
.footer .number h5{font-size: 25px;color: #fff;font-family: arial;padding-bottom: 5px;}
.footer .saosao{width: 33px;float: right;margin-top: 40px;}
.footer .saosao a{display: block;position: relative;background: url("../images/a.png") no-repeat center;width: 33px;height: 33px;}
.footer .saosao a img{display: block;position: absolute;top: -130px;left: 50%;margin-left: -65px;height: 0;}
.footer .saosao a:hover img{height: 120px;transition: all height 0.3s;}
.foot1{padding-bottom: 70px;}
.foot2{border-top: 2px solid #434343;line-height:60px;font-size: 16px;}

@keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-moz-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-o-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-moz-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-webkit-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-o-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s;
}
@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes dong2 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slideInDown2 {
  from {
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown2 {
  -webkit-animation-name: slideInDown2;
  animation-name: slideInDown2;
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
}
@keyframes fadeInDown2 {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown2 {
  animation-name: fadeInDown2;
}
@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft2 {
  animation-name: fadeInLeft2;
}
@keyframes fadeInRight2 {
  from {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight2 {
  animation-name: fadeInRight2;
}
@keyframes rotate-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bmove1 {
  animation-name: bmove1;
}
@keyframes bmove1 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn2 {
  animation-name: fadeIn2;
}
@keyframes fadeIn2 {
  0% {
    width: 0;
  }
  10% {
    width: 100%;
  }
}
.rotate01 {
  animation-name: rotate;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bmove3 {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.foot{position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:200;box-shadow: -2px 3px 8px rgba(0,0,0,0.5);background:#d8bd80;display: none;width: 100%;}
.foot ul li{ float:left; width:25%;margin:11px 0;position: relative;border-right: 1px solid #c19d4c;}
.foot ul li:nth-child(4n){border-radius: none;}
.foot ul li h4{ text-align:center;}
.foot ul li h4 img{ width:auto; height:22px; margin-bottom:6px}
.foot ul li a h3{ text-align:center; font-size:15px; color:#fff; line-height:1.5rem}
#zhezhao{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;z-index: 20000;display: none;}
.tan-box{position: fixed;background: #fff;width: 80%;margin:-160px 10% 0 10%;color: #2a2a2a;font-size: 16px;padding: 20px 4%;z-index:20002;top:50%;border-radius: 12px;display: none;}
.tan-box .close02{position: absolute;right: 10px;top:10px}
.tan-box .close02 img{width: 24px;height: auto;}
.tan-box .car img{width: 60%;height: 100%;padding: 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);display: block;margin:20px auto 10px auto;}
.tan-box p{line-height: 28px;text-align: center;}
.tan-box p span{background:#d8bd80;color: #fff;display: inline-block;padding:2px 5px;}
.page{font-size:12px; padding-top:15px; padding-bottom:60px; margin:0 auto; margin-top:15px;text-align: center;}
.page span,.page  a{
padding:5px 8px;
border:1px #CCCCCC solid;
margin:2px;
cursor:pointer;
display: inline-block;
margin: 5px 3px;
}
.page .current{
border:1px #d8bd80 solid;
background:#d8bd80;
font-weight:bold;
color: #fff;
}
.page a:hover{
border:1px #d8bd80 solid;
background:#d8bd80;
text-decoration:none;
}

html.hc-yscroll { overflow-y: scroll }
body.hc-nav-open { position: fixed; width: 100%; min-height: 100% }
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none }
.hc-mobile-nav.is-ios * { cursor: pointer !important }
.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
.hc-mobile-nav .nav-wrapper { width: 100% }
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-mobile-nav li { position: relative; display: block }
.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-mobile-nav input[type="checkbox"] { display: none }
.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-mobile-nav a,
.hc-mobile-nav a:hover { text-decoration: none }
.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
.hc-mobile-nav.side-left { left: 0 }
.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-right { right: 0 }
.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav .nav-wrapper { background: #000 }
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-mobile-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #1b3958 }
.hc-mobile-nav a { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255,255,255,0.3) }
.hc-mobile-nav:not(.touch-device) a:hover { background: rgba(216,189,128,1)}
.hc-mobile-nav li { text-align: left }
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a { background: #333; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3)}
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover { background: rgba(216,189,128,1)}
.hc-mobile-nav li.nav-parent a { padding-right: 58px }
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
.hc-mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #2c5d8f }
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open { background:rgba(216,189,128,1)}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid rgba(216,189,128,1)}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background:rgba(216,189,128,1)}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }

#main-nav {display: none;}
.toggle { position: absolute; cursor: pointer; display: none; top: 21px;right:4%; z-index: 9980; min-height: 24px;cursor: pointer; box-sizing: content-box; font-size: 20px;line-height: 24px;width: 32px;}
.toggle span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.toggle span,
.toggle span::before,
.toggle span::after { position: absolute; left: 0; height: 3px; background: #fff; transition: all .1s ease }
.toggle span::before,
.toggle span::after { content: ''; width: 100% }
.toggle span::before { top: -10px }
.toggle span::after { bottom: -10px }
.toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.toggle.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.toggle:hover span,
.toggle:hover span::before,
.toggle:hover span::after { background: #fff }
.toggle div { display: inline-block; margin-right: 15px }
.hc-mobile-nav .nav-container { width: 280px }
.hc-mobile-nav h2 { font-weight: 400 }
.hc-mobile-nav a { font-size: 16px }
.hc-mobile-nav li.cryptocurrency>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.devices>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.mobile>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.television>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.camera>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.magazines>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.store>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.collections>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.credits>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.w98{width: 98%;margin: 0 auto;}
.title{text-align: center;color:#9b7c43;font-size: 36px;}
.title p{color: #8a7c73;font-size: 16px;line-height: 30px;width: 65%;margin: 0 auto;}
.title h3{padding-bottom: 24px;}
.part1{padding: 78px 0 52px 0;background: #fff;position: relative;}
.part1 li{float: left;width:49.5%;margin:0 1% 1% 0;position: relative;overflow: hidden;}
.part1 li:nth-child(2n){margin-right: 0;}
.part1 li img{width: 100%;transition: all 0.5s ease-in-out 0.2s;vertical-align: middle;}
.part1 li:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.part01{padding-top:83px;}
.part1 li:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(133,133,141,0.9);transform: scale(0);transition: all .6s ease-in-out;z-index:1;}
.part1 li:hover:before {transform: scale(1);}

.part1 li .caption h4 {position: absolute;top: 30%;left: 50%;width: 100%;transform: translateX(-50%) translateY(0px);text-align: center;transition: all .5s ease-in-out;opacity: 0;color: #fff;font-size: 36px;z-index: 2;}
.part1 li:hover .caption h4 {transform: translateX(-50%) translateY(-10px);opacity: 1;transition-delay: .7s;}
.part1 li .caption p {z-index: 2;font-weight: 100;position: absolute;top:40%;left: 50%;width: 100%;text-align: center;color: #fff;font-size: 24px;transition: all .5s ease-in-out;-webkit-transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.part1 li:hover .caption p {-webkit-transform: translateX(-50%);transform: translateX(-50%);transition-delay: .7s;}
.part1 li .caption .look{z-index: 2;color: #fff;font-size: 16px;left: 50%;width: 100%;text-align: center;position: absolute;top: 50%;transition: all .5s ease-in-out;-webkit-transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: translateX(-50%) matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.part1 li:hover .caption .look {-webkit-transform: translateX(-50%);transform: translateX(-50%);transition-delay: .7s;}
.part1 li .caption .look span{display: inline-block;background: url("../images/jt.png") no-repeat right 5px;padding-right: 20px;background-size: auto 14px;}
.part1 li .txt{position: absolute;top: 10%;text-align: center;width: 100%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.part1 li a{color: #fff;}
.part1 li a .txt h4{font-size: 36px;}
.part1 li a .txt p{font-size: 24px;font-weight: 100;margin: 12px 0 28px 0;}
.part1 li a .txt span{font-size: 16px;display: inline-block;background: url("../images/jt.png") no-repeat right 5px;padding-right: 20px;background-size: auto 14px;}
.part1 li:hover .txt{-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);opacity: 0;}
.part2{position: relative;background: #f5f5f5;padding: 108px 0;}
.part2 .swiper-container {
	width: 100%;
}

.part2 .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1);
	transform: scale(1);
	width:100%;

}
.part2 .swiper-slide-active,.part2 .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.part2 .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.part2 .swiper-slide a {
	background: #fff;
	display: block;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
}

@media screen and (min-width: 668px) {
	.part2 .swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		background: url(images/top_slick_cover_bg01.png) 0 0 repeat;
	}
}

.part2 .swiper-slide-active a:after {
	background: none;
}

.part2 .swiper-slide img {
	width: 100%;
	display: block;
}

.part2 .swiper-pagination {
	position:absolute;
	bottom: 130px;
	width: 100%;
	text-align: center;
}

.part2 .swiper-pagination-bullet {
	background:rgba(255,255,255,0.5);
	margin-left: 3px;
	margin-right: 3px;
	width: 18px;
	height: 2px;
	opacity: 1;
	border-radius: 0;
	display: inline-block;
}

.part2 .swiper-pagination-bullet-active {
	background: #FFF;
}

@media screen and (max-width: 668px) {
	
	.part2 .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.part2 .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.part2 .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.part2 .button {
	margin: 0 auto;
	position:absolute;
	width: 900px;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	left: 50%;
	margin-left: -450px;
}

@media screen and (max-width: 668px) {
	.part2 .button {
		width: 70%;
		bottom: 22px;
	}
}

.part2 .button div:hover {
	background-color: rgba(0,0,0,0.5);
}

.part2 .swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center 50%/50% 50% no-repeat;
}

.part2 .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center 50%/50% 50% no-repeat;
}
.title2{text-align: center;color: #fff;font-size: 36px;position:absolute;z-index: 20000;top: 175px;width: 100%;}
.title2 a{display:inline-block;background: url("../images/jt.png") no-repeat right 5px;padding-right: 20px;background-size: auto 14px;font-size: 16px;color: #fff;margin-top: 20px;}
.commonSection {position: relative;padding: 120px 0;background: url(../images/bg2.jpg) no-repeat center;z-index: 100;background-attachment:fixed;background-size: cover;}
.testimonial_content h2 {
    font-size: 36px;
    line-height: 62px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 30px;
    text-align: center
}
.testimonial_content p{font-size: 24px;color: #fff;line-height: 40px;text-align: center;}
#home_slider002{ position: relative;height: 100%;}
#home_slider002 li{width:100%;border-radius:20px;}
#home_slider002 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider002 .flex-direction-nav{display:block}
#home_slider002 .flex-direction-nav a {width: 11px; height: 22px; margin: -11px 0 0; display: block; background: url(../images/left2.png) no-repeat center; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 10;}
#home_slider002 .flex-direction-nav .flex-next {background: url(../images/right2.png) no-repeat center; right:-50px;}
#home_slider002 .flex-direction-nav .flex-prev {left:-50px;}
#home_slider002 .flexslider{margin-top:1.55rem}
#home_slider002 li .box{float: left;width:31.33%;position: relative;margin-right: 3%;}
#home_slider002 li .box:nth-child(3n){margin-right: 0;}
#home_slider002 .flex-control-paging{display:none;}
#home_slider002 li .text{background: #fff;padding: 30px 35px;}
.part3 li a .p1{color: #333;font-size: 26px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.part3 li a .p2{color: #999;font-size: 16px;line-height: 26px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;height: 52px;margin: 16px 0;}
.part3 li a .p3{color: #999;font-size: 16px;font-family: arial;}
.part03{padding-top: 25px;}
.part3 li a img {-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;width: 100%;}
.part3 li a:hover img {-webkit-transform: scale(1.5);transform: scale(1.5);}
.part3 li a .img{overflow: hidden;position: relative;width: 100%;height: 310px;}
.news-top li a .img{height: 265px;}
.part3 li a .more span{color: #fff;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: absolute;top:50%;left: 50%;transform: translateX(-50%) scale(0);z-index: 1;width:140px;text-align: center;background:#9b7c43;border-radius: 4px;margin:-20px -70px 0 0;font-size: 16px;height: 40px;line-height: 40px;}
.part3 li a:hover .more span{opacity: 1;transform: translateX(-50%) scale(1);}
.part3 li a .more:after{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);transform: scale(0);transition: all .6s ease-in-out;top: 0;}
.part3 li a:hover .more:after{transform: scale(1);}
.part3 li a .img:before, 
.part3 li a .img:after {position: absolute;content: '';height: 0px;width: 0px;background-color: transparent;-webkit-transition: all .25s ease-in-out;transition: all .3s ease-in-out;opacity: 0;}
.part3 li a .img:before {border-left: 1px solid #fff;border-top: 1px solid #fff;top: 20px;left: 20px;z-index: 1;}
.part3 li a .img:after {border-right: 1px solid #fff;border-bottom: 1px solid #fff;bottom: 20px;right: 20px;}
.part3 li a:hover .img:before, 
.part3 li a:hover .img:after {height: 40px;width: 40px;opacity: 1;}
.part3 li a:hover .p1{color:#9b7c43;}
.wap-part03{display: none;}
#home_slider003{ position: relative;height: 100%;}
#home_slider003 li{width:100%;border-radius:20px;}
#home_slider003 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider003 .flex-direction-nav{display:none}
#home_slider003 .flexslider{margin-top:1.55rem}
#home_slider003 li .box{width:100%;position: relative;}
#home_slider003 .flex-control-paging{display:block;margin-top:25px;text-align: center;position:relative;}
#home_slider003 .flex-control-paging li{padding:0px;display: inline-block;width: auto;}
#home_slider003 .flex-control-paging li a{width:10px;height:10px;display:inline-block;cursor:pointer;border-radius: 50%;text-indent: -9999px;background:#666;position: relative;margin: 0 5px;}
#home_slider003 .flex-control-paging li a.flex-active{background:#dac28b;}
#home_slider003 li .text{background: #fff;padding: 20px 15px;}
.part3 .wap-part03 li a .p1{color: #333;font-size: 16px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.part3 .wap-part03 li a .p2{color: #999;font-size: 14px;line-height: 24px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;height: 48px;margin: 10px 0;}
.part3 .wap-part03 li a .p3{color: #999;font-size: 14px;font-family: arial;}
.part3{background:url("../images/bg.jpg") no-repeat;padding: 84px 0 100px 0;background-size: cover;}
.w1500{width: 1500px;margin: 0 auto;}
.brand{background: #f6f6f6;height: 70px;line-height: 70px;position: relative;}
.brand .place{display: inline-block;float: right;color: #777;font-size: 16px;background: url("../images/home.jpg") no-repeat left 27px;padding-left: 22px;position: relative;z-index: 5;}
.brand .place a{color: #777;}
.sub_menu{position: relative;}
.sub_menu li{display: inline-block;}
.sub_menu a{color: #666;font-size: 16px;position: relative;transition: 0.5s ease 0s;z-index: 1;padding: 0 40px;}
.sub_menu a.move{color: #fff;}
.nav-slide { background: #dac28b; width: 0; height:70px; bottom: 1px;position: absolute;transition: 0.5s ease 0s;}
.about1{background: #fff;position: relative;padding: 86px 0;}
.about1 .left{width: 610px;padding-top: 100px;}
.about1 .left h2{color: #333;font-size: 36px;margin-bottom: 50px;}
.about1 .left p{color: #666;font-size: 16px;line-height: 28px;text-align: justify;}
.about1 .right{width: 682px;}
.about2 .wb-a {
    width: 100%;
    height: 688px;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.target {
    width: 100%;
    position: absolute;
    left: 0;
    top: -1rem;
}
.wb-center{height: 100%;margin: 0 auto;}
.wb-conts{float: left;width: 42.53%;position: relative;}
.wb-cont{padding-right: .9rem;padding-top: 200px;width: 100%;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;transition: all .3s;}
.wb-cont.show{opacity: 1;visibility: visible;}
.wb-intro{color: #fff;text-align: justify;font-size: 16px;}
.wb-intro *{line-height: inherit;}
.wb-right{font-size: 0;float: right;width: 57.47%;height: 100%;border-right: 1px solid rgba(255,255,255,0.2);}
.wb-one{border-left: 1px solid rgba(255,255,255,0.2);width: 25%;height: 100%;transition: all .3s;display: inline-block;vertical-align: top;padding-left:40px;padding-right: .1rem;padding-top:118px;overflow: hidden;position: relative;}
.wb-one.active{background-color:#dac28b;border-left: 1px solid #dac28b;}
.wb-one.active .wb-top{top: -50px;}
.wb-one.active .wb-btn{top:70px;background-image: url(../images/w65.png);}
.wb-one.active .wb-des{opacity: 1;visibility: visible;}
.wb-icon{width:46px;height:46px;vertical-align: top;}
.wb-t{color: #fff;width:80px;margin-bottom:30px;font-size: 30px;}
.wb-des{color: #fff;visibility: hidden;opacity: 0;transition: all .3s;}
.wb-box{width:100%;position: relative;margin-bottom:40px;}
.wb-box:after{content: "";display: block;width:2px;height:45px;background-color: #fff;position: absolute;left:-40px;top: 0;}
.wb-top{width: 100%;transition: all .3s;position: relative;top: 0;}
.wb-tit.ws-tit{padding-bottom:36px;font-size: 36px;color: #fff;}
.wb-tit.ws-tit:after{display: none;}
.wb-num{font-size:180px;color: #fff;position: absolute;right: -0.1em;bottom: -70px;opacity: 0.1;letter-spacing: -0.1em;font-family: arial;}
.wb-btn{margin-top: 130px;width:56px;height:55px;cursor: pointer;transition: all .3s;position: relative;top: 0;background-image: url(../images/w64.png);background-size: 16px 16px;background-repeat: no-repeat;background-position: center center;display: block;}
.wb-btn:before{content: "";display: block;width: 100%;height: 100%;background-image: url(../images/15.png);background-size: 100% 100%;animation: mymove 5s linear infinite;}
.honnorList .cover{background: #fff;text-align: center;padding-top: 55px;}
.honnorList .cover:nth-child(4n){margin-right: 0;}
.honnorList .pic{height: 280px;display: flex;justify-content: center;align-items: center;}
.honnorList img{display: inline-block;width:100%;height:auto;}
.honnorList .text{color: #777;font-size: 18px;line-height: 87px;height: 87px;border-top: 1px solid #f2f2f2;margin-top: 55px;}
.honnorList .pic{
	position: relative;
}
.honnorList .pic::before{
	display: block;
	content: "";
	padding-top: 100%;
}
.honnorList .pic img{
	position: absolute;
	width: 100%;
	height:100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
	object-position: center center;
}
.Ins-swiper{width:100%;overflow:hidden; }
.Ins-swiper .swiper-slide{width:100%;}
.Ins-swiper .swiper-pagination-bullet-active {opacity: 1; background:#1c2081;}
.honnorList .swiper-pagination-bullet {
	width: 12px;
	height:12px;
	display: inline-block;
	border-radius: 100%;
	background:#e0e0e0;
	opacity: 1;
	margin: 0 5px;
	outline: none;
}
.honnorList .swiper-pagination{text-align: center;width: 100%;position: relative;margin-top: 44px;}
.honnorList .swiper-pagination-bullet-active{background:#dac28b;width: 33px;border-radius: 8px;}
.honnorList .swiper-horizontal>.swiper-pagination-bullets,.honnorList .swiper-pagination-bullets.swiper-pagination-horizontal,.honnorList .swiper-pagination-custom,.honnorList .swiper-pagination-fraction{bottom: 0px}
.honnorList{position: relative;}
.name{color: #333;font-size: 36px;padding-bottom: 62px;}
.about3{background: #f9f9f9;padding: 60px 0;}
.honnorList .swiper-button-next,.honnorList .swiper-button-prev{display: none;}
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #dac28b;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color:#dac28b;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}
.news-top{background: none;padding:86px 0 52px 0;}
.news-top li{float: left;margin-right: 3%;width:31.33%;}
.news-top li:nth-child(3){margin-right: 0;}
.news-top li .text{border: 1px solid #eee;padding: 25px 30px 27px 30px;}
.news-top li a .p1{font-size: 22px;}
.news-top li a .p2{font-size: 14px;line-height: 24px;height: 48px;margin: 13px 0;}
.news-top li a .p3{font-size: 14px;}
.part3 li a img{width:100%;height: 100%;object-fit: cover;-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.part3 li:hover img {-webkit-transform: scale(1.5) translateX(20px);transform: scale(1.5) translateX(20px);}
.news-bottom li{border-bottom: 1px dashed #e8e8e8;padding-bottom: 65px;margin-bottom: 65px;}
.news-bottom li .img{width: 27%;position: relative;overflow: hidden;height: 206px;} 
.news-bottom li .img img{width:100%;height: 100%;object-fit: cover;-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.news-bottom li:hover img {-webkit-transform: scale(1.5) translateX(20px);transform: scale(1.5) translateX(20px);}
.news-bottom li .text{width: 70%;padding-top: 10px;transition: all .6s ease-in-out;} 
.news-bottom li a .p1{color: #333;font-size: 22px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.news-bottom li a .p2{color: #999;font-size: 14px;line-height: 28px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.news-bottom li a .p3{color: #999;font-size: 14px;padding: 16px 0 17px 0;}
.news-bottom li a .p4{color: #666;font-size: 14px;width: 122px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #e1e1e1;border-radius: 20px;margin-top: 40px;}
.news-bottom li:hover .text{transform: translateY(-15px);}
.news-bottom li:hover a .p1{color: rgba(216,189,128,1);}
.news-bottom li:hover a .p4{box-shadow:0px 1px 5px 0px rgba(216,189,128,1);background:rgba(216,189,128,1);border: 1px solid rgba(216,189,128,1);color: #fff;}
.box-list{padding: 86px 0;}
.box-list .item1{margin-bottom: 100px;}
.box-list .item1 .left{width: 45%;position: relative;}
.box-list .item1 .right{width: 42%;}
.box-list .item1 .txt1{color: #333;font-size: 36px;margin-bottom: 50px;margin-top: 45px;}
.box-list .item1 .txt2{color: #666;font-size: 16px;line-height: 28px;}
.box-list .item1 .color1{width: 212px;height: 182px;background: #f3f3f3;position: absolute;right: -100px;bottom: -80px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.box-list .item1 img{position: relative;z-index: 2;-webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;width: 100%;}
.box-list .item1 .left:hover img {-webkit-transform: scale(0.8) translateX(-12px);transform: scale(0.9) translateX(-12px);}   
.box-list .item1 .color2{width: 212px;height: 182px;background: #f3f3f3;position: absolute;left: -100px;bottom: -80px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.box-list .item1 .left:hover .color1,.box-list .item1 .left:hover .color2{transform: scale(0.5);background:rgba(216,189,128,1);}
.contact .way{width:30%;}
.contact .way li{color: #333;font-size: 14px;padding: 23px 0 24px 55px;background: url("../images/cc1.jpg") no-repeat left 25px;line-height: 30px;border-bottom: solid 1px #eee;}
.contact .way li.lx2{background: url("../images/cc2.jpg") no-repeat left 25px;}
.contact .way li.lx3{background: url("../images/cc3.jpg") no-repeat left 24px;}
.contact .way li.lx4{background: url("../images/cc4.jpg") no-repeat left 25px;}
.contact .map{width:65%;margin-top: 8px;}
.contact .way h3{color: #333;font-size: 24px;font-weight: bold;padding-bottom: 10px;}
.contact{padding:90px 0;}
.case{padding: 86px 0;}
.case li{float: left;margin-right: 2%;width:23.5%;margin-bottom: 30px;}
.case li:nth-child(4n){margin-right: 0;}
.case li img{position: absolute;
	width: 100%;
	height:100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.case li:hover img {-webkit-transform: scale(1.2) translate(-50%,-50%);transform: scale(1.2) translate(-50%,-50%);}
.case li a .wzz1{color: #333;font-size: 20px;text-align: center;line-height: 50px;height: 50px;-webkit-transition: all .5s ease-in-out;transition: all .4s ease-in-out;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.case li a .tpp{overflow: hidden;position: relative;height: 213px;}
/*.case li a .tpp:after {position: absolute;content: '';height: calc(100% - 30px);width: calc(100% - 30px);background-color:rgba(216,189,128,0.8);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.case li:hover a .tpp:after {opacity: 1;}
.case li a .wzz2 {height: 100%;color: #fff;font-size: 20px;margin-bottom: 0px;-webkit-transition: all .5s ease-in-out;transition: all .4s ease-in-out;position: absolute;right: 50%;z-index: 10;padding: 10px;opacity: 0;width: 100%;text-align: center;-webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.case li:hover a .wzz2{opacity: 1;-webkit-transform: translateX(50%);transform: translateX(50%);}
.case li a .wzz2 p{transform: translateY(30px);
    transition: all .6s ease-in-out;
    opacity: 0;
    color: #fff;
    margin: 0;}
.case li:hover a .wzz2 P{transform: translateY(0px);opacity: 1;}*/
.case li:hover a .wzz1{opacity: 0;}
.case li a .tpp:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(133,133,141,0.9);transform: scale(0);transition: all .6s ease-in-out;z-index:1;}
.case li:hover a .tpp:before {transform: scale(1);}
.case li a .wzz2{position: absolute;content: '';top: calc(50% - 22px);left: 50%;width: calc(100% - 40px);text-align: center;transform: translateX(-50%);z-index:1;}
.case li a .wzz2 P {transform: translateY(30px);transition: all .6s ease-in-out;opacity: 0;color: #fff;margin: 0;color: #fff;font-size: 20px;}
.case li:hover a .wzz2 P{transform: translateY(0px);opacity: 1;}
.product{padding: 60px 0;}
.product .left{width: 24%;background: #fff;padding: 50px 3%;}
.product .left h3{color: #99755f;font-size: 28px;text-align: center;padding-bottom: 10px;}
.product .left .biaoti{text-align: center;border-top: 1px solid #d8d1bf;width: 98px;margin: 0 auto;}
.product .left .biaoti span{display: inline-block;color:#99755f;font-size: 12px;padding: 0 8px;position: relative;top: -8px;background: #fff;}
.product .right{width: 73%;}
.product dl{margin-bottom: 18px;}
.product dt a{display: block;height: 45px;line-height: 45px;background: #f6f3f1;color: #99755f;font-size: 20px;padding: 0 25px;}
.product dd{padding-left:55px;}
.product dd a{display: block;color: #595959;font-size: 16px;margin: 15px 0;position: relative;padding-left: 22px;transition: all .6s ease-in-out;}
.product dd a:before{width: 10px;height: 10px;border: 1px solid #e1e1e1;border-radius: 50%;display: block;content: "";position: absolute;left:0;top: 6px;transition: all .6s ease-in-out;}
.product dt a .ten:before,.product dt a .ten:after {
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 0;
    background: #99755f;
    left: 0;
    top: 50%;
    content: '';
}
.product dt a .ten:after {transform: translate(0, -50%);}
.product dt a .ten:before{transform: translate(0, -50%) rotate(90deg);}
.product dt a .ten {
    width: 13px;
    height: 45px;
    position:relative;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.sub-nav{padding:38px 0;}
.product dd a:hover{color: #99755f;transform: translateX(5px);}
.product dd a.cur{color: #99755f;transform: translateX(5px);}
.product dd a:hover:before{background:#99755f;border:1px solid #99755f;transform: scale(0.8);}
.product dd a.cur:before{background:#99755f;border:1px solid #99755f;transform: scale(0.8);}
.product .goods li{float: left;margin-right: 3%;width:31.333%;margin-bottom: 30px;}
.product .goods li:nth-child(3n){margin-right: 0;}
.product .goods li a h4{color: #333;font-size: 20px;margin: 13px 0 6px 0;}
.product .goods li a .p1{color: #999;font-size: 16px;}
.product .goods li a .p2{color: #99755f;font-size: 16px;margin-top:20px;line-height: 28px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.product .goods li img{position:relative;
	width: 100%;
	-webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;}
.product .goods li a .tpp{overflow: hidden;position: relative;display: flex;
		justify-content: center;
		align-items: center;height: 240px;}
.product .goods li:hover img{-webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);}
.product .goods li a .kuang {
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.product .goods li a .wzz {
    height: 90px;
    width: 100%;
    bottom: 0;
    position: absolute;
    padding:0 30px;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    background: #f6f6f6;
}
.product .goods li a .wzz::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    left: 0;
}

.product .goods li a .wzz .p2{
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
.product .goods li:hover a .wzz{height: 200px;background:#d8d1bf;padding-top: 15px;}
.product .goods li:hover a .wzz .p2{color: #99755f;opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}
.product .goods li:hover a .wzz h4{color: #99755f;}
@keyframes mymove{
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}

.goods-fy h4{font-size: 18px;font-weight: bold;color: #333;}
.goods-fy{padding:50px 0;}
.goods-fy h4 a{font-size: 18px;font-weight: normal;}
.product-box3{position: relative;margin-bottom: 90px;}
.product-box3 .radis-box{margin-bottom: 54px;height:66px;background: #dac28b;color: #fff;font-size:24px;line-height:66px;padding-left: 36px;}
.product-box3 .swiper-button-next,.product-box3 .swiper-button-prev{display: none;}
.product-box3 .m2abt_itmx{height: auto;box-shadow: none;position: relative;}
.product-box3 .info-txt{height: 55px;line-height: 55px;}
.product-box3 a .info-txt h5{color: #333;font-size: 20px;text-align: center;}
.product-box3 .awsm-personal-info {
    display: inline-block;
    width: calc(100% - 1px);
    vertical-align: middle;
    font-size: 16px;
}
.product-box3 figcaption::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
.product-box3 .books{position: relative;}
.product-box3 .Ins-swiper2{padding-bottom: 0;}
.product-box3 .m2abt_itmx .overflowHide{height: auto;}
.product-box3 .m2abt_itmx a:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.product-box3 a figcaption span{background: #fff;width: 112px;height: 30px;border-radius: 15px;line-height: 30px;display: block;margin: 0 auto;color:rgba(46, 149, 226,1);}
.product-box1{padding-bottom: 52px;padding-top: 60px;}
.product-box1 table{width: 100%;}
.product-box1 h4{color: #333;font-size: 25px;text-align: center;}
.product-box1 h4 b{display: block;font-size: 47px;font-family: arial;padding-bottom: 22px;}
.product-box1 .left{width: 35%;}
.product-box1 .left img{width: 100%;height: auto;}
.product-box1 .right{width: 60%;}
.product-box1 p{color: #666;font-size: 16px;line-height: 30px;}
.product-box1 .h5{color: #333;font-size: 24px;margin-bottom: 24px;line-height: normal;}
.Ins-swiper2{width:100%; padding-bottom:40px; overflow:hidden; }
.Ins-swiper2 .swiper-slide{width:100%;}
.Ins-swiper2 .swiper-pagination-bullets,.Ins-swiper2 .swiper-pagination-custom,.Ins-swiper2 .swiper-pagination-fraction {display: none;bottom: 0px; left: 0; width: 100%; }
.Ins-swiper2 .swiper-pagination-bullet{width:40px; height: 4px; border-radius:0; display: inline-block;  background:#000;  opacity: .1;}
.Ins-swiper2 .swiper-pagination-bullet-active {opacity: 1; background:#1c2081;}
.Ins-swiper2.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Ins-swiper2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.product-box3 .m2abt_itmx{ background:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.05);}
.product-box3 .m2abt_itmx .overflowHide{ height:auto; position:relative;overflow: hidden;display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;}
.product-box3 .m2abt_itmx .overflowHide img{width: 100%;height: auto;vertical-align: middle;-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.product-box3 .m2abt_itmx:hover a .info-txt{background: #dac28b;}
.product-box3 .m2abt_itmx:hover a .info-txt h5{color: #fff;}
.inside_text05 .text05_nav{ overflow:hidden;margin:0px 0 30px 0;text-align: center;}
.inside_text05 .text05_nav h2{ font-size:30px; color:#333333;padding:0px 0 32px 0;}
.inside_text05 .text05_nav h3{border-bottom: 1px solid #e6e6e6;padding-bottom:34px;}
.inside_text05 .text05_nav h3 span{ font-size:14px; color:#666; padding-right:20px;}
.inside_text05 .text05_nav h3 a{ font-size:14px; color:rgba(216,189,128,1); padding:0 5px;}
.inside_text05 .text05_nav h3 a:hover{ text-decoration:underline}
.inside_text05 .text05{ overflow:hidden; padding-bottom:50px;}
.inside_text05 .text05 p{ font-size:14px; color:#666; line-height:28px; text-align:justify;}
.inside_text05 .text05 img{display: block;margin: 30px auto;max-width: 100%;}
.inside_text05 .fy{overflow:hidden; padding-top:28px;border-top: 1px solid #e6e6e6;}
.inside_text05 .fy h4{ overflow:hidden; line-height:30px;font-size:14px; color:#666;}
.inside_text05 .fy h4 a{ font-size:14px; color:#666;font-weight: normal;}
.inside_text05 .fy h4:hover a{color:rgba(216,189,128,1);text-decoration: underline;}
.inside_text05 .fy .fr{text-align: right;}
.nn_detail img{max-width:986px;margin: 10px auto;display: block;}
.leftside{width:73%;}
.rightside{width:24%;padding:0px 0 0 3%;border-left: #e6e6e6 solid 1px;}
.rightside .tit{color: #333;font-size: 30px;padding-bottom: 40px;}
.part-box li{border-bottom: 1px solid #e6e6e6;padding-bottom:16px;margin-bottom: 39px;}
.part-box li a .p1{color: #333;font-size: 18px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;margin-bottom: 11px;}
.part-box li a span{display: inline-block;font-size:16px; color:#a8a8a8; line-height:22px;margin-right: 10px;}
.part-box li:hover a .p1{color:rgba(216,189,128,1);}
.news-detail{padding: 60px 0;}
#particles{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.contact2{position: relative;background: #f5f5f5;padding: 80px 0;}
.name2{text-align: center;color: #333;font-size: 34px;font-weight: bold;}
.name2 p{font-family: arial;color: #666;font-size: 26px;font-weight: normal;padding-top: 8px;}
.contact2 .w1500{position: relative;z-index: 3;}
.contact2 .group1{padding-top: 45px;}
.contact2 .group1 li{float: left;margin-right: 1%;width: 32.66%;margin-bottom: 20px;position: relative;}
.contact2 .group1 li:nth-child(3n){margin-right: 0;}
.contact2 .group1 li .p11{color: #333;font-size: 20px;margin-bottom: 7px;}
.contact2 .group1 li .p22{color: #666;font-size: 16px;}
.contact2 .group1 li .awsm-flip-back{ z-index: 1;
    padding: 50px 20px;
    background: #dac28b;
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    transition: transform 0.6s;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;}
.contact2 .group1 li:hover .awsm-flip-front{
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.contact2 .group1 li .awsm-flip-front{
	z-index: 2;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.3s;
    transition: transform 0.4s, opacity 0.3s;
    opacity: 1;
    position: relative;padding: 50px 20px;background: #fff;height: 175px;overflow: hidden;}
.contact2 .group1 li:hover .awsm-flip-back{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.contact2 .group1 li:hover .awsm-flip-back .p11,.contact2 .group1 li:hover .awsm-flip-back .p22{color: #fff;}
.contact2 .group1 li .quan{width:64px;height: 64px;background: url("../images/a1.png") no-repeat center;display: block;margin:0 20px;}
.contact2 .group1 li:hover{cursor: pointer;}
.contact2 .group1 li .ico2 .quan{background: url("../images/icon2.png") no-repeat center;}
.contact2 .group1 li .ico3 .quan{background: url("../images/icon3.png") no-repeat center;}
.contact2 .group1 li .ico4 .quan{background: url("../images/icon4.png") no-repeat center;}
.contact2 .group1 li .ico5 .quan{background: url("../images/icon5.png") no-repeat center;}
.contact2 .group1 li .ico6 .quan{background: url("../images/icon6.png") no-repeat center;}
.contact2 .group1 li .wzz{width: 72%;}
.wb-right .wb-intro{display: none;}