@charset "utf-8";

body,td,th,input,textarea,select{font-family:'Microsoft YaHei', Arial, Tahoma; color:#777177; outline:none;}
html,body{background:#fff;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; max-width:100%; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:hover{color:#dcb05f;}
.wrap{width:1120px; margin:auto;}
.block{padding:0 50px; overflow:hidden;}
@media (max-width:1119px){
  .wrap{width:auto;}
  .block{padding:0 20px; overflow:hidden;}
}
div:after,ul:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#dcb05f !important;}
.white{color:#fff !important;}
.clear{display:block; margin:0; padding:0; clear:both; float:none; min-height:30px;}
h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0; color:#333;}
@media (max-width:1119px){
  .hidden-s{display:none !important;}
}
@media (min-width:1200px){
  .hidden-l{display:none !important;}
}

#head{width:100%; height:80px; background:#fff; position:fixed; z-index:999; left:0; top:0; padding:0 40px 0 50px; box-sizing:border-box; transition:height .35s, box-shadow .35s;}
#head .logo{display:block; float:left; width:300px; height:100%; line-height:90px; transition:all .2s; position:relative; z-index:3;}
#head .bg{
  width:560px;  position:absolute; z-index:2; left:-130px;
 background:#dcb05f;
  -webkit-transform:skew(-30deg); -moz-transform:skew(-30deg); -o-transform:skew(-50deg); transform:skew(-45deg);
  transition:all .35s;
}
#head .bg2{
  width:560px;  position:absolute; z-index:1; left:-115px;
  background:#dcb05f;
 -webkit-transform:skew(-30deg); -moz-transform:skew(-30deg); -o-transform:skew(-50deg); transform:skew(-45deg);
  box-shadow:1px 3px 6px rgba(0,0,0,.26); transition:all .35s;
}
#head .logo>img{height:50px; transition:all .2s; max-width:none; max-height:none;}
#head.shadow{box-shadow:0 8px 25px rgba(0,0,0,.1);}
#head.shadow .bg2{box-shadow:1px 3px 6px rgba(0,0,0,.1);}
#head.short{height:68px; box-shadow:0 8px 25px rgba(0,0,0,.1);}
#head.short .logo{line-height:76px;}
#head.short .logo>img{height:46px;}
/* #head.short .bg{height:78px;} */
/* #head.short .bg2{height:78px;} */

#head.long{height:230px; border-bottom:1px solid #eee; box-shadow:0 5px 20px rgba(0,0,0,.06);}
#head.long .bg2{box-shadow:1px 3px 6px rgba(0,0,0,0);}

#menu{width:auto; height:100%; float:right;}
#menu>li{float:left; height:100%; position:relative; z-index:1;}
#menu>li>a{display:block; padding:0 30px; font-size:16px; color:#464646; line-height:42px; margin:20px 0; transition:color .25s, margin .25s; position:relative;}
#menu>li>a:after{content:''; display:block; width:0; height:0; background:#dcb05f; position:absolute; left:50%; bottom:-9px; transition:all .18s;}
#menu>li>a.A{color:#dcb05f;}
#menu>li>a.A:after{width:80%; left:10%; height:3px;}
#menu>li>div{width:600px; position:absolute; transition:all .25s;}
#menu>li>div>a{float:left; width:146px; height:120px; padding-top:15px; text-align:center; font-size:17px; color:#000; display:none; transition:filter .35s, opacity .35s, margin-left .35s;}
#menu>li>div>a>img{display:block; margin:0 auto 12px auto; height:50px;}
#menu>li>div>a.animation{display:block; animation:msub 0.65s both;}
@keyframes msub{
  from{filter:alpha(opacity=0); opacity:0; margin-left:25px;}
  to{filter:alpha(opacity=40); opacity:.4; margin-left:0px;}
}
#menu>li>div>a.show{display:block; filter:alpha(opacity=40); opacity:.4; margin-left:0px;}
#menu>li>div>a:hover{filter:alpha(opacity=80); opacity:.8;}

#lan{display:block; position:absolute; right:50px; top:29px; font-family:'Microsoft Yahei Light'; background:url('../images/ico.en.png') no-repeat left center; background-size:24px; padding-left:32px; color:#464646; transition:all .25s;}
#lan:hover{color:#dcb05f;}

.head_tel{
	float: right;
	line-height: 80px;
	font-size: 20px;
	color: #e1b76a;
	font-weight: 700;
	margin-left: 10px;
	padding-left: 42px;
	background: url('../images/head_tel.png') no-repeat center;
	background-position: left center;
	background-size: 30px auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#head.short .head_tel{
	line-height: 68px;
}

#head.short #menu>li>a{margin:12px 0;}
#head.short #menu>li>div{padding-top:16px;}
#head.short #lan{top:22px;}

#banner{height:655px; background:#eee; margin:82px 0 0 0;}
@media (max-width:1119px){
  #banner{height:auto; margin:60px 0 0 0;}
}
.swiper-container{width:100%; height:100%;}
.swiper-slide{
  width:100%; height:100%; overflow:hidden;
  text-align:center;
  /* Center slide text vertically */
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.swiper-slide img{max-width:none;}
@media (max-width:1119px){
  .swiper-slide img{flex:none; height:100%;width:100%;}
}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:25px;}
.swiper-pagination-bullet{width:13px; height:13px; background:#fff; opacity:1; transition:all .2s;}
.swiper-pagination-bullet:hover{opacity:.5;}
.swiper-pagination-bullet-active{background:#4db23f; opacity:1 !important;}
.swiper-button-prev,
.swiper-button-next{width:50px; height:50px; background-size:50px 50px; transition:all .2s;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAx0lEQVRoge3aMQrCQBRF0Y+4DxuX4VKzB7fgCrKBVDa2dilzLaKFiYIzIP85vlMGAu9CijBJhBCgYzYCh+w9VYCeZ33J/dtvDSsBDBGxX1w+Z2ypBgysDdm7ijhChSNUOEKFI1Q4QsWbiKKXwFTADri+iOiyt33sHjE6IpsjVDhChSOUsD6ykYnYZA9I0cyjFeEYXY5R5RhVLcZcmoiJaOQE5cExqhyjyjGqHKPKMar+IeaYvasKcFqE/M4XriXmH88mKn48uwHHhY37FtUzgAAAAABJRU5ErkJggg==');}
.swiper-button-next,
.swiper-container-rtl .swiper-button-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAvklEQVRoge3aMQrCQBCF4cWLeAZ7j5o7eAVPkAuksrG1S+mfQkSM2WJEnLfL+7pAAvNDijDZUgKAIzDzMESelQKMvBuzZ3raBe+/rK4PwPSrYf4KmPjkmHSOUeUYVY5R5RhVvcWsPzKbjhk2Ym7APnu2sErM7JhsjlHlGFWOUVWJCa2aousgq+ni1XKECkeocISKniOurUW0v0lxhApHqHCECkeocISKXiJOzUeUsvkH6pw901d4HTy7I3bwbAFEQY4GwbRw2gAAAABJRU5ErkJggg==');}
.swiper-button-prev:hover,
.swiper-button-next:hover{opacity:.6;}

.mb_ban{
    display:none !important;
}
.pc_ban{
    display: block !important;
}
@media screen and (max-width: 1000px){
   .mb_ban{
        display:block !important;
    }
    .pc_ban{
        display: none !important;
    } 
}


#mm{background:url('../images/m2.jpg') no-repeat center center; background-size:cover;}

#m1{position:relative; height:188px; z-index:2;}
#m1>dl{width:33.333%; height:190px; float:left; margin-top:-70px; color:#fff; position:relative; z-index:1; transition:all .3s;}
#m1>dl>dt{font-size:48px; position:absolute; left:40px; top:18px;}
#m1>dl>.tit{font-size:16px; position:absolute; left:96px; top:35px; font-family:'Microsoft YaHei UI Light';}
#m1>dl>.en{font-size:12px; position:absolute; left:96px; top:60px; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:18px; width:220px;}
#m1>dl>.img{display:block;}
#m1>dl>.img2{display:none;}
#m1>dl>.img>img{height:72px; position:absolute; left:96px; top:107px; filter:alpha(opacity=50); opacity:.5;}
#m1>dl>.img2>img{height:72px; position:absolute; left:96px; top:107px; filter:alpha(opacity=50); opacity:.5;}
#m1>.d1{background:#e1b76a;}
#m1>.d2{background:#dcb05f;}
#m1>.d3{background:#dba94e;}
#m1>dl:hover{background:#fff; z-index:9; color:#777177; box-shadow:5px 16px 35px rgba(0,0,0,.1);}
#m1>dl:hover>.en{border-bottom:1px solid #eee; transition:border-bottom .5s;}
#m1>dl:hover>.img{display:none;}
#m1>dl:hover>.img2{display:block;}
@media (max-width:1119px){
  #m1{height:auto; padding-bottom:40px;}
  #m1>dl{width:100%; float:none; margin:0; height:90px; margin-top:1px;}
  #m1>dl>dt{font-size:42px; position:absolute; left:40px; top:19px;}
  #m1>dl>.en{border-bottom:0px none; left:90px; top:50px;}
  #m1>dl>.tit{font-size:15px; left:90px; top:30px;}
  #m1>dl>.img{width:100%; height:90px; position:relative;}
  #m1>dl>.img>img{height:72px; position:absolute; left:auto; right:0; top:10px;}
  #m1>dl:hover>.en{border-bottom:0px none;}
}

.m-tit{font-size:38px; text-align:center; font-family:'Microsoft Yahei Light'; color:#464646;}
.m-tit-cn{font-size:22px; color:#999; text-align:center;}
@media (max-width:1119px){
  .m-tit{font-size:36px;}
  .m-tit-cn{font-size:20px;}
}

#m2 ul{margin:50px auto 60px auto; border-left:1px solid #eee; border-top:1px solid #eee; background:#fff;}
#m2 ul>li{width:33.333%;  float:left;}
#m2 ul>li>a{display:block; height:100%; border-right:1px solid #eee; border-bottom:1px solid #eee; transition:all .25s; overflow:hidden;}
#m2 ul>li>a>.img{width:300px; height:300px; overflow:hidden; margin:35px auto auto auto;}
#m2 ul>li>a>.img>img{width:300px; height:300px; transition:all .35s; max-width:none; max-height:none;}
#m2 ul>li>a>.tit{text-align:center; font-size:16px; padding:18px 15px;}
#m2 ul>li>a:hover{background:#eee;}
#m2 ul>li>a:hover>.img>img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#m2 ul>li.more>a{color:#999; font-size:70px; text-align:center; line-height:392px;}
#m2 ul>li.more>a:hover{background:#eee; color:#dcb05f;}
@media (max-width:1119px){
  #m2 ul{margin:30px auto 40px auto;}
  #m2 ul>li{width:50%; height:auto;}
  #m2 ul>li>a>.img{width:100%; padding:10px; height:auto; overflow:hidden; margin:auto; box-sizing:border-box;}
  #m2 ul>li>a>.img>img{width:100%; height:auto;}
  #m2 ul>li>a>.tit{text-align:center; font-size:15px; padding:0 5px 12px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  #m2 ul>li>a:hover>.img>img{width:100%; height:auto; margin:auto;}
}

.m-space{height:80px;}
.m-more{text-align:center;}
.m-more>a{display:inline-block; height:42px; width:160px; background:url('../images/ico.arr1.png') no-repeat 112px center; background-color:#dcb05f; color:#fff; text-align:left; line-height:42px; font-size:15px; border-radius:3px; padding-left:36px; box-sizing:border-box; transition:all .2s;}
.m-more>a:hover{background-color:#dcb05f; padding-left:30px; background-position:118px center;}
@media (max-width:1119px){
  .m-space{height:50px;}
}

#m3{ 
	background-image:url(../images/m3.jpg);
	/* background-color: #f8f8f8; */
background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; background-attachment:fixed;padding: 100px 0;}
#m3>.wrap{position:relative;}
#m3 .fl{
	float: left;
}
.m3_3{ font-size:45px; color:#464646;font-weight: 700; }
.m3_4{ font-size:16px; color:#464646; font-family:'Microsoft Yahei Light'; width:460px; line-height:180%;margin: 35px 0;}
.m3_5{}
.m3_5>a{display:block; width:130px; height:40px; text-align:center; line-height:40px; color:#fff; background:#dcb05f; font-size:13px; border-radius:3px; transition:all .2s;}
.m3_5>a:hover{background:#dcb05f;}

#m3 .fr{
	float: right;
	width: 55%;
	position: relative;
	box-shadow: 0 0 12px #d5d5d5;
}
#m3 .video-box>img{
	width: 100%;
}

#m3 .fr .info{
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 10;
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	opacity: 1;
	visibility: visible;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#m3 .video-box.on .info {
    opacity: 0;
    visibility: hidden;
}
#m3 .video-box .video{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
}
#m3 .video-box.on .video {
    opacity: 1;
    visibility: visible;
}
#m3 .fr .video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width:1119px){
/*  #m3{height:360px; background-attachment:scroll;}
  .m3_1{left:20px; top:56px; height:32px;}
  .m3_2{left:20px; top:100px; height:20px;}
  .m3_3{left:20px; top:160px; font-size:20px;}
  .m3_4{left:20px; top:190px; font-size:15px; line-height:150%; width:auto;}
  .m3_5{left:20px; top:260px;}
  .m3_5>a{font-size:15px;} */
  #m3{
	  padding: 40px 0;
  }
  #m3>.wrap{
  	  padding: 0 10px;
	  display: flex;
	  flex-direction: column-reverse;
  }
  .m3_3{
	  font-size: 24px;
  }
  .m3_4{
	  width: 100%;
	  font-size: 15px;
	  margin: 25px 0;
  }
  .m3_5>a{font-size:15px;}
  #m3 .fl,#m3 .fr{
	  width: 100%;
  }
  #m3 .fr{
	  margin-bottom: 35px;
  }
}

#m4{height:250px; background:#dcb05f;}
#m4 a{width:28%; float:left; height:100%; box-sizing:border-box; padding:32px 0 0 0; display:block;}
#m4 a:first-child{width:28%; margin-right:8%;}
#m4 a:last-child{width:28%; margin-left:8%;}
#m4 dl{color:#fff; text-align:center;}
#m4 dl>dt{height:90px; text-align:center;}
#m4 dl>dt>img{height:100%; max-height:none; max-width:none; width:auto; filter:alpha(opacity=80); opacity:.8; transition:alpha .25s, opacity .25s;}
#m4 dl>dd.tit{font-size:18px; font-family:'Microsoft YaHei UI Light'; padding:15px 0 0 0;}
#m4 dl>dd.con{font-size:13px; padding:10px 0; filter:alpha(opacity=70); opacity:.7; line-height:180%; transition:all .25s;}
#m4 a:hover img{filter:alpha(opacity=100); opacity:1;}
#m4 a:hover dd.con{filter:alpha(opacity=100); opacity:1;}

#m5{padding:60px 0;}
#m5 .wrap{padding:50px 0 0 0;}
#m5 .wrap a{display:block; width:45%; float:left;}
#m5 .wrap a:first-child{margin-right:10%;}
#m5 .wrap a .img{width:100%; background:#eee; overflow:hidden;}
#m5 .wrap a .img>img{width:504px; height:375px; transition:all .3s; max-width:none; max-height:none;}
#m5 .wrap a .tit{font-size:15px; padding:18px 0 0 0; color:#464646;}
#m5 .wrap a .con{font-size:13px; color:#999; line-height:180%; padding:5px 0 0 0;}
#m5 .m-more{margin-top:36px;}
#m5 .wrap a:hover .img>img{width:550px; height:414px; margin-left:-5%; margin-top:-10%;}
#m5 .wrap a:hover .tit{color:#dcb05f;}
@media (max-width:1119px){
  #m5{height:auto;}
  #m5 .wrap{padding:40px 0 0 0;}
  #m5 .wrap a{width:100%; padding:0 20px; float:none; box-sizing:border-box; margin-bottom:25px;}
  #m5 .wrap a .con{line-height:150%; padding:5px 0 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
  #m5 .m-more{margin-top:16px; margin-bottom:50px;}
}


#foot{background:#f3f4f6; height:372px;}
#btm{padding:50px 0 0 0;}
#btm .left{width:calc(100% - 200px) ; float:left;}
#btm .right{width: 150px; float:right; text-align:right; display: flex; justify-content: space-between;}
#btm .left dl{float:left; margin-right:60px;}
#btm .left dl:last-child{margin-right:0;}
#btm .left dl>dt{margin-bottom:15px;}
#btm .left dl>dt>a{font-size:17px; color:#464646; display:block; font-weight:bold; transition:all .15s;}
#btm .left dl>dd>a{display:block; font-size:13px; padding:4px 0 4px 0; color:#888; transition:all .15s;}
#btm .left dl>dt>a:hover{color:#dcb05f;}
#btm .left dl>dd>a:hover{color:#dcb05f;}
#btm .right>div{width: 100%;}
#btm .right img{border-radius:10px; transition:all .3s; box-shadow:5px 10px 25px rgba(0,0,0,.07);}
#btm .right p{padding:15px 0 0 0; font-size:15px; text-align:center;  color:#aaa;}

#foot-line{border-top:1px solid #ddd; margin-top:40px; padding:13px 0 0 0;}
#foot-line a{color:#aaa;}
#foot-line a:hover{color:#dcb05f;}
#foot-line .left{ float:left; font-size:13px; color:#aaa;}
#foot-line .right{float:right; font-size:13px; color:#aaa; text-align:right;}

#banner-sub{background:#eee; height:480px; margin:82px 0 0 0; position:relative;}
#banner-sub .bg{width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
#banner-sub .wrap{position:relative; z-index:2; text-align:center;}
#banner-sub .t0{font-size:26px; padding-top:170px; color:#fff; font-family:'Microsoft YaHei UI Light'; position:relative;}
#banner-sub .t0:after{content:''; position:absolute; bottom:-13px; left:50%; display:block; width:450px; margin-left:-225px; height:1px; background:#fff; filter:alpha(opacity=36); opacity:.36;}
#banner-sub .t1{font-size:36px; color:#fff; padding-top:20px;}
#banner-sub .t2{font-size:15px; color:#fff; font-family:'Microsoft YaHei UI Light'; padding-top:2px; position:relative;}
#banner-sub .t2:after{content:''; position:absolute; bottom:-13px; left:50%; display:block; width:450px; margin-left:-225px; height:1px; background:#fff; filter:alpha(opacity=36); opacity:.36;}
@media (max-width:1119px){
  #banner-sub{height:220px; margin:52px 0 0 0;}
  #banner-sub .t0{padding-top:70px;}
  #banner-sub .t1{font-size:20px; padding-top:20px;}
  #banner-sub .t2{font-size:12px;}
  #banner-sub .t0:after{width:320px; margin-left:-160px;}
  #banner-sub .t2:after{width:320px; margin-left:-160px;}
}

.text{font-size:16px; line-height:180%; padding:15px 0 0 0;}
.text p,.text div{margin:1em 0;}
.space{clear:both; height:50px;}
@media (max-width:1119px){
  .space{height:30px;}
}


.about h1{margin-bottom:30px;}
.about h2{color:#ccc; font-size:17px; font-weight:normal; margin-top:-20px; padding-left:12px;}
.about .logo{float:right; margin-left:30px;max-height: 100px;}
@media (max-width:1119px){
  .about .logo{margin-left:0; height:60px;}
}

.adt dl{float:left; border-left:1px solid #eee; padding-left:40px; margin-left:40px;}
.adt dl:first-child{border-left:0px none; padding-left:0; margin-left:0;}
.adt dl>dt{float:left; height:120px;}
.adt dl>dt>img{height:120px; width:auto;}
.adt dl>dd{float:left; margin-left:16px;}
.adt dl>dd>p{font-size:24px; color:#dcb05f; font-weight:bold; padding:18px 0 0 0;}
.adt dl>dd>span{display:block; font-size:13px; font-family:'Microsoft YaHei UI Light'; width:280px; color:#999; padding:6px 0 0 0;}
@media (max-width:1440px){
  .adt dl{padding-left:25px; margin-left:30px;}
  .adt dl>dt>img{height:100px;}
  .adt dl>dd>p{font-size:20px;}
  .adt dl>dd>span{width:260px;}
}
@media (max-width:1119px){
  .adt dl{float:none; border-left:0px none; margin-left:0; padding-left:0; margin-bottom:20px; display:flex; box-sizing:border-box; width:100%;}
  .adt dl>dt{height:auto; float:none; width:60px; flex:none;}
  .adt dl>dt>img{height:70px; width:auto; max-width:none;}
  .adt dl>dd{float:none;}
  .adt dl>dd>p{font-size:18px; padding:10px 0 0 0; box-sizing:border-box;}
  .adt dl>dd>span{width:100%;}
}

.culture{background:url('../images/culture.jpg') no-repeat right center; background-size:cover; padding-left:0;}
.culture .text{background:#eee; display:inline-block; padding-top:35px; padding-bottom:35px; padding-left:50px; padding-right:80px; width:35%; min-width:450px; min-height:300px;}
.culture .tit{color:#dcb05f; font-size:32px; font-family:'楷体'; margin-bottom:30px;}
@media (max-width:1119px){
  .block.culture{padding:0;}
  .culture .text{min-width:100%; width:100%; display:block; padding-top:25px; padding-bottom:35px; padding-left:25px; padding-right:25px; background:rgba(0,0,0,.5); box-sizing:border-box; color:#fff;}
  .culture .tit{font-size:26px; line-height:140%;}
}

.honor{background:url('../images/honor.jpg') no-repeat right center; background-size:cover; padding-right:0; margin-top:1px;}
.honor>div{background:#eee; float:right; width:35%; min-width:450px; min-height:300px; position:relative;}
.honor .tit{color:#dcb05f; font-size:32px; margin-bottom:10px; margin-left:50px; padding:30px 0 0 0;}
.honor .ico{position:absolute; right:30px; bottom:30px; height:230px; filter:alpha(opacity=56); opacity:.56;}
.honora{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px 30px 3px 50px; font-size:14px;}

#search{position: relative;;height:240px; background:url('../images/b-pro.jpg') no-repeat center center; background-size:cover; margin-top:82px;}
#search>div{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
#k{background:#fff; height:36px; line-height:36px; border:0px none; width:350px; padding:0 10px; border-radius:3px 0 0 3px; transition:all .25s;}
#k:focus{box-shadow:5px 5px 16px rgba(0,0,0,.16);}
#search a,#search button{display:inline-block; height:36px; line-height:35px; font-size:13px; text-align:center; width:96px; background:#dcb05f; color:#fff; border-radius:0 3px 3px 0;border: none;}
@media (max-width:1119px){
  #search{margin-top:60px;}
  #k{width:200px;}
  #search a{width:80px;}
  #search{
	  height: 160px;
  }
}

#pro{border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; max-width:1300px; margin:auto;}
#pro li{float:left; width:25%; height:auto;}
#pro li>a{display:block; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; overflow:hidden; box-sizing:border-box; padding:20px 20px 0 20px;}
#pro li>a .img{text-align:center; vertical-align:middle; overflow:hidden; position:relative; width:100%; height:0; padding-top:100%; padding-bottom:0; overflow:hidden;}
#pro li>a .img>img{position:absolute; left:0; top:0; z-index:1;}
#pro li>a .img:after{content:''; display:inline-block; height:100%; vertical-align:middle; width:0; font-size:0;}
#pro li>a .tit{height:46px; padding-top:16px; text-align:center; font-size:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#pro li>a .img:before{position:absolute; display:block; content:''; width:100%; height:0; background:rgba(216,28,26,0); left:0; top:0; transition:all .3s; z-index:2;}
#pro li>a .img>.zoom{width:50px; height:50px; position:absolute; left:50%; top:0; margin:-25px auto auto -25px; z-index:3; filter:alpha(opacity=0); opacity:0; transition:all .3s .05s;}
#pro li>a:hover .img:before{height:100%; background:rgba(220, 176, 95, 0.8);}
#pro li>a:hover .img>.zoom{top:50%; filter:alpha(opacity=100); opacity:1;}
@media (max-width:1119px){
  #pro{max-width:100%;}
  #pro li{width:50%;}
  #pro li>a{padding:8px 8px 0 8px;}
  #pro li>a .tit{height:32px; padding-top:10px; font-size:14px;}
}

.pro-move{margin:auto auto 50px auto; position:relative; z-index:1;}
.pro-move .bx-viewport{box-shadow:none !important;}
.pro-move .bx-wrapper img{display:block; margin:auto; max-height:500px;}
.pro-move .bx-wrapper{box-shadow:none;}
.pro-move .bx-pager{font-size:0; text-align:center; margin-top:-30px;}
.pro-move .bx-pager a{display:inline-block; width:68px; height:68px; padding:4px; vertical-align:middle; margin-left:-1px;}
.pro-move .bx-pager a>img{max-width:100%; max-height:100%; vertical-align:middle;}
.pro-move .bx-pager a:after{content:''; display:inline-block; height:100%; vertical-align:middle; width:0; font-size:0;}
.pro-move .bx-pager a.active{box-shadow:0 0 0 1px #dcb05f inset; position:relative;}

.pro-block{padding:30px 100px 25px 100px;}
#tag-title{background:#eee; padding:15px 100px 17px 60px;}
#tag-title li{float:left; margin:0 40px; position:relative;}
#tag-title li:after{position:absolute; height:90%; width:1px; background:#ccc; content:''; right:-39px; top:2px;}
#tag-title li>a{color:#333; font-size:17px; display:block; position:relative;}
#tag-title li>a:after{position:absolute; content:''; width:100%; height:0; background:#dcb05f; left:0; bottom:-15px;}
.tag-con{padding:0 100px; font-size:15px;}
.tag-con div,.tag-con p{margin:20px 0; line-height:160%;}
.tag-con .con{padding:20px 0; display:none;}
.tag-con table{width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; border-collapse:collapse;}
.tag-con table td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px; padding:5px; transition:all .25s;}
.tag-con table td p,.tag-con table td div{margin:0;}
.tag-con table td:hover{background:#eee;}
#tag-title li>a:hover{color:#dcb05f;}
#tag-title li>a.A{color:#dcb05f;}
#tag-title li>a.A:after{height:4px;}

.pro-back{display:block; border:1px solid #ddd; width:130px; height:40px; text-align:center; line-height:38px; font-size:15px; float:right; position:relative; z-index:9; border-radius:3px; color:#464646; transition:all .25s;}
.pro-back:hover{background:#eee; color:#dcb05f;}

.pro-back2{display:block; border:1px solid #ddd; width:130px; height:40px; text-align:center; line-height:38px; font-size:15px; border-radius:3px; color:#464646; transition:all .25s; margin:50px auto;}
.pro-back2:hover{background:#eee; color:#dcb05f;}

@media (max-width:1119px){
  .pro-block{padding:20px 15px;}
  .pro-move{margin:auto auto 0 auto;}
  .pro-move .bx-wrapper img{max-height:none;}
  .pro-move .bx-pager{margin-top:-50px;}
  .tag-con{padding:0; margin-bottom:-1px;}
  .tag-con>.tit{border-top:1px solid #eee; background:#fff; margin:0; height:45px; line-height:43px; padding:0 15px; font-weight:bold; color:#333; font-size:16px; position:relative; border-bottom:1px solid #eee;}
  .tag-con>.tit>i{display:block; position:absolute; right:15px; top:11px; background:url('../images/ico.down.png') no-repeat center center; width:24px; height:24px; background-size:24px;}
  .tag-con>.tit.A{background:#dcb05f; color:#fff; border-bottom:0px none;}
  .tag-con>.tit.A>i{background:url('../images/ico.up.png') no-repeat center center; background-size:24px;}
  .tag-con>.con{padding:0 15px;}
  .tag-con .tableWap{width:100%; overflow:scroll;}
  .tag-con .tableWap table th,.tag-con .tableWap table td{white-space:nowrap; font-size:13px;}
}

.news-block{padding:0 100px;}
.news-list>li{height:300px; border-bottom:1px solid #e6e6e6;}
.news-list>li>a{display:block; height:225px; padding:30px 0;}
.news-list>li>a:after{content:''; display:block; clear:both; height:0;}
.news-list>li>a>.img{width:300px; height:225px; float:left; position:relative; overflow:hidden; background:#eee;}
.news-list>li>a>.img:after{content:''; display:block; width:100%; height:100%; position:absolute; left:-100%; top:0; background:#000; filter:alpha(opacity=0); opacity:0; z-index:1; transition:all .35s;}
.news-list>li>a>.img:before{content:''; display:block; width:100%; height:100%; position:absolute; right:-100%; top:0; z-index:2; background:url('../images/click.png') no-repeat center center; filter:alpha(opacity=0); opacity:0; transition:all .35s;}
.news-list>li>a>.img>img{width:100%; height:100%;}
.news-list>li>a>.con{margin-left:330px;}
.news-list>li>a>.con>.tit{font-family:'Microsoft YaHei Light'; font-size:23px; color:#333; transition:all .25s;}
.news-list>li>a>.con>span{display:block;}
.news-list>li>a>.con>.txt{
  padding-top:25px; font-size:14px; line-height:200%; color:#888;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
}
.news-list>li>a>.con>.date{font-size:14px; color:#aaa; margin-top:35px; background:url('../images/date.png') no-repeat left center; padding-left:22px;}
.news-list>li>a:hover>.img:after{left:0; filter:alpha(opacity=40); opacity:.4;}
.news-list>li>a:hover>.img:before{right:0; filter:alpha(opacity=80); opacity:.8;}
.news-list>li>a:hover>.con>.tit{color:#dcb05f;}

.news-list .line{width:8px; height:225px; float:left; position:relative; overflow:hidden; background:#eee; transition:all .2s;}
.news-list>li>a:hover .line{background:#dcb05f;}
.news-list>li>a>.dcon{margin-left:40px;}

.pager{padding:50px 0; text-align:center; position:relative;}

#pull{display:block; width:168px; height:40px; line-height:40px; border:1px solid #ddd; font-size:14px; transition:all 0.3s; margin:auto; border-radius:3px; background:#fff;}
#pull:hover{background:#eee; color:#dcb05f;}
#loading{width:172px; height:42px; line-height:42px; background:#fff; color:#999; font-size:15px; margin:auto auto auto -86px; position:absolute; left:50%; top:50px; display:none;}

@media (max-width:1119px){
  .news-block{padding:0 20px;}
  .news-block .space{height:20px;}
  .news-list>li{height:auto;}
  .news-list>li>a{display:block; height:auto; padding:20px 0; display:flex;}
  .news-list>li>a>.img{width:100px; height:auto; flex:none; float:none; background:none;}
  .news-list>li>a>.img>img{width:100%; height:auto;}
  .news-list>li>a>.con{margin-left:15px;}
  .news-list>li>a>.con>.tit{font-size:16px;}
  .news-list>li>a>.con>.date{margin-top:10px; padding-left:20px;}
  .pager{padding:30px 0; text-align:center; position:relative;}
}


@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp{opacity:0;}

#news-tit{border-bottom:1px solid #e6e6e6; padding:0 0 30px 0;}
.news-block .info{font-size:15px; color:#999; padding:12px 0 0 0;}
.news-btm{border-top:1px solid #e6e6e6; margin-top:30px; padding:30px 0 0 0; font-size:15px; color:#bbb;}
.news-block .text{position:relative; padding-right:180px;}
.news-block .text:after{content:''; display:block; width:1px; height:100%; background:#eee; position:absolute; right:132px; top:0;}
.news-block .text .share{position:absolute; top:30px; width:100%; text-align:right; padding-right:20px; box-sizing:border-box;}
.news-block .text .share.fixed{position:fixed; top:90px;}
.news-block .text .share>a{display:inline-block; width:70px; height:100px; font-size:15px; text-align:center; color:#aaa; transition:all .25s; margin-bottom:36px;}
.news-block .text .share>a>img{display:block; margin-bottom:6px;}
.news-block .text .share>a:hover{opacity:.8; filter:alpha(opacity=80);}
.news-btm .prev{margin-bottom:8px;}
@media (max-width:1119px){
  .news-block .text{padding-right:0px;}
  .news-block .text:after{display:none;}
}


.com_page{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	padding: 50px 0;
}
.com_page a,.com_page span{
	color: #666;
	background: #fff;
	width: 35px;
	height: 35px;
	font-size: 14px;
	line-height: 33px;
	margin: 0 5px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.com_page a.page-num-current,.com_page a:hover{
	background-color: #dcb05f;
	border-color: #dcb05f;
	color: white;
}
@media (max-width:640px){
	.com_page a,.com_page span{
		margin: 0 2px;
	}
}

.fb-block{padding:150px 100px 80px 100px; background:url('../images/feedback.jpg') no-repeat center center; background-size:cover;}
.fb-block>.l{width:40%; float:left;}
.fb-block>.r{width:40%; float:right;}
.fb-block .tit{font-size:17px; line-height:160%; color:#333; margin-bottom:30px;}
.fb-block p{margin-bottom:10px; font-size:17px; color:#dcb05f;}

.orderbox{margin:40px 0 0 0; max-width:1000px;}
.orderbox .tit{font-size:20px; color:#333; font-family:Microsoft Yahei light;}
.orderbox table td{font-size:13px; padding:6px 0;}
.orderbox input,.orderbox textarea{padding:8px; background:#fff; border:1px solid #ddd; box-sizing:border-box; transition:all .2s;}
.submit{display:inline-block; padding:0 50px; line-height:46px; height:46px; background:#dcb05f; color:#fff; border-radius:3px; transition:all .25s; font-size:13px;border: none;}
.orderbox input{width: 40%;}
.orderbox textarea{width: 100%;}
.orderbox .checkcode{
	font-size: 0;
	display: flex;
	align-items: center;
}
.orderbox .checkcode input{
	width: 150px;
}
.orderbox .checkcode img{
	display: inline-block;
	height: 35px;
	margin-left: 10px;
	vertical-align: middle;
}
.submit:hover{background:#dcb05f; color:#fff;}
.orderbox input:focus,.orderbox textarea:focus{background:#f7f7f7;}
@media (max-width:1119px){
	.fb-block{
		padding: 60px 20px;
		overflow: hidden;
	}
	.orderbox input, .orderbox textarea{
		width: 100%;
	}
}

@media (max-width:640px){
	.fb-block .tit{
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.orderbox{
		margin-top: 30px;
	}
}

#contact{background:#fff; overflow:hidden;}

/* 新加contact */
.hm_contact{
	padding: 80px 0;
}
.w14{
	margin: 0 auto;
	width: 1400px;
	max-width: 90%;
}
.hm_contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
}

.hmc4L {
  width: 35%;
  display: flex;
  align-items: center;
  padding: 40px 5% 40px 0;
  box-sizing: border-box;
}

/* .hmc4Map {
  width: 65%;
  background: #ededed;
} */

.map{
	width: 65%;
}
.map #map{
	height: 100%;
}

.hmc4_et {
  font-size: 62px;
  color: #dcb05f;
  line-height: 62px;
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
  padding-top: 80px;
}

.hmc4_ct {
  font-size: 42px;
  line-height: 50px;
  letter-spacing: 10px;
}
.hmH3{
  font-size: 27px;
    margin-bottom: 40px;
	margin-top: 0;
}
.hmc4Info {
  margin: 12px 0px 25px;
}

.hmc4Info p {
  font-size: 17px;
  line-height: 32px;
  color: #666;
  margin-bottom: 25px;
}

.hmc4Info p img, .hmc4Info p text {
  vertical-align: middle;
}

.hmc4Info p img {
  margin-right: 12px
}

.hmc4_sp {
  font-size: 14px;
  color: #FFF;
  line-height: 50px;
  background: #dcb05f;
  text-align: center;
  height: 50px;
  padding: 0px 15px;
  margin-bottom: 40px;
}

.hmc4_wxImg {
  width: 138px;
  text-align: center;
}

.hmc4_wxImg img {
  height: 118px;
  width: 118px;
  border: 10px solid #dcb05f;
}

.hmc4_wxImg p {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-top: 12px;
}

.BMap_pop, .BMap_shadow {
  display: none;
}

.webMap img {
  max-width: none
}

.BMap_Marker div img[src*="mapIcon"] {
  animation: 2s ease-in-out 0s roateAnimate5 infinite;
  -webkit-animation: 2s linear 0s roateAnimate5 infinite;
  width: 131px;
  height: auto;
}

@keyframes roateAnimate5 {
  0% {
    transform: scale(0.2);
    opacity: 0.4
  }
  90% {
    transform: scale(1);
    opacity: 1
  }
  100% {
    transform: scale(1);
    opacity: 0
  }
}

@-webkit-keyframes roateAnimate5 {
  0% {
    transform: scale(0.2);
    opacity: 0.4
  }
  90% {
    transform: scale(1);
    opacity: 1
  }
  100% {
    transform: scale(1);
    opacity: 0
  }
}
@media (max-width: 1024px){
	.hm_contact{
		padding: 40px 0;
	}
	.hm_contact {
	    flex-direction: column-reverse;
	}
	.hmc4L,#map,.map{
	    width: 100%;
	    padding-right: 0;
	}
	.hmH3 {
	    font-size: 22px;
	    margin-bottom: 30px;
	}
	.hmc4Info p {
	    font-size: 16px;
	}
	.hmc4_wxImg {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    right: 0;
	}
}
@media (max-width: 768px){
	.hmc4L {
	    padding-top: 30px;
	}
	.hmc4L .w100 {
	    padding-right: 0;
	}
	.hmH3 {
	    font-size: 20px;
	    margin-bottom: 19px;
	}
	.hmc4Info p {
	    margin-bottom: 15px;
	    font-size: 15px;
	}
	.hmc4_wxImg {
	    position: static;
	    transform: translateY(0);
	}
	.map {
	    height: 300px;
	}
}



#head-m{height:60px; line-height:60px; position:fixed; z-index:9; left:0; top:0; width:100%; box-shadow:0 5px 10px rgba(0,0,0,.1); background:#fff; box-sizing:border-box; padding-left:15px;}
#head-m a.logo>img{height:32px; width:auto;}
#foot-m{height:60px; text-align:center; font-size:13px; line-height:150%; border-top:1px solid #eee; padding:15px 0 0 0;}
#head-m .nav{width:47px; height:47px; right:5px; top:5px; background:url('../images/ico.menu.png') no-repeat center center; padding:0; background-size:22px; position:absolute;}
#head-m a.nav:active{background-color:#eee;}

#pagebg{width:0; height:0; position:fixed; z-index:9999; left:0; top:0; background:transparent; transition:background .35s;}
#pagebg.show{background:rgba(0,0,0,.5); width:100%; height:100%;}
#nav{position:fixed; z-index:10000; background:#fff; width:200px; height:100%; overflow:auto; top:0; right:-200px; transition:transform .4s; text-align:left; transition:transform .4s;}
#nav.show{transform:translateX(-200px);}
#nav>.close{display:none; width:32px; height:32px; background:#DCB05F  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACN0lEQVR4Xu3a7U3DMBAG4Pc2gA3YADaATgAbwAaMUEZgAzoCI5QNGIER2gkOHXKlymppzrmPRHH+IIFJ/D4+R/IphIVftPD86AC9AhYu0LfAwgugvwT7FuhbYOECqi3AzFcAbonoa2puzHwHYEdEP5q5aQE+ATwC+AawIqKd5mFeY5n5A8BLAbjWPEcLsAHwXB4wCYSj8DKtPRFJlQ6+tABy861sgykg1OEBPBCRLMzgSwUgdy3vgXQEZn4H8FqS7lvCy/+qAaaAwMyy32Xf/5V9a/hmgEwEy/CjADIQrMOPBohE8AhvAhCB4BXeDMATwTO8KYAHgnd4cwBLhIjwLgAWCFHh3QDGIESGdwVoQYgO7w6gQcgIHwIwBCErfBjAfwgAnqwONuVwpPrRdBpUPeFo8ImjtLSvbsqQUae61jmFApypBPl1SvjQLXC8QlUnR/6U1l7LqIBDA7Ou2hSEUIATPTx5AUprK63HGAZwroGZ3WMMAbjUvc1EcAe4FP7wIshCcAUYGj4TwQ1AGz4LwQWgNXwGgjnA2PDRCKYAVuEjEcwArMNHIZgAeIWPQBgN4B3eG2EUQFR4T4RmgOjwXghNAFnhPRDUANnhrRFUAMz8BmCd2cOrOkv1N0tbIlpp+oNaAPk26D6zh1eHq0+RRKTKpBpcPkaU73M22q+xNKuiHVsQpDqlAuRbxsGXCmDwXWc0sAPMaLFcptorwIV1RjftFTCjxXKZaq8AF9YZ3bRXwIwWy2Wqv+Wkz1Dh8VJ5AAAAAElFTkSuQmCC') no-repeat center center;
  background-size:20px 20px; position:fixed; right:0; top:0;}
#nav.show>.close{display:block;}
#nav>dl{padding:32px 0 0 0;}
#nav dt>a{color:#000; display:block; position:relative; padding-left:15px; height:50px; line-height:47px;}
#nav dd>a{font-weight:normal; color:#000; font-size:16px; display:block; position:relative; padding-left:30px; height:52px; line-height:50px;}
#nav dt>a:after,#nav dd>a:after{
  content:" ";
  position:absolute; left:0; right:0;
  width:100%; height:1px;
  border-bottom:1px solid #d9d9d9; color:#d9d9d9;
  -webkit-transform-origin:0 100%; transform-origin:0 100%;
  -webkit-transform:scaleY(0.5); transform:scaleY(0.5);
  bottom:0;
}
#nav dd>a:active{background:#eee;}

#contact-m{margin-top:10px; padding:10px 20px; line-height:170%;}
#map-nav{padding:20px; margin-bottom:20px;}
#map-nav>a{display:block; background:#dcb05f; color:#fff; text-align:center; height:45px; line-height:43px; border-radius:3px;}
#map-nav>a:active{background:#dcb05f;}

.pc-move{margin-top:10px; overflow:hidden;}
.pc-move p{display:block; width:23%; margin-right:1%; float:left; overflow:hidden;}
.pc-move p span{width:100%; padding-top:66%; position:relative; display:block; background:#ccc; overflow:hidden;}
.pc-move p span img{width:100%; height:auto; position:absolute; left:0; top:0;}
.pc-move div{width:100%; padding:0 50px; box-sizing:border-box;}
.pc-move div:after{
  content:''; display:block; clear:both; float:none; height:0; visibility:hidden;
}
.pc-move:after{
  content:''; display:block; clear:both; float:none; height:0; visibility:hidden;
}
@media (max-width:1119px){
  .pc-move p{width:48%; margin-bottom:1%;}
  .pc-move div{width:100% !important; padding:0 20px;}
}