*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.absl{position: absolute;left: 0;top: 0;}
.abst{position: absolute;left: 0;bottom: 0;}
.absr{position: absolute;right: 0;top: 0;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #2f2f2f;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1000px;margin: 0 auto;}
/*banner*/
.banner{width: 100%;height: 750px;}
.banner .img1{background: url(../img/banner1.jpg) no-repeat top center;width: 100%;height: 750px;display: block;}
.banner .img2{background: url(../img/banner2.jpg) no-repeat top center;width: 100%;height: 750px;display: block;}
.banner .img3{background: url(../img/banner3.jpg) no-repeat top center;width: 100%;height: 750px;display: block;}
.pagination {width: 100%;bottom: 50px;z-index: 99999;text-align: center;position: absolute;}
.swiper-pagination-switch {width:12px;height: 12px;margin: 0 5px;display: inline-block;background: #fff;cursor: pointer;border-radius:100%;}
.swiper-active-switch {background: #fdc33c;}
.banner .navBox{width: 100%;height:100px;z-index: 2;}
.banner .navBox .bg{width: 100%;height: 150px;background:url(../img/bg1.png) no-repeat;}
.banner .navBox i{width: 100%;height: 1px;background: #fff;opacity: 0.2;top: 100px;filter:alpha(opacity=20);}
.banner .navBox .nav{width: 1002px;margin: 0 auto;}
.nav h1{height: 44px;border-left: 3px solid #f7be38;padding-left: 20px;margin: 28px 46px 0 0;}
.nav h1 a{display: block;width:148px;height: 100%;background: url(../img/logo.png) no-repeat;text-indent: -99em;margin-top: 3px;}
.nav ul{margin-top: 42px;font-size: 18px;}
.nav ul a{display: block;width: 100%;height: 100%;color: #fff;}
.nav ul li span{width: 0;height: 2px;background: #f7be38;top: 55px;left: 14%;transition: 0.4s;}
.nav ul li{margin-right: 40px;}
.nav ul li.on span{width: 70%;transition: 0.4s;}
.nav .tel{background: url(../img/tel.png) no-repeat;width: 124px;height: 25px;font-size: 18px;padding-left: 24px;margin-top: 42px;}
.ly-top{width: 1000px;left: 50%;margin-left: -500px;z-index: 2;top: 274px;animation:totop 2.6s infinite linear;}
.ly-top .lyBox{width: 290px;height: 378px;background: #f9f9f9;border-bottom: 4px solid #fdc33c;}
.ly-top .lyBox ul{width: 100%;background: #fdc33c;padding: 30px 0;}
.ly-top .lyBox li{display: inline-block;font-size: 28px;color: #fff;height: 20px;line-height: 14px;}
.ly-top .lyBox .borl{border-left: 2px solid #fc8524;margin-left: 12px;padding-left: 12px;}
#informm{display: block;margin-top: 40px;}
#informm input[type=text]{width: 234px;height: 32px;font-size: 14px;color: #a9a9a9;border: none; border-bottom: 2px solid #e5e5e5;margin-bottom: 24px;}
#getcodee{width: 80px;height: 24px;line-height: 24px;color: #fff;background: #fdc33c;font-size: 12px;right: 28px;cursor: pointer;}
#submsgg{background: url(../img/submit.jpg) no-repeat;width: 244px;height: 40px;border: none;cursor: pointer;}
@keyframes totop{
	0%{
		top:204px;
	}
	25%{
		top:214px;
	}
	50%{
		top: 224px;
	}
	70%{
		top: 214px;
	}
	100%{
		top: 204px;
	}
}
.showBox{width: 100%;background: #f9f9f9;padding: 38px 0;}
.show li{width: 236px;height: 100px;box-shadow: 0px 0px 5px 0px rgb(47,47,47,0.15);border-radius: 2px;margin-right: 20px;}
.show li img{margin: 34px 0 0 36px;}
.show li p{color: #929292;font-size: 16px;text-align: left;margin: 24px 0 0 12px;line-height:28px;transition: 0.4s;}
.show li strong{font-weight: bold;font-size: 18px;}
.show li b{width: 100%;height: 2px;background: #929292;margin-top: 14px;transition: 0.4s;}
#last1{margin-right: -20px;}
.show li.on b{background: #fdc33c;transition: 0.4s;}
.show li.on p{color: #fdc33c;transition: 0.4s;}
#vidbtn{cursor: pointer;}
#video{top: 50%;left: 50%;margin-left: -400px;margin-top: -250px;padding: 20px;z-index: 99999;background: #ffffff;position: fixed;border: 3px solid #000000;border-radius: 5px;display: none;}
#video .close {right: 3px;top: 3px;font-size: 18px;font-weight: bold;color: #ffffff;height: 18px;width: 18px;display: block;cursor: pointer;line-height: 14px;text-align: center;background: #cd1c1e;position: absolute;}


.p1 h2{font-size: 40px;padding: 60px 0 22px;}
.p1 h2 span{color: #fdc33c;}
.p1 .txt{font-size: 24px;}
.p1 .shape{width: 190px;height: 1px;background: #fdc33c;margin: 30px auto;}
.p1 .shape i{width: 114px;height: 3px;top: -1px;left: 50%;margin-left: -57px;background: #fdc33c;}
.p1 .shape b{width: 12px;height: 12px;background: #fdc33c;top: -6px;left:38px;animation: tomove infinite 2s linear;}
.p1 .tabBtn li{background: url(../img/bor1.png) no-repeat;width: 158px;height: 42px;font-size: 20px;line-height: 42px;transition: 0.4s;cursor: pointer;}
.p1 .tabBtn li.on{background: url(../img/bor2.png) no-repeat;color: #fff;transition: 0.4s;}
#li_one{left: 120px;}
#li_two{left: 270px;}
#li_thr{left: 420px;}
#li_fou{left: 570px;}
#li_fiv{left: 720px;}
.p1 .tab{width: 100%;background: url(../img/bg2.jpg) no-repeat;height: 182px;margin-top: 200px;}
.p1 .tab .main{top: -100px;height: 343px;overflow: hidden;}
#swiper2 .clearfix div{width: 500px;height: 330px;background: url(../img/cir.png) no-repeat right bottom #fdc33c;margin-top: 6px;text-align: left;padding-left: 45px;}
#swiper2 h3{font-size: 60px;color: #fedc9d;text-align: right;margin:10px 16px 0 0;}
#swiper2 h4{font-size: 28px;margin-top: -42px;}
#swiper2 b{display: block;width: 26px;height: 2px;background: #fff;margin: 20px 0;}
#swiper2 p{font-size: 20px;color: #fff;line-height: 36px;}
#swiper2 a,.btn{width: 200px;height: 50px;line-height: 50px;color: #fff;display: block;font-size: 26px;background: url(../img/arrow.png) no-repeat 188px center #2f2f2f;padding-left: 20px;margin-top: 16px;}
.p2 h2{padding: 110px 0 0;}
.p2 .list{border: 1px solid #929292;border-radius: 4px;height: 564px;background: url(../img/list.png) no-repeat;}
.p2 .list .abst{width: 22px;height: 78px;bottom: 118px;left: 101px;}
.p2 .list .abst b{width: 100%;height: 0;background: linear-gradient(to bottom,#fda43c,#fdac3c);position: absolute;left: 0;bottom: 0;border-radius: 30px;transition: 1s;}
.p2 .list i{background: url(../img/line.png) repeat;width: 22px;}
.p2 .list .line2{left: 134px;height: 96px;}
.p2 .list .line3{left: 167px;height: 86px;}
.p2 .list .line4{left: 200px;height: 88px;}
.p2 .list .line5{left: 233px;height: 108px;}
.p2 .list .line6{left: 266px;height: 118px;}
.p2 .list .line7{left: 299px;height: 128px;}
.p2 .list .line8{left: 332px;height: 128px;}
.p2 .list .line9{left: 364px;height: 188px;}
.p2 .list .line10{left: 397px;height: 196px;}
.p2 .list .line11{left: 430px;height: 176px;}
.p2 .list .line12{left: 463px;height: 198px;}
.p2 .list .line13{left: 496px;height: 224px;}
.p2 .list .line14{left: 529px;height: 238px;}
.p2 .list .line15{left: 561px;height: 258px;}
.p2 .list .line16{left: 594px;height: 238px;}
.p2 .list .line17{left: 628px;height: 228px;}
.p2 .list .line18{left: 660px;height: 238px;}
.p2 .list .line19{left: 694px;height: 278px;}
.p2 .list .line20{left: 726px;height: 248px;}
.p2 .list .line21{left: 759px;height: 288px;}
.p2 .list .line22{left: 791px;height: 318px;}
.p2 .list .line23{left: 825px;height: 320px;}
.p2 .list .line24{left: 858px;height:308px;}
.p2 .list .line25{left: 891px;height: 328px;}
.p2 .list .line26{left: 923px;height:368px;}
.p2 .list .line2 i{height: 97px;}
.p2 .list .line4 i{height: 87px;}
.p2 .list .line6 i{height: 117px;}
.p2 .list .line8 i{height: 117px;}
.p2 .list .line10 i{height: 195px;}
.p2 .list .line12 i{height: 198px;}
.p2 .list .line14 i{height: 238px;}
.p2 .list .line16 i{height: 238px;}
.p2 .list .line18 i{height: 238px;}
.p2 .list .line20 i{height: 248px;}
.p2 .list .line22 i{height: 318px;}
.p2 .list .line24 i{height: 308px;}
.p2 .list .line26 i{height: 368px;}
.p2 ul {margin-left: 96px;}
.p2 ul li{font-size: 16px;margin-top: 478px;margin-right: 10px;}
.p2 ul li a{display: block; width: 160px;height: 28px;background: #fdc33c;line-height: 28px;color: #fff;border-radius: 30px;font-size: 14px;margin-top: 14px;}
.btn{text-align: left;margin: 40px auto;}
@keyframes tomove{
	0%{
		left:38px;
	}
	50%{
		left:140px;
	}
	100%{
		left: 38px;
	}
}
.adv{height: 150px;border: 1px solid #fff;}
.adv .bg{background: url(../img/bg3.png) no-repeat;height: 150px;width: 1324px;right: 134px;}
.adv .btn{width: 160px;color: #fff;background: url(../img/arrow.png) no-repeat 150px center #fdc33c;margin-left:748px;margin-top: 58px;padding-left: 30px;animation:totop2 2s infinite linear;}
.adv p{font-size: 24px;color: #fff;text-align: right;line-height: 44px;left: 76px;top: 34px;}
@keyframes totop2{
	0%{
		margin-top: 48px;
	}
	25%{
		margin-top: 58px;
	}
	50%{
		margin-top: 68px;
	}
	70%{
		margin-top: 58px;
	}
	100%{
		margin-top: 48px;
	}
}
.p3 .main{background: url(../img/bg4.jpg) no-repeat;height: 278px;margin-top: 60px;padding: 42px 0 0 136px;width: 864px;}
.p3 ul li{width: 240px;height: 120px;background: #fff;margin-right: 2px;margin-bottom: 2px;overflow: hidden;}
.p3 ul li img{margin-top: 18px;}
.p3 ul li em{display: block;width: 10px;height: 2px;background: #929292;margin: 8px auto;}
.p3 ul li p{font-size: 20px;}
.p3 ul li h3{width: 100%;height: 100%;background: #fdc33c;top: 120px;transition: 0.4s;}
.p3 ul li h3 em{background: #fff;}
.p3 ul li h3 p{color: #fff;}
.p3 ul li.on h3{top: 0px;transition: 0.4s;}
.p3 .btn{width: 324px;background: url(../img/arrow.png) no-repeat 318px center #2f2f2f;padding-left: 36px;}

.p4{background: #f9f9f9;}
.p4 .main{margin-top: 92px;}
.p4 .main .abst{bottom: -72px;left: 48px;cursor: pointer;}
.p4 .main img.sec{left: 88px;}
.p4 .left{width: 164px;}
.p4 h3{font-size: 36px;}
.p4 h4{font-size: 16px;color: #dbdbdb;margin: -12px 0 44px;}
.p4 .mid{right: 172px;top: -42px;}
.p4 .mid,.p4 .mid .bg{width: 665px;height: 460px;overflow: hidden;}
.p4 .mid .bg{background: url(../img/bg5.png) no-repeat;text-align: left;padding-left: 36px;width: 630px;position: relative;}
.p4 .mid .bg .tit{font-size: 24px;color: #fdc33c;margin-bottom:40px;padding-top: 42px;}
.p4 .txtbtn{margin-bottom: 28px;width: 354px;cursor: pointer;}
.p4 .bg3 .txtbtn{margin-bottom: 18px;}
.p4 .txtbtn i{background: url(../img/arrow1.png) no-repeat;width: 20px;height: 18px;}
.p4 .txtbtn p{font-size: 20px;color: #fff;line-height: 18px;margin-right: 4px;background: url(../img/arrow3.png) no-repeat right 8px;width: 176px;}
.p4 .txtbtn p.sec{width: 156px;}
.p4 .txtbtn p.thr{width: 196px;}
.p4 .txtbtn.on i{background: url(../img/arrow2.png) no-repeat;}
.p4 .txtbtn.on p{color: #fdc33c;background: url(../img/arrow4.png) no-repeat right 8px;}
.p4 .txtbtn .dis{width: 348px;border: 1px solid #fdc33c;font-size: 16px;margin-top: 12px;display: none;padding: 12px 0;}
.p4 .txtbtn .dis b{width: 100%;height: 100%;background: #2f2f2f;opacity: 0.9;filter:alpha(opacity=90);}
.p4 .txtbtn .dis strong{color: #fff;padding: 0px 0 0 14px;display: block;}
.p4 .txtbtn.on .dis{display: block;}
.p4 .right{right: 0px;top: 20px;width: 370px;height: 320px;z-index: 2;color: #fff;overflow: hidden;}
.p4 .right li{background: url(../img/arrow5.png) no-repeat;width: 100%;height: 100%;top: 320px;transition: 0.6s;}
.p4 .right h5{font-size: 30px;padding: 20px 0 8px;}
.p4 .right .tit1{font-size: 16px;width: 300px;border-bottom: 2px solid #fff;padding-bottom: 20px;margin: 0 auto 8px;}
.p4 .right li.show{top: 0px;transition: 0.6s;}
.p4 .right .tit2{text-align: justify;width: 322px;margin-left: 30px;line-height: 24px;font-size: 16px;}
.p4 .right .tit2 em{left: -16px;}
#li_sec .tit2,#li_last .tit2{line-height: 30px;margin-left: 48px;}
.p4 .bg2 .txtbtn{margin-bottom: 16px;}
.p4 .bg2 .txtbtn .wid1{width: 98px;}
.p4 .p4bg{background: url(../img/bg6.jpg) no-repeat;height: 620px;width: 100%;margin-top: 118px;overflow: hidden;}
.p4 .p4bg .main{margin-top: 40px;}
.p4bg .left{width: 170px;top: 64px;}
.p4bg .left img{top: 80px;}
.p4bg .mid{top: 0;}
.p4bg .mid .bg{background: url(../img/bg7.jpg) no-repeat;padding-left: 0px;padding-right: 36px;}
.p4bg .mid .bg .tit{text-align: right;margin-bottom: 24px;}
.p4bg .txtbtn{margin-left: 356px;}
.p4bg .bg2 .txtbtn{margin-left: 456px;}
.p4bg .txtbtn .widp{width: 154px;}
.p4bg .txtbtn p{background: url(../img/arrow3.png) no-repeat left 8px;text-align: right;width: 252px;}
.p4bg .txtbtn .dis{left: -78px;}
.p4bg .bg2 .txtbtn .dis{left: -176px;}
.p4bg .txtbtn .dis strong{padding: 0 14px;text-align: justify;}
.p4bg .txtbtn.on p{background: url(../img/arrow4.png) no-repeat left 8px;}
#pree,#nextt{top: 364px;right: 60px;cursor: pointer;}
#pree{right: 100px;}
.p4bg .right{top: 50px;}
.p4bg .right li{background: url(../img/arrow7.png) no-repeat;}
#cir{margin: 32px 0 22px}
.p4bg .right h6{font-weight: normal;font-size: 18px;color: #fff;}
.p4bg .right .lineh{font-size: 14px;line-height: 22px;}
.p4bg .right .marl{margin-left: 56px;margin-top: 10px;}
#li_wid h6{padding: 0 30px;}
#li_wid img{margin: 18px 0 16px;}
.p4bg .btn{margin-top: 516px;width: 248px;background: url(../img/arrow.png) no-repeat 242px center #fdc33c;}
.p5 ul li{width: 210px;height: 270px;box-shadow: 0px 0px 5px 0 rgba(47,47,47,0.1);overflow: hidden;margin-right: 50px;}
.p5 ul li h3{height: 174px;font-size: 24px;font-weight: normal;text-align: left;padding-left: 20px;width: 190px;transition: 0.4s;}
.p5 li h3 em{background: url(../img/cir4.png) no-repeat;width: 100%;height: 10px;top: -10px;transition: 0.4s;}
.p5 li h3 b{width: 28px;height: 3px;background: #2f2f2f;display: block;margin-top: 16px;transition: 0.4s;}
.p5 li .title1{padding-top: 24px;transition: 0.4s;}
.p5 li .title2{font-size: 18px;margin-top: 32px;}
.p5 ul li img{margin-top: 0px;transition: 0.4s;}
.p5 li.on .title1{padding-top: 40px;transition: 0.4s;color: #fff;}
.p5 li.on .title2{transition: 0.4s;color: #fff;}
.p5 ul li.on img{margin-top: -60px;transition: 0.4s;}
.p5 ul li.on h3{background: #fdc33c;transition: 0.4s;}
.p5 li.on h3 em{background: url(../img/cir3.png) no-repeat;transition: 0.4s;}
.p5 li.on h3 b{background: #fff;transition: 0.4s;}
#marr,#marrr,#last2{margin-right: -50px;}
.p5 .btn{margin:56px auto 0px;}
.p6{width: 100%; background: url(../img/bg8.jpg) no-repeat;height:704px;}
.p6 .main{width: 1000px;padding-top: 76px;}
#nexttt{width: 230px;height: 60px;color: #fff;font-size: 20px;text-align: left;line-height: 60px;padding-left: 20px;background: url(../img/arrow8.png) no-repeat 218px center #fdc33c;}
.p6 .table{height: 430px;padding-top: 0;overflow: hidden;}
.p6 .table .tcon{width: 250px;height: 430px;}
.p6 .table .tcon h3{font-size: 18px;color: #fff;font-weight: normal;text-align: left;padding-left: 24px;padding-top: 18px;line-height: 28px;}
.p6 .table .tcon em{width: 15px;height: 2px;background: #fff;display: block;margin:16px 0 0 24px;}
.p6 .table .tcon h4{height: 106px;width: 100%;font-weight: normal;bottom: -106px;}
.p6 .tcon h4 i{width: 100%;height: 100%;background: #fdc33c;opacity: 0.9;filter:alpha(opacity=90);}
.p6 .tcon h4 p{font-size: 16px;color: #fff;text-align: justify;padding: 10px 14px 0;}
#swiper5 .swiper-slide-active h4{bottom: 0;transition: 0.6s;}
.p6 .btn{width: 146px;background: url(../img/arrow.png) no-repeat 140px center #2f2f2f;}
.p7{background: #f9f9f9;}
.p7 .main{height:506px;margin-top: 40px;}
.p7 .main li{margin-right: 52px;overflow: hidden;height: 228px;margin-bottom: 28px;}
.p7 .main h3{font-weight: normal;font-size: 24px;margin-top: 16px;z-index: 999;transition: 0.4s;}
.p7 .main img{box-shadow: 0px 0px 5px 0px rgba(47,47,47,0.1);}
.p7 .main h4,.p7 .main h4 em{width: 300px;height: 180px;font-weight: normal;}
.p7 .main h4 em{background: #2f2f2f;opacity: 0.9;filter:alpha(opacity=90);}
.p7 .main h4 a{width: 130px;height: 36px;line-height: 36px;color: #fff;background: #fdc33c;display: block;margin:156px auto;font-size: 20px;}
.p7 .main li h4{top: -194px;transition: 0.4s;}
.p7 .main li.on h3{color: #fff;margin-top: -104px;transition: 0.4s;}
.p7 .main li.on h4{top: 0px;transition: 0.4s;}
.p7 .btn{width: 176px;background: url(../img/arrow.png) no-repeat 168px center #2f2f2f;}
.foot{font-size: 14px;padding: 30px 0 168px;color: #2F2F2F;background: #f9f9f9;}
.ly-bot{width: 100%;height: 120px;background: url(../img/bg9.jpg) no-repeat;position: fixed;bottom: 0;left: 0;z-index: 999;display: none;}
.ly-bot img{top: -68px;}
.ly-bot form{margin:20px 0 0 240px;width: 466px;}
.ly-bot form input[type=text]{border: none; border-bottom: 2px solid #e5e5e5;background: none;font-size: 12px;color: #fff;height: 24px;margin-right: 40px;margin-bottom:22px;width: 193px;font-weight: bold;}
#getcode{width: 80px;height: 24px;background: #fdc33c;line-height: 24px;color: #fff;font-size: 12px;right: 40px;top: 6px;cursor: pointer;}
#phoneCode{margin-top: 14px;}
#submsg{background: url(../img/btn.jpg) no-repeat;width: 193px;height: 40px;border: none;cursor: pointer;}
.ly-bot form input::-webkit-input-placeholder { color:#fff;}
.ly-bot form input:-moz-placeholder { color:#fff;}
.ly-bot form input::-moz-placeholder{ color:#fff;}
.ly-bot form input:-ms-input-placeholder { color:#fff;}
