@charset "utf-8";
/*================重置样式部分===============*/
html,
body,
div,
span,
object,
iframe,
table,
tr,
th,
td,
em,
img,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
dl,
dt,
dd,
ul,
li,
ol,
form,
label {
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  font-family: 微软雅黑;
  font-size: 20px;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}
img{ vertical-align: bottom}
em,i{ font-style:normal}
.p_hide{ overflow:hidden}
.clearfix{ clear: both}
.text_c{ text-align: center}
.patb30{ padding: 30px 0}
.pa20{ padding: 20px}
.font28{ font-size: 28px}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden }
.fix{*zoom:1;}
.bg_gray{ background: #423335}
.bg_gray1{  background: #f8f6f7}
.bg_white{ background: #fff}
.bg_red{ background: #e7556a}
.col_white{ color: #fff}
.line30{line-height: 30px}
.line35{line-height: 35px}
.line40{line-height: 40px}
.mb40{ margin-bottom: 40px}
.pat30{ padding-top: 30px}
.p_pr{ position: relative}
.p_fl{ float: left}
.p_fr{ float: right}
.mr{ margin-right:100px}
.mr200{ margin-right: 200px}
.col_blue{ color: #44c3da}
.col_red{ color: #e7556a}
.relative{ position:relative;}
.wi{ width: 1200px}
.auto{ margin: 0 auto}

.btncon{ text-align:center; width:100%; padding:30px 0}
.btncon a{ display:inline-block; height:75px; padding:0px 85px 0 40px; position:relative; background:#a84200; border-radius:15px; font-size:30px; color:#fff; line-height:75px;}
.btncon a i{ position:absolute; width:52px; right:22px; top:12px;}
.btncon a:hover{animation:rubberBand 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) 1}

.banner{ width:100%; height:815px; background:url(../images/kv.jpg) center 0 no-repeat}
.banner .con{ height:815px;}
.banner .con .p1{ position:absolute; width:603px; height:517px; top:108px; left:596px;}
.banner .con .btn1{ position:absolute; bottom:0px; left:784px;}

.p1_con{ width:100%; height:668px; background:url(../images/p1bg.jpg) center 0 no-repeat}
.p1_bot{ width:100%; height:306px; margin-bottom:30px; position:relative; background:url(../images/p1bg_1.jpg) no-repeat}
.p1_bot .txt{ position:absolute; width:820px; left:360px; top:97px; color:#fff}
.p1_bot .txt .t1{ font-size:36px; line-height:36px; padding:0 0 20px 0px;}
.p1_bot .txt .t2{ font-size:24px; line-height:35px;}

.p1_con .p{position:absolute;}
.p1_con .p1{ left:182px; top:390px;}
.p1_con .p2{ left:27px; top:160px;}
.p1_con .p3{ left:217px; top:0px;}
.p1_con .p4{ left:780px; top:0px;}
.p1_con .p5{ left:951px; top:202px;}
.p1_con .p6{position:absolute;left:813px; top:438px;animation:movement2 2s infinite;-webkit-animation:movement2 2s infinite;}

.p1_con .p:hover{animation:allitem_bounce 0.5s 1;-webkit-animation:allitem_bounce 0.5s 1;}

.part2{ width:100%; overflow:hidden; background:url(../images/p2bg.gif) center 0 repeat-y;}
.part2 .tt1{ background:url(../images/tt2.gif) center 0 no-repeat; height:264px;}
.part2 .con p{ font-size:24px; line-height:32px; padding:0 20px 50px 20px;}

.part2 .con .tu{ width:100%; height:540px; background:url(../images/p2_1.gif) no-repeat}
.part2 .con .tu .p{ position:absolute; font-size:24px; line-height:38px; text-align:center; width:138px;}
.part2 .con .tu .p strong{ font-size:30px;}
.part2 .con .tu .p1{ left:196px; top:78px;}
.part2 .con .tu .p2{ left:770px; top:0px;}
.part2 .con .tu .p3{ left:802px; top:345px;}

.part2 .con .tu .p4{ width:196px; height:115px; color:#fff; font-size:24px; line-height:38px; left:130px; top:320px; text-align:left}
.part2 .con .tu .p5{ width:196px; height:115px; color:#fff; font-size:24px; line-height:38px; left:885px; top:121px; text-align:left}
.part2 .con .tu .p6{ width:196px; height:115px; color:#fff; font-size:24px; line-height:38px; left:945px; top:432px; text-align:left}

.p3_txt{ text-align:center; font-size:24px; line-height:38px; padding-bottom:50px;}
.p3_txt span{ color:#7a331f}
.p3_con{ width:100%; overflow:hidden; padding-top:100px; padding-bottom:20px;}
.p3_con .list{ position:relative; float:left; display:inline; margin-right:15px; width:390px; height:515px; padding-top:130px; box-sizing:border-box; border-radius:20px;}
.p3_con .list.a{ background:url(../images/p3_bg1.gif) 0 0 repeat-y}
.p3_con .list.b{ background:url(../images/p3_bg2.gif) 0 0 repeat-y}
.p3_con .list.c{ background:url(../images/p3_bg3.gif) 0 0 repeat-y}
.p3_con .list:last-child{ margin-right:0}

.p3_con .list .pic{ margin:0 auto; width:360px; border:2px solid #fff}
.p3_con .list .txt{ padding:15px 5px 0px 15px; font-size:22px; line-height:32px; color:#fff;}
.p3_con .list .yuan{ position:absolute; left:86px; top:-100px; width:200px; height:200px; border-radius:50%; background:#fff; font-size:22px; line-height:32px; display:table}
.p3_con .list .yuan p{ display:table-cell; text-align:center; vertical-align:middle}
.p3_con .list.a .yuan{ border:3px solid #615aaa}
.p3_con .list.b .yuan{ border:3px solid #056b8f}
.p3_con .list.c .yuan{ border:3px solid #a81944}

.part4{ width:100%; overflow:hidden; background:url(../images/p4bg.gif) center 0 repeat-y;}
.part4 .tt1 {
    background: url(../images/tt4.gif) center 0 no-repeat;
    height: 286px;
}
.p4_con{ width:100%; overflow:hidden; padding-top:35px;}
.p4_con .list{ float:left; display:inline; margin-right:12px;position:relative; border-radius:15px; border:2px solid #a84200; margin-bottom:55px;}
.p4_con .list img{ width:388px; height:255px; border-radius:15px;}
.p4_con .list .tt{ width:100%; height:50px; line-height:50px; font-size:24px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; bottom:0; border-radius:0 0 13px 13px}

.p4_con .list .yuan{ position:absolute; width:70px; height:70px; text-align:center; line-height:70px; border-radius:50%; border:1px dashed #a84200; color:#a84200; font-size:50px; font-family:Arial, Helvetica, sans-serif; left:156px; top:-35px; background:#fff;}

.p4_con .list .tt6{ position:absolute;width:100%; height:100%;}
.p4_con .list .tt6 p{ padding-top:90px; text-align:center;color:#fff; font-size:24px; line-height:32px; animation:movement2 2s infinite;-webkit-animation:movement2 2s infinite;}

.p4_con .list:nth-of-type(3),.p4_con .list:nth-of-type(6){ margin-right:0;}
.p4_con .list:nth-of-type(6){ border:none 0}

.part5 .tt1 {
    background: url(../images/tt5bg.jpg) center 0 no-repeat;
    height: 226px;
}
.part5 .p5_con{ width:100%; height:833px;background: url(../images/p5_1.jpg) center 0 no-repeat;}
.part5 .p5_con .con{ height:833px;}
.part5 .p5_con .con .p1{ position:absolute; width:569px; height:411px; left:569px; top:20px;}
.part5 .p5_con .con .p2{ position:absolute; left:625px; top:485px; animation:movement2 2s infinite;-webkit-animation:movement2 2s infinite;}
.part5 .p5_con .con  .txt{  background:#615aaa; width:160px; height:160px; border-radius:50%; border:2px solid #fff;display:table; position:relative; z-index:2}
.part5 .p5_con .con .txt p{ display:table-cell; text-align:center; vertical-align:middle; line-height:35px; font-size:24px; color:#fff}
.part5 .p5_con .con  .txt p strong{ font-size:30px;}
.part5 .p5_con .con  .bj{ position:absolute; left:10px; bottom:-15px; z-index:1}

.part5 .p5_con .con .p3{ position:absolute; left:816px; top:485px;}
.part5 .p5_con .con  .p3 .txt{  background:#00688d;}

.part5 .p5_con .con .p4{ position:absolute; left:1012px; top:485px;}
.part5 .p5_con .con  .p4 .txt{  background:#a81944;}

.part5 .p5_con .con .btncon{ text-align:center; width:100%; padding:30px 0; position:absolute; left:0; bottom:0;}
.part5 .p5_con .con .btncon a{ display:inline-block; height:75px; padding:0px 85px 0 40px; position:relative; background:#a84200; border-radius:15px; font-size:30px; color:#fff; line-height:75px;}
.part5 .p5_con .con .btncon a i{ position:absolute; width:52px; right:22px; top:12px;}
.part5 .p5_con .con .btncon a:hover{animation:rubberBand 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) 1}

.part6{ width:100%; height:853px; overflow:hidden; background:url(../images/p6bg.jpg) center 0 no-repeat}
.part6 .p6_tt{ padding:50px 0}


.p6slide{ position:relative; height:530px;}
.swiper1{ height:460px;}
.p6slide .pagination {position: absolute; width:100%;left:0px;text-align: center;bottom:0; height:45px; padding-top:10px; box-sizing:border-box;z-index:3;}
.p6slide .swiper-pagination-switch {display: inline-block; width:20px;height:20px;border-radius:20px;background:#fff;margin: 0 3px;cursor: pointer;}
.p6slide .swiper-active-switch {background:#fede05;}


.part6 .btncon a{ display:inline-block; height:75px; padding:0px 85px 0 40px; position:relative; background:#fff; border-radius:15px; font-size:30px; color:#000; line-height:75px;}

.p7txt{ font-size:24px; padding:20px; line-height:36px;}

.part8{ width:100%; overflow:hidden; background:url(../images/p2bg.gif) center 0 repeat-y;}
.p8_con{ overflow:hidden; width:100%; padding-bottom:50px;}
.p8_con .list{ float:left; display:inline; width:295px; margin-right:5px; }
.p8_con .list .pic{overflow:hidden; width:295px; height:265px;}
.p8_con .list .pic img{transform:scale(1);-webkit-transform:scale(1); transition:0.5s}
.p8_con .list:hover .pic img{transform:scale(1.2);-webkit-transform:scale(1.2);}
.p8_con .list .txt{ width:100%; height:186px; background:#646877; margin-top:1px; color:#fff;}
.p8_con .list:last-child{ margin-right:0}
.p8_con .list .tt{ font-size:28px; line-height:30px; padding:20px 0px 10px 0; text-align:center}
.p8_con .list .tt1{ font-size:20px; line-height:32px; padding:0 10px;}

.p8_con .list:nth-of-type(2) .txt{ background:#59493f}
.p8_con .list:nth-of-type(4) .txt{ background:#59493f}

.p9_con{ overflow:hidden; width:100%; padding-bottom:50px;}
.p9_con .list{ display:inline; width:565px; height:77px; position:relative; margin-bottom:30px;}
.p9_con .list span{ position:absolute; width:84px; height:84px; background:#646877; text-align:center; line-height:84px; font-size:40px; color:#fff; font-family:Arial, Helvetica, sans-serif; left:0; top:0; border-radius:50%}
.p9_con .list .txt{ position:absolute; right:0; top:5px; height:77px; width:456px; text-align:center; line-height:77px; font-size:24px; background:url(../images/p9_1.gif) no-repeat; color:#000}

.p9_con .list:nth-of-type(odd){ float:left}
.p9_con .list:nth-of-type(even){ float:right}

.p10_con{ overflow:hidden; width:100%; padding-bottom:50px;}
.p10_con .list{ float:left; display:inline; width:390px; margin-right:10px;}
.p10_con .list:last-child{ margin-right:0}

.hoverlight {
  position: absolute;
  left: -180px;
  top: 0%;
  width: 20%;
  height: 100%;
  background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  transform: skewx(-25deg);
  -o-transform: skewx(-25deg);
  -moz-transform: skewx(-25deg);
  -webkit-transform: skewx(-15deg);
  -ms-transform: skewx(-25deg);
    animation:light_move 5s 1s infinite linear ;
	-webkit-animation:light_move 5s 1s infinite linear ;
	-moz-animation:light_move 5s 1s infinite linear ;
	-o-animation:light_move 5s 1s infinite linear ;
	-ms-animation:light_move 5s 1s infinite linear ;
}

@keyframes light_move {
  0% {left:-80px;}
  30%{left:420px}
  75%{left:50px;}
  100%{left:320px;}
}
@-moz-keyframes light_move {
  0% {left:-80px;}
  30%{left:420px}
  75%{left:50px;}
  100%{left:320px;}
}
@-webkit-keyframes light_move {
  0% {left:-80px;}
  30%{left:420px}
  75%{left:50px;}
  100%{left:320px;}
}
@-o-keyframes light_move{
  0% {left:-80px;}
  30%{left:420px}
  75%{left:50px;}
  100%{left:320px;}
}
@-ms-keyframes light_move{
  0% {left:-620px;}
  30%{left:420px}
  75%{left:50px;}
  100%{left:320px;}
}

@keyframes allitem_bounce{
  0%{-webkit-transform:translateY(0)}
  28%{-webkit-transform:translateY(-6px)}
  30%{-webkit-transform:translateY(-3px)}
  31%{-webkit-transform:translateY(-3px)}
  33%{-webkit-transform:translateY(-6px)}  
  35%{-webkit-transform:translateY(-10px)}  
  50%{-webkit-transform:translateY(0px)}   
  
}
@-webkit-keyframes allitem_bounce{
  0%{-webkit-transform:translateY(0)}
  28%{-webkit-transform:translateY(-6px)}
  30%{-webkit-transform:translateY(-3px)}
  31%{-webkit-transform:translateY(-3px)}
  33%{-webkit-transform:translateY(-6px)}  
  35%{-webkit-transform:translateY(-10px)}  
  50%{-webkit-transform:translateY(0px)}  
}
@-moz-keyframes allitem_bounce{
  0%,80%,84%,90%,96%,100%{-moz-transform:translateY(0)}
  28%{-moz-transform:translateY(-6px)}
  30%{-moz-transform:translateY(-3px)}
}
@-o-keyframes allitem_bounce{
  0%,80%,84%,90%,96%,100%{-o-transform:translateY(0)}
  28%{-o-transform:translateY(-6px)}
  30%{-o-transform:translateY(-3px)}
}
@-ms-keyframes allitem_bounce{
  0%,80%,84%,90%,96%,100%{-ms-transform:translateY(0)}
  28%{-ms-transform:translateY(-6px)}
  30%{-ms-transform:translateY(-3px)}
}

@keyframes movement2 {
    0% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}
@-webkit-keyframes movement2 {
    0% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}
/*******橡皮筋********/
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}