@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: 微软雅黑;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
  display: block;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}

em,i{ font-style:normal}
.p_hide{ overflow:hidden}
.p_block{display: block}
.in-block{ display: inline-block}
.clearfix{ clear: both}
.tc{ text-align: center}
.line28{line-height: 28px}
.line30{line-height: 30px}
.line35{line-height: 35px}
.line40{line-height: 40px}
.pr{ position: relative}
.fl{ float: left}
.fr{ float: right}
.auto{margin: 0 auto}
.ov{ overflow: hidden}

.fz29{ font-size: 29px}
.fz40{ font-size: 40px}
.fz67{ font-size: 67px}

.mr20{ margin-right: 20px}
.mt20{ margin-top:20px}
.mtb53{ margin: 53px 0}
.patb60{ padding: 60px 0}
.patb50{ padding: 50px 0}
.pat60{ padding: 60px 0 0}
.pat20{ padding: 20px 0 0}

.col_w{ color: #fff}
.col_yel{ color: #fff302}

.warp{ max-width: 1680px; min-width: 1300px}
.wi{ width: 1200px}

.ti{ height: 128px; background: url("../images/ti-line.png") no-repeat top center; color: #fff;text-align: center}
.ti h3{ font-size: 71px}
.ti i{ font-size:30px;}

.banner img{ width:100%}

.p1{background: url("../images/p_02.jpg") no-repeat top center; padding: 89px 0; font-size: 28px; line-height: 45px; color: #fff}

.p2{background: url("../images/p2-bg.jpg") no-repeat top center;}
.p2 ul{ width: 1170px; margin: 0 auto}
.p2 ul li{ width: 376px; float: left}
.p2 ul li:not(:last-child){ margin-right: 20px}
.p2 ul li .box{ width: 376px; height: 516px; overflow: hidden; border-radius: 10px}
.p2 ul li img{ display: inline-block}
.p2 ul li .btn{ background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 0; display: none}
.p2 ul li .btn a{ font-size:22px; display: inline-block; padding: 5px 10px; color: #fdf600; border: 2px solid #fdf600; line-height: 38px}
.p2 ul li:nth-last-child(1){ margin-top: 230px}
.p2 .zx{ margin-top: 35px}
.p2 .zx a{ display: inline-block; width: 156px; height: 96px; padding: 30px 0; border: 2px solid #fdf600; border-radius: 50%; text-align: center; color: #fdf600; font-size: 37px}
.p2 .zx a.active{background: #fdf600; color: #52007c}

.p3{background: url("../images/p_20.jpg") no-repeat top center; font-size: 23px; height: 741px}
.p3 .btn{ position: absolute; bottom: 100px; left: 0; width: 100%}
.p3 .btn a{ display: inline-block; padding: 10px 30px; border-radius: 50px; background: #fff307; color: #5e0fc1;
  font-weight: bold; font-size: 33px;
  -moz-box-shadow:0px 9px 14px #4b1f7b; -webkit-box-shadow:0px 9px 14px #4b1f7b; box-shadow:0px 9px 14px #4b1f7b;
}


.p5{background: url("../images/p_04.jpg") no-repeat top center;}
.p5 ul{ width: 1130px; padding: 35px 0}
.p5 ul li{ width: 362px; height: 242px; background: url("../images/p1-1.png") no-repeat; padding: 90px 0 0; color: #662ac5; float: left}
.p5 ul li:nth-child(even){ color: #fff;background: url("../images/p1-2.png") no-repeat;  }
.p5 ul li:not(:last-child){ margin-right: 20px}
.p5 ul li b{ display: inline-block}
.p5 ul li i{ display: block; width: 32px; height: 32px; line-height: 32px;border-radius: 50%; font-size: 19px; position: absolute}
.p5 ul li:nth-child(1) i{ color: #fff;; background: #662ac5; border: 3px solid #ffe05c; top:10px; right: -30px}
.p5 ul li:nth-child(2) i{ color: #7e36e2;; background: #fde507; border: 3px solid #a44ae1; top:35px; right: 70px}