@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体"; line-height:1; min-width: 1312px; margin: 0 auto;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.w1216{ width: 1216px; margin: 0 auto; }
.bannerbox{ width: 100%; height: 583px; background:url(../images/pic01.png) no-repeat; background-size: cover; background-position: center;  }
.bannerbox .btn01{ padding-top: 402px; }
.bannerbox .btn01 a{ display: block; width: 382px; height: 73px; background: url(../images/pic02.png) no-repeat; background-size: cover; background-position: center; transition: all 0.4s; }
.bannerbox .btn01 a:hover{background: url(../images/pic02-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt{width: 100%; height: 104px; background:url(../images/pic03.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul{ overflow: hidden; }
.banbt ul li{ width: 25%; float: left; height: 104px;transition: all 0.4s; }
.banbt ul li span{ display: block; width: 120px; height: 20px; margin: 0 auto; max-width: 100%; margin-top: 20px;  }
.banbt ul li:nth-child(1) a span{background: url(../images/pic05.png) no-repeat; background-size: cover; background-position: center;  }
.banbt ul li:nth-child(2) a span{ background: url(../images/pic07.png) no-repeat; background-size: cover; background-position: center; }
.banbt ul li:nth-child(3) a span{ background: url(../images/pic09.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4) a span{ background: url(../images/pic11.png) no-repeat; background-size: cover; background-position: center; }
.banbt ul li a img{ margin: 0 auto; margin-top: 18px; }
.banbt ul li:hover{ background: rgba(242,206,123,1) }
.banbt ul li:nth-child(1):hover span{background: url(../images/pic05-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(2):hover span{background: url(../images/pic07-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(3):hover span{background: url(../images/pic09-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4):hover span{background: url(../images/pic11-1.png) no-repeat; background-size: cover; background-position: center;}

.sectionOne{ width: 100%; background: rgba(237,240,246,1); padding: 35.5px 0 0; }
.alltit{ width: 100%; }
.alltit img{ margin: 0 auto; }
.alltit img:nth-child(2){ margin-top: 20px; }
.sectionOne .onemain{ margin-top: 24px; }
.sectionOne .onemain ul{ }
.sectionOne .onemain ul li{ width: 304px; height: 292px; padding-top: 40px; float: left; transition: all 0.4s; }
.sectionOne .onemain ul li:hover{ background: url(../images/pic31.png) no-repeat; background-size: cover; background-position: center; }
.sectionOne .onemain ul li .oneimg01{ margin: 0 auto; width: 64px; height: 64px; }
.sectionOne .onemain ul li .oneimg02{ margin: 0 auto; margin-top: 18px; }
.sectionOne .onemain ul li p{ display: flex; align-items: center;  margin-top: 24px; }
.sectionOne .onemain ul li p img.oneimg03{ margin: 0 auto;  }
.sectionOne .onemain ul li p a.onebtn{ display: none; margin: 0 auto; width: 152px; height: 45px; background: url(../images/pic30.png) no-repeat; background-size: cover; background-position: center; }

.sectionTwo{ padding-top: 40px; padding-bottom: 73px; background: rgba(246,246,246,1);  }
.sectionTwo .twomain{display: flex; justify-content: center; align-items: center; margin-top: 33px; }
.sectionTwo .twomain .twoimg{ width: 1082px; height: 660px; margin: 0 auto }
.sectionTwo .twobtn{width: 360px; height: 76px; margin: 0 auto;  margin-top: 37px;}
.sectionTwo .twobtn>a{display: block; width: 360px; height: 76px; background: url(../images/pic35.png) no-repeat; background-size: 100% 100%; background-position: center; transition: all 0.4s; }
.sectionTwo .twobtn>a:hover{ background: url(../images/pic35-1.png) no-repeat; background-size: 100% 100%; background-position: center; }

.sectionThree{ background: rgba(66,122,240,1); padding: 76px 0 58px; }
.sectionThree .threemain{ margin-top: 40px; }
.sectionThree .threemain .threeitem{ width: 1312px; height: 514px; padding: 44px; margin: 0 auto; background: url(../images/pic703.png) no-repeat; background-size: 100% 100%; background-position: center;}
.sectionThree .threemain .threeitem dl{ overflow: hidden; }
.sectionThree .threemain .threeitem dl dd{ float: left;}
.sectionThree .threemain .threeitem dl dt{ float: right;}
.sectionThree .threemain .threeitem ul{ display: flex; justify-content: space-between; align-items: center; margin-top: 48px; padding: 0 14px; }
.sectionThree .threemain .threeitem ul li{ width: 278px; height: 347px; padding: 34px 17px 23px; background:  url(../images/pic706.png) no-repeat; background-size: 100% 100%; background-position: center;transition: all 0.4s;  }
.sectionThree .threemain .threeitem ul li a{ display: block;}
.sectionThree .threemain .threeitem ul li a img{ margin: 0 auto;  }
.sectionThree .threemain .threeitem ul li a img:nth-child(1){ }
.sectionThree .threemain .threeitem ul li a img:nth-child(2){ margin-top: 23px;}
.sectionThree .threemain .threeitem ul li a img:nth-child(3){ margin-top: 21px; }
.sectionThree .threemain .threeitem ul li:hover{ transform: translateY(-6px); }

.sectionFour{ padding: 74px 0 64px; background: rgba(246,246,246,1); }
.sectionFour .fourmain{ margin-top: 53px; }
.sectionFour .fourmain .fourbg{ width: 100%;}
.sectionFour .fourmain .fourbg>img{ width: 1216px; height: 409px; margin: 0 auto;}
.sectionFour .fourmain .fourbtn{ width: 360px; height: 76px; margin: 0 auto; margin-top: 59px; }
.sectionFour .fourmain .fourbtn a{ display: block; width: 360px; height: 76px; background: url(../images/pic86.png) no-repeat; background-size: 100% 100%; background-position: center; transition: all 0.4s; }
.sectionFour .fourmain .fourbtn a:hover{ background: url(../images/pic86-1.png) no-repeat; background-size: 100% 100%; background-position: center; }

.sectionFive{ padding-top: 62px; width: 100%; height: 894px; background:url(../images/pic91.png) no-repeat; background-size: 100% 100%; background-position: center; }
.sectionFive .fivemain{}
.sectionFive .fivemain .fiveimg01{ width: 1230px; height: 453px; margin: 0 auto; margin-top: 53px; }
.sectionFive .fivemain ul{ width: 1230px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding: 0 80px; }
.sectionFive .fivemain ul li{}
.sectionFive .fivemain ul li .le{}
.sectionFive .fivemain .fivebtn{ width: 360px; height: 76px; margin: 0 auto; display: block;background: url(../images/pic94.png) no-repeat; background-size: 100% 100%; background-position: center;  transition: all 0.4s; margin-top: 70px; }
.sectionFive .fivemain .fivebtn:hover{background: url(../images/pic94-1.png) no-repeat; background-size: 100% 100%; background-position: center;  }

.sectionSix{padding: 76px 0 54px; background: rgba(246,246,246,1);}
.sectionSix .sixmain{ overflow: hidden; display: flex; justify-content:center; align-items: center; margin-top: 90px; }
.sectionSix .sixmain .sixle{ margin-right: 25px; }
.sectionSix .sixmain .sixle dl{ overflow: hidden; display: flex; align-items: center; margin-top:63px; }
.sectionSix .sixmain .sixle dl:first-child{  margin-top: 0; }
.sectionSix .sixmain .sixle dl dd{ float: left;}
.sectionSix .sixmain .sixle dl dt{ float: left; margin-left: 14px;}
.sectionSix .sixbtn{width: 360px; height: 76px; margin: 0 auto; display: block;background: url(../images/pic104.png) no-repeat; background-size: 100% 100%; background-position: center;  transition: all 0.4s; margin-top: 72px;}
.sectionSix .sixbtn:hover{background: url(../images/pic104-1.png) no-repeat; background-size: 100% 100%; background-position: center;  }

.sectionSeven{ width: 100%; height: 623px; padding: 56px 0 120px;background: url(../images/pic119.png) no-repeat; background-size: 100% 100%; background-position: center;}
.sectionSeven .sevenmain{ margin-top: 55px; }
.sectionSeven .sevenmain ul{}
.sectionSeven .sevenmain ul li{ float: left; width: 272px; height: 73px; border-radius: 100px; margin-right: 42px; margin-bottom: 37px; transition: all 0.4s}
.sectionSeven .sevenmain ul li:nth-child(4n){ margin-right: 0;}
.sectionSeven .sevenmain ul li a{ display: block; width: 100%; height: 100%;}
.sectionSeven .sevenmain ul li a img{ display: block; width: 100%; height: 100%;}
.sectionSeven .sevenmain ul li:hover{ transform: translateY(-6px); box-shadow: 10px 5px 20px rgba(0,0,0,0.3) }