*{
	box-sizing: border-box;
}

.section{position:relative;}
/* .section1{background:url(../images/page1_bg.jpg) no-repeat center center;background-size:cover; height: 100% !important;} */
.section2{background:url(../images/page2_bg.jpg) no-repeat center center;background-size:cover;  height: 100% !important;}
.section3{background:url(../images/page3_bg.jpg) no-repeat center center;background-size:cover;  height: 100% !important;}
.section4{background:url(../images/page4_bg.jpg) no-repeat center center;background-size:cover;  height: 100% !important;}
.section5{background:url(../images/page5_bg.jpg) no-repeat center center;background-size:cover; height: 100% !important;}

.section1 .wrap{width:1180px;left:490px;position:absolute;top:50%;left:50%;margin-left:-590px;margin-top:-190px;}
.section1 .s{position:absolute;}
.section1 ul{text-align: center; margin-top:70px;}
.section1 ul li{ display: inline-block; margin:0 20px;}
.section1 ul li p{width:220px; height: 45px; line-height: 45px; color:#f4f9f8; font-size: 18px; background: #007d3c; text-align: center; margin-top:20px;}
.section1 .pro{top:140px;left:60px;}
.section1 .title{margin:0 auto; display: block}
.section1 .icos{top:195px;left:626px;}
.section1 .text{top:345px;left:626px;}
.section1 .more{top:458px;left:640px;width:152px;height:50px;line-height:50px;text-align:center;background:#f37125;color:#fff;font-size:24px;}

.section2 .wrap{width:1200px;left:640px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-240px;}
.section2 .s{position:absolute;}
.section2 .newsbox .l{width:422px; float: left; padding:20px; background: #fff; }
/* .section2 .newsbox li .img{overflow: hidden;} */
.section2 .newsbox  img{transition: all ease-out 0.5s;}
.section2 .newsbox .r{width:758px;  float: right; }
.section2 .newsbox li h2{font-size: 24px; color:#000; height: 50px; line-height: 50px; }
.section2 .newsbox .r li h2{ height: 50px; line-height: 50px}
/* .section2 .newsbox li h2::after{display: block; content: ""; width:60px; height: 2px; background: #7110af;} */
/* .section2 .newsbox li p{color:#5d5d5d; font-size: 15px; margin-top:10px; line-height: 25px;} */
.section2 .newsbox .l a{width:120px;height: 30px; background: #7110af; color:#fff; display: block; margin:10px 0; text-align: center; line-height: 30px;}
.section2 .newsbox .r a{width:120px;height: 35px; border: 1px solid #7110af; color:#7110af; display: block;margin-top:10px; text-align: center; line-height: 35px;}
.section2 .newsbox .r  .img{float: left; margin-right:20px;}
.section2 .newsbox .r li{margin-bottom:15px;background: #fff;padding:15px; height: 226px; cursor: pointer;}
.section2 .newsbox .r li h2::after{margin-left:289px;}
.section2 .newsbox .r li a{margin-left:289px; text-align: center;}
.section2 .newsbox li:hover img{transform: scale(1.12); }

.ban{ width:1051px; height:660px; position:absolute;overflow:hidden;margin:40px auto 0 auto;top:0px;left:68px;}
.ban2{ width:1051px; height:457px; position:relative; overflow:hidden;margin-bottom:30px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:1051px; height:457px;}
.prev{ float:left; cursor:pointer;}
.num{ height:142px;overflow:hidden; width:817px; position:relative;margin:0 auto;}
.min_pic{width:948px;position:relative;left:58px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{height:142px;width:142px;margin:0px 10px;}
.num ul li img{border:5px solid #b8d9ed;width:132px;height:132px;border-radius:132px;background:#fff;}
.num ul li.on img{border:5px solid #fc9c05;}
.next_btn1,.prev_btn1{position:absolute;top:55px;cursor:pointer;}
.next_btn1{right:0px;}
.prev_btn1{left:0px;}
.next_btn1 img,.prev_btn1 img{display:block;}


/* 本例子css */
.pro-list{ width:973px;height:146px;overflow:hidden; position:absolute;top:489px;left:124px;}
.pro-list .bd{ padding:0px;width:817px;position:absolute;top:0px;left:58px;}
.pro-list .bd ul{ overflow:hidden; zoom:1; }
.pro-list .bd ul li{ margin:0 0px; float:left;overflow:hidden;height:142px;width:142px;margin:0px 10px;}
.pro-list .bd ul li img{border:5px solid #b8d9ed;width:132px;height:132px;border-radius:132px;background:#fff;}
.pro-list .hd {width:948px;position: absolute;top:0px;left:0px;z-index:0;}
.pro-list .next,.pro-list .prev{position:absolute;top:55px;}
.pro-list .next{left:0px;}
.pro-list .prev{right:0px;}

.section3 .wrap{width:1200px;height:550px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-200px;background:#fff;}
.section3 .s{position:absolute;}
.section3 .title{ right:0; top:22px;}
.section3 .title dl{float: right;}
.section3 .title dl span{display: block; float: left; padding-top:10px;font-size: 18px; color: #7110af;}
.section3 .title dl span P{ color:#313130; font-size: 14px;}
.section3 .title dl span i{font-weight: bold; font-style: normal; font-size: 25PX;}
.section3 .title img {transition: all ease-in-out 0.5s;}
.section3 .title dd:hover img{transform:rotate(360deg)}
.section3 .title dl dd{float: left; margin-right:15px; line-height: 25px;}
.section3 .title dl dt{}
.section3 .title dl dd img{float: left; margin-right:10px}
.section3 .des{top:230px;font-size:16px;color:#fff;font-size:16px;line-height: 30px;}
.section3 .more{top:450px;width:136px;height:36px;text-align:center;line-height:36px;color:#fff;border:1px solid #fff;font-size:16px;}
.section3 .company{top:40px;left:755px;}
.section3 .company .tit{text-align:center;margin-bottom:24px;font-size:24px;color:#f37125;}
.section3 .company .img{position:relative;margin-bottom:25px;}
.section3 .company .img img{position:relative;left:17px;}
.section3 .company .img span{position:absolute;left:0px;top:195px;background:#f37125;color:#fff;font-size:20px;line-height:44px;padding:0px 45px;}
.section3 .company .comDes{color:#fff;position:relative;left:35px;}
.section3 .company .comDes dd{height:30px;line-height:30px;position:relative;padding-left:25px;}
.section3 .company .comDes dd::after{width:5px;height:5px;background:#fff;border-radius:5px;display:block;content:"";position:absolute;top:50%;left:0px;margin-top:-2px;}


/* 本例子css */
/* .picScroll-left{ width:100%; margin-top:130px;overflow:hidden; position:relative; height: 400px;}
.picScroll-left .hd ul{text-align: center;}
.picScroll-left .hd li{width:8px; height: 8px; font-size: 0; border-radius: 50%; background: #b7b6b6; display: inline-block; margin:0 5px;}
.picScroll-left .hd li.on{background: #7110af;}
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ transition: all ease-in-out 0.5s; margin:0 0px; float:left; _display:inline; overflow:hidden; height:360px; border-bottom:1px solid #c4c3c3;margin-right:20px;width:275px;}
.picScroll-left .bd ul li img{width:274px; height: 300px;border: 1px solid #ebe9e9;}
.picScroll-left .bd ul li a{display: block;}
.picScroll-left .bd ul li p{height: 50px; padding:0 10px; position: relative; font-size: 16px; color:#313030;  line-height: 50px;}
.picScroll-left .bd ul li i{position: absolute; right:0; top:15px; width:28px; height: 28px; line-height:23px; text-align: center; font-style: normal; font-size: 18px; border-radius: 50%; border:1px solid #c4c3c3;   color:#c4c3c3;} */


.picScroll-left{ width:100%; margin-top:0px; position:relative; }
.picScroll-left .hd ul{text-align: center;}
.picScroll-left .hd li{width:8px; height: 8px; font-size: 0; border-radius: 50%; background: #b7b6b6; display: inline-block; margin:0 5px;}
.picScroll-left .hd li.on{background: #007a38;}
.picScroll-left .bd{ overflow: hidden; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ transition: all ease-in-out 0.5s;  width:380px !important; padding:15px; 
	margin:0 10px; float:left; 
	  background: #fff;}
	  .picScroll-left .bd ul li .img{ overflow: hidden;}
.picScroll-left .bd ul li img{border:1px solid #eaeaea;}
.picScroll-left .bd ul li a{display: block;}
.picScroll-left .bd ul li p{height: 50px; padding:5px 0px; position: relative; font-size: 12px; color:#868585; line-height: 20px;  }
.picScroll-left .bd ul li a{border:1px solid #3591dd; display: inline-block; width:120px; height: 32px; text-align: center; line-height: 32px; font-size: 16px; color:#0375d5; margin-bottom:20px;}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:42px; height:42px;  margin-right:5px; margin-top:10px;  overflow:hidden;
	cursor:pointer;  position: absolute }
.picScroll-left .hd .next{ background:url("../images/next.png") 0 0 no-repeat; right: -50px;}
.picScroll-left .hd .prev{ background:url("../images/prev.png")  no-repeat; left: -50px; }

.pageState {font-size:24px;color:#fff;height:40px;line-height:40px;border-bottom:2px solid #fff;display:block;width:127px;}
.pageState span{color:#f37125;}
.picScroll-left .hd{position: absolute;bottom:45%;left:0px; width:100%; z-index: 9999999;  width:100%; height: 42px; }
.picScroll-left .bd ul li:hover {transform: translateY(-20px)}



.section4 .wrap{width:1200px;height:596px;position:absolute;top:50%;left:50%;margin-left:-640px;margin-top:-298px; }
.section4 .s{position:absolute;}
.section4 .top{top:47px;width:100%;text-align:center; right:0}
.section4 .top img{float: left;}
.section4 .top h5{height:50px;line-height:50px;font-size:36px;color:#f37125;margin-bottom:25px;}
.section4 .top p{font-size:18px;color:#fff;}
.section4 .mid{top:142px; line-height: 30px;  height: 155px; padding:40px 20px;font-size: 15px; color:#fefdfd; box-sizing: border-box;}
.section4 .mid a{color:#fefdfd;}
.section4 .bottom{left:0 ; top:150px; width:730px; padding-right:0px; font-size: 16px; color:#393938; }
.section4 .bottom p {line-height: 35px; letter-spacing: 3px;}
.section4 .bottom .about{font-size: 16px; color: #3b3b3b; line-height: 30px; padding-bottom: 30px; border-bottom: 1px dashed #7d7d7d; margin-bottom:30px;}
.section4 .bottom .about a{color:#fd8f00; font-weight: bold;}
.section4 .bottom p span{color:#7110af; font-size: 18px;}
.section4 .list{width:1280px;position:absolute;top:186px;left:0px;}
.section4 .list li{float:left;width:408px;position:relative;margin-right:27px;}
.section4 .list li .s{position:absolute;transition:all 0.5s;}
.section4 .list li .res{position:relative;z-index:2;left:55px;top:0px;transition:all 0.5s;}
.section4 .list li .bg{top:195px;left:0px;z-index:0;}
.section4 .list li .text{top:272px;left:45px;z-index:1;width:320px;color:#fff;}
.section4 .list li .text h5{text-align:center;font-size:20px;margin-bottom:17px;}
.section4 .list li .text p{font-size:16px;line-height:28px;}
.section4 .list li:hover .text{top:265px;}
.section4 .list li:hover .res{top:15px;}

.newlist .l{
	width:695px;
	float: left;
	padding:50px;
} 
.newlist .r{
	width:495px;
	height: 550px;
	background: #0375d5;
	float: right;
	padding:70px 40px;
}

.newlist .l li {overflow: hidden; padding:25px 0; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.newlist .l li span{font-size: 16px; color:#181818; float: left; margin-right: 40px;}
.newlist .l li span i{display: block; font-style: normal; font-size: 50px; color: #131313; font-weight: bold; line-height: 60px;}
.newlist .l li:hover h2{color:#0375d5;}
.newlist .r h2{font-size: 16px; color: #fff; line-height: 60px}
.newlist .r p{ font-size: 14px; color: #9fc5e6;}
.newlist .r p a{color:#f47b08; }
.section5 .wrap{width:1200px;height:565px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-200px;}
.section5 .wrap .contactBox{width:100%;height:300px;margin-bottom:26px; padding:0 30px; box-sizing: border-box;}
.section5 .wrap .contactBox ul{width:100%;padding:0px;margin:0px;}
.section5 .wrap .contactBox ul li{ padding:0 40px;width:50%;float:left;margin-right:190px;text-align:left;font-family:18px;line-height:32px;color:#fff;
	letter-spacing:2.5px;
}
.section5 .wrap .contactBox ul li.con{
	background: url(../images/fcon.png) no-repeat  0 9px;
}
.section5 .wrap .contactBox ul li img{display: block; margin:0 auto;}
.section5 .wrap .contactBox ul li p{line-height: 44px; color: #f0e8e8;; font-size: 18px;}
.section5 .wrap .wechat{float: right;}
.section5 .formBox{width:1200px;height:76px;margin:0px auto;background:#2085d9;}
.section5 .formBox ul{padding-left:24px;}
.section5 .formBox li{float: left;width:238px;margin-right:15px;padding-top:26px;color:#292929;font-size:18px;}
.section5 .formBox li input{width:210px;border-bottom:1px solid #292929; height: 35px; border: none; border-radius: 5px; padding:0 10px; box-sizing: border-box; font-size: 18px;}
.section5 .formBox li button{width:96px;height:36px;line-height:36px;text-align:center;border:none;background:#f37125;color:#fff;}
.section5 .formBox li input.formBtn{ background: #f7931e; width:140px; height: 35px; line-height: 35px; border: none; color:#fff;}
.section5{position:relative;}
.copyRightBox{width:1200px;height:100vh;position:absolute;top:0px;left:0px;z-index:0;width:100%;}
#copyRight{position:absolute;bottom:32px;width:100%;left:0px;text-align:center;color:#1c1c1c;font-size:16px;z-index:1;}
#copyRight a{color:#1c1c1c;}



@media (min-width: 1400px){

#menu{left:3%;}
}







/*banner背景图片动画*/
/* @-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
} */
/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0);
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 44%;
	right: 10px;
	left:10px;
	opacity: 0; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item .inner .block_txt h4{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.index_main .section1 .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../images/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../images/ban_next.png);
	right:60px;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../images/ban_prev_hover.png);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../images/ban_next_hover.png);
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}


@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 60px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 40px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 18px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1366px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 20px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 26px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 16px;
	}
	.index_main .section1 .index_banner .slick-arrow{
		background-size: auto 30px;
	}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 22px;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 14px;
	}
}
@media only screen and (max-width: 992px){
	.index_main .section1 .index_banner .item{
		height: 100vh;
	}
	.index_main .section1 .index_banner .item .inner .block_txt{
		left: 0;
		right:0;
		margin: 0 auto;
		padding: 0 20px;
		top: 42%;
	}
	.index_main .section1 .index_banner .slick-arrow{
		display: none !important;
	}
    .index_main .section1 .index_banner .slick-dots{
    	position: absolute;
    	bottom: 12px;
    }
    .index_main .section1 .index_banner .slick-dots li{
    	width: 12px;
    	height: 12px;
    	border-radius: 50%;
    	border:2px solid #fff;
    }
    .index_main .section1 .index_banner .slick-dots li button{
    	display: none;
    }
    .index_main .section1 .index_banner .slick-dots li.slick-active{
    	background: #fff;
    }
	.index_main .section1 .number{
		bottom: 12%;
		display: none;
	}
	.index_main .section1 .number span{
		margin-right: 22px;
	}
	.index_main .section1 .number span:after{
		bottom: -14px;
	}

}
@media only screen and (max-width: 767px){
    
}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}