@charset "utf-8";
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #555;
  font-size: 14px;
  font-family: Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif;
}
caption,
td,
th {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: 400;
}

.scroll-content{
	animation:totop 2s forwards;
	-webkit-animation:totop 2s forwards;
	-o-animation:totop 2s forwards;
	-moz-animation:totop 2s forwards;
	-ms-animation:totop 2s forwards;
	transform:translateY(-20px);
	-webkit-transform:translateY(-20px);
	-o-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
}
@keyframes totop{
	0%{transform:translateY(-20px);opacity:0}
	100%{transform:translateY(0);opacity:1}
}
@-moz-keyframes totop{
	0%{-moz-transform:translateY(-20px);opacity:0}
	100%{-moz-transform:translateY(0);opacity:1}
}
@-webkit-keyframes totop{
	0%{-webkit-transform:translateY(-20px);opacity:0}
	100%{-webkit-transform:translateY(0);opacity:1}
}
@-ms-keyframes totop{
	0%{-ms-transform:translateY(-20px);opacity:0}
	100%{-ms-transform:translateY(0);opacity:1}
}
@-o-keyframes totop{
	0%{-o-transform:translateY(-20px);opacity:0}
	100%{-o-transform:translateY(0);opacity:1}
}
.container1 {
  width: 100%;
  height: 853px;
  position: relative;
  background: url(../img/topbg.jpg) no-repeat center center;
}
.container1 .toptitle {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.container1 .toptitle .zytitle {
  width: 778px;
  height: 142px;
  position: absolute;
  right: 0;
  top: 267px;
  background: url(../img/toptitle.png) no-repeat center center;
  -webkit-animation: ddh1 1.4s;
  -moz-animation: ddh1 1.4s;
  -o-animation: ddh1 1.4s;
  -ms-animation: ddh1 1.4s;
  animation: ddh1 1.4s;
}
@keyframes ddh1 {
  0% {
    opacity: 0;
    top: 300px;
  }
  100% {
    opacity: 1;
    top: 267px;
  }
}
@-webkit-keyframes ddh1 {
  0% {
    opacity: 0;
    top: 300px;
  }
  100% {
    opacity: 1;
    top: 267px;
  }
}
@-moz-keyframes ddh1 {
  0% {
    opacity: 0;
    top: 300px;
  }
  100% {
    opacity: 1;
    top: 267px;
  }
}
@-o-keyframes ddh1 {
  0% {
    opacity: 0;
    top: 300px;
  }
  100% {
    opacity: 1;
    top: 267px;
  }
}
@-ms-keyframes ddh1 {
  0% {
    opacity: 0;
    top: 300px;
  }
  100% {
    opacity: 1;
    top: 267px;
  }
}
.container1 .zyftitle {
  position: absolute;
  top: 423px;
  right: 358px;
  font-size: 24px;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 5px 0;
  animation: ddh2 1.4s forwards;
  -webkit-animation: ddh2 1.4s forwards;
  -moz-animation: ddh2 1.4s forwards;
  -o-animation: ddh2 1.4s forwards;
  -ms-animation: ddh2 1.4s forwards;
  animation-delay: .9s;
  -webkit-animation-delay: .9s;
  -o-animation-delay: .9s;
  -moz-animation-delay: .9s;
  -ms-animation-delay: .9s;
  opacity: 0;
}
@keyframes ddh2 {
  0% {
    top: 456px;
    opacity: 0;
  }
  100% {
    top: 423px;
    opacity: 1;
  }
}
@-webkit-keyframes ddh2 {
  0% {
    top: 456px;
    opacity: 0;
  }
  100% {
    top: 423px;
    opacity: 1;
  }
}
@-moz-keyframes ddh2 {
  0% {
    top: 456px;
    opacity: 0;
  }
  100% {
    top: 423px;
    opacity: 1;
  }
}
@-ms-keyframes ddh2 {
  0% {
    top: 456px;
    opacity: 0;
  }
  100% {
    top: 423px;
    opacity: 1;
  }
}
@-o-keyframes ddh2 {
  0% {
    top: 456px;
    opacity: 0;
  }
  100% {
    top: 423px;
    opacity: 1;
  }
}
.cc1 {
  width: 275px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  padding-right: 40px;
  right: 460px;
  top: 500px;
  background: #ef7601;
  color: #fff;
  font-size: 22px;
  line-height: 48px;
  text-align: right;
  border-radius: 25px;
  letter-spacing: 1.4px;
}
.cc11 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  background: url(../img/123.jpg) no-repeat center center #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 6px black;
  -webkit-box-shadow: 0 0 6px black;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.cc1:hover .cc11 {
  transform: rotate3d(360deg);
  -webkit-transform: rotate(360deg);
}
.container2 {
  width: 100%;
  height: 688px;
  overflow: hidden;
  background: #efefef;
}
.container2 .lb2 {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.lb21,
.lb22 {
  width: 590px;
  height: 580px;
  margin-top: 45px;
  background: #232323;
  overflow: hidden;
  float: left;
  border-radius: 15px;
  transition: background .4s;
}
.lb21:hover,
.lb22:hover {
  background: #ce0000;
}
.lb21 {
  margin-right: 20px;
}
.lb21pp {
  width: 200px;
  margin: 17px auto;
  height: 55px;
}
.lb21pp i {
  display: block;
  float: left;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background: url(../img/icon1.png) no-repeat center center;
}
.icon22 {
  background: url(../img/icon2.png) no-repeat center center !important;
}
.lb21pp span {
  display: block;
  float: left;
  height: 55px;
  font-size: 30px;
  line-height: 55px;
  margin-left: 14px;
  font-weight: bold;
  color: #fff;
}
.lb21c {
  width: 584px;
  height: 482px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 6px;
  background: white;
  border-radius: 15px;
  opacity: 1;
}

.lb21pic {
  display: block;
  margin: 0 auto;
  border-radius: 14px;
}
.lb21c p {
  width: 88%;
  margin: 15px auto 0 auto;
  font-size: 18px;
  text-indent: 2em;
  line-height: 24px;
  line-height: 1.4;
  opacity: 1 !important;
  font-family: webfont, 'Hiragino Sans GB',"Microsoft YaHei", SimSun, Heiti, sans-serif;
  color: #333;
}
/*.lb21 .lb21c a {
  display: block;
  width: 290px;
  height: 42px;
  background: url(../img/r.jpg) no-repeat #ef7601;
  background-position: 230px center;
  font-size: 16px;
  color: #fff;
  border-radius: 20px;
  margin: 40px auto 0 auto;
  line-height: 42px;
  text-indent: 2.5em;
  font-size: 20px;
  letter-spacing: 1px;
  transition: background-position 1s;
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  -ms-transition: background-position 1s;
  -o-transition: background-position 1s;
}*/
.lb21c a {
  display: block;
  width: 290px;
  height: 50px;
  background: url(../img/r.jpg) no-repeat #ef7601;
  background-position: 240px center;
  font-size: 16px;
  color: #fff;
  border-radius: 20px;
  margin: 40px auto 0 auto;
  line-height: 50px;
  text-indent: 1.5em;
  font-size: 20px;
  letter-spacing: 1px;
  transition: background-position 1s;
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  -ms-transition: background-position 1s;
  -o-transition: background-position 1s;
}
.lb21c a:hover,
.dwe1:hover {
  background-position: 300px center;
}
.container3 {
  width: 100%;
  height: 1160px;
  background: url(../img/ll2.jpg) center top no-repeat #ffffff;
}
.container3 .ll2 {
  width: 1200px;
  margin: 0 auto;
}
.container3 .ll2 .ll22 {
  width: 1200px;
  padding-top: 120px;
}
.pubtitle{
  text-align: center;
  font-size: 44px;
  color: #333;
  letter-spacing: 3px;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 2px solid #333;
}
.ccc2 {
  width: 920px;
  height: 90px;
  margin: 25px auto 0 auto;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 90px;
}
.ccc2 p {
  width: 450px;
  height: 100%;
  border-radius: 10px;
  background: #ce0000;
  float: left;
}
.cccl {
  background:#ce0000;
}

.c2ee{
  width: 100%;
  height: 683px;
  background:url(../img/c2c.jpg);
  margin-top:50px;
  background-position:center center;
  background-repeat: no-repeat;
}
.c2cs{
  width: 820px;
  height:42px;
  margin: 40px auto 60px auto;
}
.c4ww{
  width: 820px;
  height:42px;
  margin: 40px auto 60px auto;
}

.c2cs p{
  width: 400px;
  height: 50px;
  float:left;
  font-size:20px;
  background:#ef7601;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-weight: 100;
  text-indent: -1em;
  border-radius: 20px;
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  background:url(../img/r.jpg) #ef7601 no-repeat;
}
.c2cs .c2dd1{
  background-position:  330px center;
}
.c2cs .c2dd1:hover{
  background-position:  430px center;
}
.c2cs .c2dd2{
  background-position:  340px center;
}
.c2cs .c2dd2:hover{
  background-position:  440px center;
}
.cntgap{
  width: 100%;
  height:63px;
  background:url(../img/gap.jpg) no-repeat center center;
}
.container4{
  width: 100%;
  overflow:hidden;
  background: #efefef;
}
.container4 .v4{
  width: 1200px;
  overflow:hidden;
  margin: 0 auto;
}
.c4cc{
  width:100%;
  height:804px;
  margin-top: 50px;
  background:url(../img/c3q.jpg) no-repeat center center;
}
.c4ww p{
  height: 50px;
  float:left;
  font-size:20px;
  background:#ef7601;
  margin: 20px auto 60px auto;
  color: #fff;
  text-indent: 3em;
  line-height: 50px;
  font-weight: 100;
  border-radius: 20px;
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  background:url(../img/r.jpg) #ef7601 no-repeat;
}
.c4wwa{
  width:500px;
  background-position:  440px center !important;
}
.c4wwa:hover{
  background-position:  530px center !important;
}
.c4wwb{
  width: 300px;
  background-position:  240px center !important;
}
.c4wwb:hover{
  background-position:  345px center !important;
}
.container5{
  width: 100%;
  overflow:hidden;
  background:url(../img/ll2.jpg) center top no-repeat #ffffff;
}
.container5 .v5{
  width: 1200px;
  margin: 0 auto;
  padding-top:120px;
}
.c5cc{
  width: 100%;
  margin: 40px auto;
  line-height: 1.9;
  font-size:20px;
  text-align: center;
  color: #333;
}
.c5ww{
  width: 1200px;
  height: 464px;
  background: url(../img/w1.jpg) no-repeat center center;
}
.container6{
  width: 100%;
  background: url(../img/gap.jpg) no-repeat center top #efefef;
  overflow: hidden;
  padding-top:120px;
  padding-bottom: 80px;
}
.container6 .v6{
  width: 1200px;
  margin: 0 auto;
}
.container6 .c6cc{
  width:100%;
  height: 177px;
  margin-top:40px;
}
.container6 .c6cc .c6ww{
  width:346px;
  height: 177px;
  background: url(../img/c6c.jpg) no-repeat center center;
  float: left;
  margin-right:30px;
}
.container6 .c6cc .c6ll{
  width:822px;
  float:left;
  padding-top:10px;
}
.container6 .c6cc .c6ll span{
  font-size:20px;
  line-height: 1.7;
}
.container6 .c6cc .c6ll p{
  width:215px;
  height: 50px;
  font-size:20px;
  text-indent: 3em;
letter-spacing: .4px;
  background: #ef7601;
  color: #fff;
  border-radius:20px;
  line-height:50px;
  margin-top:25px;
  background: url(../img/r.jpg) #ef7601 no-repeat;
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
}
.c6cc .c6ll .c6kk{
  background-position:160px center !important;
}
.c6cc .c6ll .c6kk:hover{
  background-position:260px center !important;
}
.container7{
 width: 100%;
 overflow: hidden;
 padding-top:120px;
 background: url(../img/ll2.jpg) center top no-repeat #ffffff;
}
.container7 .v7{
  width: 1200px;
  margin: 0 auto;
}
.container7 .v7 .c7aa{
  width:100%;
  height:310px;
  margin-top:30px;
  background: url(../img/y1.jpg) no-repeat center center;
}
.container7 .v7 .c7pp{
  width:500px;
  height:50px;
  margin: 60px auto;
  background: #ef7601;
  color: #fff;
  font-size:20px;
  text-align: center;
  line-height:50px;
  border-radius: 20px;
  background: url(../img/r.jpg) #ef7601 no-repeat;
  letter-spacing: 2px;
  text-indent: -2em;
  background-position: 400px center;
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
}
.container7 .v7 .c7pp:hover{
  background-position: 540px center;
}
.container8{
  width:100%;
  overflow: hidden;
  padding-top:120px;
  background: url(../img/gap.jpg) no-repeat center top #efefef;
}
.container8 .v8{
  width:1200px;
  margin: 0 auto;
}
.container8 .v8 .v8ii{
  width:100%;
  height:503px;
  margin-top:40px;
  background: url(../img/k2.jpg) no-repeat center center;
}
.container8 .v8 .v8gg{
  width:740px;
  height:42px;
  margin: 0 auto;
}
.container8 .v8 .v8gg p{
width: 360px;
height:50px;
float:left;
color: #fff;
font-size: 20px;
text-align: center;
line-height: 50px;
border-radius: 20px;
background: url(../img/r.jpg) #ef7601 no-repeat;
letter-spacing: 1px;
background-position: 300px center;
margin: 50px 0;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
}
.container8 .v8 .v8gg p:hover{
  background-position: 400px center;
}
.container9{
  width:100%;
  overflow: hidden;
  padding-top: 120px;
  background: url(../img/ll2.jpg) center top no-repeat #ffffff;
}
.container9 .v9{
  width: 1200px;
  height:;
  margin: 0 auto;
}
.help{
  width:1180px;
  margin:40px auto 90px auto;

}