@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: 116px; height: 28px; margin: 0 auto; max-width: 100%; margin-top: 20px;  }
.banbt ul li:nth-child(1) a span{background: url(../images/pic04.png) no-repeat; background-size: cover; background-position: center;  }
.banbt ul li:nth-child(2) a span{ background: url(../images/pic06.png) no-repeat; background-size: cover; background-position: center; }
.banbt ul li:nth-child(3) a span{ background: url(../images/pic08.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4) a span{ background: url(../images/pic10.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(255,255,255,0.65) }
.banbt ul li:nth-child(1):hover span{background: url(../images/pic04-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(2):hover span{background: url(../images/pic06-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(3):hover span{background: url(../images/pic08-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4):hover span{background: url(../images/pic10-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: 67px; padding-bottom: 73px; background: rgba(246,246,246,1);  }
.sectionTwo .twomain{margin-top: 33px; }
.sectionTwo .twomain ul{ display: flex; justify-content: center; align-items: center; }
.sectionTwo .twomain ul li{ width: 325px; height:398px;transition: all 0.4s; }
.sectionTwo .twomain ul li a{ display: block;}
.sectionTwo .twomain ul li:hover{ transform: translateY(-6px);}

.sectionThree{ width: 100%; height: 894px; background:url(../images/pic38.png) no-repeat; background-size: 100% 100%; background-position: center; padding: 76px 0 58px; }
.sectionThree .threemain{ margin-top: 40px;  }
.sectionThree .threemain .thrmtop{display: flex; justify-content: space-between; align-items: center; }
.sectionThree .threemain .thrmtop .threele{ }
.sectionThree .threemain .thrmtop .threele .leitem{ float: left; }
.sectionThree .threemain .thrmtop .threele .rgitem{ float: left; margin-left: 18px; margin-top: -5px; }
.sectionThree .threemain .thrmtop .threele .rgitem img{ margin-bottom: 38px; }
.sectionThree .threemain .thrmtop .threerig{}
.sectionThree .threemain .thrbt{ width: 1245px; height: 98px; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: 24px; background: url(../images/pic49.png) no-repeat; background-size: 100%; background-position: center; }
.sectionThree .threemain .thrbt img{ display: block; }
.sectionThree .threemain .threebtn{ display: block; margin: 0 auto; margin-top: 36px; width: 360px; height: 76px; background: url(../images/pic50.png) no-repeat; background-size: 100% 100%; background-position: center; transition: all 0.4s; cursor: pointer; }
.sectionThree .threemain .threebtn:hover{ background: url(../images/pic50-1.png) no-repeat; background-size: 100% 100%; background-position: center; }

.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: 1278px; height: 330px; margin: 0 auto;}
.sectionFour .fourmain .fourlist{ width: 1278px; margin: 0 auto;}
.sectionFour .fourmain .fourlist ul{ overflow: hidden; margin-top: 22px;}
.sectionFour .fourmain .fourlist ul li{ float: left; margin-right: 15px; margin-bottom: 15px; width: 626px; height: 191px; background: url(../images/pic841.png) no-repeat; background-size: 100%; background-position: center; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.sectionFour .fourmain .fourlist ul li:nth-child(2n){ margin-right: 0 }
.sectionFour .fourmain .fourlist ul li .lile{ float: left; width: 86px; height: 86px; display: flex; justify-content: center; align-items: center; }
.sectionFour .fourmain .fourlist ul li .liri{ float: left; margin-left: 12px; }
.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:715px; background:url(../images/pic91.png) no-repeat; background-size: 100% 100%; background-position: center; }
.sectionFive .fivemain{}
.sectionFive .fivemain .fiveimgbox{ display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.sectionFive .fivemain .fiveimg01:nth-child(3){ margin-top: -14px; }
.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 77px; background: rgba(246,246,246,1);}
.sectionSix .sixmain{ overflow: hidden; display: flex; justify-content:center; align-items: center; margin-top: 48px; }
.sectionSix .sixmain .sixrig{ width: 1213px; height: 662px; margin: 0 auto;}
.sectionSix .sixbtn{width: 360px; height: 76px; margin: 0 auto; display: block;background: url(../images/pic98.png) no-repeat; background-size: 100% 100%; background-position: center;  transition: all 0.4s; margin-top: 18px;}
.sectionSix .sixbtn:hover{background: url(../images/pic98-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) }