/*================重置样式部分===============*/
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,input,textarea{
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  font-family: "微软雅黑";
  font-size: 22px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}

em,i{ font-style:normal}
.tc{ text-align: center}
.pr{ position: relative}
.fl{ float: left}
.fr{ float: right}
.auto{margin: 0 auto}
.ov{ overflow: hidden}
.mr0{ margin-right: 0 !important;}
input,textarea{ outline: none; border: none}

.fz30{ font-size: 30px;}

.patb30{ padding: 30px 0}
.patb50{ padding: 50px 0}
.patb60{ padding:60px 0}

.warp{ max-width: 1680px; min-width: 1300px; overflow: hidden; font-size: 24px; line-height: 35px; background: #eff2ff; color: #333}
.wi{ width: 1200px; position: relative; margin:0 auto; overflow: hidden;}

.warp img{ vertical-align:bottom}

.warp .ti{ text-align: center;position:relative}
.warp .ti h3{ font-weight: normal; color: #fed01f; font-size: 34px; padding: 20px 0}

.warp .btn { text-align:center}
.warp .btn a{ display: inline-block; border-radius: 50px; line-height: 65px; font-size:28px;
    color: #fff; padding:0 50px; position: relative; z-index: 2;
    animation: bounceIn 5s infinite; -webkit-animation: bounceIn 5s infinite;
    background: #344ba2;
    background: -webkit-linear-gradient(left, #344ba2,#507ff0,#344ca3);
    background: -o-linear-gradient(left, #344ba2,#507ff0,#344ca3);
    background: -moz-linear-gradient(left, #344ba2,#507ff0,#344ca3);
    background: linear-gradient(left,#344ba2,#507ff0,#344ca3);
}
.warp .btn a:nth-child(even){ margin-left: 5%;
  background: #f6437a;
	background: -webkit-linear-gradient(left, #f6437a,#fb949c,#f6437a);
	background: -o-linear-gradient(left, #f6437a,#fb949c,#f6437a);
	background: -moz-linear-gradient(left, #f6437a,#fb949c,#f6437a);
	background: linear-gradient(left,#f6437a,#fb949c,#f6437a);
}

.warp .kv i{ display: block; position: absolute; top:50%; left:50%;margin-left: -24%;
  margin-top: -3%;width: 11%; animation: move 1s infinite; -webkit-animation: move 1s infinite}
@keyframes move{
  0%{margin-left: -28%;margin-top: -3%;}
  100%{margin-left: -24%;margin-top: -5%;}
}


.p1{ background: url(../images/bg1.jpg) no-repeat top center; background-size:cover; padding: 60px 0}
.p1 ul { padding:50px 0 0; text-align: center; width: 1300px}
.p1 ul li{ width: 379px; background: #899bd1; padding:15px; line-height: 90px; position: relative;
  font-size: 30PX; color: #fff; text-align: center; margin-bottom: 10%; display:inline-block; margin-right:110px}
.p1 ul li:nth-last-child(1){ margin-right: 0}
.p1 ul li:after{
	content: '';
    position: absolute;
    bottom: -60px;
    left: 0; right:0; margin:0 auto;
    height:30px;
    width: 285px;
    height: 42px;
    background: url(../images/shandw.png) no-repeat center;
}

.p2{  background: url(../images/bg2.jpg) no-repeat top center ; background-size:cover; padding-bottom: 50px}
.p2 .ti{ padding:40px 0}
.p2 .text{ font-size: 24px; text-indent:2em; line-height: 50px}
.p2 .text b{ color: #f6427a}
.p2 ul li{ padding-top:30px; display: flex; display: -webkit-flex;justify-content: space-around;}
.p2 ul li h3{ font-size: 30px; color: #33499f}
.p2 ul li i{ color: #f6437a}
.p2 ul li em{ display:block; position: relative; z-index: 2}
.p2 ul li span{ display: flex; display: -webkit-flex; flex-direction:column; flex:1; 
	padding:15px 10px 0; position: relative; margin-top: 90px;}
.p2 ul li h3{ line-height:40px}
.p2 ul li p{ line-height: 40px}
.p2 ul li span:after{ content: ""; display: block; width:120%; height:2px; 
	background: #899bd1; position: absolute; top:0; right:0;}
.p2 ul li:nth-child(even){ padding-left: 65px}


.p3{  background: url(../images/bg3.jpg) no-repeat top center #d6dff8;background-size:cover; text-align: center; padding:30px 0}
.p3 ul li{ display: inline-block; margin-bottom: 30px}

.p4{ background: url(../images/bg4.jpg) repeat; padding-bottom: 50px}
.p4 .p4-scroll .bd{ width: 1200px; margin:0 auto;}
.p4 .p4-scroll .bd li{ width: 1200px; overflow: hidden; text-align: center; padding:20px 0}
.p4 dt{ border: 10px solid #fff; background: #fff;
  -moz-box-shadow:2px 2px 30px rgba(82,107,182,0.7); 
  -webkit-box-shadow:2px 2px 30px rgba(82,107,182,0.7); 
  box-shadow:2px 2px 30px rgba(82,107,182,0.7);
  border-radius: 20px; font-size: 30px;
}
.p4 dt b{ color: #354ea6}
.p4 dt p{ padding:5%}
.p4 .db1 dt{ width:409px; display: inline-block; text-align: left; margin-right: 60px; line-height: 45px}
.p4 .db2{ text-align: center}
.p4 .db2 dt{ width: 897px; margin:0 auto;}

.p4 .prev,.p4 .next{width:52px;height:85px;position:absolute;top:500px;z-index:100; cursor:pointer;
  background:url(../images/prev.png) no-repeat center;}
.p4 .next{background:url(../images/next.png) no-repeat center; right: 0;}
.p4 .btn{ padding-top:30px}

.p5{ background: #899bd1; padding:50px 0 0}
.p5 .con{ text-align: center}
.p5 p{ display: block; position: absolute;  width: 360px; text-align: left;
	right:90px; top:325px; font-size: 30px; line-height:60px}
.p5 b{ font-size: 48px; text-align: center; display: block; padding-bottom:10px}
.p5 .db{
	background: #d0d8ec; padding:30px 0;
  -moz-box-shadow:2px 2px 30px rgba(82,107,182,0.7); 
  -webkit-box-shadow:2px 2px 30px rgba(82,107,182,0.7); 
  box-shadow:2px 2px 30px rgba(82,107,182,0.7);
}
.p5 .db .wi{ width: 1100px}
.p5 .db i{ float: left; display: block; width:192px; margin-top: 15px}
.p5 ul{ width: 860px; float:right; background: #fbfbfe; padding:10px }
.p5 ul li{ float: left; margin-right: 45px}

.p6{ background:url(../images/bg6.jpg) no-repeat top center #fff}
.p6 ul{ padding:30px 55px; border: 2px solid #899bd1; position: relative; border-radius: 20px}
.p6 ul li{ font-size:30px; padding: 4% 0 2%; border-bottom:1px solid #899bd1}
.p6 ul li p{ margin-bottom: 2%; line-height: 35px; padding-left: 40px;
	background: url(../images/Q.png) no-repeat left 5px;}
.p6 ul li b{ color: #33499f}
.p6 ul li a{ color: #f6447b}
.p6 ul li p:nth-child(even){background: url(../images/A.png) no-repeat left 5px;}
.p6 ul li:nth-last-child(1){ border-bottom:none}

.p7{ background:url(../images/bg7.jpg) no-repeat top center}
.p7 .text{ padding:0 50px; text-indent: 2em; text-align: left}
.p7 .con { text-align: center}
.p7 .con img{ border: 15px solid #fff; border-radius: 20px; margin-top: 50px;
  -moz-box-shadow:2px 2px 30px rgba(82,107,182,0.7); 
  -webkit-box-shadow:2px 2px 30px rgba(82,107,182,0.7); 
  box-shadow:2px 2px 30px rgba(82,107,182,0.7);
}

@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0.5;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0.5;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}
@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-0px,0);transform:translate3d(0,-0px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}