*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong,h2,h3,h4,h5,h6{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;}
.al{position: absolute;left: 0;top: 0;}
.ar{position: absolute;right: 0;top: 0;}
.alt{position: absolute;left: 0;bottom: 0;}
.art{position: absolute;right: 0;bottom: 0;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #293042;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1000px;margin: 0 auto;}


.header{
	width: 100%;
	height: 94px;
	background: #222;
}
.header h1 a{
	width: 118px;
	height: 36px;
	background: url(../img/logo.png) no-repeat;
	display: block;
	margin-top: 30px;
	text-indent: -99em;
}
.header .main div{
	height: 25px;
	border-left: 1px solid #fff;
	padding-left: 18px;
	margin: 38px 0 0 20px;
}
.header p{
	font-size: 20px;
	color: #fff;
}
.header li{
	padding: 0 15px;	
	font-size: 20px;
	border-right: 1px solid #fff;
	margin-top: 38px;
	height: 20px;
	line-height: 15px;
}
.header li a{
	color: #fff;
}
#fir{
	border-left: 1px solid #fff;
}
.banner{
	width: 100%;
	height: 500px;
}
.banner .img1{
	background: url(../img/banner1.jpg) no-repeat top center;
	width: 100%;
	height: 500px;
	display: block;
}
.banner .img2{
	background: url(../img/banner2.jpg) no-repeat top center;
	width: 100%;
	height: 500px;
	display: block;
}
.p1 h2{
	font-size: 36px;
	color: #222;
	padding: 50px 0;
}

.p1 .main1{
	width: 942px;
}
.p1 .main1 li{
	width: 252px;
	height: 252px;
	background: #e87a2b;
	border-radius: 100%;
	margin-right: 92px;
}
#last{
	margin-right: -92px;
}
.p1 .main1 li p{
	font-size: 18px;
	color: #fff;
	padding-top: 30px;
}
.p1 .main1 li h3{
	width: 160px;
	height: 160px;
	background: #fff;
	border-radius: 100%;
	line-height: 160px;
	font-size: 85px;
	color: #e66b14;
	font-weight: bold;
	left: 50%;
	margin-left: -80px;
}
.p1 .main1 li.on h3{
	transform: rotateY(360deg);
	transition: 1s;
}
.p2 .main{
	background: url(../img/bor1.png) no-repeat center 10px;
}
.p2 .main div{
	width: 478px;
	height: 410px;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	box-shadow: 0px 2px 2px 0px rgb(34,34,34,0.1);
}
.p2 .main h3{
	width: 478px;
	height: 80px;
	background: #e66b14;
	font-size: 24px;
	color: #fff;
	line-height: 94px;
	margin-bottom: 26px;
}
.p2 .main .fr{
	margin-top: 40px;
}
.p2 .main .fr h3{
	background: #333;
	margin-bottom: 20px;
}
.p2 .main ul{
	margin-left: 36px;
	width: 460px;
}
.p2 .main li{
	width: 178px;
	height: 54px;
	background: #f5f4f4;
	border-radius:6px;
	margin-right: 52px;
	margin-bottom: 26px;
}
.p2 .main li h4{
	font-size: 20px;
	color: #5e5e5e;
	width: 120px;
	border-bottom: 1px solid #e66b3b;
	padding-bottom: 7px;
	margin: 6px auto 0;
}
.p2 .main li span{
	width: 6px;
	height: 6px;
	border-radius: 100%;
	right: 8px;
	top: 8px;
	background: #e66b3b;
}
.p2 .main li .alt{
	left:50%;
	margin-left: -16px;
	bottom: -15px;
}
.p2 .main li .al{
	left:50%;
	margin-left: -16px;
	top: -15px;
}
.btn{
	width: 312px;
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	color: #fff;
	display: block;
	background: #e66b3b;
	border-radius: 30px;
	margin: 50px auto;
}

.p3,.p11{
	background: #f5f5f5;
	padding-bottom: 1px;
}
.p3 .main{
	background: #fff;
	height: 497px;
	padding-top: 30px;
}
.p3 .top{
	width: 100%;
	height: 94px;
	background: url(../img/line.png) no-repeat left bottom;
	color: 5e5e5e;
	font-size: 16px;	
}
.p3 .top strong{
	font-size: 36px;
	font-weight: bold;
}
.p3 .top li{
	padding: 0 40px;	
	border-right: 1px solid #5e5e5e;
}

.p3 .top li.fir{
	margin-left: 4px;
	border-left: 1px solid #5e5e5e;
}
.p3 .top li.thr{
	padding-right: 236px;
	margin-left: 200px;
}
.p3 .mid{
	margin-left: 12px;
	margin-top: 60px;
	box-shadow: 0px 2px 2px 0px rgb(34,34,34,0.1);
}
.p3 .mid li.odd{
	background: url(../img/bg.jpg) no-repeat;
	width: 180px;
	height: 240px;
	color: #fff;
}
.p3 .mid li.odd2{
	margin-right: 1px;
}
.p3 .mid li.odd3{
	margin-right: 2px;
}
.p3 .mid h3{
	font-size: 48px;	
	font-weight: bold;
	width: 140px;
	padding: 16px 0;
	background: #e96d27;
	margin: -34px auto;
}

.p3 .mid h4{
	text-align: left;
	margin-left: 18px;
}
.p3 .mid .txt1{
	font-size: 30px;
	margin: 48px 0 20px;
}
.p3 .mid i{
	width: 40px;
	height: 3px;
	background: #fff;
	display: block;
}
.p3 .mid .txt2{
	font-size: 18px;
	line-height: 32px;
	margin-top: 12px;
}

.p3 .mid li.even{
	margin: -48px 8px;
}

.p3 .bot{
	margin: 36px 0 0 130px;
	color: #5e5e5e;
}
.p3 .bot p{
	font-size: 16px;	
	margin:0 42px;
}
.p3 .bot h3{
	background: url(../img/com.png) no-repeat;
	width: 52px;
	height: 40px;
	font-size: 10px;
	line-height: 32px;
	margin-top: 5px;
}

.p4 .btn,.p7 .btn{
	margin-bottom: 0;
}
.p5 .main .left{
	width: 58px;
	height: 532px;
	border: 1px solid #333;
}
#pre{
	margin-top: 72px;
}
.p5 .left div{
	width: 1px;
	height: 340px;
	background: #5e5e5e;
	margin: 20px auto;
}
.p5 .left div i{
	width: 5px;
	height: 50px;
	background: #e66b14;
	left: -2px;
	animation: totop 2s linear infinite;
}
.p5 .left img{
	cursor: pointer;
}
.p5 .right{
	width: 918px;
	height: 552px;
	margin-top: -15px;
	overflow: hidden;
}
.p6{
	background: url(../img/bg2.jpg) no-repeat;
	height: 1009px;
	color: #fff;
}
.p6 h2,.p9 h2{
	color: #fff;
}

.p6 .main{
	height: 726px;	
}
.p6 .main .rel{
	width: 365px;
	height: 365px;
	left: 320px;
	top: 180px;	
}
.p6 .main em,.p6 .main i{
	width: 100%;
	height: 100%;	
}
.p6 .main i{
	background: url(../img/cir1.png) no-repeat;
}
.p6 .main .fir{
	background: url(../img/cir2.png) no-repeat;
	animation:roll1 2.2s linear infinite;
}
.p6 .main .sec{
	background: url(../img/cir3.png) no-repeat;
	animation:roll2 2.2s linear infinite;
}
.p6 .main .thr{
	background: url(../img/cir4.png) no-repeat;
	animation:roll3 2.2s linear infinite;	
}
.p6 .main .al1{
	background: url(../img/bor2.png) no-repeat;
	width: 385px;
	height: 150px;
	top: 34px;
}
.p6 .main .al2{
	background: url(../img/bor4.png) no-repeat;
	width: 393px;
	height: 141px;
	top: 240px;
	left: -108px;
}
.p6 .main .al3{
	background: url(../img/bor6.png) no-repeat;
	width: 364px;
	height: 144px;
	top: 478px;
	left: -34px;
}
.p6 .main .al4{
	background: url(../img/bor7.png) no-repeat;
	width: 364px;
	height: 144px;
	top: 582px;
	left: 370px;
}
.p6 .main .al5{
	background: url(../img/bor5.png) no-repeat;
	width: 408px;
	height: 142px;
	top: 426px;
	left: 638px;
}
.p6 .main .al6{
	background: url(../img/bor3.png) no-repeat;
	width: 393px;
	height: 142px;
	top: 214px;
	left:714px;
}
.p6 .main .al7{
	background: url(../img/bor8.png) no-repeat;
	width: 385px;
	height: 150px;
	top: 0px;
	left:544px;
}
.p6 .main h3{
	width: 338px;
	font-size: 30px;
	color: #e66b14;
	padding-top: 18px;
}
.p6 .main span{
	color: #fff;
	font-size: 18px;
	padding: 10px 14px;
	display: block;
	line-height: 28px;
}
.p6 .al4 h3{
	margin-left: 24px;
}
.p6 .al5 h3{
	margin-left: 68px;
}
.p6 .al6 h3{
	margin-left:54px;
}
.p6 .al7 h3{
	margin-left:46px;
}
.p7 .main{
	width: 1002px;
}
.p7 .main .odd{
	width: 167px;
	height: 167px;
	background: #f5f5f5;
	font-size: 28px;
	line-height: 167px;
	color: #222;
}
.p7 .main .odd2{
	line-height: 38px;
	padding-top: 47px;
	height: 120px;
}
.p8 .main .fl{
	width: 280px;
}
.p8 ul li{
	width: 100%;
	height: 80px;
	background: #f5f5f5;
	font-size: 16px;
	color: #5e5e5e;
	margin-bottom: 10px;
	transition: 0.6s;
}
.p8 ul li p{
	line-height: 26px;
	padding-top: 14px;
}
.p8 ul li.on{
	color: #fff;
	background: #e66b14;
	transition: 0.6s;
}

.p8 .fr{
	width: 700px;
	height: 530px;
}
.p8 .fr .art{
	width: 676px;
	height: 510px;
	background: #e66b14;
}
.p8 .fr .al{
	width: 678px;
	height: 510px;
	overflow: hidden;
}

.p9{
	background: #222;
}

.p9 .max{
	width: 898px;
	height: 386px;
	margin-left: 14px;
}

.p9 img.fl,.p9 img.fr{
	margin-top: 134px;
	cursor: pointer;
}
.p9 .max .tbox{
	width: 300px;
	height: 386px;
	overflow: hidden;
}
.p9 .max .fr{
	width: 562px;
	height: 360px;
	text-align: left;
	overflow: hidden;
}
.p9 .max .fr h3{
	font-size: 30px;
	color: #fd6e42;
	padding: 24px 0 16px;
}
.p9 .max .fr h4{
	font-size: 24px;
	color: #fd6e42;
	padding-bottom: 30px;
}
.p9 .max .fr p{
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	background: url(../img/arrow8.png) no-repeat left 10px;
	padding-left:22px ;
}
.p9 .max .fr img{
	margin-top: 10px;
	margin-right: 12px;
}

.p9 .max .btn{
	text-align: center;
	margin:30px 0 0 0;
}
.p9 .max .fr .con{
	top: -800px;
	transition: 0.6s;
}
.p9 .max .fr .act{
	top: 0;
	transition: 0.6s;
}
.p9 .bg{
	width: 100%;
	height: 146px;
	background: #fff;
}
.p9 .bg ul{
	width: 1030px;
	margin: 0 auto;
}
.p9 .bg ul li{
	width: 120px;
	height: 170px;	
	margin-top: -14px;
	z-index: 2;
	font-size: 18px;
	color: #222;
	margin-right: 8px;
	transition: 0.6s;
}
.p9 .bg ul img{
	margin-top: 20px;
	margin-bottom: 10px;
}
.p9 .bg ul li.on{
	color: #fff;
	background: #e66b14;
	transition: 0.6s;
}
.p9{
	padding-bottom: 62px;
}


.p10 .tab,.p10 .main{
	width: 1000px;
	height: 668px;
	overflow: hidden;
}
.p10 .main{
	height: 720px;
}
.p10 .tab div{
	background: url(../img/bg3.png) no-repeat;
	width: 300px;
	height: 260px;
}
.p10 .tab h3{
	font-size: 30px;
	color: #e66b14;
	padding: 54px 0 45px;
}
.p10 .tab  p{
	font-size: 18px;
	color: #fff;
}
.p10 .tab .al2{
	top: 270px;
}
.p10 .al2 h3,.p10 .al3 h3,.p10 .al5 h3,.p10 .al11 h3{
	padding-bottom: 32px;
}
.p10 .tab .al3{
	left: 232px;
	top: 134px;
}
.p10 .tab .al4{
	left: 232px;
	top: 406px;
}
.p10 .tab .al5{
	left: 468px;
}
.p10 .tab .al6{
	background: url(../img/bg4.png) no-repeat;
	left: 468px;
	top: 272px;
}
.p10 .al6 p{
	font-size:30px;
	padding-top: 76px;
	line-height: 62px;
}
.p10 .tab .al7{
	top: 138px;
}
.p10 .tab .al8{
	top: 408px;
}
.p10 .tab2 .al6{
	left: 350px;
	top: 204px;
	
}
.p10 .tab .al9{
	left: 130px;
}
.p10 .tab .al10{
	right: 130px;
}
.p10 .tab .al11{
	left: 130px;
}

 .pagination {
    width: 100%;
    bottom: 0px;
    z-index: 99999;
    text-align: center;
    position: absolute;
}
.swiper-pagination-switch {
    width: 5px;
    height: 5px;
    margin: 0 5px;
    display: inline-block;
    background: #e66b14;
    cursor: pointer;
	border-radius: 100%;
	transition: 0.5s;
}
.swiper-active-switch {
	width: 20px;
	border-radius: 20px;
	transition: 0.5s;
} 
.p11 li{
	margin-right: 10px;
	margin-bottom: 22px;
}
.p11 li.last{
	margin-right: -10px;
}




 .liuy{
	width: 346px;
	height: 300px;
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 50%;
	margin-left: -173px;
	margin-top: -150px;
	box-shadow: 0px 0px 6px 0px rgb(255,103,42);
}
.liuy .top{
	width: 100%;
	height: 202px;
	background: #fff;	
	color: #494949;	
}
.liuy .top h3{
	font-size: 20px;
	padding: 18px 0 12px;
}
.liuy .top h4{
	font-size: 24px;
	color: #ff7a4d;
	margin-bottom: 10px;
}
.liuy .top ul{
	margin-left: 26px;
	font-size: 12px;
}
.liuy .top ul li{
	margin-right: 24px;
}
.liuy .top ul p{
	margin-top: 6px;
}
.liuy .bot{
	width: 100%;
	height: 104px;
	background: #ff672b;
}
#close{
	width: 17px;
	height: 17px;
	background: url(../img/close.png) no-repeat;
	right: -8px;
	top: -8px;
	cursor: pointer;
}

#phone{
	width: 248px;
	height: 32px;
	margin: 0 auto;
	border: 1px solid #ffb395;
	background: #ff8d60;
	margin-top: 12px;
	color: #fff;
	text-align: center;
	font-size: 18px;	
}

input::-webkit-input-placeholder{
	color: #fff;
}
input::-moz-input-placeholder{
	color: #fff;
}
input::-ms-input-placeholder{
	color: #fff;
}

#submsg{
	background: url(../img/btn.png) no-repeat;
	width: 250px;
	height: 35px;
	margin: 0 auto;
	cursor: pointer;
	border: none;
	margin-top: 6px;
}






@keyframes roll4{
	0%{
		transform: rotate(-15deg);
	}
	50%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-15deg);
	}
}



@keyframes roll3{
	0%{
		transform: scale(0);
		opacity: 1;
	}
	100%{
		transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes roll2{
	0%{
		transform: scale(0);
		opacity: 1;
	}
	100%{
		transform: scale(1.6);
		opacity: 0;
	}
}

@keyframes roll1{
	0%{
		transform: scale(0);
		opacity: 1;
	}
	100%{
		transform: scale(1.8);
		opacity: 0;
	}
}




@keyframes totop{
	0%{
		top: 0px;
	}
	50%{
		top: 300px;
	}
	100%{
		top: 0px;
	}
}