@charset "utf-8";



 html, body{
  height: 100%;
  background: #fff;
}
.main{
    max-width:1300px;
    width:100%;
}


.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}



.swiper-pagination-bullet{
	background:#fff;
	opacity: 1;
}

.swiper-pagination-bullet-active{
	background:#e96c00;
}







.swiper-container{
  position: relative;
}




.mbg1{
	width:100%;
	height:100%;
}

.section1{
	width:100%;
	height:100%;
	margin:0 auto;
}
.section1 .banner{
	width:100%;
	height:100%;
	position: relative;
}
.section1 .banner .hd{
	position: absolute;
	left:0;
	bottom:20px;
	z-index: 11;
	width:100%;
	text-align:center;
}
.section1 .banner .hd ul{
	display: inline-block;
}
.section1 .banner .hd ul li{
	float:left;
	width:8px;
	height:8px;
	border-radius:100%;
	display: block;
	margin:0 5px;
	background:#fff;
	text-indent:-9999px;
	cursor: pointer;
}

.section1 .banner .hd ul li:hover,
.section1 .banner .hd ul li.on{
	background:#e96c00;
}

.section1 .banner .bd ul li{
	display: block;
	width:100%;
	height:100%;
}
.section1 .banner .bd ul li .img_box{
	display: block;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}




.mbg2{
	width:100%;
	height:100%;
	background-image:url(/uploads/image/phimages/iab_bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section2{
	width:1300px;
	display: block;
	height:500px;
	margin:0 auto;
}
.section2 .text_box{
	margin:0 125px 0 auto;
	width:600px;
	text-align:left;
}
.section2 .text_box .text{
	color:#666;
	font-size:16px;
	line-height:30px;
	font-family: "微软雅黑";	
}
.section2 .text_box .index_htit{
	margin-bottom:40px;
}
.section2 .text_box .index_more{
	margin-top:40px;
}
.index_more{
	width:100px;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	background:#444;
	font-family: "微软雅黑";	
	display: block;
}
.index_more a{
	display: block;
}

.index_htit h2{
	color:#444;
	font-size:26px;
	line-height:36px;
	font-family: "微软雅黑";	
}
.index_htit p{
	color:#9a9a9a;
	font-size:15px;
	line-height:30px;
	text-transform:uppercase;
	font-family: "微软雅黑";	
}








.mbg3{
	width:100%;
	height:100%;
	background-image:url(/uploads/image/phimages/ipro_bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section3{
	width:1300px;
	height:500px;
	display: block;
	margin:0 auto;
}
.section3 .ipro_slide{
	width:100%;
	padding-bottom:60px;
	position: relative;
}
.section3 .ipro_slide .sprev,
.section3 .ipro_slide .snext{
	position: absolute;
	bottom:0;
	z-index: 11;
	width:80px;
	height:40px;
	display: block;
	cursor: pointer;
}
.section3 .ipro_slide .sprev{
	right:0;
	background:#0c0c0d url(/uploads/image/phimages/r_bg.png) no-repeat center center;
}
.section3 .ipro_slide .snext{
	right:90px;
	background:#0c0c0d url(/uploads/image/phimages/l_bg.png) no-repeat center center;
}

.section3 .ipro_slide .bd ul li{
	float:left;
	width:410px;
	height:420px;
	margin-right:35px;
	position: relative;
}
.section3 .ipro_slide .bd ul li a{
	display: block;
}
.section3 .ipro_slide .bd ul li .img_box{
	width:100%;
	height:100%;
	display: block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section3 .ipro_slide .bd ul li .text_box{
	position: absolute;
	left:0;
	right:0;
	top:0;
	z-index: 11;
	width:100%;
	height:100%;
	text-align:center;
	background:rgba(0,0,0,.5);
	opacity: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}

.section3 .ipro_slide .bd ul li:hover .text_box{
	opacity: 1;
}
.section3 .ipro_slide .bd ul li .text_box h3{
	color:#fff;
	font-size:20px;
	line-height:36px;
	font-family: "微软雅黑";	
}
.section3 .ipro_slide .bd ul li .text_box p{
	color:#fff;
	font-size:32px;
	line-height:42px;
	text-transform:uppercase;
	font-family: "微软雅黑";	
	margin-top:130px;	
}
.section3 .ipro_slide .bd ul li .text_box i{
	width:120px;
	height:160px;
	display: block;
	margin:0 auto;
	background:url(/uploads/image/phimages/i_btn.png) no-repeat center center;
	background-size:;
}
.section3 .index_htit2{
	margin-bottom:40px;
}
.index_htit2 h2{
	color:#fff;
	font-size:26px;
	line-height:36px;
	font-family: "微软雅黑";	
}
.index_htit2 p{
	color:#fff;
	font-size:32px;
	line-height:42px;
	text-transform:uppercase;
	font-family: "微软雅黑";	
}








.mbg4{
	width:100%;
	height:100%;
	background-image:url(/uploads/image/phimages/icase_bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section4{
	width:1300px;
	height:500px;
	display: block;
	margin:0 auto;
}


.section4 .icase_slide{
	width:100%;
}

.section4 .icase_slide .prahd{
	text-align:center;
	margin-bottom:30px;
}
.section4 .icase_slide .prahd ul{
	display: inline-block;
}
.section4 .icase_slide .prahd ul li{
	float:left;
	width:150px;
	margin:0 5px;
	color:#fff;
	font-size:18px;
	line-height:40px;
	text-align:center;
	background:#444444;
	font-family: "微软雅黑";	
	cursor: pointer;
}
.section4 .icase_slide .prahd ul li:hover,
.section4 .icase_slide .prahd ul li.on{
	background:#e96c00;
}


.section4 .slide_box{
	width:100%;
	position: relative;
}
.section4 .slide_box .sprev,
.section4 .slide_box .snext{
	position: absolute;
	bottom:calc(50% - 25px);
	z-index: 11;
	width:50;
	height:50px;
	display: block;
	cursor: pointer;
}
.section4 .slide_box .sprev{
	right:0;
	background:rgba(0,0,0,.8) url(/uploads/image/phimages/r_bg.png) no-repeat center center;
}
.section4 .slide_box .snext{
	left:0;
	background:rgba(0,0,0,.8) url(/uploads/image/phimages/l_bg.png) no-repeat center center;
}

.section4 .icase_slide .prabd ul li{
	float:left;
	width:635px;
	height:420px;
	margin-right:30px;
	position: relative;
}
.section4 .icase_slide .prabd ul li .text{
	position: absolute;
	left:0;
	bottom:0;
	z-index: 11;
	width:100%;
	color:#fff;
	font-size:18px;
	line-height:28px;
	text-align:center;
	padding:15px 0;
	background:rgba(0,0,0,.5);
	font-family: "微软雅黑";
}
.section4 .icase_slide .prabd ul li .img_box{
	width:635px;
	height:520px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}




.section4 .index_htit3{
	margin-bottom:20px;
	text-align:center;
}
.index_htit3 h2{
	color:#444;
	font-size:26px;
	line-height:36px;
	font-family: "微软雅黑";	
}
.index_htit3 p{
	color:#444;
	font-size:32px;
	line-height:42px;
	text-transform:uppercase;
	font-family: "微软雅黑";	
}








.mbg5{
	width:100%;
	height:100%;
	background:#f8f8f8;
}
.section5{
	width:1300px;
	height:500px;
	display: block;
	margin:0 auto;
}


.in_news_slide{
	float:left;
	width:416px;
	margin-right:24px;
	text-align:left;
	position: relative;
}
.in_news_slide .hd{
	position: absolute;
	left:13px;
	top:210px;
	z-index: 11;
}
.in_news_slide .hd ul li{
	float:left;
	width:8px;
	height:8px;
	border-radius:100%;
	display: block;
	margin:0 5px;
	background:#d6d6d6;
	text-indent:-9999px;
	cursor: pointer;
}
.in_news_slide .hd ul li:hover,
.in_news_slide .hd ul li.on{
	background:#e96c00;
}



.in_news_slide .bd ul li{
	float:left;
	background:#fff;
	width:390px;
	padding:0 13px;
}
.in_news_slide .bd ul li .img_box{
	width:390px;
	height:250px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.in_news_slide .bd ul li .text_box{
	height:250px;
	overflow: hidden;
}
.in_news_slide .bd ul li .text_box h3{
	color:#444;
	font-size:24px;
	line-height:30px;
	padding:25px 0 15px 0;
	position: relative;
}
.in_news_slide .bd ul li .text_box h3:after{
	content:"";
	position: absolute;
	left:0;
	bottom:0;
	z-index: 11;
	display: block;
	width:60px;
	height:2px;
	background:#bfbfbf;
}
.in_news_slide .bd ul li .text_box h4{
	color:#666;
	font-size:18px;
	line-height:34px;
	margin:10px 0;
	display: inline-block;
	white-space: nowrap; 
	width: 100%; 
	overflow: hidden;
	text-overflow:ellipsis;
}
.in_news_slide .bd ul li .text_box .text{
	color:#888;
	font-size:15px;
	line-height:30px;
	margin-bottom:20px;
}














.in_news_slide2{
	float:left;
	width:416px;
	margin-right:24px;
	text-align:left;
	position: relative;
}
.in_news_slide2 .hd{
	position: absolute;
	left:13px;
	bottom:30px;
	z-index: 11;
}
.in_news_slide2 .hd ul li{
	float:left;
	width:8px;
	height:8px;
	border-radius:100%;
	display: block;
	margin:0 5px;
	background:#d6d6d6;
	text-indent:-9999px;
	cursor: pointer;
}
.in_news_slide2 .hd ul li:hover,
.in_news_slide2 .hd ul li.on{
	background:#e96c00;
}


.in_news_slide2 .bd ul li{
	float:left;
	background:#fff;
	width:390px;
	padding:0 13px;
}
.in_news_slide2 .bd ul li .img_box{
	width:390px;
	height:250px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.in_news_slide2 .bd ul li .text_box{
	height:250px;
	overflow: hidden;
}
.in_news_slide2 .bd ul li .text_box h3{
	color:#444;
	font-size:24px;
	line-height:30px;
	padding:25px 0 15px 0;
	position: relative;
}
.in_news_slide2 .bd ul li .text_box h3:after{
	content:"";
	position: absolute;
	left:0;
	bottom:0;
	z-index: 11;
	display: block;
	width:60px;
	height:2px;
	background:#bfbfbf;
}
.in_news_slide2 .bd ul li .text_box h4{
	color:#666;
	font-size:18px;
	line-height:34px;
	margin:10px 0;
}
.in_news_slide2 .bd ul li .text_box .text{
	color:#888;
	font-size:15px;
	line-height:30px;
	margin-bottom:20px;
}





.in_news_slide3{
	float:left;
	width:415px;
	text-align:left;
	position: relative;
}
.in_news_slide3 .hd{
	position: absolute;
	left:13px;
	top:210px;
	z-index: 11;
}
.in_news_slide3 .hd ul li{
	float:left;
	width:8px;
	height:8px;
	border-radius:100%;
	display: block;
	margin:0 5px;
	background:#d6d6d6;
	text-indent:-9999px;
	cursor: pointer;
}
.in_news_slide3 .hd ul li:hover,
.in_news_slide3 .hd ul li.on{
	background:#e96c00;
}

.in_news_slide3 .bd ul li{
	float:left;
	background:#fff;
	width:390px;
	padding:0 13px;
}
.in_news_slide3 .bd ul li .img_box{
	width:390px;
	height:250px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.in_news_slide3 .bd ul li .text_box{
	height:250px;
	overflow: hidden;
}
.in_news_slide3 .bd ul li .text_box h3{
	color:#444;
	font-size:24px;
	line-height:30px;
	padding:25px 0 15px 0;
	position: relative;
}
.in_news_slide3 .bd ul li .text_box h3:after{
	content:"";
	position: absolute;
	left:0;
	bottom:0;
	z-index: 11;
	display: block;
	width:60px;
	height:2px;
	background:#bfbfbf;
}
.in_news_slide3 .bd ul li .text_box h4{
	color:#666;
	font-size:18px;
	line-height:34px;
	margin:15px 0;
}
.in_news_slide3 .bd ul li .text_box .text{
	color:#888;
	font-size:15px;
	line-height:30px;
	margin-bottom:20px;
}


.section5 .index_htit3{
	margin-bottom:35px;
}






.mbg6{
	width:100%;
	height:100%;
	background:#f8f8f8;
	position: relative;
}
.mbg6 .section6 .footer{
	position: absolute;
	left:0;
	right:0;
	z-index: 11;
	bottom:0;
}
.section6{
	width:100%;
	height:500px;
	margin:0 auto;
}


.index_join{
	width:100%;
	display: block;
	margin:0 auto;
}
.index_join .index_htit3{
	margin-bottom:20px;
}
.index_join .text_box .text{
	width:730px;
	color:#666;
	font-size:18px;
	line-height:28px;
	display: block;
	margin:0 auto 20px auto;
}
.index_join .list_box{
	margin:0 auto 20px auto;
}
.index_join .list_box .list{
	display: block;
	float:left;
	width:25%;
	text-align:center;
}
.index_join .list_box .list .img_box{
	width:100%;
	height:150px;
	background-size:auto 96px;
	background-repeat:no-repeat;
	background-position:center center;
	position: relative;
}
.index_join .list_box .list .img_box:after{
	content:"";
	position: absolute;
	left:calc(50% - 20px);
	bottom:5px;
	z-index: 11;
	width:40px;
	height:2px;
	background:#bfbfbf;
}
.index_join .list_box .list p{
	color:#444;
	font-size:18px;
	line-height:38px;
}


.index_more2{
    width: 160px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    background: #444;
    font-family: "微软雅黑";
    display: block;
	margin:40px auto 0 auto;
}









.swiper-slide-active .section2 .index_htit{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section2 .text{
  animation-name:fadeindown;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section2 .index_more{
  animation-name:rollin;
  animation-duration:1s;
  animation-timing-function:linear;
}




.swiper-slide-active .section3 .index_htit2{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section3 .ipro_slide{
  animation-name:fadeinright;
  animation-duration:1s;
  animation-timing-function:linear;
}




.swiper-slide-active .section4 .index_htit3{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section4 .prahd{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section4 .prabd{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}



.swiper-slide-active .section5 .index_htit3{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section5 .in_news_box{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}





.swiper-slide-active .section6 .index_htit3{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section6 .index_join .text_box .text{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section6 .index_join .list_box{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section6 .index_more2{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}
.swiper-slide-active .section6 .footer{
  animation-name:fadeinup;
  animation-duration:1s;
  animation-timing-function:linear;
}