@charset "utf-8";
/* CSS Document */
/*
┌──────────────────┐
│样式来自xuwei编写xw
└──────────────────┘
以下公共样式不得修改*/
body{margin:0px; padding:0px; font-size:12px; line-height:25px; margin-bottom:80px; font-family:"微软雅黑"; background:#fff;}
ul,li,ol,dl,dt,dd,p,form,h2,h3,h4,h5,section,nav,header,article{ display:block; list-style:none; margin:0px; padding:0px;font-family:"微软雅黑";}
img{ border:none;}
a { text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ border:none; display:inline; vertical-align:top;}
/*以下为站点样式，可适当修改*/
.banne_xw{ clear:both; overflow:hidden;}
.banne_xw ul li{ height:793px; background:url(../images/bannew_01.jpg) no-repeat center; overflow:hidden;}
.m1_xw{ width:1100px; margin:0px auto; overflow:hidden;}
.m1_xw dd ul{ height:550px; overflow:hidden;}
.m1_xw dd ol{ padding-top:10px; overflow:hidden;}
.m1_xw dd ol li{ width:270px; height:136px; float:left; margin-right:6px; overflow:hidden; cursor:pointer;}
.m1_xw dd ol li img{ opacity:0.6;}
.m1_xw dd ol .cli img{ opacity:1;}
.m1_xw dd span{ display:block; width:31px; height:31px; float:left; margin-right:10px; padding-top:40px; cursor:pointer;}
.m1_xw dd .aniuw{ text-align:center; clear:both; padding-top:30px; overflow:hidden;}
.m1_xw dd .aniuw img{-webkit-animation: hover 5s linear infinite; animation: hover 5s linear infinite; margin:0 auto;}
.m2_xw{ height:983px; background:url(../images/m2bj_02.jpg) no-repeat center; overflow:hidden; margin-top:78px;}
.m2_xw dl{ width:1100px; margin:0px auto; overflow:hidden;}
.m2_xw dt{ text-align:center; overflow:hidden;}
.m2_xw dt img{ margin:0 auto;}
.m2_xw dd{ position:relative; overflow:hidden;}
.m2_xw dd ul{ height:700px; background:#fff; overflow:hidden;}
.m2_xw dd ol{ position:absolute; z-index:10; left:450px; bottom:1px;}
.m2_xw dd ol li{ display:inline-block; width:10px; height:10px; background:#fff; border:solid 1px #c5b99f; border-radius:100px; margin-right:5px;}
.m2_xw dd ol .cli{ background:#c2b69a;}
.m2_xw .aniuwx{ text-align:center; padding-top:30px; overflow:hidden;}
.m2_xw .aniuwx img{-webkit-animation: hover 5s linear infinite; animation: hover 5s linear infinite; margin:0 auto;}
.m3_xw{ width:1100px; margin:0px auto; overflow:hidden;}
.m3_xw dt{ text-align:center; overflow:hidden;}
.m3_xw dt img{ margin:0 auto;}
.m3_xw dd ul img{ margin-bottom:20px;}
.m3_xw dd ol{ padding-top:10px; text-align:center; overflow:hidden;}
.m3_xw dd ol img{-webkit-animation: hover 5s linear infinite; animation: hover 5s linear infinite; margin:0 auto;}
.m4_xw{ height:905px; background:url(../images/m4bj_02.jpg) no-repeat center; overflow:hidden; margin-top:80px;}
.m4_xw dl{ width:1100px; margin:0px auto; overflow:hidden;}
.m4_xw dt{ text-align:center; overflow:hidden;}
.m4_xw dt img{ margin:0 auto;}
.m4_xw dd{ height:620px; background:#fff; position:relative; overflow:hidden;}
.m4_xw ol{ position:absolute; z-index:10; left:80px; bottom:128px;}
.m4_xw ol li{ width:120px; height:120px; float:left; margin-right:22px; cursor:pointer;}
.m4_xw ol li img{ opacity:0.6;}
.m4_xw ol .cli img{ opacity:1;}
.m4_xw .anww{ text-align:center; padding-top:27px; overflow:hidden;}
.m4_xw .anww a{ display:block;}
.m4_xw .anww img{-webkit-animation: hover 5s linear infinite; animation: hover 5s linear infinite; margin:0 auto;}
.m5_xw{ width:1140px; margin:0px auto; overflow:hidden; text-align:center;}
.m5_xw ol img{ margin:14px auto 0; overflow:hidden; -webkit-animation: hover 5s linear infinite; animation: hover 5s linear infinite;}
.m6_xw{ text-align:center; overflow:hidden; margin-bottom:20px;}
.m6_xw dd ul{ height:649px; background:url(../images/m6tp_06.jpg) no-repeat center; overflow:hidden;}
.m6_xw dd ol{ text-align:center; padding-top:30px; overflow:hidden;}
.m6_xw dd ol img{ -webkit-animation: hover 5s linear infinite; animation: hover 5s linear infinite; margin:0 auto;}
.m6_xw dt img{ margin:0 auto;}

#section03 .sec03{width:1300px; margin:0px auto;}
#section03 .sec03 h3{text-align: center; margin-top:10px;}

.yyjj #sections em {
  font-style: normal;
}
.yyjj #sections h1,
.yyjj #sections h2,
.yyjj #sections h3 {
  font-size: 1em;
  font-weight: normal;
}
.yyjj #sections p {
  line-height: 1.6;
}
.yyjj #sections img {
  display: block;
}
.yyjj #sections ul {
  list-style: none;
}
.yyjj #sections a {
  text-decoration: none;
  color: inherit;
}
.yyjj #sections .clearfix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  content: '';
}
.yyjj #sections .clearfix {
  zoom: 1;
  display: block;
}
.yyjj #sections .center_block {
  width: 1200px;
  margin: 0 auto;
}
.yyjj #sections .reset_mleft {
  margin-left: 0 !important;
}
.yyjj #sections .sec_title {
  text-align: center;
  padding-bottom: 45px;
}
.sec_title img{ margin:0 auto;}
.yyjj #sections .com_padding {
  padding: 80px 0;
}
.yyjj #sections h2 {
  font-size: 32px;
}
.yyjj #sections h3 {
  font-size: 22px;
}
.yyjj #sections p {
  font-size: 16px;
  font-weight: lighter;
  line-height: 2;
}
.yyjj #sections .zx_btn {
  display: block;
  text-align: center;
}
.yyjj #sections .zx_btn a {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-color: #aa9e82;
  width: 150px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.yyjj #yyjj_ban {
  width: 100%;
  min-width: 1200px;
  position: relative;
}
.yyjj #yyjj_ban img {
  width: 100%;
}
.yyjj #section01 .sec01 {
  text-align: center;
}
.yyjj #section01 .sec01 .sec01_video {
  width: 100%;
  height: 588px;
}
.yyjj #section01 .sec01_video video {
  width: 100%;
  height: 100%;
}
.yyjj #section01 .sec01 h3 {
  margin-top: 20px;
}
.yyjj #section02 {
  background-color: #f5f5f5;
  padding-top: 80px;
}
.yyjj #section02 .sec_title h3 {
  font-weight: lighter;
  margin-top: 10px;
}
.yyjj #section02 .sec02 {
  text-align: center;
  width: 1120px;
}
.yyjj #section02 .sec02 img {
  margin-top: 60px;
}
.yyjj #section03 .sec03 {
  width: 1200px;
}
.yyjj #section03 .sec03 h3 {
  text-align: center;
  margin-top: 10px;
}
.yyjj #carrousel {
  position: relative;
  margin: 0 auto;
}
.yyjj #carrousel .carrousel_con ul {
  position: relative;
  z-index: 1;
  height: 410px;
  margin: 0 auto;
  overflow: hidden;
}
.yyjj #carrousel .carrousel_con li {
  position: absolute;
  left:0;
  top:0;
  width:850px;
  height:410px;
}
.yyjj #carrousel .carrousel_con li img {
  vertical-align:top;
  width:800px;
  height:410px;
}
.yyjj #carrousel_prev,
.yyjj #carrousel_next {
  position: absolute;
  z-index: 9;
  width: 27px;
  height:53px;
  top: 50%;
  margin-top: -50px;
}
.yyjj #carrousel_prev {
  background: url(../images/left1.png);
  left: -62px;
}
.yyjj #carrousel_next {
  background: url(../images/right1.png);
  right: -32px;
}
.sec_title{ text-align:center;}
.qhwei2{position:relative;overflow:hidden;}
.lfw{position:absolute;top: 300px;}
.rfw{position:absolute;top: 300px;left:94.5%;}



@keyframes fadeIn-t {
0% {transform: scale(0.8);opacity: 0.9;}
50% {transform: scale(1);opacity: 1; }
100% {transform: scale(.8);opacity: 0.9;}
}
@-webkit-keyframes fadeIn-t {
0% {-webkit-transform: scale(0.8);opacity: 0.9;}
50% {-webkit-transform: scale(1);opacity: 1; }
100% {-webkit-transform: scale(.8);opacity: 0.9;}
}
@-moz-keyframes fadeIn-t {
0% {-moz-transform: scale(0.8);opacity: 0.9;}
50% {-moz-transform: scale(1);opacity: 1; }
100% {-moz-transform: scale(.8);opacity: 0.9;}
}
@-ms-keyframes fadeIn-t {
0% {-ms-transform: scale(0.8);opacity: 0.9;}
50% {-ms-transform: scale(1);opacity: 1; }
100% {-ms-transform: scale(.8);opacity: 0.9;}
}
@-o-keyframes fadeIn-t {
0% {-o-transform: scale(0.8);opacity: 0.9;}
50% {-o-transform: scale(1);opacity: 1; }
100% {-o-transform: scale(.8);opacity: 0.9;}
}
@-webkit-keyframes hover {
0%,100% {
-webkit-transform: translateY(0);
}
20%,70% {
-webkit-transform: translateY(-5px);
}
40%,60% {
-webkit-transform: translateY(0);
}
}
@keyframes hover {
0%,100% {
transform: translateY(0);
}
20%,70% {
transform: translateY(-5px);
}
40%,80% {
transform: translateY(0);
}
}