@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: 1306px; 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: 29px; 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(198,153,152,1) }
.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(249,232,236,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{ margin-top: 40px; }
.sectionTwo .twomain{display: flex; justify-content: center; align-items: center; margin-top: 33px; }
.sectionTwo .twomain .twoleft{ margin-right: 84px; }
.sectionTwo .twomain .twoleft>img{ width: 709px; height: 417px;}
.sectionTwo .twomain .tworight{ float: left; width: 403px; height: 580px; background: url(../images/pic35.png) no-repeat; background-size: 100% 100%; background-position: center; padding: 38px 28px 38px 32px;  }
.sectionTwo .twomain .tworight .twoimg01{ margin: 0 auto }
.sectionTwo .twomain .tworight .twoimg02{ margin-left: 217px; margin-top: 10px; }
.sectionTwo .twomain .tworight ul{ overflow: hidden; margin-top: 7px; }
.sectionTwo .twomain .tworight ul li{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 19px;}
.sectionTwo .twomain .tworight ul li>img.liimg01{ margin-right: 7px;}
.sectionTwo .twomain .tworight ul li>img.liimg02{ margin-right: 8px;}
.sectionTwo .twomain .tworight ul li>img.liimg03{ margin-right: 13px;}
.sectionTwo .twomain .tworight ul li>img.liimg04{ margin-right: 13px;}
.sectionTwo .twomain .tworight ul li>img.liimg05{ cursor: pointer;}
.sectionTwo .twomain .tworight ul li>a img.liimg05:hover{ transform: translateY(1px); }
.sectionTwo .pic70{ margin-top: 37px; width: 100%; }
.sectionTwo .pic70>img{ margin:0 auto }

.sectionThree{ margin-top: 73px; background: #ee0000; padding: 66px 0 58px; }
.sectionThree .threemain{ margin-top: 40px; }
.sectionThree .threemain ul{ display: flex; justify-content: space-between; align-items: center; }
.sectionThree .threemain ul li{ width: 406px; height: 488px; padding: 50px 38px 56px; background: url(../images/pic81.png) no-repeat; background-size: 100% 100%; background-position: center;}
.sectionThree .threemain ul li img:nth-child(1){ margin: 0 auto }
.sectionThree .threemain ul li img:nth-child(2){ margin: 0 auto; margin-top: 20px; }
.sectionThree .threemain ul li img:nth-child(3){ margin: 0 auto;margin-top: 25px; width: 100%; }
.sectionThree .threemain ul li a{ display: block; width: 191px; height: 58px; margin: 0 auto; background: url(../images/pic76.png) no-repeat; background-size: 100% 100%; background-position: center; transition: all 0.4s; margin-top: 47px; }
.sectionThree .threemain ul li a:hover{background: url(../images/pic76-1.png) no-repeat; background-size: cover; background-position: center;}

.sectionFour{ padding: 74px 0 64px; background: rgba(246,246,246,1); }
.sectionFour .fourmain{ margin-top: -34px; }
.sectionFour .fourmain .fourbg{ width: 100%; background: url(../images/pic85.png) no-repeat; background-size: 100% 588px; background-position: center; }
.sectionFour .fourmain .fourbg>img{ width: 1083px; height: 923px; margin: 0 auto; padding-top: 100px;}
.sectionFour .fourmain .fourbtn{ width: 360px; height: 76px; margin: 0 auto; }
.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: 62px 0 50px; background: rgba(237,0,0,1); }
.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: 72px; }
.sectionFive .fivemain ul li{overflow: hidden;}
.sectionFive .fivemain ul li .le{ float: left;}
.sectionFive .fivemain ul li .ri{ float: left; margin-left: 12px;}
.sectionFive .fivemain ul li .ri img:nth-child(2){ margin-top: 28px;}
.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: 47px; }
.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: 106px; }
.sectionSix .sixmain .sixle dl{ overflow: hidden; display: flex; align-items: center; margin-top: 76px; }
.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: 18px;}
.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) }






























