@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 .pat{ padding-top: 50px;}

.wrap .tongyan-kv{ width:100%; height:815px;background: url(../images/kv.jpg) no-repeat top center;}
.wrap .tongyan-kv .minkuan{ height:100%;}
.wrap .tongyan-aa{ display:inline-block; padding:8px 50px; background:#831c3c; box-shadow: 0px 3px 8px #3e0b19; border-radius: 100px; font-size: 24px;animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite; margin:0 90px;}
.wrap .tongyan-aa img{ margin-left: 10px;}
.wrap .kv-aa{ position: absolute; left: 100px; bottom:60px;}
.partqy{ width:100%; height:157px;font-size: 24px;color:#2a1326; line-height: 36px; background: url(../images/p-qybg.jpg) no-repeat top center; }
.partqy .minkuan p{padding:45px 46px 0;}
.part1{width:100%; height:1295px; background: url(../images/p1-bg.jpg) no-repeat top center;}
.wrap .tongyan-ti b{ font-size: 50px;}
.wrap .tongyan-ti { font-size: 36px; line-height: 50px;}
.wrap .pp1{ font-size: 22px; line-height: 36px; margin-top: 35px; padding:0 16px;}
.wrap .pp1 span{ color:#ffad00;}
.part1 .p1-ltxt{ color:#2b0b15; font-size: 22px; margin:40px 0;}
.part1 .p1-ltxt b{float: left; width:168px; height:75px;margin-right: 6px; background:#d2d2d2; text-align: center; line-height: 75px; }
.part1 .p1-ltxt p{ float: left; width:420px;padding:6px 10px 0 25px; box-sizing: border-box; height:75px; background:#d2d2d2; position: relative;}
.part1 .p1-ltxt p:before{ position: absolute; content:''; left: 0; top: 50%; margin-top: -14px; width:11px; height:28px; background:url(../images/p1-xq.png) no-repeat; }
.part1 .p1-rtxt b{ background:#ffad00; line-height: 30px; padding:8px 0; box-sizing: border-box;}
.part1 .p1-rtxt p{ background:#ffad00; width:410px;}
.part1 .p1-rtxt p:before{ background:url(../images/p1-xh.png) no-repeat;}
.part1 .p1-1{ width:100%; border:3px solid #ffad00; background:#fff; margin-bottom: 50px;}
.part1 .p1-1 ul li{ float: left;font-size: 22px; line-height: 30px; padding:20px 22px; width:33.333%; box-sizing: border-box; color:#000;}
.part1 .p1-1 ul li h2{ font-size: 24px; line-height: 55px; background:#f3f1f2; text-align: center; margin-bottom: 5px;}
.part1 .p1-1 ul li p:nth-of-type(2){margin-top: 50px; background:#ffad00;color:#fff; padding:30px 12px 20px;position: relative; }
.part1 .p1-1 ul li p span{ position: absolute; width:85px; height:65px; border-radius: 30px; background:#ffad00; top: -30px; left: 50%; margin-left: -43px; font-size: 30px; font-weight: bold; text-align:  center; line-height: 55px;}
.part1 .p1-1 .sj{ position: absolute; top: -30px; right: 260px;}

.part2{width:100%; height:1170px; background: url(../images/p2-bg.jpg) no-repeat top center;}
.part2 .pp1{ width:635px; line-height: 45px; border: 1px solid #ffad00; font-size: 24px; color:#ffad00; margin:30px auto 45px;}
.part2 .ul1 li{ float: left; position: relative; margin:0 38px;}
.part2 .ul1 li p{ font-size:22px ; line-height: 30px;color:#000; position: absolute; left: 25%; top: 65%;}
.p2-ti{ width:363px; height:65px; background:url(../images/p2-4.png) no-repeat; margin:42px auto 35px; font-size: 36px; color:#35162e;line-height: 50px;}
.part2 .ul2 li{color:#35162e; float: left; width:295px; height:273px; background:url(../images/p2-5.jpg) no-repeat;padding-top: 22px; box-sizing: border-box; margin-bottom: 45px;position: relative; cursor: pointer; }
.part2 .ul2 li h2{ font-size: 30px; font-weight: bold;}
.part2 .ul2 li span{ font-size: 24px;}
.part2 .ul2 li p{ padding:20px 30px; text-align: left;}
.part2 .ul2 li:not(:last-of-type){ margin-right: 6px;}
.part2 .li-insize{ position: absolute; left: 0; top: 0;width:295px; height:273px; background:url(../images/p2-4.jpg) no-repeat; padding-top: 65px; display:none;}
.part2 .li-insize b{ font-size: 30px;}
.part2 .ul2 li:hover .li-insize{display:block; }

.part3{width:100%; height:1027px; background: url(../images/p3-bg.jpg) no-repeat top center;}
.part3 .p3-1{ padding:30px 60px;}
.part3 .p3-1 ul li{ width:258px;margin-bottom: 15px; height:258px; border-radius: 50%; background:#13b5b1; position: relative;}
.part3 .p3-1 ul li h2{ font-size: 30px; text-align: center; padding:45px 0 10px;}
.part3 .p3-1 ul li p{ font-size: 22px; line-height: 36px; padding:0 30px;}
.part3 .p3-1 ul li:before{ position: absolute;content:''; top: 0; right: -12px; width:100%; height:100%; border:1px solid #13b5b1; border-radius: 50%;}
.part3 .p3-1 ul li:nth-of-type(2):before{ border-color: #ffad00;}
.part3 .p3-1 ul li:nth-of-type(3):before{ border-color: #5f52a0;}
.part3 .p3-1 ul.fr li:before{ right: 12px;}

.part4{width:100%; height:968px; background: url(../images/p4-bg.jpg) no-repeat top center;}
/* 本例子css */
    .part4 .slideBox{ width:1200px;  position:relative; margin:45px auto 55px;  }
    .part4 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .part4 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;padding:0 150px; }
    .part4 .slideBox .bd img{ width:420px; display:block;  }
    .part4 .slideBox .bd li p{ font-size: 24px; color:#1c0d17; width:420px; padding:10px 18px; box-sizing: border-box;}
    .part4 .slideBox .bd li img.jt{ position: absolute; top: 35%; left: 50%; margin-left: -32px; width:64px;}

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .part4 .slideBox .prev,
    .part4 .slideBox .next{ position:absolute; left:6%; top:36%; margin-top:-38px; display:block; width:47px; height:73px; background:url(../images/left.png) no-repeat;  }
    .part4 .slideBox .next{ left:auto; right:6%; background:url(../images/right.png) no-repeat; }

.part5{width:100%; height:677px; background: url(../images/p5-bg.jpg) no-repeat top center;}
.part5 ul li{ float: left;margin:0 10px 42px; width:382px; height:136px; background:url(../images/p5-1.png); padding:42px 18px 0; box-sizing: border-box; font-size: 22px; line-height: 36px; color:#1c0d17; position: relative;}
.part5 ul li h2{ position: absolute; left: 50%; top: -20px; width:340px; line-height: 42px; background:#13b5b1; box-shadow: 0 5px 5px #088984; margin-left: -170px; font-size: 22px; color:#fff; border-radius: 30px; text-align: center;}
.part5 ul li a{ color:#d9114f;}
/* 本例子css */
    .part6 .slideBox{ width:1200px; height:790px;position:relative;}
    .part6 .slideBox .hd{ height:20px; text-align: center; position:absolute; left:0; width:100%; bottom:20px; z-index:1; }
    .part6 .slideBox .hd ul{ overflow:hidden; zoom:1;   }
    .part6 .slideBox .hd ul li{ display:inline-block; margin:0 5px;  width:20px; height:20px; border-radius: 50%;  background:#c9c9c9; cursor:pointer; }
    .part6 .slideBox .hd ul li.on{ background:#6d1d36;}
    .part6 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .part6 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
    .part6 .slideBox .bd .imgda{ width:1199px; display:block;  }
    .part6 .slideBox .bd .tongyan-aa{ margin:0 25px;}

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .part6 .slideBox .prev,
    .part6 .slideBox .next{ position:absolute; left:0; top:50%; margin-top:-56px; display:block; width:58px; height:112px; background:url(../images/left2.png) no-repeat;  }
    .part6 .slideBox .next{ left:auto; right:0; background:url(../images/right2.png) no-repeat;}
.part6 .p6-ul li{ float: left; width:388px;height:175px; background:#13b5b1; margin:35px 0; position: relative; }
.part6 .p6-ul li img{ position: absolute; left: 5px; top: -22px;}
.part6 .p6-ul li h2{ font-size: 24px; font-weight: bold;padding:32px 0 0 85px;}
.part6 .p6-ul li p{ padding:20px 34px; font-size: 24px; line-height: 36px;}
.part6 .p6-ul li a{ color:#ffe400;}
.part6 .p6-ul li:not(:last-of-type){ margin-right: 18px;}


.part7{ background: #400e1d; padding-bottom: 50px;}






@-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,-2px,0);
    transform: translate3d(0,-2px,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,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

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

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

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

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}