@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:670px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:670px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:670px;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:30px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#222;opacity:1; border-radius:21px; margin:0 12px; }
.banner .bantil li.on{background:#b80003;}

.dany{ height:750px; padding-top:125px; background:#f8f6f0 url(../images/dany_bg.jpg) no-repeat center 125px; overflow:hidden;}
.dany .content{ height:670px; position:relative;}
.dany dl{ width:400px; float:left; padding:0 0 0 75px;}
.dany dt{ font:36px "Microsoft YaHei UI"; color:#333;}
.dany dt em{ display:block; color:#a2221c;}
.dany dd{ width:310px;}
.dany dd p{ font:26px "Microsoft YaHei UI"; font-weight:bold; color:#333333; padding-left:32px; background:url(../images/dany_dot.png) no-repeat left 8px; margin:28px 0 50px;}
.dany dd p em{ display:block; font:16px "Microsoft YaHei UI"; line-height:24px; color:#333; margin-top:5px;}
.dany dd p:hover{ color:#a2221c;}
.dany h5{ font:26px "Microsoft YaHei UI"; color:#fff;}
.dany .h01{ position:absolute; top:54px; left:628px;}
.dany .h02{ position:absolute; top:182px; left:533px;}
.dany .h03{ position:absolute; top:362px; left:513px;}
.dany .h04{ position:absolute; top:507px; left:598px;}

.ser{ height:658px; overflow:hidden; background:url(../images/ser_bg.jpg) no-repeat center top; padding-top:60px;}
.ser h2{ text-align:center; height:150px;}
.ser dl{ width:352px; height:363px; background:#fff; margin:62px 72px 0 0; float:left; border-radius:5px;}
.ser dd{ height:210px; overflow:hidden; position:relative;}
.ser dt em{ display:block; width:114px; height:114px; background:url(../images/ser_bg2.png) no-repeat; margin:-57px auto 0;}
.ser dt span{ display:block; margin:36px 20px 0 20px; font:24px "宋体"; font-weight:bold; color:#333; line-height:30px;}
.ser dd p{ margin:16px 20px 0 20px; font:16px "Microsoft YaHei UI"; line-height:30px; color:#666;}
.ser dd i{ font-size:160px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#efefef; display:block; position:absolute; bottom:-90px; right:0;}
.ser dl:last-child{ margin-right:0;}
.ser dl:hover dt em{ background:url(../images/ser_bg.png) no-repeat;}



.pro{ height:1080px; background:#f8f6f0; padding-top:80px; overflow:hidden;}
.pro h2{ text-align:center; height:140px;}
.fen{ width:270px; height:822px; padding-top:13px; background:url(../images/fen_bg.jpg); border:9px solid #d1aa73; overflow:hidden;}
.fen h3{ width:251px; height:54px; margin:0 auto 10px; font:18px "Microsoft YaHei UI"; font-weight:bold; line-height:54px;}
.fen h3 a{ display:block; color:#fff; padding-left:60px;background:url(../images/fen_bg1.jpg) no-repeat;}
.fen h3 i{ font-family:"宋体"; padding-left:25px;}
.fen h3 a:hover{background:url(../images/fen_bg2.jpg) no-repeat;}
.fen h3:last-child i{ padding-left:20px;}
.fen ul{ width:251px; margin:0 auto;}
.fen li{ font:16px "Microsoft YaHei UI"; height:47px; line-height:47px; border-bottom:1px dashed #d1aa73;}
.fen li a{ display:block; color:#333; padding-left:57px;}
.fen li a:hover{ font-weight:bold; color:#a2221c;}
.pro1{ height:853px; width:890px; overflow:hidden; background:url(../images/ser_bg.jpg);}
.pro1 ul{ padding-top:23px;}
.pro1 li{ width:264px; float:left; margin:0 0 17px 23px;}
.pro1 li img{ display:block; width:264px; height:340px; background:#fff;}
.pro1 li h4{ height:48px; padding-top:6px; font:14px "Microsoft YaHei UI"; border-bottom:1px solid #e2d3bf; padding-bottom:4px;}
.pro1 li h4 em{ display:block; font:18px "Microsoft YaHei UI"; color:#333; padding-top:3px;}
.pro1 li a:hover img{ border:2px solid #bc9961; width:260px; height:336px;}
.pro1 li a:hover h4 em{ color:#bc9961;}




.yis{ height:851px; overflow:hidden; background:url(../images/ser_bg.jpg); padding-top:80px;}
.yis h2{ height:142px; text-align:center;overflow:hidden;}
.yis1{ width:900px; height:626px; position:relative; float:left;}
.con{ float: left; width: 430px;margin-right: 30px; }
.con:nth-child(2n){margin-right: 0;}
.con01{ width:430px; height:200px; background:#fff; margin-bottom:12px;}
.con01 dt{ width:150px; height:200px; position:relative; float:left;}
.con01 dt img{ display:block;width:150px; height:200px;}
.con01 dt em{ display:block; width:55px; height:25px; background:#820405; position:absolute; top:-3px; font:14px "Microsoft YaHei"; text-align:center; line-height:25px; color:#fff;}
.con01 dd{ width:240px; float:left; padding:20px 0 0 20px;}
.con01 dd h3 a{ display:block; height:44px; border-bottom:1px solid #ccc; font:22px "Microsoft YaHei"; color:#333;}
.con01 dd .yispp{ font:14px "Microsoft YaHei"; line-height:22px; height:88px; overflow:hidden; margin-top:12px;}
.con01 dd em{ display:block; font:14px "Microsoft YaHei"; color:#666; margin-top:28px;}
.con01 dd em i{ font-weight:bold; color:#a60001; font-size:14px;}
.con01 dl:nth-child(2n-1){ float:left;}
.con01 dl:nth-child(2n){ float:right;}
.yis2{ background:#fff;display: none;}
.yis dl.dl01{width:900px; height:626px; overflow:hidden;z-index: 100;position: relative;background: #fff; position:absolute; top:0;left: 0; width:900px; height:626px;display: none;}
.yis dl.dl01 dt{ width:452px; height:626px; float:left; overflow:hidden;}
.yis dl.dl01 dt img{ display:block;width:452px; height:626px;}
.yis dl.dl01 dd{ width:365px; float:left; padding:60px 0 0 50px; overflow:hidden;}
.yis dl.dl01 dd h3 a{ display:block; height:65px; border-bottom:1px solid #ccc; font:26px "Microsoft YaHei"; color:#333;}
.yis dl.dl01 dd .yispp2{ font:14px "Microsoft YaHei"; line-height:26px; margin:23px 0; height:260px; overflow:hidden;}
.yis dl.dl01 dd span{ display:block;}
.yis dl.dl01 dd span img{ display:block; width:100px; height:100px; border:1px solid #eee; box-sizing:border-box; float:left; margin-right:10px;}

.hotpro{  float:right; width:232px; padding:0 25px; overflow:hidden; height:625px; background:#fff;}
.hotpro h3{ font:22px "Microsoft YaHei"; color:#333; height:40px; line-height:40px; margin:20px 0;}
.hotpro h3 em{ font:14px Arial; float:right; line-height:40px;}
.hotpro1{ height:500px;}
.hotpro li{ height:44px; margin-bottom:18px; position:relative;}
.hotpro li em{ display:block; float:left; width:44px; height:44px; border-radius:44px; overflow:hidden; margin-left:10px;}
.hotpro li em img{display:block; width:44px; height:44px;border-radius:44px;}
.hotpro li span{ display:block; width:170px; float:right; font:14px "Microsoft YaHei"; color:#333;}
.hotpro li span i{ display:block; font:12px "Microsoft YaHei"; height:20px; line-height:20px; overflow:hidden; color:#666; padding-top:5px;}
.hotpro li:nth-child(2):before{ content:"1"; position:absolute; bottom:0; left:0; width:16px; height:16px; border-radius:16px; background:#820405; font-family: Arial; color:#fff; text-align:center; line-height:16px;}
.hotpro li:nth-child(3):before{ content:"2"; position:absolute; bottom:0; left:0; width:16px; height:16px; border-radius:16px; background:#3a3a3a; font-family: Arial; color:#fff; text-align:center; line-height:16px;}
.hotpro li:nth-child(4):before{ content:"3"; position:absolute; bottom:0; left:0; width:16px; height:16px; border-radius:16px; background:#676767; font-family: Arial; color:#fff; text-align:center; line-height:16px;}

.case{ background:#f8f6f0; height:890px;padding-top:80px; overflow:hidden;}
.case h2{ text-align:center; height:154px;  overflow:hidden;}
.case1{ height:640px; background:#fff; overflow:hidden; padding:20px 0 0 25px;}
.case li{ padding:12px; border:1px solid #e7e7e7; float:left; margin:0 49px 46px 0;}
.case li img{ display:block; width:345px; height:195px;}
.case li em{ display:block; height:66px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:66px; overflow:hidden; color:#333;}
.case li:nth-child(3),.case li:nth-child(5){ margin-right:0;}
.case li:nth-child(1) img{ width:266px; height:528px;}
.case li:hover{ border:1px solid #986e39;}
.case li:hover em{ font-weight:bold; font-weight:bold;}

.ys{ height:1723px; overflow:hidden; background:url(../images/ys_bg1.jpg) no-repeat center top;}
.ys1{height:1723px; overflow:hidden; background:url(../images/ys_bg2.jpg) no-repeat center bottom;}
.ys .content{ height:1723px; overflow:hidden; position:relative;}
.ys h2{ height:145px; text-align:center; padding-top:70px;}
.ys dl{ width:446px;}
.ys dd{ font:34px "宋体"; font-weight:bold; color:#a2221c;}
.ys dd p{ font:16px "Microsoft YaHei UI"; line-height:27px; color:#333; margin:9px 0 18px;}
.ys dd p b{ font-weight:normal; color:#a2221c;}
.ys dt{ height:150px; padding-top:10px;}
.ys dt em{ display:inline-block; margin-right:20px;}
.ys dt em img{ display:block;}
.ys .dl1{ position:absolute; top:264px; left:166px;}
.ys .dl2{ position:absolute; top:755px; right:0;}
.ys .dl3{ position:absolute; top:1297px; left:120px; width:420px;}

.par{ height:590px; padding-top:70px; background:#f8f6f0; overflow:hidden;}
.par .content{ position:relative;}
.par ul{ padding-left:32px;}
.par li{ width:283px; height:166px; float:left; border-right:1px solid #ede2d1; border-bottom:1px solid #ede2d1;}
.par li img{ display:block;width:283px; height:166px;}
.par li:nth-child(4n){ border-right:0;}
.par li:nth-child(9),.par li:nth-child(10),.par li:nth-child(11),.par li:nth-child(12){ border-bottom:0;}
.par p{ width:655px;height:180px; padding-top:40px; background:rgba(152,110,57,0.85); position:absolute; top:137px; left:275px; font:60px "宋体"; font-weight:bold; color:#fff; text-align:center;}
.par p a{ color:#fff;}
.par p em{ display:block; font:24px "Microsoft YaHei UI"; margin-top:10px;}

.online{ height:300px; overflow:hidden; background:url(../images/online_bg.jpg) no-repeat center top;}
.online h2{ width:110px; float:left; margin:100px 0 0 10px;}
.online h2 img{ display:block; width:100px; height:100px; border:1px solid #d2b993; padding:8px;}
.online h2 em{ display:block; text-align:center; font:16px "Microsoft YaHei UI"; line-height:44px; color:#333; overflow:hidden;}
.online h3{ width:415px; float:left; padding:105px 0 0 40px; font:32px "Microsoft YaHei UI"; color:#986e39;}
.online h3 b{ display:block; font:48px "Microsoft YaHei UI"; font-weight:bold; color:#986e39;}
.online ul{ width:580px; margin-top:108px; float:right;}
.online li{ width:285px; height:28px; border:1px solid #9f9991; float:left; margin:0 5px 22px 0;}
.online li.li2{ margin-right:0;}
.online li img{ vertical-align:middle; padding:0 8px;}
.online li em{ font:14px "Microsoft YaHei UI"; display:block; float:left; line-height:28px; color:#333; padding-right:8px; position:relative;}
.online li em:before{ content:""; position:absolute; top:5px; right:0; width:1px; height:19px; background:#986e39;}
.online li span{ display:block; color:#f00;padding-top:8px;}
.online li input{ width:185px; float:left; margin-left:4px; font:14px "Microsoft YaHei UI"; color:#666; height:28px; border:0; line-height:28px; background:none; outline:none;}
.online .btt{ margin:13px 0 0 142px; border:0; height:50px; width:400px;}
.online .ly textarea{width:185px; float:left; margin-left:4px; font:14px "Microsoft YaHei UI"; color:#666; height:28px; border:0; line-height:28px; background:none; outline:none;resize:none;}
.online .btt .ip03{ display:block; width:131px; height:38px; margin:0; background:url(../images/online_btn1.jpg) no-repeat center top; font:20px "宋体"; font-weight:bold; text-align:center; color:#fff; outline:none; cursor:pointer; float:left; line-height:38px;}
.online .btt .ip04{width:131px; height:38px; margin:0; background:#fff; font:20px "宋体"; font-weight:bold; text-align:center; color:#333; outline:none; cursor:pointer; float:left; margin-left:33px;}

/*新闻资讯*/
/*新闻资讯*/
.news{ height:760px; padding-top:55px;overflow:hidden; background:url(../images/ser_bg.jpg);}
.news h2{ text-align:center;}
.dy{ width:581px; float:left; margin-top:30px; overflow:hidden; position:relative;}
.dy h3 a{ display:block; width:154px; height:75px; background:url(../images/new_h2.gif); font:24px "Microsoft Yahei"; text-align:center; font-weight:bold; line-height:75px; color:#fff; overflow:hidden; position:absolute; top:0; z-index:9;}
.dy dl{ height:445px; overflow:hidden; border-bottom:1px dashed #c2c2c2;}
.dy dt{ width:581px; height:328px; overflow:hidden;}
.dy dt img{ display:block; width:581px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dd h4 a{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; color:#333; margin-top:20px;}
.dy dd h4 em{ float:right; font-weight:normal;}
.dy dd p{ font:14px "Microsoft Yahei"; line-height:20px; color:#666; margin-top:8px;}
.dy dd p a{ color:#9f6a23;}
.dy li,.new2 li{ font:16px "Microsoft Yahei"; height:45px; border-bottom:1px dashed #aaa6a0; line-height:45px; overflow:hidden;}
.dy li a,.new2 li a{ display:block; color:#363333; background:url(../images/ys_arr.png) no-repeat left center; padding-left:15px;}
.dy li em,.new2 li em{ float:right; color:#999;}
.dy dl:hover dt img,.new2 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dl:hover dd h4 a,.dy li a:hover,.new2 li a:hover,.new2 dl:hover dd h4 a,.faq dt a:hover{ color:#9f6a23; font-weight:bold;}

.new1{ width:530px; margin-top:30px; overflow:hidden;}
.new2{ height:340px; overflow:hidden;}
.tit2{ height:35px; background:#eee3c7 url(../images/new_line.gif) no-repeat left center; padding:0 12px 0 22px; font:20px "Microsoft Yahei"; line-height:35px; font-weight:bold; color:#916936; overflow:hidden;}
.tit2 a{ display:block; color:#916936;}
.tit2 em{ float:right; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#916936; line-height:35px;}
.new2 dl{ height:148px;border-bottom:1px dashed #c2c2c2; margin-top:20px; overflow:hidden;}
.new2 dt{ width:240px; height:135px; float:left; overflow:hidden;}
.new2 dt img{ display:block;width:240px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new2 dd{ width:240px; float:left; padding-left:20px;}
.new2 dd h4{ font:15px "Microsoft Yahei"; font-weight:bold; margin:0 0 7px;}
.new2 dd h4 a{ display:block; color:#333;}
.new2 dd h4 em{ display:block; font:36px Arial, Helvetica, sans-serif; color:#c39f72; margin-bottom:8px;}
.new2 dd p{font:14px "Microsoft Yahei"; line-height:20px; color:#666;}
.new2 dd p a{ color:#986e39;}
.faq .tit2{ margin-bottom:18px;}
.faq dl{border-bottom:1px dashed #c2c2c2; padding:13px 0;}
.faq dt a{display:block; font:16px "Microsoft Yahei"; font-weight:bold; line-height:20px; height:20px; background:url(../images/ys_arr.png) no-repeat left center; padding-left:15px; color:#333;}
.faq dd{ font:14px "Microsoft Yahei"; color:#666; padding-top:6px; padding-left:15px;}

.about{ height:780px; padding-top:80px; background:#f8f6f0; overflow:hidden;}
.about h2{ height:126px; text-align:center; overflow:hidden;}
.about1{ height:575px; width:600px; background:#fff; overflow:hidden;}
.about1 dt{height:298px; width:600px; overflow:hidden;}
.about1 dt img{ display:block; width:600px; height:298px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about1 dd{ padding:30px 50px 0 50px;}
.about1 dd h3 a{ display:block; font:24px "Microsoft YaHei"; text-align:center; color:#986e39;}
.about1 dd p{ font:16px "Microsoft YaHei"; line-height:26px; height:104px; margin:10px 0; text-align:center;}
.about1 dd em{ display:block; width:170px; height:46px; border:1px solid #986e39; font:16px "Microsoft YaHei"; color:#986e39; background:url(../images/about_arr.png) no-repeat 124px center; margin:20px auto 0;}
.about1 dd em a{display:block;color:#986e39; padding-left:36px; line-height:46px;}

.honor{ width:554px; height:575px; overflow:hidden; background:#fff;}
.honot{ height:45px; background:#986e39;}
.honot li{ width:50%; float:left; text-align:center; font:16px "Microsoft YaHei"; line-height:45px;}
.honot li a{ display:block; color:#fff;}
.honot li a:hover,.honot .cur a{ background:#b6b6b6; color:#333; position:relative;}
.honot li a:hover:before,.honot .cur a:before{ content:""; position:absolute; top:45px; left:50%; margin-left:-7px; width:0; height:0; border-top:6px solid #b6b6b6; border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);}
.honor2 li{ width:277px; height:265px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; float:left; box-sizing:border-box;}
.honor2 li img{ display:block; width:207px; height:141px; margin:38px 0 0 37px;}
.honor2 li em{ display:block; font:14px "Microsoft YaHei"; color:#666; padding:20px 0 0 37px;}
.honor2 li:nth-child(2n){ border-right:0;}
.honor2 li:nth-child(3),.honor2 li:nth-child(4){ border-bottom:0;}
.honor2 li a:hover em{ font-weight:bold; color:#986e39;}
.honor2 li a:hover img{ display:block; border:2px solid #986e39; width:203px; height:137px;}

.link{ height:70px; overflow:hidden; background:#f8f6f0; font:16px "Microsoft YaHei"; line-height:70px; color:#333;}
.link a{ font:16px "Microsoft YaHei"; color:#100f0f; padding:0 20px;}


@-webkit-keyframes spin{ 
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}