@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align:middle;}
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 21px '微软雅黑'; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #fff; text-decoration: none; }
.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden; }
.fix{*zoom:1;}

body {
    color: #fff;
}
.wrap{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
}
.wrap .minkuan{ width:1200px; margin:0 auto;}
.wrap .re{ position: relative;}
.wrap .te{ text-align: center;}
.wrap .fl{ float: left;}
.wrap .fr{ float: right;}
.wrap .ov{ overflow: hidden;}
.wrap .pat35{ padding-top: 35px;}

.neikuij-kv{ width:100%; height:851px; background: url(../images/kv.jpg) no-repeat top center;}
.neikuij-kv .minkuan{ height:851px;}
.neikuij-kv .minkuan .kv-1{ position: absolute; left: 0; top: 52%; width:100%; text-align: center;}
.neikuij-kv .minkuan .kv-1 ul li{ display:inline-block; margin:0 20px;}
.neikuij-kv .minkuan a{ position: absolute; left: 50%; bottom: 9%; margin-left: -105px;}

.neikuij-navs{ background:#333333;text-align: center;}
.neikuij-navs a{ display:inline-block; width:160px;  font-size: 24px; line-height: 69px;}
.neikuij-navs a.onn{ width:207px; height:69px; background:url(../images/nav-bg.png) no-repeat; color:#333;}
.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width:100%;
}

.neikuij-part1{ width:100%; height:851px;background: url(../images/bg1.jpg) no-repeat top center;}
.neikuij-part1 h3{ font-size: 36px; color:#333333;}
.neikuij-part1 .p1-1 img{ margin:50px 20px 35px;}
.neikuij-part1 .p1-2 p{ padding:0 34px; font-size: 18px; line-height: 30px; color:#333;}

.neikuij-part2{ width:100%; height:2050px;background: url(../images/bg2.jpg) no-repeat top center; font-size: 18px;}
.neikuij-part2 .p2-ti{margin: 50px 0 10px;}
/* 本例子css */
    .slideBoxzj{ width:100%; height:685px; position:relative; margin-top: 35px; }
    .slideBoxzj .bd{ position:relative; height:100%; z-index:0;   }
    .slideBoxzj .bd li{ zoom:1; vertical-align:middle; position: relative; }
    .slideBoxzj .bd li .p2-1{ width:628px; background:#66593f; height:685px; padding:90px 0 0 60px; box-sizing: border-box; font-size: 20px;}
    .slideBoxzj .bd li .p2-1 h2{ font-size: 60px;}
    .slideBoxzj .bd li .p2-1 h3{ font-size: 24px;}
    .slideBoxzj .p2-1-pp1{ line-height: 40px; border-top: 1px solid #9e9a93; border-bottom: 1px solid #9e9a93; padding:10px 0;margin:20px 0; width:92%;}
    .slideBoxzj .bd li span{ font-size: 24px; display:inline-block; padding:5px 30px; background:#917743;}
    .slideBoxzj .bd li .pp2{ font-size: 18px; line-height: 30px; margin:20px 0 30px; width:85%;}

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBoxzj .prev,
    .slideBoxzj .next{ position:absolute; left:-45px; top:40%; display:block; width:32px; height:67px; background:url(../images/left.png) no-repeat;  }
    .slideBoxzj .next{ left:auto; right:-45px; background:url(../images/right.png) no-repeat; }

    /* 本例子css */
    .slideBoxfx{ width:100%; height:350px;  position:relative; padding-top: 70px;margin:30px 0 45px;  }
    .slideBoxfx .hd{ height:70px;  position:absolute; left:0; top:0; z-index:1; width:100%; }
    .slideBoxfx .hd ul{  zoom:1; float:left;width:100%;   }
    .slideBoxfx .hd ul li{ float:left; width:25%; line-height: 70px; text-align:center; background:#333333; cursor:pointer;font-size: 24px;position: relative; }
    .slideBoxfx .hd ul li:not(:last-of-type):before{ position: absolute; content: ''; width:1px; height:32px; background:#666666; right:0; top: 20px;}
    .slideBoxfx .hd ul li.on{ background:#66593f;}
    .slideBoxfx .bd{ position:relative; height:100%; z-index:0;   }
    .slideBoxfx .bd li{ zoom:1; vertical-align:middle; position: relative;background:#1c1c1d; width:100%; height:350px;padding:40px 0 0 65px; box-sizing: border-box; }
    .slideBoxfx .bd li .p2-2{ width:45%; font-size: 18px; line-height: 36px; margin:50px 0 0 70px;}
.neikuij-part2  .p2-ti2{ font-size: 30px; margin: 45px 0 20px;}
.neikuij-part2  .p2-3 ul li{ float: left;  text-align: center; font-size: 24px; line-height: 50px; margin:0 5px;}

.neikuij-part3{ width:100%; height:1558px;background: url(../images/bg3.jpg) no-repeat top center;}
.neikuij-part3 .p3-1 ul li{ float: left; position: relative; margin:65px 0;}
.neikuij-part3 .p3-1 ul li p{ position: absolute; padding: 10px ;font-size: 28px; font-weight: bold; right:-20px; bottom: 25px; background:#cc9933;}
.neikuij-part3 h2{ font-size: 36px; line-height: 48px; color:#333; font-weight: bold; margin-bottom: 30px;}
.neikuij-part3 .p3-2 ul li{ float: left; position: relative; margin-right: 1px; margin-bottom: 1px;}
.neikuij-part3 .p3-2 ul li p{ position: absolute; width:100%; left: 0; bottom: 0; background:rgba(0,0,0,0.73); font-size: 18px;text-align: center; padding:10px 0;}

.neikuij-part4{ background:#1c1b1b;}

/* 本例子css */
    .slideBoxanli{ width:100%; height:728px;  position:relative;}
    .slideBoxanli .bd{ position:relative; height:100%; z-index:0;   }
    .slideBoxanli .bd li{ zoom:1; vertical-align:middle; position: relative; }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBoxanli .prev,
    .slideBoxanli .next{ position:absolute; left:-55px; top:40%; display:block; width:93px; height:98px; background:url(../images/left2.png) no-repeat;  }
    .slideBoxanli .next{ left:auto; right:-55px; background:url(../images/right2.png) no-repeat; }
.neikuij-part5{ background:#2c2b28; padding:50px 0 30px;}
.neikuij-part5 ul li{ display:inline-block; margin:0 15px; font-size: 30px; line-height:50px;}
.neikuij-part6{ width:100%; height:1226px;background: url(../images/bg4.jpg) no-repeat top center;}
.weixin{ font-size: 24px; padding:20px 80px; background:#8b754c; display:inline-block; line-height: 30px; border-radius: 100px; margin:30px 0;animation: bounce 3s .2s ease both infinite;
    -webkit-animation: bounce 3s .2s ease both infinite;
    -moz-animation: bounce 3s .2s ease both infinite; }
/* 本例子css */
    .slideBoxcj{ width:100%; height:607px;  position:relative; padding-top: 150px; margin-top: 70px; }
    .slideBoxcj .hd{  position:absolute; left:0; top:0; z-index:1; width:100%; border-bottom: 2px solid #2f2e2e; }
    .slideBoxcj .hd ul{ zoom:1; float:left;width:100%;  }
    .slideBoxcj .hd ul li{ float:left; width:20%; line-height: 80px;  text-align:center;  cursor:pointer; color:#2f2e2e;font-size: 48px; position: relative; }
    .slideBoxcj .hd ul li:before{ position: absolute; content: ''; width:20px; height:20px; border-radius: 50%; background:#2f2e2e;left:50%; margin-left: -10px; bottom: -10px; }
    .slideBoxcj .hd ul li.on{  color:#9a6c03; }
    .slideBoxcj .hd ul li.on:before{ background:#b38929;}
    .slideBoxcj .bd{ position:relative; height:100%; z-index:0;   }
    .slideBoxcj .bd li{ zoom:1; vertical-align:middle; position: relative;width:1100px; margin:0 auto; }
    .slideBoxcj .bd li .p6-txt{ position: absolute; width:100%; left:0; bottom: 0; background:rgba(0,0,0,0.7); padding:15px 0 15px 35px; box-sizing: border-box;}
    .slideBoxcj .bd li .p6-txt h2{ font-size: 30px;}
    .slideBoxcj .bd li .p6-txt p{ font-size: 18px;}
    .slideBoxcj .bd img{ display:block;  }


/*视频*/
 .videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  .videoBox.show{display: block;}
  .videoBox .videoPlay{width:600px;height: 320px;position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
  .videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 52px;height: 52px;}


@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}



