.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
ul,ol{
	list-style: none;
}
body{
	color: #5e5e5e;
}
*{
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
	color: #5e5e5e;
}
a:hover{
	color: #ff8340;
	text-decoration: none;
}
.support_wap{
	display: none;
}
.Brand_wap{
	display: none;
}
.copy_wap{
	display: none;
}
.header_wap{
	display: none;
}
.nav_wap{
	display: none;
}
/*导航条动画*/
@keyframes example {
  0%   {top:105px}
  100% {top:100px}
}
/*导航条动画 回去*/
@keyframes example_two {
  0%   {top:100px;opacity: 100;}
  100% {top:105px;opacity: 0;}
}
/*手机*/
@media (max-width: 768px) {
	 .container{
		width: 100%;
	}
	.header{
		width: 100%;
		position: fixed;
		box-sizing: border-box;
		padding: 35px 25px 0;
		left: 0;
		top: 0;
		display: none;
		z-index: 99;
	}
	.header_wap{
		display: block;
		background: #181819;
		position: fixed;
		width: 100%;
		z-index: 99;
		height: 60px;
		box-sizing: border-box;
	}
	.header_wap .left {
		padding-top: 5px;
	}
	.header_wap .left a img{
		height: 50px;
	}
	.header_wap .right{
		padding-top: 15px;
	}
	.header_wap .right i{
		color: #fff;
		font-size: 26px;
	}
	.nav_wap{
		position: fixed;
		z-index: 100;
		width: 100%;
		left: 0;
		top: 0;
		overflow: auto;
		height: 100%;
		background: rgba(0,0,0,0.9);
	}
	.nav_wap .left{
		width: 80%;
		box-sizing: border-box;
		padding-top: 25px;
	}
	.nav_wap .left ul li p{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		color: #fff;
		padding-left: 15px;
		border-bottom: 1px solid #444343;
	}
	.nav_wap .left ul li p a{
		color: #fff;
		display: block;
		width: 50%;
		float: left;
	}
	.nav_wap  .form{

	}
	.nav_wap  .form input{
		float: left;
		height: 35px;
		padding-left: 10px;
		background: #fff;
		border: 1px solid #dcdcdc;
		outline: none;
	}
	.nav_wap  .form button{
		float: left;
		margin-left: 10px;
		height: 35px;
		background: #fb7932;
		color: #fff;
		padding: 0 15px;
		border: 1px solid #fb7932;
	}
	.nav_wap .left ul li p>i{
		float: right;
		font-size: 14px;
		margin-top: 10px;
		margin-right: 25px;
	}
	.nav_wap .left ul li .sub{
		padding-left: 15px;
		display: none;
	}
	.nav_wap .left ul li h3{
		font-size: 14px;
		padding-left: 15px;
		line-height: 30px;
		margin: 0;
		border-bottom: 1px solid #444343;
	}
	.nav_wap .left ul li h3 a{
		color: #fff;
		display: block;
	}
	.nav_wap .left ul li.active p{
		background: #fb7932;
	}
	.nav_wap .left ul li.active .sub{
		display: block;
	}
	.nav_wap .left ul li .sub h3.active{
		background: #fb7932;
	}
	.nav_wap .right{
		font-size: 20px;
	}
	.nav_wap .right i{
		color: #fff;
		margin-top: 30px;
		margin-right: 15px;
	}
	.banner{
		padding-top: 60px;
	}
	.banner img{
		width: 100%;
	}
	.banner .banner_wiki{
		--swiper-navigation-size: 20px;
		background: rgba(0,0,0,0.5);
		--swiper-navigation-color:#fff;
		width: 50px;
		height: 50px;
	}
	.banner .swiper-pagination-bullet{
		width: 15px;
		height: 15px;
		border-radius: 0;
		background: #000;
	}
	.banner .swiper-pagination-bullet-active{
		background: #ff8340;
	}
	.images{
		padding-top: 50px;
	}
	.images .images_box .images_container{
		position: relative;
	}
	.images .images_box .images_container .swiper-slide>img{
		width: 100%;
	}
	.images .images_box .images_container .swiper-slide  .text{
		background: #fff;	
		width: 100%;
		box-sizing: border-box;
	}
	.images .images_box .images_container .swiper-slide  .text h3{
		text-align: left;
		font-size: 20px;
		color: #3a3a3a;
		display: none;
	}
	.images .images_box .images_container .swiper-slide  .text h4{
		text-align: left;
		font-size: 22px;
		padding-bottom: 20px;
		border-bottom: 1px solid #dcdcdc;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text p{
		color: #6c6b6b;
		font-size: 14px;
		line-height: 2em;
	}
	.images .images_box .images_container .swiper-slide  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		display: none;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.images .images_box .images_container .swiper-slide  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.images .images_box{
		position: relative;
	}
	.images .images_box .thum_img{
		
		width: 100%;
		height: 110px;
		overflow: hidden;
		background: #fff;
		z-index: 9;
		padding-top: 10px;
	}
	.images .images_box .thum_img .thum_images{
		position: relative;
		overflow: hidden;
		float: left;
		width: 70%;
		box-sizing: border-box;
		padding: 10px 10px;

	}
	.images .images_box .thum_img .thum_images img{
		width: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide{
		padding: 0px 10px 0 0;
		box-sizing: border-box;
		position: relative;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		height: 80px;
		
	}
	.images .images_box .thum_img .thum_images .swiper-slide img{
		height: 100%;
		width: 100%;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;

		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_more{
		float: right;
		width: 30%;
		box-sizing:border-box;
	}
	.images .images_box .thum_img .thum_more .left{
		float: left;
		padding-left: 10px;
		padding-top:10px;
	}
	.images .images_box .thum_img .thum_more .left h3{
		text-align: right;
		font-size: 16px;
		color: #3a3a3a;
	}
	.images .images_box .thum_img .thum_more .left p{
		text-align: right;
		font-size: 14px;
		color: #b6b6b6;
	}
	.images .images_box .thum_img .thum_more .right{
		float: right;
		padding-right:10px ;
		padding-top: 30px;
	}
	.images .images_box .thum_img .thum_more .right a{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		color: #b5b5b5;
		line-height: 45px;
		border: 1px solid #dcdcdc;
	}
	.pro_index{
		padding: 60px 0 40px 0;
	}
	.pro_index .title{

	}
	.pro_index .title .left{
			float: none;
			text-align: center;
			width: 100%;
	} 
	.pro_index .title .left h3{
		font-size: 30px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4 img{
		margin-left: 10px;
	}
	.pro_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.pro_index .title .right{
		padding-top: 15px;
		float: none;
		width: 100%;
		text-align: center;
	}
	.pro_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.pro_index .title .right ul li a .text{
		float: left;
	}
	.pro_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 18px;
		text-align: right;
	}
	.pro_index .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.pro_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.pro_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.pro_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}

	.pro_index  .index_list{
		padding-top: 40px;
	}
	.pro_index  .index_list ul li{
		float: left;
		padding-bottom: 10px;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
	}
	.pro_index  .index_list ul li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img{
		overflow: hidden;
		height: 200px;
	}
	.pro_index  .index_list ul li a .img img{
		width: 100%;
		height: 100%;
	}
	.pro_index  .index_list ul li a .text{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		left: 0;
		top: 0;
		box-sizing: border-box;
		padding: 15px;
		opacity: 1;
		
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a:hover .text{
		opacity: 1;
		transform: scale(1);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a .text .box{
		border: 5px solid #e97333;
		box-sizing: border-box;
		height: 100%;
		width: 100%;
		color: #fff;
		padding: 20px;
	}
	.pro_index  .index_list ul li a .text .box h3{
		font-size: 20px;
		margin: 0;
	}
	.pro_index  .index_list ul li a .text .box h4{
		font-size: 16px;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 15px;
	}
	.pro_index  .index_list ul li a .text .box p{
		font-size: 14px;
	}
	.pro_index  .index_list ul li a .text .box span{
		display: inline-block;
		margin-left: 15px;
		height: 45px;
		display: none;
		width: 45px;
		line-height: 45px;
		text-align: center;
		margin-top: 23px;
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index  .index_list ul li a .text .box span i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_8.png) no-repeat center;
	}
	
	.pro_index  .index_list ul li:nth-child(1){
		width: 100%;
	}
	.pro_index  .index_list ul li:nth-child(1) .img{
		height: auto;
	}
	.Customization{

	}
	.Customization .custom_box{
		position: relative;
		width: 100%;
	}
	.Customization .custom_box .swiper-slide {
		background: #000;
	}
	.Customization .custom_box .custom_container .swiper-slide>img{
		width: 100%;
		opacity: 0.7;
	}
	.Customization .custom_box .swiper-slide .container{
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;

	}
	.Customization .custom_box .swiper-slide .container h3{
		font-size: 36px;
	}
	.Customization .custom_box .swiper-slide .container h4{
		font-size: 28px;
	}
	.Customization .custom_box .swiper-slide .container p{
		font-size: 20px;
		letter-spacing: 5px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.Customization .custom_box .swiper-slide .container  span{
		display: block;
		width: 160px;
		height: 50px;
	}
	.Customization .custom_box .swiper-slide .container  span a{
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #fff;
		display: block;
		text-align: center;
		background: #ff8340;
	}
	.Customization .custom_box  .custom_thum_box{
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		padding-bottom: 50px;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum{
		height: 120px;
		box-sizing: border-box;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-container{
		float: left;
		width: 100%;
		padding-top: 20px;
		padding-left: 15px;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		display: none;
		background: #fb7932;
		right: 0;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a img{
		vertical-align: middle;
	}
	.join{
		padding: 50px 0;
		/*background: url(../images/jod_bg_1.jpg) no-repeat center top;*/
		background: #f3f3f3;
	}
	.join .title{

	}
	.join .title .left{
		width: 100%;
		text-align: center;
	} 
	.join .title .left h3{
		font-size: 30px;
		color: #3a3a3a;
	}
	.join .title .left h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.join .title .left h4 img{
		margin-left: 10px;
	}
	.join .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.join .title .right{
		padding-top: 15px;
		width: 100%;
		text-align: center;
	}
	.join .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.join .title .right ul li a .text{
		float: left;
	}
	.join .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 18px;
		text-align: right;
	}
	.join .title .right ul li a .text p{
		font-size: 14px;
		color: #919191;
		text-align: right;
	}
	.join .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.join .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.join  .join_list{
		padding-top: 50px;
		position: relative;
	}
	.join  .join_list .join_img{
		position: relative;
		width: 100%;
	}
	.join  .join_list .join_img ul li{
		display: none;
	}
	.join  .join_list .join_img ul li.active{
		display: block;
	}
	.join  .join_list .join_img ul li img{
		 width: 100%;
		 display: none;
	}
	.join  .join_list .join_text{
		width: 100%;
		background: #fff;

		z-index: 9;
		box-sizing: border-box;
		padding: 50px;
	}
	.join  .join_list .join_text .top .swiper-slide h3{
		 font-size: 26px;
		 padding-bottom: 15px;
		 border-bottom: 1px solid #dcdcdc;
	}
	.join  .join_list .join_text .top .swiper-slide p{
		 font-size: 18px;
		 line-height: 2em;
		 padding-bottom: 15px;
		 color: #818080;
	}
	.join  .join_list .join_text  .bottom .swiper-container{
		padding-top: 20px;
		padding-left: 15px;
	}
	.join  .join_list .join_text  .bottom{
		position: relative;
	}
	.join  .join_list .join_text  .bottom>a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: -20px;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		display: none;
		outline: none;
	}
	.join  .join_list .join_text  .bottom .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.support{
		padding-top: 70px;
		display: none;
		padding-bottom: 150px;
		background: url(../images/jod_bg_2.jpg) no-repeat center top;
	}
	.support_wap{
		padding-top: 70px;
		display: block;
		background: url(../images/jod_bg_2.jpg) no-repeat center top;
	}
	.support_wap .left{
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.support_wap .right{
		width: 100%;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.support_wap .left div{
		background: #fff;
	}
	.support_wap .left div.top{
		padding: 15px;
	}
	.support_wap .left div.top h3{
		font-size: 36px;
		color: #3a3a3a;
	}
	.support_wap .left div.top h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.support_wap .left div.top h4 img{
		margin-left: 10px;
	}
	.support_wap .left div.top p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.support_wap .left  .support_box{
		padding:15px;
		position: relative;
		overflow: hidden;
	}
	.support_wap .left  .support_box ul li{
		border-bottom: 1px solid #dcdcdc;
		height: 80px;
		line-height: 80px;
		text-align: center;
		color: #8b8b8b;
	}
	.support_wap .left  .support_box ul li.swiper-slide-thumb-active{
		background: #ff8340;
		color: #fff;
	}
	.support_list{
		height: 600px;
		box-sizing: border-box;
		background: #fff;
		position: relative;
		overflow: hidden;
	} 
	.support_list>.swiper-wrapper{
		height: 700px;

	}
	.support_list .swiper-slide {
	    overflow: hidden;
	}
	.support_list .swiper-slide .support_item {
		padding: 30px 20px;
	}
	.support_list .swiper-slide .support_item ul li .img{
		height: 100px;
		overflow:hidden;
	}
	.support_list .swiper-slide .support_item ul li .img img{
		width: 100%;
		height: 100%;
	}
	.support_list .swiper-slide .support_item ul li h3{
		font-size: 20px;
		color: #333;
		margin-bottom: 0px;
	}
	.support_list .swiper-slide .support_item ul li p{
		font-size: 12;
		color: #bdbdbd;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.support_list .swiper-slide .support_item ul li h4{
		font-size: 16px;
		color: #808080;
		line-height: 2em;
	}
	.support_list .swiper-slide .but_item{
		height: 55px;
		text-align: center;
	}
	.support_list .swiper-slide .but_item .banner_wiki{
		position: relative !important;
		left: 0;
		right: 0;
		display: inline-block;
		width: 55px;
		height: 55px;
		border: 1px solid #dcdcdc;
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:after{
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:hover{
		
		background: #ff8340;
	}
	.support_list .swiper-slide .but_item .support-button-prev i{
		background: url(../images/icon_10.png) no-repeat center;
		
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-prev:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(180deg);
	}
	.support_list .swiper-slide .but_item .support-button-next i{
		background: url(../images/icon_10.png) no-repeat center;
		transform: rotate(180deg);
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-next:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(0);
	}
	.why{
		background: url(../images/jod_bg_3.jpg) no-repeat center top;
		padding-top: 65px;
		background-color: #f3f3f3;
		padding-bottom: 60px;
	}
	.why .why_titie{
		text-align: center;
		color: #fff;
	}
	.why .why_titie h4{
		color: #a6a6a6;
		font-size: 14px;
		text-transform: uppercase;
	}
	.why .why_titie h3{
		color: #a6a6a6;
		font-size: 32px;
		text-transform: uppercase;
	}
	.why .why_titie h3 label{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#434343;
		background: #fff;
	}
	.why .why_titie h3 span{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#fff;
		background: #ff8340;
	}
	.why .why_titie h2{
		color: #fff;
		font-size: 36px;
		text-transform: uppercase;
	}
	.why .why_titie h2 span{
		color: #ff8340;
		font-weight: bold;
	}
	.why .why_titie p{
		font-size: 16px;
		color: #fff;
		padding-top: 30px;
		line-height: 2em;
	}
	.why  .why_list{
		background: #fff;
		padding:50px;
	}
	.why  .why_list .list_title{
		text-align: center;
	}
	.why  .why_list .list_title h3{
		color: #363636;
		font-size: 30px;
		font-weight: 400;
	}
	.why  .why_list .list_title h3 span{
		font-weight: bold;
	}
	.why  .why_list .list_title p{
		font-size: 14px;
		color: #969696;
	}
	.why  .why_list .list{
		padding-top: 50px;
	}
	.why  .why_list .list ul li{
		box-sizing: border-box;
		padding: 0 25px  25px;
		position: relative;
	}
	.why  .why_list .list ul li .img{
	
	}
	.why  .why_list .list ul li:nth-child(1) .img{
	
	}
	.why  .why_list .list ul li:nth-child(2) .img{

	}
	.why  .why_list .list ul li .img img{
		width: 100%;
		height: 100%;
	}
	.why  .why_list .list ul li span{
		position: absolute;
		height: 88px;
		width: 88px;
		text-align: center;
		line-height: 88px;
		left: 50%;
		margin-left: -44px;
		border-radius: 44px;
		background: #ff8340;
		color: #fff;
		font-size: 24px;
		margin-top: -44px;
	}
	.why  .why_list .list ul li h3{
		padding-top: 50px;
		text-align: center;
		color: #2e2e2e;
		font-size: 24px;
	}
	.why  .why_list .list ul li p{
		font-size: 18px;
		color: #818181;
		text-align: center;
		line-height: 2em;
		padding: 0 25px;
	}
	.Brand{
		position: relative;
		display: none;
	}
	.Brand .Brand_top ul li{
		display: none;
		position: relative;
	}
	.Brand .Brand_top ul li.active{
		display: block;
	}
	.Brand .Brand_top ul li .img img{
		width: 100%;
	}
	.Brand .Brand_top ul li .Brand_box{
		position: absolute;
		left: 0;
		top: 10px;
		width: 100%;
		box-sizing: border-box;
		padding:0 15px;
		color: #fff;
	}
	.Brand .Brand_top ul li .Brand_box h3{
		font-size: 40px;
	}
	.Brand .Brand_top ul li .Brand_box h4{
		font-size: 22px;
		padding-bottom: 15px;
	}
	.Brand .Brand_top ul li .Brand_box p{
		font-size: 16px;
	}
	.Brand .Brand_top ul li .Brand_box  a{
		display: inline-block;
		height: 55px;
		line-height: 55px;
		width: 165px;
		border: 1px solid #fff;
		text-align: center;
		color: #fff;
		margin-top: 25px;
	}
	.Brand .Brand_top ul li .Brand_box  a:hover{
		background: #ff8340;
		border: 1px solid #ff8340;
		color: #fff;
	}
	.Brand .Brand_bottom{
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		background: rgba(0,0,0,0.7);
	}
	.Brand .Brand_bottom ul li{
		float: left;
		width: 12.5%;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		height: 110px;
	}
	.Brand .Brand_bottom ul li .img{
		position: absolute;
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
		height: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li .img img{
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li h3{
		font-size: 16px;
		color: #fff;
		text-align: center;
		margin-top: 0;
	}
	.Brand .Brand_bottom ul li p{
		font-size: 12px;
		color: #fff;
		text-align: center;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li span{
		display:block;
		text-align: center;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		line-height: 50px;
		box-sizing: border-box;

		border-radius: 25px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li span i{
		background: url('../images/icon_2.png') no-repeat center;
		display: inline-block;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		background-size: 100% ;
		transform: scale(0.7);
	}
	.Brand .Brand_bottom ul{
		margin:0 ;
	}
	.Brand .Brand_top ul{
		margin:0 ;
	}
	.Brand .Brand_bottom ul li h2{
		text-align: center;
		margin: 0;
	}
	.Brand .Brand_bottom ul li h2 img{
		display: none;
	}
	.Brand .Brand_bottom ul li:hover{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li:hover .img{
		display: block;
		height: 60px;
		top: -60px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li:hover .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover span {
		background: #fff;
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left:-25px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover h3{
		padding-top: 35px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li:hover h2 img{
		display: inline-block;
	}
	.Brand .Brand_bottom ul li.active{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li.active .img{
		display: block;
		height: 60px;
		top: -60px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active  .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active span {
		background: #fff;
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left:-25px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active h3{
		padding-top: 30px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li.active h2 img{
		display: inline-block;
	}
	.Brand_wap{
		display: block;
	}
	.Brand_wap  ul li .img img{
		width: 100%;
	}
	.Brand_wap  ul li .Brand_box{

		left: 0;
		top: 0;
		width: 100%;
		box-sizing: border-box;
		padding:0 55px;
		color: #434343;
		padding-bottom: 50px;
		text-align: center;
	}
	.Brand_wap  ul li .Brand_box h3{
		font-size: 20px;
	}
	.Brand_wap  ul li .Brand_box h4{
		font-size: 28px;
	}
	.Brand_wap  ul li .Brand_box p{
		font-size: 14px;
	}
	.Brand_wap  ul li .Brand_box  a{
		display: inline-block;
		height: 45px;
		line-height: 45px;
		width: 100px;
		border: 1px solid #dcdcdc;
		text-align: center;
		color: #434343;
		margin-top: 10px;
	}
	.Brand_wap  ul li .Brand_box  a:hover{
		background: #ff8340;
		border: 1px solid #ff8340;
		color: #fff;
	}
	.Brand_wap .swiper-pagination-bullet-active{
		background: #fb7932;
	}
	.news_index .title{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.news_index .title .left{
		width: 100%;
		text-align: center;
	} 
	.news_index .title .left h3{
		font-size: 36px;
		color: #3a3a3a;
	}
	.news_index .title .left h4{
		font-size: 28px;
		color: #3a3a3a;
	}
	.news_index .title .left h4 img{
		margin-left: 10px;
	}
	.news_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.news_index .title .right{
		padding-top: 10px;
		width: 100%;
		text-align: center;
	}
	.news_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.news_index .title .right ul li a .text{
		float: left;
	}
	.news_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 16px;
		text-align: right;
	}
	.news_index .title .right ul li a .text p{
		font-size: 14px;
		color: #919191;
		text-align: right;
	}
	.news_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.news_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.news_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.news_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.news_index .list{
		overflow: hidden;
		padding-bottom: 50px;
	}
	.news_index .list ul li{

	}
	.news_index .list ul li:nth-child(1){
		position: relative;
	}
	.news_index .list ul li:nth-child(1) .img{
		width: 100%;
		/*height: 557px;*/
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(1) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(1)  .text{
		
		background: #fff;

		
    align-items: center;
    justify-content: center;
    padding: 20px 20px 0;
    width: 100%;
    box-sizing: border-box;
	}
	.news_index .list ul{
		margin: 0 -15px;
	}
	.news_index .list ul li{
		padding: 0 15px;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	.news_index .list ul li:nth-child(1)  .text h3{
		font-size: 30px;
		display: none;
		color: #323131;
	}
	.news_index .list ul li:nth-child(1)  .text h4{
		font-size: 18px;
		color: #323131;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 10px;
		line-height: 1.5em;
		margin: 0;
	}
	.news_index .list ul li:nth-child(1)  .text p{
		font-size: 14px;
		line-height: 2em;
		color: #828282;
	}
	.news_index .list ul li:nth-child(1)  .text h5{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text span{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
		display: none;
	}
	.news_index .list ul li:nth-child(1)  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.news_index .list ul li:nth-child(2){
		width: 50%;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.news_index .list ul li:nth-child(3){
		width: 50%;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.news_index .list ul li:nth-child(2) .img{
		width: 100%;
		height: 150px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(2) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(2) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(2) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(2) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(2):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(3) .img{
		width: 100%;
		height: 150px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(3) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(3) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(3) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(3) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(3):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(4){
		margin-top: 20px;
	}
	.news_index .list ul li:nth-child(4) a{
		
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		position: relative;
		box-sizing: border-box;
		padding: 15px 20px 30px;
	}
	.news_index .list ul li:nth-child(4) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(4) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
		line-height: 1em;
		position: absolute;
		display: block;
		right: 20px;
		bottom: 10px;
	}
	.news_index .list ul li:nth-child(5) a{
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		position: relative;
		box-sizing: border-box;
		padding: 15px 20px 30px;
		
	}
	.news_index .list ul li:nth-child(5) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(5) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
		line-height: 1em;
		position: absolute;
		display: block;
		right: 20px;
		bottom: 10px;
	}

	.news_index .list ul li:nth-child(6) a{
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		position: relative;
		box-sizing: border-box;
		padding: 15px 20px 30px;
	}
	.news_index .list ul li:nth-child(6) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(6) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
		line-height: 1em;
		position: absolute;
		display: block;
		right: 20px;
		bottom: 10px;
	}
	.design{
		background: #fb7932;
		display: none;
	}
	.design ul{
		margin: 0;
	}
	.design ul li{
		padding: 50px 0;
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
	.design ul li .img{
		float: left;
		margin-left: 15%;
	}
	.design ul li .text{
		float: left;
		padding-left: 25px;
	}
	.design ul li .text h3{
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
	}
	.design ul li .text p{
		margin: 0;
		color: #fff;
		margin-top: 5px;
		font-size: 14px;
	}
	.design ul li .right{
		padding-right: 75px;
	}
	.design ul li .right a{
		display:inline-block ;
		background: #fff;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
	}
	.design ul li .right a img{
		vertical-align: middle;
	}
	.footer{
		background: #181819;
		padding: 50px 0;
	}
	.footer .left{
		width: 100%;
		box-sizing: border-box;
	}
	.footer .left ul li{
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
	.footer .left ul li p{
		margin-bottom:30px;
	}
	.footer .left ul li p a{
		font-size: 16px;
		color: #fff;
	}
	.footer .left ul li div a{
		font-size: 14px;
		color: #9a9999;
		line-height: 2em;
	}
	.footer .right{
		float: right;
		width: 100%;
		padding-top: 20px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.footer .right .text{
		float: left;
		width: 100%;
	}
	.footer .right .text .phone{

	}
	.footer .right .text .phone p{
		background: url(../images/icon_6.png) no-repeat center left;
		padding-left: 35px;
		line-height: 25px;
		font-size: 16px;
		color: #fff;
	}
	.footer .right .text .phone h3{
		font-size: 38px;
		font-weight: bold;
		color: #fff;
	}
	.footer .right .text  .dis{
		padding-top: 10px;
	}
	.footer .right .text  .dis p{
		font-size: 14px;
		color: #646464;
		line-height: 2em;
	}
	.footer .right .code{
		float: right;
		width: 100%;

	}
	.footer .right .code div{
		float: left;
		background: #222222;
		padding: 25px;
		margin-right: 10px;
	}
	.footer .right .code div p{
		font-size: 14px;
		color: #646464;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}
	.copy{
		background: #111111;
		padding: 20px 0;
		display: none;
	}
	.copy .left{
		display: none;
	}
	.copy .text{
		
		 line-height: 2em;
	}
	.copy .text span{
		margin-left: 75px;
		font-size: 12px;
		color: #8b8b8b;
		text-align: center;
		display: block;
	}
	.copy .text span img{
		margin-right: 15px;
	}
	.copy .text span  a{
		font-size: 12px;
		color: #8b8b8b;
		margin-right: 15px;
	}
	.copy_wap{
		background: #111111;
		display: block;
		padding: 20px 0;
	}
	.copy_wap .link{
		
	}
	.copy_wap .link a{
		margin-right: 15px;
		margin-top: 10px;
	}
	.copy_wap .text{
		text-align: center;
		margin-top: 15px;
	}
	.copy_wap .text img{
		margin-right: 10px
	}
}
/*平板*/
@media (min-width: 768px) and (max-width:991px) {
	 .container{
		width: 100%;
	}
	.header{
		width: 100%;
		position: fixed;
		box-sizing: border-box;
		padding: 35px 25px 0;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.header .nav{
		width: 100%;
		background: #fff;
	}
	.header .nav .left{
		background: #181819;
		width: 150px;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .right{
		background: #fff;
		width: 50px;
		display: none;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .left a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
	}
	.header .nav .right a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
		color: #fff;
	}
	.header .nav .right a img{
		margin-right: 15px;
	}
	.header .nav .right a span{
		display: none;
	}
	.header .nav .left a img{
		vertical-align: middle;
	}
	.header .nav  .center{
		float: left;
		width: calc(100% - 150px);
		height: 100px;
		box-sizing: border-box;
	}

	.header .nav  .center ul li{
		width: 12.5%;
		box-sizing: border-box;
		float: left;
		height: 100px;
		line-height: 100px;
		text-align: center;
		position: relative;
	}
	.header .nav  .center ul li span{
		float: left;
	}
	.header .nav  .center ul li>a{
		display: inline-block;
		height: 96px;
		border-bottom: 1px solid #fff;
		padding: 0 5px;
		font-size: 14px;
	}
	.header .nav  .center ul li:hover>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.active>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.seach{
		width: 10%;
	}
	.header .nav  .center ul li:nth-child(1){
		width: 15%;
	}
	.header .nav  .center ul li.seach a{
		border-bottom: 1px solid #fff;
	}
	.header .nav  .center ul li .sub{
		position: absolute;
		width: 185px;
		background: #fff;
		left: -45px;
		top: 105px;
		animation-name: example_two;
  		animation-duration: .3s;
  		display: none;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.header .nav  .center ul li .sub p{
		padding: 0 10px;
	}
	.header .nav  .center ul li .sub p:hover{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p a{
		display: block;
		height: 55px;
		line-height: 55px;
		border-bottom: 1px solid #dcdcdc;
	}
	.header .nav  .center ul li .sub p:hover a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li .sub p.active{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p.active a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li:hover .sub{
		display: block;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		top: 100px;
		z-index: 99;
		animation-name: example;
  		animation-duration: .3s;
	}
	.header .nav  .center ul li.seach .form_search{
		position: absolute;
		top: 105px;
		right: 0;
		background: #fff;
		padding: 10px;
		width: 210px;
		overflow: hidden;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 0;
	}
	.header .nav  .center ul li.seach .form_search input{
		float: left;
		width: 150px;
		outline: none;
		box-sizing: border-box;
		padding-left: 10px;
		border: 1px solid #dcdcdc;
		height: 30px;
	}
	.header .nav  .center ul li.seach .form_search button{
		float: left;
		width: 40px;
		border: 1px solid #dcdcdc;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border-left: none ;
	}
	.header .nav  .center ul li.seach:hover .form_search{
		top: 100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 100;
	}
	.banner img{
		width: 100%;
	}
	.banner .banner_wiki{
		--swiper-navigation-size: 20px;
		background: rgba(0,0,0,0.5);
		--swiper-navigation-color:#fff;
		width: 75px;
		height: 80px;
	}
	.banner .swiper-pagination-bullet{
		width: 15px;
		height: 15px;
		border-radius: 0;
		background: #000;
	}
	.banner .swiper-pagination-bullet-active{
		background: #ff8340;
	}
	.images{
		padding-top: 100px;
	}
	.images .images_box .images_container{
		position: relative;
	}
	.images .images_box .images_container .swiper-slide>img{
		width: 100%;
	}
	.images .images_box .images_container .swiper-slide  .text{
		background: #fff;
		position: absolute;
		right: 35px;
		width: 300px;
		height: 320px;
		top: 50%;
		margin-top: -210px;
		box-sizing: border-box;
		padding: 20px;
	}
	.images .images_box .images_container .swiper-slide  .text h3{
		text-align: left;
		font-size: 20px;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text h4{
		text-align: left;
		font-size: 22px;
		padding-bottom: 20px;
		border-bottom: 1px solid #dcdcdc;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text p{
		color: #6c6b6b;
		font-size: 14px;
		line-height: 2em;
	}
	.images .images_box .images_container .swiper-slide  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.images .images_box .images_container .swiper-slide  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.images .images_box{
		position: relative;
	}
	.images .images_box .thum_img{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50%;
		height: 110px;
		overflow: hidden;
		background: #fff;
		z-index: 9;
		padding-top: 10px;
	}
	.images .images_box .thum_img .thum_images{
		position: relative;
		overflow: hidden;
		float: left;
		width: 70%;
		box-sizing: border-box;
		padding: 10px 10px;

	}
	.images .images_box .thum_img .thum_images img{
		width: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide{
		padding: 0px 10px 0 0;
		box-sizing: border-box;
		position: relative;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		height: 80px;
		
	}
	.images .images_box .thum_img .thum_images .swiper-slide img{
		height: 100%;
		width: 100%;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;

		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_more{
		float: right;
		width: 30%;
		box-sizing:border-box;
	}
	.images .images_box .thum_img .thum_more .left{
		float: left;
		padding-left: 10px;
		padding-top:10px;
	}
	.images .images_box .thum_img .thum_more .left h3{
		text-align: right;
		font-size: 16px;
		color: #3a3a3a;
	}
	.images .images_box .thum_img .thum_more .left p{
		text-align: right;
		font-size: 14px;
		color: #b6b6b6;
	}
	.images .images_box .thum_img .thum_more .right{
		float: right;
		padding-right:10px ;
		padding-top: 30px;
	}
	.images .images_box .thum_img .thum_more .right a{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		color: #b5b5b5;
		line-height: 45px;
		border: 1px solid #dcdcdc;
	}
	.pro_index{
		padding: 60px 0 140px 0;
	}
	.pro_index .title{

	}
	.pro_index .title .left{
			float: none;
			text-align: center;
			width: 100%;
	} 
	.pro_index .title .left h3{
		font-size: 30px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4 img{
		margin-left: 10px;
	}
	.pro_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.pro_index .title .right{
		padding-top: 15px;
		float: none;
		width: 100%;
		text-align: center;
	}
	.pro_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.pro_index .title .right ul li a .text{
		float: left;
	}
	.pro_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 18px;
		text-align: right;
	}
	.pro_index .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.pro_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.pro_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.pro_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}

	.pro_index  .index_list{
		padding-top: 40px;
	}
	.pro_index  .index_list ul li{
		float: left;
		padding-bottom: 10px;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
	}
	.pro_index  .index_list ul li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img{
		overflow: hidden;
		height: 300px;
	}
	.pro_index  .index_list ul li a .img img{
		width: 100%;
		height: 100%;
	}
	.pro_index  .index_list ul li a .text{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		left: 0;
		top: 0;
		box-sizing: border-box;
		padding: 15px;
		opacity: 0;
		transform: scale(1.2);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a:hover .text{
		opacity: 1;
		transform: scale(1);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a .text .box{
		border: 5px solid #e97333;
		box-sizing: border-box;
		height: 100%;
		width: 100%;
		color: #fff;
		padding: 20px;
	}
	.pro_index  .index_list ul li a .text .box h3{
		font-size: 28px;
	}
	.pro_index  .index_list ul li a .text .box h4{
		font-size: 24px;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 15px;
	}
	.pro_index  .index_list ul li a .text .box p{
		font-size: 16px;
	}
	.pro_index  .index_list ul li a .text .box span{
		display: inline-block;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		margin-top: 23px;
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index  .index_list ul li a .text .box span i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_8.png) no-repeat center;
	}
	
	.pro_index  .index_list ul li:nth-child(1){
		width: 100%;
	}
	.pro_index  .index_list ul li:nth-child(1) .img{
		height: 600px;
	}
	.Customization{

	}
	.Customization .custom_box{
		position: relative;
		width: 100%;
	}
	.Customization .custom_box .swiper-slide {
		background: #000;
	}
	.Customization .custom_box .custom_container .swiper-slide>img{
		width: 100%;
		opacity: 0.7;
	}
	.Customization .custom_box .swiper-slide .container{
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		padding-top: 50px;
	}
	.Customization .custom_box .swiper-slide .container h3{
		font-size: 36px;
	}
	.Customization .custom_box .swiper-slide .container h4{
		font-size: 28px;
	}
	.Customization .custom_box .swiper-slide .container p{
		font-size: 20px;
		letter-spacing: 5px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.Customization .custom_box .swiper-slide .container  span{
		display: block;
		width: 160px;
		height: 50px;
	}
	.Customization .custom_box .swiper-slide .container  span a{
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #fff;
		display: block;
		text-align: center;
		background: #ff8340;
	}
	.Customization .custom_box  .custom_thum_box{
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		left: 0;
		top: 0;
		height: 100%;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum{
		width: 50%;
		height: 120px;
		position: absolute;
		right: 15px;
		bottom: 30px;
		box-sizing: border-box;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-container{
		float: left;
		width: 100%;
		padding-top: 20px;
		padding-left: 15px;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		display: none;
		background: #fb7932;
		right: 0;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a img{
		vertical-align: middle;
	}
	.join{
		padding: 50px 0;
		/*background: url(../images/jod_bg_1.jpg) no-repeat center top;*/
		background: #f3f3f3;
	}
	.join .title{

	}
	.join .title .left{
		width: 100%;
		text-align: center;
	} 
	.join .title .left h3{
		font-size: 30px;
		color: #3a3a3a;
	}
	.join .title .left h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.join .title .left h4 img{
		margin-left: 10px;
	}
	.join .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.join .title .right{
		padding-top: 15px;
		width: 100%;
		text-align: center;
	}
	.join .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.join .title .right ul li a .text{
		float: left;
	}
	.join .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 18px;
		text-align: right;
	}
	.join .title .right ul li a .text p{
		font-size: 14px;
		color: #919191;
		text-align: right;
	}
	.join .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.join .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.join  .join_list{
		padding-top: 50px;
		position: relative;
	}
	.join  .join_list .join_img{
		position: relative;
		width: 100%;
	}
	.join  .join_list .join_img ul li{
		display: none;
	}
	.join  .join_list .join_img ul li.active{
		display: block;
	}
	.join  .join_list .join_img ul li img{
		 width: 100%;
		 display: none;
	}
	.join  .join_list .join_text{
		width: 100%;
		background: #fff;

		z-index: 9;
		box-sizing: border-box;
		padding: 50px;
	}
	.join  .join_list .join_text .top .swiper-slide h3{
		 font-size: 26px;
		 padding-bottom: 15px;
		 border-bottom: 1px solid #dcdcdc;
	}
	.join  .join_list .join_text .top .swiper-slide p{
		 font-size: 18px;
		 line-height: 2em;
		 padding-bottom: 15px;
		 color: #818080;
	}
	.join  .join_list .join_text  .bottom .swiper-container{
		padding-top: 20px;
		padding-left: 15px;
	}
	.join  .join_list .join_text  .bottom{
		position: relative;
	}
	.join  .join_list .join_text  .bottom>a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: -20px;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.join  .join_list .join_text  .bottom .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 120px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.support{
		padding-top: 70px;
		padding-bottom: 150px;
		background: url(../images/jod_bg_2.jpg) no-repeat center top;
	}
	.support .left{
		width: 25%;
		box-sizing: border-box;
		padding-left: 25px;
	}
	.support .right{
		width: 75%;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.support .left div{
		background: #fff;
	}
	.support .left div.top{
		padding: 15px;
	}
	.support .left div.top h3{
		font-size: 36px;
		color: #3a3a3a;
	}
	.support .left div.top h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.support .left div.top h4 img{
		margin-left: 10px;
	}
	.support .left div.top p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.support .left  .support_box{
		padding:15px;
		position: relative;
		overflow: hidden;
	}
	.support .left  .support_box ul li{
		border-bottom: 1px solid #dcdcdc;
		height: 80px;
		line-height: 80px;
		text-align: center;
		color: #8b8b8b;
	}
	.support .left  .support_box ul li.swiper-slide-thumb-active{
		background: #ff8340;
		color: #fff;
	}
	.support_list{
		height: 700px;
		box-sizing: border-box;
		background: #fff;
		position: relative;
		overflow: hidden;
	} 
	.support_list>.swiper-wrapper{
		height: 700px;

	}
	.support_list .swiper-slide .support_item {
		padding: 30px 20px;
	}
	.support_list .swiper-slide .support_item ul li .img{
		height: 100px;
		overflow:hidden;
	}
	.support_list .swiper-slide .support_item ul li .img img{
		width: 100%;
		height: 100%;
	}
	.support_list .swiper-slide .support_item ul li h3{
		font-size: 20px;
		color: #333;
		margin-bottom: 0px;
	}
	.support_list .swiper-slide .support_item ul li p{
		font-size: 12;
		color: #bdbdbd;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.support_list .swiper-slide .support_item ul li h4{
		font-size: 16px;
		color: #808080;
		line-height: 2em;
	}
	.support_list .swiper-slide .but_item{
		height: 55px;
		text-align: center;
	}
	.support_list .swiper-slide .but_item .banner_wiki{
		position: relative !important;
		left: 0;
		right: 0;
		display: inline-block;
		width: 55px;
		height: 55px;
		border: 1px solid #dcdcdc;
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:after{
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:hover{
		
		background: #ff8340;
	}
	.support_list .swiper-slide .but_item .support-button-prev i{
		background: url(../images/icon_10.png) no-repeat center;
		
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-prev:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(180deg);
	}
	.support_list .swiper-slide .but_item .support-button-next i{
		background: url(../images/icon_10.png) no-repeat center;
		transform: rotate(180deg);
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-next:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(0);
	}
	.why{
		background: url(../images/jod_bg_3.jpg) no-repeat center top;
		padding-top: 65px;
		background-color: #f3f3f3;
		padding-bottom: 60px;
	}
	.why .why_titie{
		text-align: center;
		color: #fff;
	}
	.why .why_titie h4{
		color: #a6a6a6;
		font-size: 14px;
		text-transform: uppercase;
	}
	.why .why_titie h3{
		color: #a6a6a6;
		font-size: 32px;
		text-transform: uppercase;
	}
	.why .why_titie h3 label{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#434343;
		background: #fff;
	}
	.why .why_titie h3 span{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#fff;
		background: #ff8340;
	}
	.why .why_titie h2{
		color: #fff;
		font-size: 36px;
		text-transform: uppercase;
	}
	.why .why_titie h2 span{
		color: #ff8340;
		font-weight: bold;
	}
	.why .why_titie p{
		font-size: 20px;
		color: #fff;
		padding-top: 30px;
		line-height: 2em;
	}
	.why  .why_list{
		background: #fff;
		padding:50px;
	}
	.why  .why_list .list_title{
		text-align: center;
	}
	.why  .why_list .list_title h3{
		color: #363636;
		font-size: 30px;
		font-weight: 400;
	}
	.why  .why_list .list_title h3 span{
		font-weight: bold;
	}
	.why  .why_list .list_title p{
		font-size: 14px;
		color: #969696;
	}
	.why  .why_list .list{
		padding-top: 50px;
	}
	.why  .why_list .list ul li{
		box-sizing: border-box;
		padding: 0 25px  25px;
		position: relative;
	}
	.why  .why_list .list ul li .img{
	
	}
	.why  .why_list .list ul li:nth-child(1) .img{
	
	}
	.why  .why_list .list ul li:nth-child(2) .img{

	}
	.why  .why_list .list ul li .img img{
		width: 100%;
		height: 100%;
	}
	.why  .why_list .list ul li span{
		position: absolute;
		height: 88px;
		width: 88px;
		text-align: center;
		line-height: 88px;
		left: 50%;
		margin-left: -44px;
		border-radius: 44px;
		background: #ff8340;
		color: #fff;
		font-size: 24px;
		margin-top: -44px;
	}
	.why  .why_list .list ul li h3{
		padding-top: 50px;
		text-align: center;
		color: #2e2e2e;
		font-size: 24px;
	}
	.why  .why_list .list ul li p{
		font-size: 18px;
		color: #818181;
		text-align: center;
		line-height: 2em;
		padding: 0 25px;
	}
	.Brand{
		position: relative;
		display: none;
	}
	.Brand .Brand_top ul li{
		display: none;
		position: relative;
	}
	.Brand .Brand_top ul li.active{
		display: block;
	}
	.Brand .Brand_top ul li .img img{
		width: 100%;
	}
	.Brand .Brand_top ul li .Brand_box{
		position: absolute;
		left: 0;
		top: 10px;
		width: 100%;
		box-sizing: border-box;
		padding:0 15px;
		color: #fff;
	}
	.Brand .Brand_top ul li .Brand_box h3{
		font-size: 40px;
	}
	.Brand .Brand_top ul li .Brand_box h4{
		font-size: 22px;
		padding-bottom: 15px;
	}
	.Brand .Brand_top ul li .Brand_box p{
		font-size: 16px;
	}
	.Brand .Brand_top ul li .Brand_box  a{
		display: inline-block;
		height: 55px;
		line-height: 55px;
		width: 165px;
		border: 1px solid #fff;
		text-align: center;
		color: #fff;
		margin-top: 25px;
	}
	.Brand .Brand_top ul li .Brand_box  a:hover{
		background: #ff8340;
		border: 1px solid #ff8340;
		color: #fff;
	}
	.Brand .Brand_bottom{
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		background: rgba(0,0,0,0.7);
	}
	.Brand .Brand_bottom ul li{
		float: left;
		width: 12.5%;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		height: 110px;
	}
	.Brand .Brand_bottom ul li .img{
		position: absolute;
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
		height: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li .img img{
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li h3{
		font-size: 16px;
		color: #fff;
		text-align: center;
		margin-top: 0;
	}
	.Brand .Brand_bottom ul li p{
		font-size: 12px;
		color: #fff;
		text-align: center;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li span{
		display:block;
		text-align: center;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		line-height: 50px;
		box-sizing: border-box;

		border-radius: 25px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li span i{
		background: url('../images/icon_2.png') no-repeat center;
		display: inline-block;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		background-size: 100% ;
		transform: scale(0.7);
	}
	.Brand .Brand_bottom ul{
		margin:0 ;
	}
	.Brand .Brand_top ul{
		margin:0 ;
	}
	.Brand .Brand_bottom ul li h2{
		text-align: center;
		margin: 0;
	}
	.Brand .Brand_bottom ul li h2 img{
		display: none;
	}
	.Brand .Brand_bottom ul li:hover{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li:hover .img{
		display: block;
		height: 60px;
		top: -60px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li:hover .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover span {
		background: #fff;
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left:-25px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover h3{
		padding-top: 35px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li:hover h2 img{
		display: inline-block;
	}
	.Brand .Brand_bottom ul li.active{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li.active .img{
		display: block;
		height: 60px;
		top: -60px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active  .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active span {
		background: #fff;
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left:-25px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active h3{
		padding-top: 30px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li.active h2 img{
		display: inline-block;
	}
	.Brand_wap{
		display: block;
	}
	.Brand_wap  ul li .img img{
		width: 100%;
	}
	.Brand_wap  ul li .Brand_box{
		
		left: 0;
		top: 10%;
		width: 100%;
		box-sizing: border-box;
		padding:0 55px;
		color: #434343;
		text-align: center;
		padding-bottom: 50px;
	}
	.Brand_wap  ul li .Brand_box h3{
		font-size: 40px;
	}
	.Brand_wap  ul li .Brand_box h4{
		font-size: 36px;
		padding-bottom: 15px;
	}
	.Brand_wap  ul li .Brand_box p{
		font-size: 16px;
	}
	.Brand_wap  ul li .Brand_box  a{
		display: inline-block;
		height: 55px;
		line-height: 55px;
		width: 165px;
		border: 1px solid #dcdcdc;
		text-align: center;
		color: #434343;
		margin-top: 25px;
	}
	.Brand_wap  ul li .Brand_box  a:hover{
		background: #ff8340;
		border: 1px solid #ff8340;
		color: #fff;
	}
	.Brand_wap .swiper-pagination-bullet-active{
		background: #fb7932;
	}
	.news_index .title{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.news_index .title .left{
		width: 100%;
		text-align: center;
	} 
	.news_index .title .left h3{
		font-size: 36px;
		color: #3a3a3a;
	}
	.news_index .title .left h4{
		font-size: 28px;
		color: #3a3a3a;
	}
	.news_index .title .left h4 img{
		margin-left: 10px;
	}
	.news_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.news_index .title .right{
		padding-top: 10px;
		width: 100%;
		text-align: center;
	}
	.news_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.news_index .title .right ul li a .text{
		float: left;
	}
	.news_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 16px;
		text-align: right;
	}
	.news_index .title .right ul li a .text p{
		font-size: 14px;
		color: #919191;
		text-align: right;
	}
	.news_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.news_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.news_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.news_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.news_index .list{
		overflow: hidden;
		padding-bottom: 50px;
	}
	.news_index .list ul li{

	}
	.news_index .list ul li:nth-child(1){
		position: relative;
	}
	.news_index .list ul li:nth-child(1) .img{
		width: 100%;
		/*height: 557px;*/
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(1) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(1)  .text{
		position: absolute;
		background: #fff;
		left: 10%;
		top: 20%;
		margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 40%;
    box-sizing: border-box;
	}
	.news_index .list ul{
		margin: 0 -15px;
	}
	.news_index .list ul li{
		position: relative;
		padding: 0 15px;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	.news_index .list ul li:nth-child(1)  .text h3{
		font-size: 30px;
		color: #323131;
	}
	.news_index .list ul li:nth-child(1)  .text h4{
		font-size: 20px;
		color: #323131;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
		line-height: 1.5em;
	}
	.news_index .list ul li:nth-child(1)  .text p{
		font-size: 14px;
		line-height: 2em;
		color: #828282;
	}
	.news_index .list ul li:nth-child(1)  .text h5{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text span{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.news_index .list ul li:nth-child(1)  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.news_index .list ul li:nth-child(2){
		width: 50%;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.news_index .list ul li:nth-child(3){
		width: 50%;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.news_index .list ul li:nth-child(2) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(2) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(2) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(2) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(2) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(2):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(3) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(3) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(3) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(3) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(3) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(3):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(4){
		margin-top: 20px;
	}
	.news_index .list ul li:nth-child(4) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(4) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(4) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(5) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(5) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(5) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(6) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(6) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(6) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.design{
		background: #fb7932;
		display: none;
	}
	.design ul{
		margin: 0;
	}
	.design ul li{
		padding: 50px 0;
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
	.design ul li .img{
		float: left;
		margin-left: 15%;
	}
	.design ul li .text{
		float: left;
		padding-left: 25px;
	}
	.design ul li .text h3{
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
	}
	.design ul li .text p{
		margin: 0;
		color: #fff;
		margin-top: 5px;
		font-size: 14px;
	}
	.design ul li .right{
		padding-right: 75px;
	}
	.design ul li .right a{
		display:inline-block ;
		background: #fff;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
	}
	.design ul li .right a img{
		vertical-align: middle;
	}
	.footer{
		background: #181819;
		padding: 50px 0;
	}
	.footer .left{
		width: 100%;
		box-sizing: border-box;
	}
	.footer .left ul li{
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
	.footer .left ul li p{
		margin-bottom:30px;
	}
	.footer .left ul li p a{
		font-size: 16px;
		color: #fff;
	}
	.footer .left ul li div a{
		font-size: 14px;
		color: #9a9999;
		line-height: 2em;
	}
	.footer .right{
		float: right;
		width: 100%;
		padding-top: 20px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.footer .right .text{
		float: left;
		width: 50%;
	}
	.footer .right .text .phone{

	}
	.footer .right .text .phone p{
		background: url(../images/icon_6.png) no-repeat center left;
		padding-left: 35px;
		line-height: 25px;
		font-size: 16px;
		color: #fff;
	}
	.footer .right .text .phone h3{
		font-size: 38px;
		font-weight: bold;
		color: #fff;
	}
	.footer .right .text  .dis{
		padding-top: 10px;
	}
	.footer .right .text  .dis p{
		font-size: 14px;
		color: #646464;
		line-height: 2em;
	}
	.footer .right .code{
		float: right;
		width: 50%;

	}
	.footer .right .code div{
		float: left;
		background: #222222;
		padding: 25px;
		margin-right: 10px;
	}
	.footer .right .code div p{
		font-size: 14px;
		color: #646464;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}
	.copy{
		background: #111111;
		padding: 20px 0;
		display: none;
	}
	.copy .left{
		display: none;
	}
	.copy .text{
		
		 line-height: 2em;
	}
	.copy .text span{
		margin-left: 75px;
		font-size: 12px;
		color: #8b8b8b;
		text-align: center;
		display: block;
	}
	.copy .text span img{
		margin-right: 15px;
	}
	.copy .text span  a{
		font-size: 12px;
		color: #8b8b8b;
		margin-right: 15px;
	}
	.copy_wap{
		background: #111111;
		display: block;
		padding: 20px 0;
	}
	.copy_wap .link{
		padding-left: 40px;
	}
	.copy_wap .link a{
		margin-right: 15px;
	}
	.copy_wap .text{

	}
	.copy_wap .text img{
		margin-right: 10px
	}
}
/*小屏电脑*/
@media (min-width: 992px) and (max-width: 1199px){
	.container{
		width: 100%;
	}
	.header{
		width: 100%;
		position: fixed;
		box-sizing: border-box;
		padding: 35px 25px 0;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.header .nav{
		width: 100%;
		background: #fff;
	}
	.header .nav .left{
		background: #181819;
		width: 150px;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .right{
		background: #181819;
		width: 150px;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .left a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
	}
	.header .nav .right a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
		color: #fff;
	}
	.header .nav .right a img{
		margin-right: 15px;
	}
	.header .nav .left a img{
		vertical-align: middle;
	}
	.header .nav  .center{
		float: left;
		width: calc(100% - 300px);
		height: 100px;
		box-sizing: border-box;
	}

	.header .nav  .center ul li{
		width: 12.5%;
		box-sizing: border-box;
		float: left;
		height: 100px;
		line-height: 100px;
		text-align: center;
		position: relative;
	}
	.header .nav  .center ul li span{
		float: left;
	}
	.header .nav  .center ul li>a{
		display: inline-block;
		height: 96px;
		border-bottom: 1px solid #fff;
		padding: 0 5px;
		font-size: 14px;
	}
	.header .nav  .center ul li:hover>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.active>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.seach{
		width: 10%;
	}
	.header .nav  .center ul li:nth-child(1){
		width: 15%;
	}
	.header .nav  .center ul li.seach a{
		border-bottom: 1px solid #fff;
	}
	.header .nav  .center ul li .sub{
		position: absolute;
		width: 185px;
		background: #fff;
		left: -25px;
		top: 105px;
		animation-name: example_two;
  		animation-duration: .3s;
  		display: none;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.header .nav  .center ul li .sub p{
		padding: 0 10px;
	}
	.header .nav  .center ul li .sub p:hover{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p a{
		display: block;
		height: 55px;
		line-height: 55px;
		border-bottom: 1px solid #dcdcdc;
	}
	.header .nav  .center ul li .sub p:hover a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li .sub p.active{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p.active a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li:hover .sub{
		display: block;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		top: 100px;
		z-index: 99;
		animation-name: example;
  		animation-duration: .3s;
	}
	.header .nav  .center ul li.seach .form_search{
		position: absolute;
		top: 105px;
		right: 0;
		background: #fff;
		padding: 10px;
		width: 210px;
		overflow: hidden;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 0;
	}
	.header .nav  .center ul li.seach .form_search input{
		float: left;
		width: 150px;
		outline: none;
		box-sizing: border-box;
		padding-left: 10px;
		border: 1px solid #dcdcdc;
		height: 30px;
	}
	.header .nav  .center ul li.seach .form_search button{
		float: left;
		width: 40px;
		border: 1px solid #dcdcdc;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border-left: none ;
	}
	.header .nav  .center ul li.seach:hover .form_search{
		top: 100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 100;
	}
	.banner img{
		width: 100%;
	}
	.banner .banner_wiki{
		--swiper-navigation-size: 20px;
		background: rgba(0,0,0,0.5);
		--swiper-navigation-color:#fff;
		width: 75px;
		height: 80px;
	}
	.banner .swiper-pagination-bullet{
		width: 15px;
		height: 15px;
		border-radius: 0;
		background: #000;
	}
	.banner .swiper-pagination-bullet-active{
		background: #ff8340;
	}
	.images{
		padding-top: 100px;
	}
	.images .images_box .images_container{
		position: relative;
	}
	.images .images_box .images_container .swiper-slide>img{
		width: 100%;
	}
	.images .images_box .images_container .swiper-slide  .text{
		background: #fff;
		position: absolute;
		right: 35px;
		width: 375px;
		height: 420px;
		top: 50%;
		margin-top: -210px;
		box-sizing: border-box;
		padding: 50px;
	}
	.images .images_box .images_container .swiper-slide  .text h3{
		text-align: left;
		font-size: 30px;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text h4{
		text-align: left;
		font-size: 32px;
		padding-bottom: 30px;
		border-bottom: 1px solid #dcdcdc;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text p{
		color: #6c6b6b;
		font-size: 16px;
		line-height: 2em;
	}
	.images .images_box .images_container .swiper-slide  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.images .images_box .images_container .swiper-slide  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.images .images_box{
		position: relative;
	}
	.images .images_box .thum_img{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50%;
		height: 110px;
		overflow: hidden;
		background: #fff;
		z-index: 9;
		padding-top: 10px;
	}
	.images .images_box .thum_img .thum_images{
		position: relative;
		overflow: hidden;
		float: left;
		width: 70%;
		box-sizing: border-box;
		padding: 10px 10px;

	}
	.images .images_box .thum_img .thum_images img{
		width: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide{
		padding: 0px 10px 0 0;
		box-sizing: border-box;
		position: relative;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		height: 80px;
		
	}
	.images .images_box .thum_img .thum_images .swiper-slide img{
		height: 100%;
		width: 100%;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;

		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_more{
		float: right;
		width: 30%;
		box-sizing:border-box;
	}
	.images .images_box .thum_img .thum_more .left{
		float: left;
		padding-left: 10px;
		padding-top:10px;
	}
	.images .images_box .thum_img .thum_more .left h3{
		text-align: right;
		font-size: 16px;
		color: #3a3a3a;
	}
	.images .images_box .thum_img .thum_more .left p{
		text-align: right;
		font-size: 14px;
		color: #b6b6b6;
	}
	.images .images_box .thum_img .thum_more .right{
		float: right;
		padding-right:10px ;
		padding-top: 30px;
	}
	.images .images_box .thum_img .thum_more .right a{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		color: #b5b5b5;
		line-height: 45px;
		border: 1px solid #dcdcdc;
	}
	.pro_index{
		padding: 60px 0 140px 0;
	}
	.pro_index .title{

	}
	.pro_index .title .left{
		
	} 
	.pro_index .title .left h3{
		font-size: 30px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4 img{
		margin-left: 10px;
	}
	.pro_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.pro_index .title .right{
		padding-top: 60px;
	}
	.pro_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.pro_index .title .right ul li a .text{
		float: left;
	}
	.pro_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 18px;
		text-align: right;
	}
	.pro_index .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.pro_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.pro_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.pro_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}

	.pro_index  .index_list{
		padding-top: 40px;
	}
	.pro_index  .index_list ul li{
		float: left;
		padding-bottom: 10px;
		
	}
	.pro_index  .index_list ul li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img{
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img img{
		width: 100%;
		height: 100%;
	}
	.pro_index  .index_list ul li a .text{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		left: 0;
		top: 0;
		box-sizing: border-box;
		padding: 20px;
		opacity: 0;
		transform: scale(1.2);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a:hover .text{
		opacity: 1;
		transform: scale(1);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a .text .box{
		border: 5px solid #e97333;
		box-sizing: border-box;
		height: 100%;
		width: 100%;
		color: #fff;
		padding: 20px;
	}
	.pro_index  .index_list ul li a .text .box h3{
		font-size: 28px;
	}
	.pro_index  .index_list ul li a .text .box h4{
		font-size: 24px;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 15px;
	}
	.pro_index  .index_list ul li a .text .box p{
		font-size: 16px;
	}
	.pro_index  .index_list ul li a .text .box span{
		display: inline-block;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		margin-top: 23px;
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index  .index_list ul li a .text .box span i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_8.png) no-repeat center;
	}
	.pro_index  .index_list ul li:nth-child(2){
		padding-left: 10px;
		padding-right: 10px;
	}	
	.pro_index  .index_list ul li:nth-child(1){
		width: 31.6%;
		padding-top: 70px;
	}
	.pro_index  .index_list ul li:nth-child(1) .img{
		
		height: 330px;
	}
	.pro_index  .index_list ul li:nth-child(2){
		width: 42.4%;
	}
	.pro_index  .index_list ul li:nth-child(2) .img{
		height: 400px;
	}
	.pro_index  .index_list ul li:nth-child(3){
		width: 25.5%;
	}
	.pro_index  .index_list ul li:nth-child(3) .img{
		height: 570px;
	}
	.pro_index  .index_list ul li:nth-child(4){
		padding-right: 10px;
		width: 30%;
		margin-left: 13.2%;
		margin-top: -170px;
	}
	.pro_index  .index_list ul li:nth-child(4) .img{
		height: 290px;
	}
	.pro_index  .index_list ul li:nth-child(5){
		width: 30%;
		margin-top: -170px;
	}
	.pro_index  .index_list ul li:nth-child(5) .img{
		height: 290px;
	}
	.Customization{

	}
	.Customization .custom_box{
		position: relative;
		width: 100%;
	}
	.Customization .custom_box .swiper-slide {
		background: #000;
	}
	.Customization .custom_box .custom_container .swiper-slide>img{
		width: 100%;
		opacity: 0.7;
	}
	.Customization .custom_box .swiper-slide .container{
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		padding-top: 50px;
	}
	.Customization .custom_box .swiper-slide .container h3{
		font-size: 36px;
	}
	.Customization .custom_box .swiper-slide .container h4{
		font-size: 28px;
	}
	.Customization .custom_box .swiper-slide .container p{
		font-size: 20px;
		letter-spacing: 5px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.Customization .custom_box .swiper-slide .container  span{
		display: block;
		width: 160px;
		height: 50px;
	}
	.Customization .custom_box .swiper-slide .container  span a{
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #fff;
		display: block;
		text-align: center;
		background: #ff8340;
	}
	.Customization .custom_box  .custom_thum_box{
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		left: 0;
		top: 0;
		height: 100%;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum{
		width: 610px;
		height: 150px;
		position: absolute;
		right: 15px;
		bottom: 30px;
		box-sizing: border-box;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-container{
		float: left;
		width: 580px;
		padding-top: 20px;
		padding-left: 15px;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 120px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: 0;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a img{
		vertical-align: middle;
	}
	.join{
		padding: 50px 0;
		background: url(../images/jod_bg_1.jpg) no-repeat center top;
	}
	.join .title{

	}
	.join .title .left{
		
	} 
	.join .title .left h3{
		font-size: 30px;
		color: #3a3a3a;
	}
	.join .title .left h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.join .title .left h4 img{
		margin-left: 10px;
	}
	.join .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.join .title .right{
		padding-top: 60px;
	}
	.join .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.join .title .right ul li a .text{
		float: left;
	}
	.join .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 18px;
		text-align: right;
	}
	.join .title .right ul li a .text p{
		font-size: 14px;
		color: #919191;
		text-align: right;
	}
	.join .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.join .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.join  .join_list{
		padding-top: 50px;
		position: relative;
	}
	.join  .join_list .join_img{
		position: relative;
		width: 100%;
	}
	.join  .join_list .join_img ul li{
		display: none;
	}
	.join  .join_list .join_img ul li.active{
		display: block;
	}
	.join  .join_list .join_img ul li img{
		 width: 100%;
	}
	.join  .join_list .join_text{
		width: 680px;
		background: #fff;
		position: absolute;
		top: 20%;
		z-index: 9;
		right: 50%;
		margin-right: -340px;
		box-sizing: border-box;
		padding: 50px;
	}
	.join  .join_list .join_text .top .swiper-slide h3{
		 font-size: 26px;
		 padding-bottom: 15px;
		 border-bottom: 1px solid #dcdcdc;
	}
	.join  .join_list .join_text .top .swiper-slide p{
		 font-size: 18px;
		 line-height: 2em;
		 padding-bottom: 15px;
		 color: #818080;
	}
	.join  .join_list .join_text  .bottom .swiper-container{
		padding-top: 20px;
		padding-left: 15px;
	}
	.join  .join_list .join_text  .bottom{
		position: relative;
	}
	.join  .join_list .join_text  .bottom>a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: -20px;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.join  .join_list .join_text  .bottom .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 120px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.support{
		padding-top: 70px;
		padding-bottom: 150px;
		background: url(../images/jod_bg_2.jpg) no-repeat center top;
	}
	.support .left{
		width: 25%;
		box-sizing: border-box;
		padding-left: 25px;
	}
	.support .right{
		width: 75%;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.support .left div{
		background: #fff;
	}
	.support .left div.top{
		padding: 15px;
	}
	.support .left div.top h3{
		font-size: 36px;
		color: #3a3a3a;
	}
	.support .left div.top h4{
		font-size: 26px;
		color: #3a3a3a;
	}
	.support .left div.top h4 img{
		margin-left: 10px;
	}
	.support .left div.top p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.support .left  .support_box{
		padding:15px;
		position: relative;
		overflow: hidden;
	}
	.support .left  .support_box ul li{
		border-bottom: 1px solid #dcdcdc;
		height: 80px;
		line-height: 80px;
		text-align: center;
		color: #8b8b8b;
	}
	.support .left  .support_box ul li.swiper-slide-thumb-active{
		background: #ff8340;
		color: #fff;
	}
	.support_list{
		height: 700px;
		box-sizing: border-box;
		background: #fff;
		position: relative;
		overflow: hidden;
	} 
	.support_list>.swiper-wrapper{
		height: 700px;

	}
	.support_list .swiper-slide .support_item {
		padding: 50px 40px;
	}
	.support_list .swiper-slide .support_item ul li .img{
		height: 114px;
		overflow:hidden;
	}
	.support_list .swiper-slide .support_item ul li .img img{
		width: 100%;
		height: 100%;
	}
	.support_list .swiper-slide .support_item ul li h3{
		font-size: 20px;
		color: #333;
		margin-bottom: 0px;
	}
	.support_list .swiper-slide .support_item ul li p{
		font-size: 12;
		color: #bdbdbd;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.support_list .swiper-slide .support_item ul li h4{
		font-size: 16px;
		color: #808080;
		line-height: 2em;
	}
	.support_list .swiper-slide .but_item{
		height: 55px;
		text-align: center;
	}
	.support_list .swiper-slide .but_item .banner_wiki{
		position: relative !important;
		left: 0;
		right: 0;
		display: inline-block;
		width: 55px;
		height: 55px;
		border: 1px solid #dcdcdc;
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:after{
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:hover{
		
		background: #ff8340;
	}
	.support_list .swiper-slide .but_item .support-button-prev i{
		background: url(../images/icon_10.png) no-repeat center;
		
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-prev:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(180deg);
	}
	.support_list .swiper-slide .but_item .support-button-next i{
		background: url(../images/icon_10.png) no-repeat center;
		transform: rotate(180deg);
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-next:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(0);
	}

	.why{
		background: url(../images/jod_bg_3.jpg) no-repeat center top;
		padding-top: 65px;
		background-color: #f3f3f3;
		padding-bottom: 60px;
	}
	.why .why_titie{
		text-align: center;
		color: #fff;
	}
	.why .why_titie h4{
		color: #a6a6a6;
		font-size: 14px;
		text-transform: uppercase;
	}
	.why .why_titie h3{
		color: #a6a6a6;
		font-size: 32px;
		text-transform: uppercase;
	}
	.why .why_titie h3 label{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#434343;
		background: #fff;
	}
	.why .why_titie h3 span{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#fff;
		background: #ff8340;
	}
	.why .why_titie h2{
		color: #fff;
		font-size: 36px;
		text-transform: uppercase;
	}
	.why .why_titie h2 span{
		color: #ff8340;
		font-weight: bold;
	}
	.why .why_titie p{
		font-size: 20px;
		color: #fff;
		padding-top: 30px;
		line-height: 2em;
	}
	.why  .why_list{
		background: #fff;
		padding:50px;
	}
	.why  .why_list .list_title{
		text-align: center;
	}
	.why  .why_list .list_title h3{
		color: #363636;
		font-size: 30px;
		font-weight: 400;
	}
	.why  .why_list .list_title h3 span{
		font-weight: bold;
	}
	.why  .why_list .list_title p{
		font-size: 14px;
		color: #969696;
	}
	.why  .why_list .list{
		padding-top: 50px;
	}
	.why  .why_list .list ul li{
		box-sizing: border-box;
		padding: 0 25px  25px;
		position: relative;
	}
	.why  .why_list .list ul li .img{
	
	}
	.why  .why_list .list ul li:nth-child(1) .img{
	
	}
	.why  .why_list .list ul li:nth-child(2) .img{

	}
	.why  .why_list .list ul li .img img{
		width: 100%;
		height: 100%;
	}
	.why  .why_list .list ul li span{
		position: absolute;
		height: 88px;
		width: 88px;
		text-align: center;
		line-height: 88px;
		left: 50%;
		margin-left: -44px;
		border-radius: 44px;
		background: #ff8340;
		color: #fff;
		font-size: 24px;
		margin-top: -44px;
	}
	.why  .why_list .list ul li h3{
		padding-top: 50px;
		text-align: center;
		color: #2e2e2e;
		font-size: 24px;
	}
	.why  .why_list .list ul li p{
		font-size: 18px;
		color: #818181;
		text-align: center;
		line-height: 2em;
		padding: 0 25px;
	}
	.Brand{
		position: relative;
	}
	.Brand .Brand_top ul li{
		display: none;
		position: relative;
	}
	.Brand .Brand_top ul li.active{
		display: block;
	}
	.Brand .Brand_top ul li .img img{
		width: 100%;
	}
	.Brand .Brand_top ul li .Brand_box{
		position: absolute;
		left: 0;
		top: 10px;
		width: 100%;
		box-sizing: border-box;
		padding:0 15px;
		color: #fff;
	}
	.Brand .Brand_top ul li .Brand_box h3{
		font-size: 40px;
	}
	.Brand .Brand_top ul li .Brand_box h4{
		font-size: 22px;
		padding-bottom: 15px;
	}
	.Brand .Brand_top ul li .Brand_box p{
		font-size: 16px;
	}
	.Brand .Brand_top ul li .Brand_box  a{
		display: inline-block;
		height: 55px;
		line-height: 55px;
		width: 165px;
		border: 1px solid #fff;
		text-align: center;
		color: #fff;
		margin-top: 25px;
	}
	.Brand .Brand_top ul li .Brand_box  a:hover{
		background: #ff8340;
		border: 1px solid #ff8340;
		color: #fff;
	}
	.Brand .Brand_bottom{
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		background: rgba(0,0,0,0.7);
	}
	.Brand .Brand_bottom ul li{
		float: left;
		width: 12.5%;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		height: 110px;
	}
	.Brand .Brand_bottom ul li .img{
		position: absolute;
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
		height: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li .img img{
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li h3{
		font-size: 16px;
		color: #fff;
		text-align: center;
		margin-top: 0;
	}
	.Brand .Brand_bottom ul li p{
		font-size: 12px;
		color: #fff;
		text-align: center;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li span{
		display:block;
		text-align: center;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		line-height: 50px;
		box-sizing: border-box;

		border-radius: 25px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li span i{
		background: url('../images/icon_2.png') no-repeat center;
		display: inline-block;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		background-size: 100% ;
		transform: scale(0.7);
	}
	.Brand .Brand_bottom ul{
		margin:0 ;
	}
	.Brand .Brand_top ul{
		margin:0 ;
	}
	.Brand .Brand_bottom ul li h2{
		text-align: center;
		margin: 0;
	}
	.Brand .Brand_bottom ul li h2 img{
		display: none;
	}
	.Brand .Brand_bottom ul li:hover{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li:hover .img{
		display: block;
		height: 60px;
		top: -60px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li:hover .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover span {
		background: #fff;
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left:-25px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover h3{
		padding-top: 35px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li:hover h2 img{
		display: inline-block;
	}
	.Brand .Brand_bottom ul li.active{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li.active .img{
		display: block;
		height: 60px;
		top: -60px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active  .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active span {
		background: #fff;
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left:-25px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active h3{
		padding-top: 30px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li.active h2 img{
		display: inline-block;
	}
	.news_index .title{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.news_index .title .left{
		
	} 
	.news_index .title .left h3{
		font-size: 36px;
		color: #3a3a3a;
	}
	.news_index .title .left h4{
		font-size: 28px;
		color: #3a3a3a;
	}
	.news_index .title .left h4 img{
		margin-left: 10px;
	}
	.news_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 3px;
	}
	.news_index .title .right{
		padding-top: 60px;
	}
	.news_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 10px;
	}
	.news_index .title .right ul li a .text{
		float: left;
	}
	.news_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 16px;
		text-align: right;
	}
	.news_index .title .right ul li a .text p{
		font-size: 14px;
		color: #919191;
		text-align: right;
	}
	.news_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.news_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.news_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.news_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.news_index .list{
		overflow: hidden;
		padding-bottom: 50px;
	}
	.news_index .list ul li{

	}
	.news_index .list ul li:nth-child(1){
		position: relative;
	}
	.news_index .list ul li:nth-child(1) .img{
		width: 100%;
		/*height: 557px;*/
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(1) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(1)  .text{
		position: absolute;
		background: #fff;
		left: 10%;
		top: 20%;
		margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 40%;
    box-sizing: border-box;
	}
	.news_index .list ul{
		margin: 0 -25px;
	}
	.news_index .list ul li{
		position: relative;
		padding: 0 25px;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	.news_index .list ul li:nth-child(1)  .text h3{
		font-size: 30px;
		color: #323131;
	}
	.news_index .list ul li:nth-child(1)  .text h4{
		font-size: 20px;
		color: #323131;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
		line-height: 1.5em;
	}
	.news_index .list ul li:nth-child(1)  .text p{
		font-size: 14px;
		line-height: 2em;
		color: #828282;
	}
	.news_index .list ul li:nth-child(1)  .text h5{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text span{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.news_index .list ul li:nth-child(1)  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.news_index .list ul li:nth-child(2){
		width: 50%;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.news_index .list ul li:nth-child(3){
		width: 50%;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.news_index .list ul li:nth-child(2) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(2) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(2) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(2) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(2) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(2):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(3) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(3) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(3) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(3) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(3) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(3):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(4){
		margin-top: 20px;
	}
	.news_index .list ul li:nth-child(4) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(4) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(4) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(5) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(5) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(5) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(6) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(6) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(6) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.design{
		background: #fb7932;
	}
	.design ul{
		margin: 0;
	}
	.design ul li{
		padding: 50px 0;
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
	.design ul li .img{
		float: left;
		margin-left: 15%;
	}
	.design ul li .text{
		float: left;
		padding-left: 25px;
	}
	.design ul li .text h3{
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
	}
	.design ul li .text p{
		margin: 0;
		color: #fff;
		margin-top: 5px;
		font-size: 14px;
	}
	.design ul li .right{
		padding-right: 75px;
	}
	.design ul li .right a{
		display:inline-block ;
		background: #fff;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
	}
	.design ul li .right a img{
		vertical-align: middle;
	}
	.footer{
		background: #181819;
		padding: 50px 0;
	}
	.footer .left{
		width: 50%;
		box-sizing: border-box;
	}
	.footer .left ul li{
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
	.footer .left ul li p{
		margin-bottom:30px;
	}
	.footer .left ul li p a{
		font-size: 16px;
		color: #fff;
	}
	.footer .left ul li div a{
		font-size: 14px;
		color: #9a9999;
		line-height: 2em;
	}
	.footer .right{
		float: right;
		width: 50%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.footer .right .text{
		float: left;
		width: 50%;
	}
	.footer .right .text .phone{

	}
	.footer .right .text .phone p{
		background: url(../images/icon_6.png) no-repeat center left;
		padding-left: 35px;
		line-height: 25px;
		font-size: 16px;
		color: #fff;
	}
	.footer .right .text .phone h3{
		font-size: 38px;
		font-weight: bold;
		color: #fff;
	}
	.footer .right .text  .dis{
		padding-top: 10px;
	}
	.footer .right .text  .dis p{
		font-size: 14px;
		color: #646464;
		line-height: 2em;
	}
	.footer .right .code{
		float: right;
		width: 50%;
		text-align: right;
	}
	.footer .right .code div{
		display: inline-block;
		background: #222222;
		padding: 25px;
		margin-right: 10px;
		width: 148px;
		box-sizing: border-box;
		margin-top: 10px;
	}
	.footer .right .code div p{
		font-size: 14px;
		color: #646464;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}
	.copy{
		background: #111111;
		padding: 20px 0;
	}
	.copy .text{
		 float: left;
		 line-height: 58px;
	}
	.copy .text span{
		margin-left: 75px;
		font-size: 12px;
		color: #8b8b8b;
	}
	.copy .text span img{
		margin-right: 15px;
	}
	.copy .text span  a{
		font-size: 12px;
		color: #8b8b8b;
		margin-right: 15px;
	}
}
/*1200-1600宽屏*/
@media (min-width:1200px) and (max-width:1600px ) {
	.container{
		width: 100%;
	}
	.header{
		width: 100%;
		position: fixed;
		box-sizing: border-box;
		padding: 35px 25px 0;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.header .nav{
		width: 100%;
		background: #fff;
	}
	.header .nav .left{
		background: #181819;
		width: 200px;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .right{
		background: #181819;
		width: 200px;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .left a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
	}
	.header .nav .right a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
		color: #fff;
	}
	.header .nav .right a img{
		margin-right: 15px;
	}
	.header .nav .left a img{
		vertical-align: middle;
	}
	.header .nav  .center{
		float: left;
		width: calc(100% - 400px);
		height: 100px;
		box-sizing: border-box;
	}

	.header .nav  .center ul li{
		width: 12.5%;
		box-sizing: border-box;
		float: left;
		height: 100px;
		line-height: 100px;
		text-align: center;
		position: relative;
	}
	.header .nav  .center ul li span{
		float: left;
	}
	.header .nav  .center ul li>a{
		display: inline-block;
		height: 96px;
		border-bottom: 1px solid #fff;
		padding: 0 10px;
	}
	.header .nav  .center ul li:hover>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.active>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.seach{
		width: 10%;
	}
	.header .nav  .center ul li:nth-child(1){
		width: 15%;
	}
	.header .nav  .center ul li.seach a{
		border-bottom: 1px solid #fff;
	}
	.header .nav  .center ul li .sub{
		position: absolute;
		width: 185px;
		background: #fff;
		left: -25px;
		top: 105px;
		animation-name: example_two;
  		animation-duration: .3s;
  		display: none;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.header .nav  .center ul li .sub p{
		padding: 0 10px;
	}
	.header .nav  .center ul li .sub p:hover{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p a{
		display: block;
		height: 55px;
		line-height: 55px;
		border-bottom: 1px solid #dcdcdc;
	}
	.header .nav  .center ul li .sub p:hover a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li .sub p.active{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p.active a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li:hover .sub{
		display: block;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		top: 100px;
		z-index: 99;
		animation-name: example;
  		animation-duration: .3s;
	}
	.header .nav  .center ul li.seach .form_search{
		position: absolute;
		top: 105px;
		right: 0;
		background: #fff;
		padding: 10px;
		width: 210px;
		overflow: hidden;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 0;
	}
	.header .nav  .center ul li.seach .form_search input{
		float: left;
		width: 150px;
		outline: none;
		box-sizing: border-box;
		padding-left: 10px;
		border: 1px solid #dcdcdc;
		height: 30px;
	}
	.header .nav  .center ul li.seach .form_search button{
		float: left;
		width: 40px;
		border: 1px solid #dcdcdc;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border-left: none ;
	}
	.header .nav  .center ul li.seach:hover .form_search{
		top: 100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 100;
	}
	.banner img{
		width: 100%;
	}
	.banner .banner_wiki{
		--swiper-navigation-size: 20px;
		background: rgba(0,0,0,0.5);
		--swiper-navigation-color:#fff;
		width: 75px;
		height: 80px;
	}
	.banner .swiper-pagination-bullet{
		width: 15px;
		height: 15px;
		border-radius: 0;
		background: #000;
	}
	.banner .swiper-pagination-bullet-active{
		background: #ff8340;
	}
	.images{
		padding-top: 100px;
	}
	.images .images_box .images_container{
		position: relative;
	}
	.images .images_box .images_container .swiper-slide>img{
		width: 100%;
	}
	.images .images_box .images_container .swiper-slide  .text{
		background: #fff;
		position: absolute;
		right: 35px;
		width: 375px;
		height: 420px;
		top: 50%;
		margin-top: -210px;
		box-sizing: border-box;
		padding: 50px;
	}
	.images .images_box .images_container .swiper-slide  .text h3{
		text-align: left;
		font-size: 30px;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text h4{
		text-align: left;
		font-size: 32px;
		padding-bottom: 30px;
		border-bottom: 1px solid #dcdcdc;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text p{
		color: #6c6b6b;
		font-size: 16px;
		line-height: 2em;
	}
	.images .images_box .images_container .swiper-slide  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.images .images_box .images_container .swiper-slide  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.images .images_box{
		position: relative;
	}
	.images .images_box .thum_img{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 60%;
		height: 200px;
		overflow: hidden;
		background: #fff;
		z-index: 9;
		padding-top: 30px;
	}
	.images .images_box .thum_img .thum_images{
		position: relative;
		overflow: hidden;
		float: left;
		width: 70%;
		box-sizing: border-box;
		padding: 10px 10px;

	}
	.images .images_box .thum_img .thum_images img{
		width: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide{
		padding: 0px 10px 0 0;
		box-sizing: border-box;
		position: relative;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		height: 130px;
		
	}
	.images .images_box .thum_img .thum_images .swiper-slide img{
		height: 100%;
		width: 100%;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;

		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_more{
		float: right;
		width: 30%;
		box-sizing:border-box;
	}
	.images .images_box .thum_img .thum_more .left{
		float: left;
		padding-left: 50px;
		padding-top: 35px;
	}
	.images .images_box .thum_img .thum_more .left h3{
		text-align: right;
		font-size: 22px;
		color: #3a3a3a;
	}
	.images .images_box .thum_img .thum_more .left p{
		text-align: right;
		font-size: 14px;
		color: #b6b6b6;
	}
	.images .images_box .thum_img .thum_more .right{
		float: right;
		padding-right:60px ;
		padding-top: 55px;
	}
	.images .images_box .thum_img .thum_more .right a{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		color: #b5b5b5;
		line-height: 45px;
		border: 1px solid #dcdcdc;
	}
	.pro_index{
		padding: 160px 0 140px 0;
	}
	.pro_index .title{

	}
	.pro_index .title .left{
		
	} 
	.pro_index .title .left h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4 img{
		margin-left: 10px;
	}
	.pro_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.pro_index .title .right{
		padding-top: 60px;
	}
	.pro_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 20px;
	}
	.pro_index .title .right ul li a .text{
		float: left;
	}
	.pro_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 22px;
		text-align: right;
	}
	.pro_index .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.pro_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.pro_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.pro_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}

	.pro_index  .index_list{
		padding-top: 40px;
	}
	.pro_index  .index_list ul li{
		float: left;
		padding-bottom: 10px;
		
	}
	.pro_index  .index_list ul li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img{
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img img{
		width: 100%;
		height: 100%;
	}
	.pro_index  .index_list ul li a .text{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		left: 0;
		top: 0;
		box-sizing: border-box;
		padding: 20px;
		opacity: 0;
		transform: scale(1.2);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a:hover .text{
		opacity: 1;
		transform: scale(1);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a .text .box{
		border: 5px solid #e97333;
		box-sizing: border-box;
		height: 100%;
		width: 100%;
		color: #fff;
		padding: 20px;
	}
	.pro_index  .index_list ul li a .text .box h3{
		font-size: 28px;
	}
	.pro_index  .index_list ul li a .text .box h4{
		font-size: 24px;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 15px;
	}
	.pro_index  .index_list ul li a .text .box p{
		font-size: 16px;
	}
	.pro_index  .index_list ul li a .text .box span{
		display: inline-block;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		margin-top: 23px;
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index  .index_list ul li a .text .box span i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_8.png) no-repeat center;
	}
	.pro_index  .index_list ul li:nth-child(2){
		padding-left: 10px;
		padding-right: 10px;
	}	
	.pro_index  .index_list ul li:nth-child(1){
		width: 31.6%;
		padding-top: 85px;
	}
	.pro_index  .index_list ul li:nth-child(1) .img{
		
		height: 370px;
	}
	.pro_index  .index_list ul li:nth-child(2){
		width: 42.4%;
	}
	.pro_index  .index_list ul li:nth-child(2) .img{
		height: 455px;
	}
	.pro_index  .index_list ul li:nth-child(3){
		width: 25.5%;
	}
	.pro_index  .index_list ul li:nth-child(3) .img{
		height: 625px;
	}
	.pro_index  .index_list ul li:nth-child(4){
		padding-right: 10px;
		width: 30%;
		margin-left: 13.2%;
		margin-top: -170px;
	}
	.pro_index  .index_list ul li:nth-child(4) .img{
		height: 330px;
	}
	.pro_index  .index_list ul li:nth-child(5){
		width: 30%;
		margin-top: -170px;
	}
	.pro_index  .index_list ul li:nth-child(5) .img{
		height: 330px;
	}
	.Customization{

	}
	.Customization .custom_box{
		position: relative;
		width: 100%;
	}
	.Customization .custom_box .swiper-slide {
		background: #000;
	}
	.Customization .custom_box .custom_container .swiper-slide>img{
		width: 100%;
		opacity: 0.7;
	}
	.Customization .custom_box .swiper-slide .container{
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		padding-top: 250px;
	}
	.Customization .custom_box .swiper-slide .container h3{
		font-size: 60px;
	}
	.Customization .custom_box .swiper-slide .container h4{
		font-size: 52px;
	}
	.Customization .custom_box .swiper-slide .container p{
		font-size: 28px;
		letter-spacing: 5px;
		margin-top: 40px;
		margin-bottom: 50px;
	}
	.Customization .custom_box .swiper-slide .container  span{
		display: block;
		width: 160px;
		height: 50px;
	}
	.Customization .custom_box .swiper-slide .container  span a{
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #fff;
		display: block;
		text-align: center;
		background: #ff8340;
	}
	.Customization .custom_box  .custom_thum_box{
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		left: 0;
		top: 0;
		height: 100%;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum{
		width: 610px;
		height: 150px;
		position: absolute;
		right: 15px;
		bottom: 90px;
		box-sizing: border-box;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-container{
		float: left;
		width: 580px;
		padding-top: 20px;
		padding-left: 15px;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 120px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: 0;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a img{
		vertical-align: middle;
	}
	.join{
		padding: 150px 0;
		background: url(../images/jod_bg_1.jpg) no-repeat center top;
	}
	.join .title{

	}
	.join .title .left{
		
	} 
	.join .title .left h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.join .title .left h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.join .title .left h4 img{
		margin-left: 10px;
	}
	.join .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.join .title .right{
		padding-top: 60px;
	}
	.join .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 20px;
	}
	.join .title .right ul li a .text{
		float: left;
	}
	.join .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 22px;
		text-align: right;
	}
	.join .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.join .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.join .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.join  .join_list{
		padding-top: 50px;
		position: relative;
	}
	.join  .join_list .join_img{
		position: relative;
		width: 65%;
	}
	.join  .join_list .join_img ul li{
		display: none;
	}
	.join  .join_list .join_img ul li.active{
		display: block;
	}
	.join  .join_list .join_img ul li img{
		 width: 100%;
	}
	.join  .join_list .join_text{
		width: 680px;
		background: #fff;
		position: absolute;
		top: 20%;
		z-index: 9;
		right: 0;
		box-sizing: border-box;
		padding: 50px;
	}
	.join  .join_list .join_text .top .swiper-slide h3{
		 font-size: 26px;
		 padding-bottom: 15px;
		 border-bottom: 1px solid #dcdcdc;
	}
	.join  .join_list .join_text .top .swiper-slide p{
		 font-size: 18px;
		 line-height: 2em;
		 padding-bottom: 15px;
		 color: #818080;
	}
	.join  .join_list .join_text  .bottom .swiper-container{
		padding-top: 20px;
		padding-left: 15px;
	}
	.join  .join_list .join_text  .bottom{
		position: relative;
	}
	.join  .join_list .join_text  .bottom>a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: -20px;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.join  .join_list .join_text  .bottom .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 120px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.support{
		padding-top: 70px;
		padding-bottom: 150px;
		background: url(../images/jod_bg_2.jpg) no-repeat center top;
	}
	.support .left{
		width: 25%;
		box-sizing: border-box;
		padding-left: 125px;
	}
	.support .right{
		width: 75%;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.support .left div{
		background: #fff;
	}
	.support .left div.top{
		padding: 15px;
	}
	.support .left div.top h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.support .left div.top h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.support .left div.top h4 img{
		margin-left: 10px;
	}
	.support .left div.top p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.support .left  .support_box{
		padding:15px;
		position: relative;
		overflow: hidden;
	}
	.support .left  .support_box ul li{
		border-bottom: 1px solid #dcdcdc;
		height: 80px;
		line-height: 80px;
		text-align: center;
		color: #8b8b8b;
	}
	.support .left  .support_box ul li.swiper-slide-thumb-active{
		background: #ff8340;
		color: #fff;
	}
	.support_list{
		height: 700px;
		box-sizing: border-box;
		background: #fff;
		position: relative;
		overflow: hidden;
	} 
	.support_list>.swiper-wrapper{
		height: 700px;

	}
	.support_list .swiper-slide .support_item {
		padding: 50px 40px;
	}
	.support_list .swiper-slide .support_item ul li .img{
		height: 204px;
		overflow:hidden;
	}
	.support_list .swiper-slide .support_item ul li .img img{
		width: 100%;
		height: 100%;
	}
	.support_list .swiper-slide .support_item ul li h3{
		font-size: 20px;
		color: #333;
		margin-bottom: 0px;
	}
	.support_list .swiper-slide .support_item ul li p{
		font-size: 12;
		color: #bdbdbd;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.support_list .swiper-slide .support_item ul li h4{
		font-size: 16px;
		color: #808080;
		line-height: 2em;
	}
	.support_list .swiper-slide .but_item{
		height: 55px;
		text-align: center;
	}
	.support_list .swiper-slide .but_item .banner_wiki{
		position: relative !important;
		left: 0;
		right: 0;
		display: inline-block;
		width: 55px;
		height: 55px;
		border: 1px solid #dcdcdc;
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:after{
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:hover{
		
		background: #ff8340;
	}
	.support_list .swiper-slide .but_item .support-button-prev i{
		background: url(../images/icon_10.png) no-repeat center;
		
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-prev:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(180deg);
	}
	.support_list .swiper-slide .but_item .support-button-next i{
		background: url(../images/icon_10.png) no-repeat center;
		transform: rotate(180deg);
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-next:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(0);
	}
	.why{
		background: url(../images/jod_bg_3.jpg) no-repeat center top;
		padding-top: 65px;
		background-color: #f3f3f3;
		padding-bottom: 60px;
	}
	.why .why_titie{
		text-align: center;
		color: #fff;
	}
	.why .why_titie h4{
		color: #a6a6a6;
		font-size: 14px;
		text-transform: uppercase;
	}
	.why .why_titie h3{
		color: #a6a6a6;
		font-size: 32px;
		text-transform: uppercase;
	}
	.why .why_titie h3 label{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#434343;
		background: #fff;
	}
	.why .why_titie h3 span{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#fff;
		background: #ff8340;
	}
	.why .why_titie h2{
		color: #fff;
		font-size: 36px;
		text-transform: uppercase;
	}
	.why .why_titie h2 span{
		color: #ff8340;
		font-weight: bold;
	}
	.why .why_titie p{
		font-size: 20px;
		color: #fff;
		padding-top: 60px;
		line-height: 2em;
	}
	.why  .why_list{
		background: #fff;
		padding:50px;
	}
	.why  .why_list .list_title{
		text-align: center;
	}
	.why  .why_list .list_title h3{
		color: #363636;
		font-size: 30px;
		font-weight: 400;
	}
	.why  .why_list .list_title h3 span{
		font-weight: bold;
	}
	.why  .why_list .list_title p{
		font-size: 14px;
		color: #969696;
	}
	.why  .why_list .list{
		padding-top: 50px;
	}
	.why  .why_list .list ul li{
		box-sizing: border-box;
		padding: 0 25px  25px;
		position: relative;
	}

	.why  .why_list .list ul li .img img{
		width: 100%;

	}
	.why  .why_list .list ul li span{
		position: absolute;
		height: 88px;
		width: 88px;
		text-align: center;
		line-height: 88px;
		left: 50%;
		margin-left: -44px;
		border-radius: 44px;
		background: #ff8340;
		color: #fff;
		font-size: 24px;
		margin-top: -44px;
	}
	.why  .why_list .list ul li h3{
		padding-top: 50px;
		text-align: center;
		color: #2e2e2e;
		font-size: 24px;
	}
	.why  .why_list .list ul li p{
		font-size: 18px;
		color: #818181;
		text-align: center;
		line-height: 2em;
		padding: 0 25px;
	}
	.Brand{
		position: relative;
	}
	.Brand .Brand_top ul li{
		display: none;
		position: relative;
	}
	.Brand .Brand_top ul li.active{
		display: block;
	}
	.Brand .Brand_top ul li .img img{
		width: 100%;
	}
	.Brand .Brand_top ul li .Brand_box{
		position: absolute;
		left: 0;
		top: 100px;
		width: 100%;
		box-sizing: border-box;
		padding:0 15px;
		color: #fff;
	}
	.Brand .Brand_top ul li .Brand_box h3{
		font-size: 60px;
	}
	.Brand .Brand_top ul li .Brand_box h4{
		font-size: 32px;
		padding-bottom: 45px;
	}
	.Brand .Brand_top ul li .Brand_box p{
		font-size: 16px;
	}
	.Brand .Brand_top ul li .Brand_box  a{
		display: inline-block;
		height: 55px;
		line-height: 55px;
		width: 165px;
		border: 1px solid #fff;
		text-align: center;
		color: #fff;
		margin-top: 65px;
	}
	.Brand .Brand_top ul li .Brand_box  a:hover{
		background: #ff8340;
		border: 1px solid #ff8340;
		color: #fff;
	}
	.Brand .Brand_bottom{
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		background: rgba(0,0,0,0.7);
	}
	.Brand .Brand_bottom ul li{
		float: left;
		width: 12.5%;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		height: 130px;
	}
	.Brand .Brand_bottom ul li .img{
		position: absolute;
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
		height: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li .img img{
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li h3{
		font-size: 18px;
		color: #fff;
		text-align: center;
		margin-top: 0;
	}
	.Brand .Brand_bottom ul li p{
		font-size: 12px;
		color: #fff;
		text-align: center;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li span{
		display:block;
		text-align: center;
		width: 75px;
		height: 75px;
		margin: 0 auto;
		border-radius: 37.5px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li span i{
		background: url('../images/icon_2.png')no-repeat center;
		display: inline-block;
		width: 75px;
		height: 75px;
		border-radius: 37.5px;
		
	}
	.Brand .Brand_bottom ul{
		margin:0 ;
	}
	.Brand .Brand_top ul{
		margin:0 ;
	}
	.Brand .Brand_bottom ul li h2{
		text-align: center;
		margin: 0;
	}
	.Brand .Brand_bottom ul li h2 img{
		display: none;
	}
	.Brand .Brand_bottom ul li:hover{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li:hover .img{
		display: block;
		height: 100px;
		top: -100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li:hover .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover span {
		background: #fff;
		position: absolute;
		top: -37.5px;
		left: 50%;
		margin-left:-37.5px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover h3{
		padding-top: 50px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li:hover h2 img{
		display: inline-block;
	}
	.Brand .Brand_bottom ul li.active{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li.active .img{
		display: block;
		height: 100px;
		top: -100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active  .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active span {
		background: #fff;
		position: absolute;
		top: -37.5px;
		left: 50%;
		margin-left:-37.5px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active h3{
		padding-top: 50px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li.active h2 img{
		display: inline-block;
	}
	.news_index .title{
		padding-top: 130px;
		padding-bottom: 50px;
	}
	.news_index .title .left{
		
	} 
	.news_index .title .left h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.news_index .title .left h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.news_index .title .left h4 img{
		margin-left: 10px;
	}
	.news_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.news_index .title .right{
		padding-top: 60px;
	}
	.news_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 20px;
	}
	.news_index .title .right ul li a .text{
		float: left;
	}
	.news_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 22px;
		text-align: right;
	}
	.news_index .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.news_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.news_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.news_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.news_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.news_index .list{
		overflow: hidden;
		padding-bottom: 50px;
	}
	.news_index .list ul li{

	}
	.news_index .list ul li:nth-child(1){
		position: relative;
	}
	.news_index .list ul li:nth-child(1) .img{
		width: 100%;
		height: 557px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(1) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(1)  .text{
		position: absolute;
		background: #fff;
		left: 10%;
		top: 20%;
		margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 40%;
    box-sizing: border-box;
	}
	.news_index .list ul{
		margin: 0 -25px;
	}
	.news_index .list ul li{
		position: relative;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(1)  .text h3{
		font-size: 30px;
		color: #323131;
	}
	.news_index .list ul li:nth-child(1)  .text h4{
		font-size: 20px;
		color: #323131;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
		line-height: 1.5em;
	}
	.news_index .list ul li:nth-child(1)  .text p{
		font-size: 14px;
		line-height: 2em;
		color: #828282;
	}
	.news_index .list ul li:nth-child(1)  .text h5{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text span{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.news_index .list ul li:nth-child(1)  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.news_index .list ul li:nth-child(2) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(2) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(2) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(2) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(2) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(2):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(3) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(3) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(3) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(3) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(3) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(3):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(4){
		margin-top: 20px;
	}
	.news_index .list ul li:nth-child(4) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(4) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(4) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(5) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(5) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(5) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(6) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(6) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(6) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.design{
		background: #fb7932;
	}
	.design ul{
		margin: 0;
	}
	.design ul li{
		padding: 50px 0;
	}
	.design ul li .img{
		float: left;
		margin-left: 15%;
	}
	.design ul li .text{
		float: left;
		padding-left: 25px;
	}
	.design ul li .text h3{
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
	}
	.design ul li .text p{
		margin: 0;
		color: #fff;
		margin-top: 5px;
		font-size: 14px;
	}
	.design ul li .right{
		padding-right: 75px;
	}
	.design ul li .right a{
		display:inline-block ;
		background: #fff;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
	}
	.design ul li .right a img{
		vertical-align: middle;
	}
	.footer{
		background: #181819;
		padding: 50px 0;
	}
	.footer .left{
		width: 50%;
		box-sizing: border-box;
	}
	.footer .left ul li{
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
	.footer .left ul li p{
		margin-bottom:30px;
	}
	.footer .left ul li p a{
		font-size: 16px;
		color: #fff;
	}
	.footer .left ul li div a{
		font-size: 14px;
		color: #9a9999;
		line-height: 2em;
	}
	.footer .right{
		float: right;
		width: 50%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.footer .right .text{
		float: left;
		width: 50%;
	}
	.footer .right .text .phone{

	}
	.footer .right .text .phone p{
		background: url(../images/icon_6.png) no-repeat center left;
		padding-left: 35px;
		line-height: 25px;
		font-size: 16px;
		color: #fff;
	}
	.footer .right .text .phone h3{
		font-size: 38px;
		font-weight: bold;
		color: #fff;
	}
	.footer .right .text  .dis{
		padding-top: 10px;
	}
	.footer .right .text  .dis p{
		font-size: 14px;
		color: #646464;
		line-height: 2em;
	}
	.footer .right .code{
		float: right;
		width: 50%;

	}
	.footer .right .code div{
		float: right;
		background: #222222;
		padding: 25px;
		margin-right: 10px;
	}
	.footer .right .code div p{
		font-size: 14px;
		color: #646464;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}
	.copy{
		background: #111111;
		padding: 20px 0;
	}
	.copy .text{
		 float: left;
		 line-height: 58px;
	}
	.copy .text span{
		margin-left: 75px;
		font-size: 12px;
		color: #8b8b8b;
	}
	.copy .text span img{
		margin-right: 15px;
	}
	.copy .text span  a{
		font-size: 12px;
		color: #8b8b8b;
		margin-right: 15px;
	}
}
/*大屏*/
@media (min-width: 1601px) {
	.container{
		width: 1600px;
		margin: 0 auto;
		padding: 0;
	}
	.header{
		width: 100%;
	}
	.header{
		width: 100%;
		position: fixed;
		box-sizing: border-box;
		padding: 35px 25px 0;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.header .nav{
		width: 100%;
		background: #fff;
	}
	.header .nav .left{
		background: #181819;
		width: 250px;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .right{
		background: #181819;
		width: 250px;
		height: 100px;
		line-height: 100px;
	}
	.header .nav .left a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
	}
	.header .nav .right a {
		height: 100px;
		line-height: 100px;
		display: block;
		box-sizing: border-box;

		text-align: center;
		color: #fff;
	}
	.header .nav .right a img{
		margin-right: 15px;
	}
	.header .nav .left a img{
		vertical-align: middle;
	}
	.header .nav  .center{
		float: left;
		width: calc(100% - 500px);
		height: 100px;
		box-sizing: border-box;
	}

	.header .nav  .center ul li{
		width: 12.5%;
		box-sizing: border-box;
		float: left;
		height: 100px;
		line-height: 100px;
		text-align: center;
		position: relative;
	}
	.header .nav  .center ul li span{
		float: left;
	}
	.header .nav  .center ul li>a{
		display: inline-block;
		height: 96px;
		border-bottom: 1px solid #fff;
		padding: 0 10px;
	}
	.header .nav  .center ul li:hover>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.active>a{
		border-bottom: 1px solid #ff8340;
	}
	.header .nav  .center ul li.seach{
		width: 10%;
	}
	.header .nav  .center ul li:nth-child(1){
		width: 15%;
	}
	.header .nav  .center ul li.seach a{
		border-bottom: 1px solid #fff;
	}
	.header .nav  .center ul li .sub{
		position: absolute;
		width: 185px;
		background: #fff;
		left: -25px;
		top: 105px;
		animation-name: example_two;
  		animation-duration: .3s;
  		display: none;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.header .nav  .center ul li .sub p{
		padding: 0 10px;
	}
	.header .nav  .center ul li .sub p:hover{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p a{
		display: block;
		height: 55px;
		line-height: 55px;
		border-bottom: 1px solid #dcdcdc;
	}
	.header .nav  .center ul li .sub p:hover a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li .sub p.active{
		background: #ff8340;
	}
	.header .nav  .center ul li .sub p.active a{
		background: #ff8340;
		border-bottom: 1px solid #ff8340;
		color: #fff;
	}
	.header .nav  .center ul li:hover .sub{
		display: block;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		top: 100px;
		z-index: 99;
		animation-name: example;
  		animation-duration: .3s;
	}
	.header .nav  .center ul li.seach .form_search{
		position: absolute;
		top: 105px;
		right: 0;
		background: #fff;
		padding: 10px;
		width: 210px;
		overflow: hidden;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 0;
	}
	.header .nav  .center ul li.seach .form_search input{
		float: left;
		width: 150px;
		outline: none;
		box-sizing: border-box;
		padding-left: 10px;
		border: 1px solid #dcdcdc;
		height: 30px;
	}
	.header .nav  .center ul li.seach .form_search button{
		float: left;
		width: 40px;
		border: 1px solid #dcdcdc;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border-left: none ;
	}
	.header .nav  .center ul li.seach:hover .form_search{
		top: 100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		opacity: 100;
	}
	.banner img{
		width: 100%;
	}
	.banner .banner_wiki{
		--swiper-navigation-size: 20px;
		background: rgba(0,0,0,0.5);
		--swiper-navigation-color:#fff;
		width: 75px;
		height: 80px;
	}
	.banner .swiper-pagination-bullet{
		width: 15px;
		height: 15px;
		border-radius: 0;
		background: #000;
	}
	.banner .swiper-pagination-bullet-active{
		background: #ff8340;
	}
	.images{
		padding-top: 100px;
	}
	.images .images_box .images_container{
		position: relative;
	}
	.images .images_box .images_container .swiper-slide>img{
		width: 100%;
	}
	.images .images_box .images_container .swiper-slide  .text{
		background: #fff;
		position: absolute;
		right: 35px;
		width: 375px;
		height: 420px;
		top: 50%;
		margin-top: -210px;
		box-sizing: border-box;
		padding: 50px;
	}
	.images .images_box .images_container .swiper-slide  .text h3{
		text-align: left;
		font-size: 30px;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text h4{
		text-align: left;
		font-size: 32px;
		padding-bottom: 30px;
		border-bottom: 1px solid #dcdcdc;
		color: #3a3a3a;
	}
	.images .images_box .images_container .swiper-slide  .text p{
		color: #6c6b6b;
		font-size: 16px;
		line-height: 2em;
	}
	.images .images_box .images_container .swiper-slide  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.images .images_box .images_container .swiper-slide  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.images .images_box{
		position: relative;
	}
	.images .images_box .thum_img{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 60%;
		height: 200px;
		overflow: hidden;
		background: #fff;
		z-index: 9;
		padding-top: 30px;
	}
	.images .images_box .thum_img .thum_images{
		position: relative;
		overflow: hidden;
		float: left;
		width: 70%;
		box-sizing: border-box;
		padding: 10px 10px;

	}
	.images .images_box .thum_img .thum_images img{
		width: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide{
		padding: 0px 10px 0 0;
		box-sizing: border-box;
		position: relative;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		height: 130px;
		
	}
	.images .images_box .thum_img .thum_images .swiper-slide img{
		height: 100%;
		width: 100%;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;

		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_images .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.images .images_box .thum_img .thum_more{
		float: right;
		width: 30%;
		box-sizing:border-box;
	}
	.images .images_box .thum_img .thum_more .left{
		float: left;
		padding-left: 50px;
		padding-top: 35px;
	}
	.images .images_box .thum_img .thum_more .left h3{
		text-align: right;
		font-size: 22px;
		color: #3a3a3a;
	}
	.images .images_box .thum_img .thum_more .left p{
		text-align: right;
		font-size: 14px;
		color: #b6b6b6;
	}
	.images .images_box .thum_img .thum_more .right{
		float: right;
		padding-right:60px ;
		padding-top: 55px;
	}
	.images .images_box .thum_img .thum_more .right a{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		color: #b5b5b5;
		line-height: 45px;
		border: 1px solid #dcdcdc;
	}
	.pro_index{
		padding: 160px 0 140px 0;
	}
	.pro_index .title{

	}
	.pro_index .title .left{
		
	} 
	.pro_index .title .left h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.pro_index .title .left h4 img{
		margin-left: 10px;
	}
	.pro_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.pro_index .title .right{
		padding-top: 60px;
	}
	.pro_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 20px;
	}
	.pro_index .title .right ul li a .text{
		float: left;
	}
	.pro_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 22px;
		text-align: right;
	}
	.pro_index .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.pro_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.pro_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.pro_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}

	.pro_index  .index_list{
		padding-top: 40px;
	}
	.pro_index  .index_list ul li{
		float: left;
		padding-bottom: 10px;
		
	}
	.pro_index  .index_list ul li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img{
		overflow: hidden;
	}
	.pro_index  .index_list ul li a .img img{
		width: 100%;
		height: 100%;
	}
	.pro_index  .index_list ul li a .text{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		left: 0;
		top: 0;
		box-sizing: border-box;
		padding: 20px;
		opacity: 0;
		transform: scale(1.2);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a:hover .text{
		opacity: 1;
		transform: scale(1);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.pro_index  .index_list ul li a .text .box{
		border: 5px solid #e97333;
		box-sizing: border-box;
		height: 100%;
		width: 100%;
		color: #fff;
		padding: 20px;
	}
	.pro_index  .index_list ul li a .text .box h3{
		font-size: 28px;
	}
	.pro_index  .index_list ul li a .text .box h4{
		font-size: 24px;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 15px;
	}
	.pro_index  .index_list ul li a .text .box p{
		font-size: 16px;
	}
	.pro_index  .index_list ul li a .text .box span{
		display: inline-block;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		margin-top: 23px;
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.pro_index  .index_list ul li a .text .box span i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_8.png) no-repeat center;
	}
	.pro_index  .index_list ul li:nth-child(2){
		padding-left: 10px;
		padding-right: 10px;
	}	
	.pro_index  .index_list ul li:nth-child(1){
		width: 31.6%;
		padding-top: 85px;
	}
	.pro_index  .index_list ul li:nth-child(1) .img{
		
		height: 370px;
	}
	.pro_index  .index_list ul li:nth-child(2){
		width: 42.4%;
	}
	.pro_index  .index_list ul li:nth-child(2) .img{
		height: 455px;
	}
	.pro_index  .index_list ul li:nth-child(3){
		width: 25.5%;
	}
	.pro_index  .index_list ul li:nth-child(3) .img{
		height: 625px;
	}
	.pro_index  .index_list ul li:nth-child(4){
		padding-right: 10px;
		width: 30%;
		margin-left: 13.2%;
		margin-top: -170px;
	}
	.pro_index  .index_list ul li:nth-child(4) .img{
		height: 330px;
	}
	.pro_index  .index_list ul li:nth-child(5){
		width: 30%;
		margin-top: -170px;
	}
	.pro_index  .index_list ul li:nth-child(5) .img{
		height: 330px;
	}
	.Customization{

	}
	.Customization .custom_box{
		position: relative;
		width: 100%;
	}
	.Customization .custom_box .swiper-slide {
		background: #000;
	}
	.Customization .custom_box .custom_container .swiper-slide>img{
		width: 100%;
		opacity: 0.7;
	}
	.Customization .custom_box .swiper-slide .container{
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -800px;
		color: #fff;
		padding-top: 250px;
	}
	.Customization .custom_box .swiper-slide .container h3{
		font-size: 60px;
	}
	.Customization .custom_box .swiper-slide .container h4{
		font-size: 52px;
	}
	.Customization .custom_box .swiper-slide .container p{
		font-size: 28px;
		letter-spacing: 5px;
		margin-top: 40px;
		margin-bottom: 50px;
	}
	.Customization .custom_box .swiper-slide .container  span{
		display: block;
		width: 160px;
		height: 50px;
	}
	.Customization .custom_box .swiper-slide .container  span a{
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #fff;
		display: block;
		text-align: center;
		background: #ff8340;
	}
	.Customization .custom_box  .custom_thum_box{
		position: absolute;
		width: 1600px;
		box-sizing: border-box;
		padding: 0 15px;
		left: 50%;
		top: 0;
		margin-left: -800px;
		height: 100%;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum{
		width: 610px;
		height: 150px;
		position: absolute;
		right: 15px;
		bottom: 90px;
		box-sizing: border-box;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-container{
		float: left;
		width: 580px;
		padding-top: 20px;
		padding-left: 15px;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 120px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: 0;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.Customization .custom_box  .custom_thum_box .custom_thum  a img{
		vertical-align: middle;
	}
	.join{
		padding: 150px 0;
		background: url(../images/jod_bg_1.jpg) no-repeat center top;
	}
	.join .title{

	}
	.join .title .left{
		
	} 
	.join .title .left h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.join .title .left h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.join .title .left h4 img{
		margin-left: 10px;
	}
	.join .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.join .title .right{
		padding-top: 60px;
	}
	.join .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 20px;
	}
	.join .title .right ul li a .text{
		float: left;
	}
	.join .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 22px;
		text-align: right;
	}
	.join .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.join .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.join .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.join .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.join  .join_list{
		padding-top: 50px;
		position: relative;
	}
	.join  .join_list .join_img{
		position: relative;
		width: 65%;
	}
	.join  .join_list .join_img ul li{
		display: none;
	}
	.join  .join_list .join_img ul li.active{
		display: block;
	}
	.join  .join_list .join_img ul li img{
		 width: 100%;
	}
	.join  .join_list .join_text{
		width: 680px;
		background: #fff;
		position: absolute;
		top: 20%;
		z-index: 9;
		right: 0;
		box-sizing: border-box;
		padding: 50px;
	}
	.join  .join_list .join_text .top .swiper-slide h3{
		 font-size: 26px;
		 padding-bottom: 15px;
		 border-bottom: 1px solid #dcdcdc;
	}
	.join  .join_list .join_text .top .swiper-slide p{
		 font-size: 18px;
		 line-height: 2em;
		 padding-bottom: 15px;
		 color: #818080;
	}
	.join  .join_list .join_text  .bottom .swiper-container{
		padding-top: 20px;
		padding-left: 15px;
	}
	.join  .join_list .join_text  .bottom{
		position: relative;
	}
	.join  .join_list .join_text  .bottom>a{
		position: absolute;
		box-sizing: border-box;
		display: block;
		width: 40px;
		height: 40px;
		background: #fb7932;
		right: -20px;
		border-radius: 20px;
		top: 50%;
		text-align: center;
		line-height: 38px;
		z-index: 9;
		margin-top: -20px;
		outline: none;
	}
	.join  .join_list .join_text  .bottom .swiper-slide img{
		width: 100%;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide{
		background: #fff;
		box-sizing: border-box;
		position: relative;
		height: 120px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active{
		background: #fb7932;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.join  .join_list .join_text  .bottom .swiper-slide-thumb-active img{
		position: absolute;
		top: -10px;
		left: -10px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.support{
		padding-top: 70px;
		padding-bottom: 150px;
		background: url(../images/jod_bg_2.jpg) no-repeat center top;
	}
	.support .left{
		width: 25%;
		box-sizing: border-box;
		padding-left: 125px;
	}
	.support .right{
		width: 75%;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.support .left div{
		background: #fff;
	}
	.support .left div.top{
		padding: 15px;
	}
	.support .left div.top h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.support .left div.top h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.support .left div.top h4 img{
		margin-left: 10px;
	}
	.support .left div.top p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.support .left  .support_box{
		padding:15px;
		position: relative;
		overflow: hidden;
	}
	.support .left  .support_box ul li{
		border-bottom: 1px solid #dcdcdc;
		height: 80px;
		line-height: 80px;
		text-align: center;
		color: #8b8b8b;
	}
	.support .left  .support_box ul li.swiper-slide-thumb-active{
		background: #ff8340;
		color: #fff;
	}
	.support_list{
		height: 700px;
		box-sizing: border-box;
		background: #fff;
		position: relative;
		overflow: hidden;
	} 
	.support_list>.swiper-wrapper{
		height: 700px;

	}
	.support_list .swiper-slide .support_item {
		padding: 50px 40px;
	}
	.support_list .swiper-slide .support_item ul li .img{
		height: 204px;
		overflow:hidden;
	}
	.support_list .swiper-slide .support_item ul li .img img{
		width: 100%;
		height: 100%;
	}
	.support_list .swiper-slide .support_item ul li h3{
		font-size: 20px;
		color: #333;
		margin-bottom: 0px;
	}
	.support_list .swiper-slide .support_item ul li p{
		font-size: 12;
		color: #bdbdbd;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.support_list .swiper-slide .support_item ul li h4{
		font-size: 16px;
		color: #808080;
		line-height: 2em;
	}
	.support_list .swiper-slide .but_item{
		height: 55px;
		text-align: center;
	}
	.support_list .swiper-slide .but_item .banner_wiki{
		position: relative !important;
		left: 0;
		right: 0;
		display: inline-block;
		width: 55px;
		height: 55px;
		border: 1px solid #dcdcdc;
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:after{
		line-height: 55px;
	}
	.support_list .swiper-slide .but_item .banner_wiki:hover{
		
		background: #ff8340;
	}
	.support_list .swiper-slide .but_item .support-button-prev i{
		background: url(../images/icon_10.png) no-repeat center;
		
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-prev:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(180deg);
	}
	.support_list .swiper-slide .but_item .support-button-next i{
		background: url(../images/icon_10.png) no-repeat center;
		transform: rotate(180deg);
		display: block;
		height: 100%;
	}
		.support_list .swiper-slide .but_item .support-button-next:hover i{
		background: url(../images/icon_8.png) no-repeat center;
		transform: rotate(0);
	}
	.why{
		background: url(../images/jod_bg_3.jpg) no-repeat center top;
		padding-top: 65px;
		background-color: #f3f3f3;
		padding-bottom: 60px;
	}
	.why .why_titie{
		text-align: center;
		color: #fff;
	}
	.why .why_titie h4{
		color: #a6a6a6;
		font-size: 14px;
		text-transform: uppercase;
	}
	.why .why_titie h3{
		color: #a6a6a6;
		font-size: 32px;
		text-transform: uppercase;
	}
	.why .why_titie h3 label{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#434343;
		background: #fff;
	}
	.why .why_titie h3 span{
		display: inline-block;
		padding: 10px;
		font-weight: 400;
		color:#fff;
		background: #ff8340;
	}
	.why .why_titie h2{
		color: #fff;
		font-size: 36px;
		text-transform: uppercase;
	}
	.why .why_titie h2 span{
		color: #ff8340;
		font-weight: bold;
	}
	.why .why_titie p{
		font-size: 20px;
		color: #fff;
		padding-top: 60px;
		line-height: 2em;
	}
	.why  .why_list{
		background: #fff;
		padding:50px;
	}
	.why  .why_list .list_title{
		text-align: center;
	}
	.why  .why_list .list_title h3{
		color: #363636;
		font-size: 30px;
		font-weight: 400;
	}
	.why  .why_list .list_title h3 span{
		font-weight: bold;
	}
	.why  .why_list .list_title p{
		font-size: 14px;
		color: #969696;
	}
	.why  .why_list .list{
		padding-top: 50px;
	}
	.why  .why_list .list ul li{
		box-sizing: border-box;
		padding: 0 25px  25px;
		position: relative;
	}
	.why  .why_list .list ul li .img{
		height: 270px;
	}
	.why  .why_list .list ul li:nth-child(1) .img{
		height: 340px;
	}
	.why  .why_list .list ul li:nth-child(2) .img{
		height: 340px;
	}
	.why  .why_list .list ul li .img img{
		width: 100%;
		height: 100%;
	}
	.why  .why_list .list ul li span{
		position: absolute;
		height: 88px;
		width: 88px;
		text-align: center;
		line-height: 88px;
		left: 50%;
		margin-left: -44px;
		border-radius: 44px;
		background: #ff8340;
		color: #fff;
		font-size: 24px;
		margin-top: -44px;
	}
	.why  .why_list .list ul li h3{
		padding-top: 50px;
		text-align: center;
		color: #2e2e2e;
		font-size: 24px;
	}
	.why  .why_list .list ul li p{
		font-size: 18px;
		color: #818181;
		text-align: center;
		line-height: 2em;
		padding: 0 25px;
	}
	.Brand{
		position: relative;
	}
	.Brand .Brand_top ul li{
		display: none;
		position: relative;
	}
	.Brand .Brand_top ul li.active{
		display: block;
	}
	.Brand .Brand_top ul li .img img{
		width: 100%;
	}
	.Brand .Brand_top ul li .Brand_box{
		position: absolute;
		left: 50%;
		margin-left: -800px;
		top: 100px;
		width: 1600px;
		box-sizing: border-box;
		padding:0 15px;
		color: #fff;
	}
	.Brand .Brand_top ul li .Brand_box h3{
		font-size: 60px;
	}
	.Brand .Brand_top ul li .Brand_box h4{
		font-size: 32px;
		padding-bottom: 45px;
	}
	.Brand .Brand_top ul li .Brand_box p{
		font-size: 16px;
	}
	.Brand .Brand_top ul li .Brand_box  a{
		display: inline-block;
		height: 55px;
		line-height: 55px;
		width: 165px;
		border: 1px solid #fff;
		text-align: center;
		color: #fff;
		margin-top: 65px;
	}
	.Brand .Brand_top ul li .Brand_box  a:hover{
		background: #ff8340;
		border: 1px solid #ff8340;
		color: #fff;
	}
	.Brand .Brand_bottom{
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		background: rgba(0,0,0,0.7);
	}
	.Brand .Brand_bottom ul li{
		float: left;
		width: 12.5%;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		height: 130px;
	}
	.Brand .Brand_bottom ul li .img{
		position: absolute;
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
		height: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li .img img{
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		height: 100%;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li h3{
		font-size: 18px;
		color: #fff;
		text-align: center;
		margin-top: 0;
	}
	.Brand .Brand_bottom ul li p{
		font-size: 12px;
		color: #fff;
		text-align: center;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li span{
		display:block;
		text-align: center;
		width: 75px;
		height: 75px;
		margin: 0 auto;
		border-radius: 37.5px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li span i{
		background: url('../images/icon_2.png')no-repeat center;
		display: inline-block;
		width: 75px;
		height: 75px;
		border-radius: 37.5px;
		
	}
	.Brand .Brand_bottom ul{
		margin:0 ;
	}
	.Brand .Brand_top ul{
		margin:0 ;
	}
	.Brand .Brand_bottom ul li h2{
		text-align: center;
		margin: 0;
	}
	.Brand .Brand_bottom ul li h2 img{
		display: none;
	}
	.Brand .Brand_bottom ul li:hover{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li:hover .img{
		display: block;
		height: 100px;
		top: -100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}

	.Brand .Brand_bottom ul li:hover .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover span {
		background: #fff;
		position: absolute;
		top: -37.5px;
		left: 50%;
		margin-left:-37.5px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li:hover h3{
		padding-top: 50px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li:hover h2 img{
		display: inline-block;
	}
	.Brand .Brand_bottom ul li.active{
		background: #ff8340;
	}
	.Brand .Brand_bottom ul li.active .img{
		display: block;
		height: 100px;
		top: -100px;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active  .img img{
		top: 0;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active span {
		background: #fff;
		position: absolute;
		top: -37.5px;
		left: 50%;
		margin-left:-37.5px ;
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.Brand .Brand_bottom ul li.active h3{
		padding-top: 50px;
		margin-bottom: 0;
	}
	.Brand .Brand_bottom ul li.active h2 img{
		display: inline-block;
	}
	.news_index .title{
		padding-top: 130px;
		padding-bottom: 50px;
	}
	.news_index .title .left{
		
	} 
	.news_index .title .left h3{
		font-size: 42px;
		color: #3a3a3a;
	}
	.news_index .title .left h4{
		font-size: 32px;
		color: #3a3a3a;
	}
	.news_index .title .left h4 img{
		margin-left: 10px;
	}
	.news_index .title .left p{
		font-size: 16px;
		color: #919191;
		letter-spacing: 8px;
	}
	.news_index .title .right{
		padding-top: 60px;
	}
	.news_index .title .right ul li{
		display:inline-block;
		overflow: hidden;
		margin-right: 20px;
	}
	.news_index .title .right ul li a .text{
		float: left;
	}
	.news_index .title .right ul li a .text h3{
		color: #3a3a3a;
		font-size: 22px;
		text-align: right;
	}
	.news_index .title .right ul li a .text p{
		font-size: 16px;
		color: #919191;
		text-align: right;
	}
	.news_index .title .right ul li a .more{
		float: right;
		margin-left: 15px;
		height: 45px;
		width: 45px;
		line-height: 45px;
		text-align: center;
		border: 1px solid #dcdcdc;
		color: #b5b5b5;
		margin-top: 23px;
	}
	.news_index .title .right ul li a .more i{
		font-size: 16px;
		display: block;
		height: 100%;
		width: 100%;
		background: url(../images/icon_9.png) no-repeat center;
	}
	.news_index .title .right ul li a:hover .more{
		background: #fb7932;
		color: #fff;
		border: 1px solid #fb7932;
	}
	.news_index .title .right ul li a:hover .more i{
		background: url(../images/icon_8.png) no-repeat center;
	}
	.news_index .list{
		overflow: hidden;
		padding-bottom: 50px;
	}
	.news_index .list ul li{

	}
	.news_index .list ul li:nth-child(1){
		position: relative;
	}
	.news_index .list ul li:nth-child(1) .img{
		width: 100%;
		height: 557px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(1) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(1)  .text{
		position: absolute;
		background: #fff;
		left: 10%;
		top: 20%;
		margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 40%;
    box-sizing: border-box;
	}
	.news_index .list ul{
		margin: 0 -25px;
	}
	.news_index .list ul li{
		position: relative;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(1)  .text h3{
		font-size: 30px;
		color: #323131;
	}
	.news_index .list ul li:nth-child(1)  .text h4{
		font-size: 20px;
		color: #323131;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
		line-height: 1.5em;
	}
	.news_index .list ul li:nth-child(1)  .text p{
		font-size: 14px;
		line-height: 2em;
		color: #828282;
	}
	.news_index .list ul li:nth-child(1)  .text h5{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text span{
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(1)  .text  span{
		display: inline-block;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		background: #fb7932;
	}
	.news_index .list ul li:nth-child(1)  .text  span i{
		color: #fff;
		font-size: 18px;
		line-height: 45px;
		font-weight: 400;
	}
	.news_index .list ul li:nth-child(2) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(2) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(2) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(2) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(2) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(2):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(3) .img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.news_index .list ul li:nth-child(3) .img img{
		width: 100%;
		height: 100%;
	}
	.news_index .list ul li:nth-child(3) h3{
		font-size: 16px;
		color: #3a3a3a;
	}
	.news_index .list ul li:nth-child(3) p{
		font-size: 14px;
		color: #828282;
	}
	.news_index .list ul li:nth-child(3) span{
		background: rgba(251, 121, 50, 0.7);
		position: absolute;
		right: 25px;
		bottom: 77px;
		padding: 5px 15px;
		color: #fff;
		display: none;
	}
	.news_index .list ul li:nth-child(3):hover span{
		display: block;
	}
	.news_index .list ul li:nth-child(4){
		margin-top: 20px;
	}
	.news_index .list ul li:nth-child(4) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(4) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(4) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(5) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(5) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(5) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.news_index .list ul li:nth-child(6) a{
		line-height: 70px;
		height: 70px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
		font-size: 16px;
		color: #757575;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.news_index .list ul li:nth-child(6) a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.news_index .list ul li:nth-child(6) a span{
		float: right;
		font-size: 12px;
		color: #bababa;
	}
	.design{
		background: #fb7932;
	}
	.design ul{
		margin: 0;
	}
	.design ul li{
		padding: 50px 0;
	}
	.design ul li .img{
		float: left;
		margin-left: 15%;
	}
	.design ul li .text{
		float: left;
		padding-left: 25px;
	}
	.design ul li .text h3{
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
	}
	.design ul li .text p{
		margin: 0;
		color: #fff;
		margin-top: 5px;
		font-size: 14px;
	}
	.design ul li .right{
		padding-right: 75px;
	}
	.design ul li .right a{
		display:inline-block ;
		background: #fff;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
	}
	.design ul li .right a img{
		vertical-align: middle;
	}
	.footer{
		background: #181819;
		padding: 50px 0;
	}
	.footer .left{
		width: 50%;
		box-sizing: border-box;
	}
	.footer .left ul li{
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
	.footer .left ul li p{
		margin-bottom:30px;
	}
	.footer .left ul li p a{
		font-size: 16px;
		color: #fff;
	}
	.footer .left ul li div a{
		font-size: 14px;
		color: #9a9999;
		line-height: 2em;
	}
	.footer .right{
		float: right;
		width: 50%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.footer .right .text{
		float: left;
		width: 50%;
	}
	.footer .right .text .phone{

	}
	.footer .right .text .phone p{
		background: url(../images/icon_6.png) no-repeat center left;
		padding-left: 35px;
		line-height: 25px;
		font-size: 16px;
		color: #fff;
	}
	.footer .right .text .phone h3{
		font-size: 38px;
		font-weight: bold;
		color: #fff;
	}
	.footer .right .text  .dis{
		padding-top: 10px;
	}
	.footer .right .text  .dis p{
		font-size: 14px;
		color: #646464;
		line-height: 2em;
	}
	.footer .right .code{
		float: right;
		width: 50%;

	}
	.footer .right .code div{
		float: right;
		background: #222222;
		padding: 25px;
		margin-right: 10px;
	}
	.footer .right .code div p{
		font-size: 14px;
		color: #646464;
		margin: 0;
		padding-top: 20px;
		text-align: center;
	}
	.copy{
		background: #111111;
		padding: 20px 0;
	}
	.copy .text{
		 float: left;
		 line-height: 58px;
	}
	.copy .text span{
		margin-left: 75px;
		font-size: 12px;
		color: #8b8b8b;
	}
	.copy .text span img{
		margin-right: 15px;
	}
	.copy .text span  a{
		font-size: 12px;
		color: #8b8b8b;
		margin-right: 15px;
	}
}