@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: 1360px	; 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-1.png) no-repeat; background-size: cover; background-position: center;  }
.banbt ul li:nth-child(2) a span{ background: url(../images/pic06-1.png) no-repeat; background-size: cover; background-position: center; }
.banbt ul li:nth-child(3) a span{ background: url(../images/pic08-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4) a span{ background: url(../images/pic10-1.png) no-repeat; background-size: cover; background-position: center; }
.banbt ul li:hover{ background: rgba(255,255,255,1) }
.banbt ul li:nth-child(1):hover span{background: url(../images/pic04.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(2):hover span{background: url(../images/pic06.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(3):hover span{background: url(../images/pic08.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4):hover span{background: url(../images/pic10.png) no-repeat; background-size: cover; background-position: center;}

.banbt ul li a i{ display: block; margin: 0 auto; width: 122px; height: 20px; max-width: 100%;   margin-top: 18px; }
.banbt ul li:nth-child(1) a i{background: url(../images/pic05.png) no-repeat; background-size: cover; background-position: center;  }
.banbt ul li:nth-child(2) a i{ background: url(../images/pic07.png) no-repeat; background-size: cover; background-position: center; }
.banbt ul li:nth-child(3) a i{ background: url(../images/pic09.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4) a i{ background: url(../images/pic11.png) no-repeat; background-size: cover; background-position: center; }
.banbt ul li:nth-child(1):hover i{background: url(../images/pic05-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(2):hover i{background: url(../images/pic07-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(3):hover i{background: url(../images/pic09-1.png) no-repeat; background-size: cover; background-position: center;}
.banbt ul li:nth-child(4):hover i{background: url(../images/pic11-1.png) no-repeat; background-size: cover; background-position: center;}



.sectionOne{ width: 100%; background: rgba(246,240,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{ padding-top: 67px; padding-bottom: 73px; background: rgba(251,130,51,1);  }
.sectionTwo .twomain{width: 1242px; margin: 0 auto; margin-top: 40px;  }
.sectionTwo .twomain ul{overflow: hidden; }
.sectionTwo .twomain ul li{ float: left; width: 406px; height:270px;transition: all 0.4s; margin-right:12px; margin-bottom: 14px; }
.sectionTwo .twomain ul li:nth-child(3n){ margin-right:0;}
.sectionTwo .twomain ul li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.sectionTwo .twomain ul li a span{ display: block; width: 100%; height: 100%;}
.sectionTwo .twomain ul li a i{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 110%; transition: all 0.4s; }
.sectionTwo .twomain ul li:nth-child(1) a span{background: url(../images/pic33.png) no-repeat; background-size: cover; background-position: center;  }
.sectionTwo .twomain ul li:nth-child(2) a span{ background: url(../images/pic34.png) no-repeat; background-size: cover; background-position: center; }
.sectionTwo .twomain ul li:nth-child(3) a span{ background: url(../images/pic35.png) no-repeat; background-size: cover; background-position: center;}
.sectionTwo .twomain ul li:nth-child(4) a span{ background: url(../images/pic36.png) no-repeat; background-size: cover; background-position: center; }
.sectionTwo .twomain ul li:nth-child(5) a span{ background: url(../images/pic37.png) no-repeat; background-size: cover; background-position: center;}
.sectionTwo .twomain ul li:nth-child(6) a span{ background: url(../images/pic38.png) no-repeat; background-size: cover; background-position: center; }
.sectionTwo .twomain ul li:nth-child(1) a i{background: url(../images/pic33-1.png) no-repeat; background-size: cover; background-position: center;  }
.sectionTwo .twomain ul li:nth-child(2) a i{ background: url(../images/pic34-1.png) no-repeat; background-size: cover; background-position: center; }
.sectionTwo .twomain ul li:nth-child(3) a i{ background: url(../images/pic35-1.png) no-repeat; background-size: cover; background-position: center;}
.sectionTwo .twomain ul li:nth-child(4) a i{ background: url(../images/pic36-1.png) no-repeat; background-size: cover; background-position: center; }
.sectionTwo .twomain ul li:nth-child(5) a i{ background: url(../images/pic37-1.png) no-repeat; background-size: cover; background-position: center;}
.sectionTwo .twomain ul li:nth-child(6) a i{ background: url(../images/pic38-1.png) no-repeat; background-size: cover; background-position: center; }
.sectionTwo .twomain ul li:hover a i{top: 0;}
.sectionTwo .twomain ul li:nth-child(2):hover a i{top: 110%;}

.sectionThree{ width: 100%; height: 650px; background:url(../images/pic45.png) rgba(246,246,246,1) no-repeat; background-size:contain; background-position:bottom center; padding: 60px 0 94px; }
.sectionThree .threemain{}
.sectionThree .threemain .thrmtop{ margin-top: 78px; }
.sectionThree .threemain .thrmtop img{ margin: 0 auto; margin-bottom: 22px; }
.sectionThree .threemain .thrbt{width: 1249px; margin: 0 auto;margin-top: 26px;  }
.sectionThree .threemain .thrbt a{ float: left; display: block; width: 620px; height: 216px; margin: 0 auto; margin-right: 9px; transition: all 0.6s; }
.sectionThree .threemain .thrbt a:last-child{ margin-right: 0; }
.sectionThree .threemain .thrbt a img{ display: block; width: 100%; height: 100%; margin: 0 auto; }
.sectionThree .threemain .thrbt a:hover{ transform: translateY(10px); opacity: 0.8}

.sectionFour{ padding: 45px 0 50px; background: rgba(251,130,51,1); }
.sectionFour .alltit{}
.sectionFour .alltit img{ display: block; margin: 0 auto; margin-top: 21px; }
.sectionFour .fourmain{ margin-top: 39px; display: flex; justify-content: center; }
.sectionFour .fourmain .fourbox{display: flex; justify-content:  space-around; width: 1253px; }
.sectionFour .fourmain .fourbox a{ display: block;width: 305px; height: 497px; position: relative;}
.sectionFour .fourmain .fourbox a img{ display: block;}
.sectionFour .fourmain .fourbox a span{ position: absolute; display: block; width: 183px; height: 60px; left: 50%; margin-left: -91.5px; bottom:35px; background: url(../images/pic52.png) no-repeat; background-size: 100% 100%; background-position: center;  transition: all 0.6s;  }
.sectionFour .fourmain .fourbox a span:hover{transform: translateY(6px); opacity: 0.8}

.sectionFive{ padding-top: 76px; width: 100%; background:rgba(246,246,246,1); }
.sectionFive .fivemain{ width: 100%; height: 1000px; margin: 0 auto;position: relative; margin-top: -25px; }
.sectionFive .fivemain .fivebg{ width: 989px; height: 989px; position: absolute; left: 5%; top: 0; background: url(../images/pic55.png) no-repeat; background-size: cover; background-position: center; }
.sectionFive .fivemain .fiveimgbox{ position: absolute; left:30%; ; top: 25px; }
.sectionFive .fivemain .fiveimgbox a{ display: block; margin-top: 55px;}
.sectionFive .fivemain .fiveimgbox a img{  transition: all 0.6s; }
.sectionFive .fivemain .fiveimgbox a:nth-child(1) img{ margin-left:0; }
.sectionFive .fivemain .fiveimgbox a:nth-child(2) img{ margin-left:348px; }
.sectionFive .fivemain .fiveimgbox a:nth-child(3) img{ margin-left:449px; }
.sectionFive .fivemain .fiveimgbox a:nth-child(4) img{ margin-left:279px; }
.sectionFive .fivemain .fiveimgbox a:nth-child(5) img{ margin-left:61px; }
.sectionFive .fivemain .fiveimgbox a:hover img{transform: translateY(6px);}


.sectionSix{ background: rgba(246,246,246,1); margin-top: -55px; padding-bottom: 64px}
.sectionSix .sixmain{ width: 1335px; height: 491px; margin: 0 auto; margin-top: 92px; background: url(../images/pic63.png) no-repeat; background-size: 100% 100%; background-position: center; }
.sectionSix .sixmain .siximgbox{ position: relative; width: 100%; height: 100%; }
.sectionSix .sixmain .siximgbox img{ display: block; width: 100%; height: 100%; position: absolute; }
.sectionSix .sixmain .siximgbox img:nth-child(1){ width: 149px; height: 69px; left:215px ; top:39px ;  animation: scaMo 3s linear infinite;  }
.sectionSix .sixmain .siximgbox img:nth-child(2){ width: 260px; height: 122px; left:705px ; top:27px ;  animation: scbMo 3s linear infinite; }
.sectionSix .sixmain .siximgbox img:nth-child(3){ width: 135px; height: 63px; right:97px ; top:50px ;   animation: scaMo 3s linear infinite; }
.sectionSix .sixmain .siximgbox img:nth-child(4){ width: 170px; height: 79px; left:61px ; top:199px ; animation: scbMo 3s linear infinite; }
.sectionSix .sixmain .siximgbox img:nth-child(5){ width: 189px; height: 87px; left:356px ; top:163px ;   animation: scaMo 3s linear infinite; }
.sectionSix .sixmain .siximgbox img:nth-child(6){ width: 163px; height: 77px; right:324px ; top:212px ;animation: scbMo 3s linear infinite;   }
.sectionSix .sixmain .siximgbox img:nth-child(7){ width: 197px; height: 92px; right:20px ; top:188px ;   animation: scaMo 3s linear infinite; }
.sectionSix .sixmain .siximgbox img:nth-child(8){ width: 133px; height: 62px; left:260px ; bottom:88px ;animation: scbMo 3s linear infinite;  }
.sectionSix .sixmain .siximgbox img:nth-child(9){ width: 255px; height: 118px; left:540px ; bottom:20px ;  animation: scaMo 3s linear infinite;  }
.sectionSix .sixmain .siximgbox img:nth-child(10){ width: 142px; height: 66px; right:150px ; bottom:88px ;animation: scbMo 3s linear infinite;  }

@keyframes scaMo {
	0% {
		opacity: 0.5;
		transform: scale(1.1);
	}
	50%{
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0.5;
		transform: scale(1.1);
	}
}
@keyframes scbMo {
	0% {
		opacity: 0.5;
		transform: scale(0.9);
	}
	50%{
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0.5;
		transform: scale(0.9);
	}
}

.sectionSeven{ width: 100%; padding: 60px 0 79px;background: rgba(251,130,51,1);}
.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) }
.sectionFive .fivemain .fivebg.on{ left: -8%; }
.sectionFive .fivemain .fiveimgbox.on{ left: 28%; }