.header{
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	background:#ffffff;
	height: 126px;
}

.header .logo-box{
	width: 320px;
	height:80px;
	line-height: 126px;
	float: left;
	margin-top: 20px;
}

.header .header-nav{
	width: 732px;
	float: right;
}

.header .header-nav li{
	display: inline-block;
	font-size: 18px;
	color: #000000;
	line-height: 126px;
	 margin-right: 53px;
	 transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
	
.header .header-nav li:nth-child(6){
	margin-right: 0;
}
.header .header-nav li:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.header .header-nav li a{
	display: block;
}

.inc-banner{
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	position:relative;
}
.index_banner{
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
}

.pro_link {
    text-align: center;
    top: 210px;
    left: 0;
    right: 0;
    margin:auto;
    position: absolute;
}
.pro_link li{
    width: 208px;
    height:240px;
    display: inline-block;
    margin:20px;
    border-radius: 100%;
}

.pro_link li a{
    display: block;
    width: 208px;
    height: 240px;
}
.index_banner .hd{
	position:absolute;
	bottom: 35px;
	right: 0;
	left: 0;
	margin:auto;
	z-index: 99;
	text-align: center;
}

.index_banner .hd li{
	width: 6px;
	height:6px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	background:#fff;
	font-size: 0;
	margin:0 6px;
	cursor: pointer;
}

.index_banner .hd li.on{
	background:#ff0000;
}

.index_banner .bd{
	width: 100%;
}

.index_banner .bd li{
	width: 100%;
}

.index_slide{
	width: 100%;
	max-width: 1920px;
	margin:-3px auto 0;
}

.index_slide .slidebox{
	position:relative;
}

.index_slide .slidebox .prev,.index_slide .slidebox .next{
	position:absolute;
	top: 43%;
	margin:auto;
	width: 100px;
	height:100px;
	border-radius: 100%;
	border:4px solid #fff;
	font-family: '新宋体';
	font-size: 60px;
	z-index: 99;
	line-height: 100px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.index_slide .slidebox .prev{
	left: 45px;
}

.index_slide .slidebox .next{
	right: 45px;
}

.index-nav{
	width: 560px;
	margin:72px auto 38px;
}

.index-nav .list-box{
	width: 138px;
	float: left;
	border-right: 1px solid #595757;
}

.index-nav .list-box .pic-box{
	width: 36px;
	height:33px;
	line-height: 33px;
	text-align: center;
	margin:0 auto;
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
.index-nav .list-box:hover .pic-box{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.index-nav .list-box p{
	font-size: 18px;
	color: #595757;
	text-align: center;
	padding-top: 15px;
}

.index-nav .list-box:nth-child(4){
	border:none;
}

.index-pro {

}

.index-pro .tit{
	text-align: center;

}

.index-pro .tit p{
	font-size: 22px;
	color: #595757;
}

.index-pro .tit h3{
	font-size: 20px;
	color: #595757;
	padding-top: 8px;
}

.index-pro .pro-case{
	margin-top: 36px;
}

.index-pro .pro-case .list-box1,.index-pro .pro-case .list-box2,.index-pro .pro-case .list-box3,.index-pro .pro-case .list-box4,
.index-pro .pro-case .list-box5,.index-pro .pro-case .list-box6,.index-pro .pro-case .list-box7{
	float: left;
}

.index-pro .pro-case .list-box1 p,.index-pro .pro-case .list-box2 p,.index-pro .pro-case .list-box3 p,.index-pro .pro-case .list-box4 p,
.index-pro .pro-case .list-box5 p,.index-pro .pro-case .list-box6 p,.index-pro .pro-case .list-box7 p{
	font-size: 18px;
	color: #898989;
	line-height: 65px;


}
.index-pro .pro-case .list-box1,.index-pro .pro-case .list-box3,
.index-pro .pro-case .list-box4,.index-pro .pro-case .list-box5{
	width: 348px;
}
.index-pro .pro-case .list-box5{
	margin-top: -348px;
}
.index-pro .pro-case .list-box1,.index-pro .pro-case .list-box3{
	margin-bottom: 24px;
}

.index-pro .pro-case .list-box2{
	    margin: 0 36px; 
}

.index-pro .pro-case .list-box7{
	margin-left:36px;
}

.index-pro .pro-case .list-box6,.index-pro .pro-case .list-box7{
	margin-top: 20px;
	margin-bottom: 20px;
}

.index-pro .pro-case .list-box1 .img_box,.index-pro .pro-case .list-box3 .img_box,
.index-pro .pro-case .list-box4 .img_box,.index-pro .pro-case .list-box5 .img_box{
	width: 348px;
	height:279px;
	overflow: hidden;
	
}
.index-pro .pro-case .list-box2 .img_box{
	width: 415px;
	height:646px;
	overflow: hidden;
}

.index-pro .pro-case .list-box6 .img_box{
	width: 794px;
	height:277px;
	overflow: hidden;
}

.index-pro .pro-case .list-box7 .img_box{
	width: 349px;
	height:277px;
	overflow: hidden;
}
.index-pro .pro-case .list-box1 .img_box img,.index-pro .pro-case .list-box3 .img_box img,
.index-pro .pro-case .list-box4 .img_box img,.index-pro .pro-case .list-box5 .img_box img{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.index-pro .pro-case .list-box2 img{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.index-pro .pro-case .list-box6 img{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.index-pro .pro-case .list-box7 img{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.index-pro .pro-case .list-box2:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.index-pro .pro-case .list-box6:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.index-pro .pro-case .list-box7:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.index-pro .pro-case .list-box1:hover .img_box img,.index-pro .pro-case .list-box3:hover .img_box img,
.index-pro .pro-case .list-box4:hover .img_box img,.index-pro .pro-case .list-box5:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.index-about{
	background:url(../images/index-about.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	height:480px;
	margin:0 auto;
}

.index-about .text-box{
	width: 490px;
	float: right;
}

.index-about .text-box .tit-1{
	margin-top: 35px;
}

.index-about .text-box .tit-1 p{
	color:#c9caca;
	font-size: 26px;
}

.index-about .text-box .tit-1 h3{
	color:#c9caca;
	font-size: 26px;
	padding-top: 8px;
}

.index-about .text-box .text{
	line-height: 30px;
	font-size: 16px;
	color: #9fa0a0;
	padding: 30px 0;

}
.btn{
	font-size: 16px;
	color: #9fa0a0;
}

.index-about .text-box .btn:hover{
	text-decoration: underline;
}

.index-news{

}

.index-news .news-case{
	margin:100px 0 48px;
}

.index-news .news-case .list-box{
	width: 378px;
	float: left;
	border:1px solid #bfbfbf;
	margin-right: 22px;
}

.index-news .news-case .list-box .img_box{
	width: 378px;
	height:213px;
	overflow:hidden;
}
.index-news .news-case .list-box .img_box img{
	width: 378px;
	height:213px;
}
.index-news .news-case .list-box .text-box{
	padding-bottom:30px;
}

.index-news .news-case .list-box .text-box h3{
	font-size: 17px;
	color: #ffffff;
	line-height:45px;
	background:#333333; 
	text-indent: 10px;
	margin-top: -3px;
	margin-bottom: 15px;
}

.index-news .news-case .list-box .text-box i{
	padding-left: 10px;
	color: #898989;
}

.index-news .news-case .list-box .text-box .text{
	font-size: 14px;
	color: #898989;
	padding:15px 10px;
	line-height: 26px;
}

.index-news .news-case .list-box .text-box .btn-1{
	font-size: 14px;
	color: #898989;
	padding-left: 10px;
}

.index-news .news-case .list-box .img_box img{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.index-news .news-case .list-box:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.index-news .news-case .list-box:hover .btn-1{
	text-decoration: underline;
}

.index-news .news-case .list-box:nth-child(3){
	margin-right: 0;
}

.footer{
	background:#efeff0;
	padding:55px 0;
	border-bottom:1px solid #615f5f;
}

.footer .foot-nav{
	width: 900px;
	float: left;

}

.footer .foot-nav dl{
	display: inline-block; 
	margin-right: 190px;
	float: left;

}


.footer .foot-nav dl:nth-child(4){
	margin-right: 0;
}
.footer .foot-nav dt{
	font-size: 14px;
	color: #898989;
	margin-bottom: 30px;
}

.footer .foot-nav dd{
	font-size: 14px;
	color: #898989;
	padding-bottom: 10px;
}

.footer .footer-code{
	width: 121px;
	float: right;
}

.footer .footer-nav .footer-code .img_box{
	width: 121px;
	height:121px;
	overflow: hidden;

}
.copyright{
	background:#efeff0;
}
.copyright p{
	line-height: 50px;
	text-align:center;
	font-size: 14px;
	color: #898989;
	
}


.tit-2{
	text-align:center;
	margin:66px 0 50px;
}

.tit-2 h3{
	font-size: 30px;
	color: #595757;
}

.tit-2 p{
	color: #727171;
	font-size: 15px;
	line-height: 28px;
	padding-top: 30px;

}

.product .pro_slide{
	position:relative;
}

.product .pro_slide .bd{

}

.product .pro_slide .bd li{
	width: 288px;
	margin-right: 10px !important;
	position:relative;
}

.product .pro_slide .bd li .img_box{
	width: 288px;
	height:288px;
	overflow: hidden;
}
.product .pro_slide .bd li .img_box img{
	width: 288px;
	height:288px;
}
.product .pro_slide .bd li .mask{
	position:absolute;
	width: 288px;
	height:288px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
.product .pro_slide .bd li:hover .mask{
	opacity: 1;
}
.product .pro_slide .bd li .mask .pic-box{
	width: 288px;
	height:288px;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	overflow:hidden ;
}

.product .pro_slide .bd li .mask .pic-box img{
	width: 288px;
	height:288px;
}

.product .pro_slide .bd li p{
	color: #727171;
	font-size: 15px;
	line-height: 50px;
	background:#f0f0f0;
	text-align:center;
	margin-top: -3px;
}


.product .pro_slide .prev,.product .pro_slide .next{
	position:absolute;
	top: 48%;
	margin:auto;
	width: 24px;
	height:24px;
	border-radius: 100%;
	background:rgba(0,0,0,0.7);
	font-size: 15px;
	font-family: '新宋体';
	z-index: 99;
	line-height: 24px;
	text-align:center;
	color: #fff;
	cursor: pointer;
}

.product .pro_slide .prev{
	left:0;
}

.product .pro_slide .next{
	right: 2px;
}

.star_pro{
	background:url(../images/peo-case-bg.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920;
	margin:50px auto;
	height:937px;
}

.tit-3{
	text-align:center;
	padding:66px 0 50px;
}

.tit-3 h3{
	font-size: 30px;
	color: #fff;
}

.tit-3 p{
	color: #fff;
	font-size: 15px;
	line-height: 28px;
	padding-top: 30px;

}

.star_pro .pro_slide2{
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	overflow: hidden;
}

.star_pro .pro_slide2 li{
	width: 634px;
	margin-right: 10px !important;
	position:relative;
}

.star_pro .pro_slide2 li .img_box{
	width: 634px;
	height:634px;
	overflow: hidden;
}

.star_pro .pro_slide2 li .mask{
	position:absolute;
	top: 0;
	left: 0;
	margin:auto;
	width: 634px;
	height:634px;
	background:rgba(140,140,137,0.7); 
	display: none;
}

.star_pro .pro_slide2 li .mask .text{
	padding:10px;

}

.star_pro .pro_slide2 li .mask .text p{
	line-height: 614px;
	text-align:center;
	border:1px solid #000;
	color: #3e3a39;
	font-size: 50px;
}

.star_pro .pro_slide2 li:hover .mask{
	display: block;
}

.pro-series {

}

.pro-series .title{
	padding-bottom: 30px;
}

.pro-series .title h3{
	font-size: 35px;
	color: #666464;
}

.pro-series .title p{
	font-size: 15px;
	color: #898989;
	padding-top: 30px;
}

.pro-series .form-box{
	width: 330px;
	height:30px;
	border:1px solid #d2d2d2;
	border-radius: 5px;
}

.pro-series .form-box input{
	color: #333;
	font-size: 15px;
	width:285px;
	float: left;
	text-indent:10px;
	line-height: 30px;
}

.pro-series .form-box .btn{
	width: 45px;
	height:30px;
	background:url(../images/search.png) no-repeat center center;
	float: left;
}

.pro-series .series-views{
	margin:40px 0 30px ;
}

.pro-series .series-views li{
	display: inline-block;
	font-size: 15px;
	color:#898989;
	margin-right: 46px;
	padding-top: 15px;
	

}

.pro-series .series-views li.on,.pro-series .series-views li:hover{
	color:#333;
}

.pro-series .series-views h3{
	background:url(../images/pro2-series.png) no-repeat left center;
	text-indent:40px;

}


.pro-series .size h3{
	background:url(../images/pro2-size.png) no-repeat left center;
	text-indent:40px;

}
/* .pro-series .series-views li:nth-child(9){
	margin-right: 0;
} */

.product2 .pro-series .series-views{
	padding-bottom: 30px;
	border-bottom: 1px solid #d2d2d2; 
}

.product2 .pro-series .series-views li{
	margin-top: 15px;
}
.pro-series .size{
	margin-bottom: 50px;
}

.product2 .pro-series .size{
	margin-bottom: 75px;
}
.pro-series .size li{
	display: inline-block;
	font-size: 15px;
	color:#898989;
	margin-right: 42px;

}
.pro-series .size li.on,.pro-series .size li:hover{
	color:#333;
}


.pro-case {
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
}

.pro-case .list-box{
	width: 375px;
	display: inline-block;
	margin-right: 26px;
	margin-bottom: 20px;
	position:relative;
}
.pro-case .list-box .img_box{
	width: 375px;
	height:375px;
	overflow: hidden;
}

.pro-case .list-box .img_box img{
	width: 375px;
	height:375px;
}
.pro-case .list-box .mask{
	position:absolute;
	width: 375px;
	height:375px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
.pro-case .list-box:hover .mask{
	opacity: 1;
}
.pro-case .list-box .mask .pic-box{
	width: 375px;
	height:375px;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	overflow:hidden ;
}

.pro-case .list-box .mask .pic-box img{
	width: 375px;
	height:375px;
}
.pro-case .list-box .img_box img{
	width: 375px;
	height:375px;
}
.pro-case .list-box .img_box img{
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out; 
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out; 
}
.pro-case .list-box:hover .img_box img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.pro-case .list-box p{
	line-height: 50px;
	color: #333;
	font-size: 15px;
	background:#f0f0f0;
	text-align: center;
	margin-top: -3px;
}
.pro-case .list-box:hover p{
	background:#333333;
	color: #fff;
}
.pro-case .list-box:nth-child(3n){
	margin-right: 0;
}

.pro-case .btn-2{
	text-align: center;
	font-size: 15px;
	color: #898989;
	margin:25px 0 45px;
}


.product2 .pro-case2{

}

.product2 .pro-case2 .list-box{
	width: 375px;
    display: inline-block;
    margin-right: 26px;
    margin-bottom: 20px;
    position:relative;

}

.product2 .pro-case2 .list-box .img_box{
	width: 375px;
    height: 375px;
    overflow: hidden;

}
.product2 .pro-case2 .list-box .img_box img{
	width: 375px;
    height: 375px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.product2 .pro-case2 .list-box:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.product2 .pro-case2 .list-box .mask{
	position:absolute;
	width: 375px;
    height: 375px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
.product2 .pro-case2 .list-box:hover .mask{
	opacity: 1;
}
.product2 .pro-case2 .list-box .mask .pic-box{
	width: 375px;
    height: 375px;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	overflow:hidden ;
}

.product2 .pro-case2 .list-box .mask .pic-box img{
	width: 375px;
    height: 375px;
}
.product2 .pro-case2 .list-box p{
	line-height: 50px;
	color: #333;
	font-size: 15px;
	background:#f0f0f0;
	text-align: center;
	margin-top: -3px;
}

.product2 .pro-case2 .list-box:hover p{
	background:#333333;
	color: #fff;
}
.product2 .pro-case2 .list-box:nth-child(3n){
	margin-right: 0;
}
.page{
	text-align: center;
	margin:50px 0;
}
.page a{
	
	font-size: 15px;
	color: #898989;
	margin:0 10px;
}

.page a.on,.page a:hover{
	color: #424242;
}
.pro_views{
	margin-bottom: 70px;
}
.views_slide{
	width: 514px;
	float: left;
	
}

.views_slide .parbd{
	width: 100%;
}

.views_slide .parbd li{
	width: 514px;
}

.views_slide .parbd li .img_box{
	width: 514px;
	height:514px;
	overflow: hidden;
	border:1px solid #b5b6b6;
}
.views_slide .parhd li.on{
	border:1px solid #000; 
}
.views_slide .parhd{
	width: 514px;
	position:relative;
}

.views_slide .parhd .sslide{
	width: 514px;
	margin-top: 15px;
}
.views_slide .parhd li{
	width: 122px;
	border:1px solid #6a6868;
	margin-right:6px !important;
	float:left;
}

.views_slide .parhd li .img_box{
	width: 122px;
	height:122px;
	overflow: hidden;
}

.views_slide .parhd .prev,.views_slide .parhd .next{
	position:absolute;
	top: 45%;
	margin:auto;
	font-size: 30px;
	font-family:'新宋体';
	color:#000;
	text-align: center;
	line-height: 10px;
	z-index: 99;
	cursor: pointer;
}

.views_slide .parhd .prev{
	left: 0;
}

.views_slide .parhd .next{
	right: 0;
}

.pro_views .text-box{
	width: 590px;
	float: right;
}


.pro_views .text-box h3{
	font-size:25px;
	color: #ffffff;
	line-height: 60px;
	border-bottom:1px solid #7d7d7d;
	margin-bottom: 30px;
}
.pro_views .text-box .text{
	padding-bottom: 40px;
	font-size: 15px;
	color: #ffffff;
	line-height: 28px;
}

.pro_views .text-box p{
	font-size: 15px;
	color: #ffffff;
	line-height:45px; 
}
.pro_views .text-box .vr-box{
	background:url(../images/vr-bg.png) no-repeat left center;
	width: 62px;
	height:27px;
	position:relative;
	margin-top: 70px;
	cursor: pointer;
}

.pro_views .text-box .vr-box .mask-code{
	position:absolute;
	top: -25px;
	left: 72px;
	margin:auto;
	width: 74px;
	height:74px;
	overflow: hidden;
}


.pro_views .text-box .vr-box .mask-code .img_box img{
	width: 74px;
	height:74px;
}
.pro_views .text-box .vr-box:hover .mask-code{
	display: block
}

.inc-link{

}
.inc-link p{
	font-size: 15px;
	color: #ffffff;
	line-height: 90px;
}

.VR-scenario{

}

.VR-scenario h3{
	font-size: 15px;
	color: #ffffff;
	line-height: 60px;
}

.VR-scenario .img_box{
	width: 100%;
	height:644px;
	overflow: hidden;
}


.app-space h3{
	font-size: 15px;
	color: #ffffff;
	line-height: 110px;
	text-transform: uppercase;
}

.app-space .img_box{
	width: 100%;
	height:650px;
	overflow: hidden;
}


.other-series{

}

.other-series h3{
	font-size: 15px;
	color: #ffffff;
	line-height: 90px;
	text-transform: uppercase;
}

.other-series .con-box{
	margin-bottom: 110px;
}

.other-series .con-box .list-box{
	width: 289px;
	display: inline-block;
	margin-right:5px;
	position:relative;
}

.other-series .con-box .list-box .img_box{
	width: 289px;
	height:289px;
	overflow: hidden;
}
.other-series .con-box .list-box .img_box img{
	width: 289px;
	height:289px;
}
.other-series .con-box .list-box .mask{
	position:absolute;
	width: 289px;
	height:289px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
.other-series .con-box .list-box:hover .mask{
	opacity: 1;
}
.other-series .con-box .list-box .mask .pic-box{
	width: 289px;
	height:289px;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	overflow:hidden ;
}

.other-series .con-box .list-box .mask .pic-box img{
	width: 289px;
	height:289px;
}

.other-series .con-box .list-box p{
	line-height: 40px;
    color: #333;
    font-size: 15px;
    background: #f0f0f0;
    text-align: center;
    margin-top: -3px;
}

.other-series .con-box .list-box:nth-child(4){
	margin-right:0;
}

.other-series .con-box .list-box:hover p{
	background:#333333;
	color: #fff;
}


.contact{
	margin:100px 0 70px;
}

.contact .title-2{
	text-align: center;
}

.contact .title-2 p{
	font-size: 30px;
	color: #595757;
	padding-bottom: 45px;
}

.contact .form-box{
	width: 610px;
	margin:0 auto;
}

.contact .form-box p{
	font-size: 15px;
	color: #595757;
	padding-bottom: 20px;
	text-align: center;

}


.contact .form-box .txt{
	width: 610px;
	height:42px;
	background:#ddddde;
	line-height: 42px;
	text-indent:12px;
	margin:0 auto;
	font-size: 15px;
	color: #595757;
	margin-bottom: 15px;
	font-family: '思源黑体 CN Light';
}


.contact .form-box textarea{
	width: 610px;
	height:140px;
	padding-top: 20px;
	font-size: 15px;
	color: #595757;
	text-indent:12px;
	background:#ddddde;
	font-family: '思源黑体 CN Light';
}

.contact .form-box .btn{
	width: 123px;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #595757;
	background:#898989;
	margin:25px 0 0 243px;
}

.map-box{
	width: 100%;
	max-width: 1920px;
	height:586px;
	overflow: hidden;
	margin: 0 auto; 
}

.join{
	background: url(../images/contact-bg.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	height:683px;
	margin:0 auto;
}

.join .con-box{
	width: 1183px;
	margin: 0 auto;
	padding-top: 135px;
}

.join .con-box .text-box{
	margin-bottom: 60px
}

.join .con-box .text-box h3{
	font-size: 22px;
	color: #ffffff;
	padding-bottom: 20px;
}

.join .con-box .text-box .text{
	font-size: 16px;
	color: #ffffff;
	line-height: 28px;
}

.join .con-box .btn{
	font-size: 16px;
	color: #ffffff;
}

.join .con-box .btn:hover{
	text-decoration: underline;
}

.way{
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	text-align: center;
	padding:100px 0 75px;
}

.way h3{
	font-size: 30px;
	color: #595757;
	padding-bottom: 30px;
}

.way p{
	font-size: 16px;
	color: #595757;
	padding-bottom:25px;
}


.about{
	position:relative;
}

.about .inc-banner{
	width: 100%;
	margin:0 auto;
}

.about .about-link{
	background:url(../images/about-link-bg.png) no-repeat center center;
	position:absolute;
	bottom: 24px;
	left: 320px;
	margin:auto;
	width: 672px;
	height:38px;
}

.about .about-link li{
	display: inline-block;
	line-height: 38px;
	font-size: 15px;
	color: #ababab;
	margin: 0 25px;
}

.about .about-link li.on,.about .about-link li:hover{
	color: #fff;
}
.about .about-link li:nth-child(6){
	margin-right: 0;
}
.about-intor{
	background:url(../images/about02.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	margin:-3px auto;
	height:556px;
}

.about-intor .text-box{
	width: 700px;
	padding-top: 60px;
}

.about-intor .text-box h3{
	color: #c7c2b7;
	font-size: 28px;
	padding-bottom: 50px;
}

.about-intor .text-box .text{
	line-height: 28px;
	font-size: 13px;
	color: #ffffff;
}

.about-story{
	background:url(../images/about03.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	margin:-3px auto;
	height:670px;
}

.about-story .text-box{
	width: 750px;
	padding-top: 60px;
	float:right;
}

.about-story .text-box h3{
	color: #c7c2b7;
	font-size: 28px;
	padding-bottom: 35px;
}

.about-story .text-box .text{
	line-height: 25px;
	font-size: 13px;
	color: #ffffff;
}

.about-cul{
	background:url(../images/about04.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	height:578px;
}

.about-cul .text-box1{
	padding-top: 60px;
}

.about-cul .text-box1 h3{
	font-size: 28px;
	color: #ffffff;
	padding-bottom: 30px;
}

.about-cul .text-box1 h4{
	font-size: 18px;
	color: #ffffff;
	font-family: '微软雅黑';
}

.about-cul .text-box1 p{
	font-size: 13px;
	color: #ffffff;
	padding:15px 0 20px;
}

.about-cul .list-box{
	width: 780px;
	margin: 8% auto 0;
}

.about-cul .list-box .text-box{
	width: 330px;
	float: left;
}

.about-cul .list-box .text-box h3{
	font-size: 16px;
	color: #fff;
	padding-bottom: 20px;
}

.about-cul .list-box .text-box p{
	font-size: 14px;
	color: #6a6a69;
	line-height: 25px;

}

.about-cul .list-box .text-box:nth-child(2){
	float: right;
}


.about-moral{
	background:url(../images/about05.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	height:437px;
}

.about-moral .text-box{
	width: 680px;
	margin: 0 auto;
	padding-top: 5%;
}

.about-moral .text-box h3{
	font-size: 18px;
	color: #fff;
	padding-bottom: 25px;
}

.about-moral .text-box p{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
}

.about-spirit{
	background:url(../images/about06.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	height:658px;
}

.about-view{
	background:url(../images/about07.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	height:763px;
}

.news {

}

.news .inc-link p{
	color: #595757;
}

.news .news-con{
	width: 100%;
}
.news .news-list{
	width: 900px;
	float: left;
}
.news .news-con .list-box{
	padding:25px 30px;
	background:#ddddde;
	margin-bottom: 30px;
}

.news .news-con .list-box .img_box{
	width: 333px;
	height:222px;
	overflow: hidden;
	float: left;
}
.news .news-con .list-box .img_box img{
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
}

.news .news-con .list-box:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.news .news-con .list-box .text-box{
	width: 460px;
	float: right;
}

.news .news-con .list-box .text-box h3{
	font-size: 18px;
	color: #595757;
	padding-bottom: 25px;
}

.news .news-con .list-box .text-box i{
	font-size: 13px;
	color: #595757;
}

.news .news-con .list-box .text-box{

}

.news .news-con .list-box .text-box .text{
	font-size: 14px;
	color: #595757;
	line-height: 28px;
	padding:25px 0 25px;
}

.news .news-con .list-box .text-box .btn{
	font-size: 14px;
	color: #595757;
	width: 70px;
	height:23px;
	text-align:center;
	line-height: 23px;
}

.news .news-con .list-box:hover .text-box .btn{
	background:#898989;
}

.news .news-con .sidebar{
	width: 242px;
	float: right;
}

.news .news-con .sidebar .title{
	font-size: 16px;
	color: #595757;
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
}


.news .news-con .sidebar .news_slide{
	position:relative;
	width: 100%;
	margin-bottom: 35px;
}


.news .news-con .sidebar .news_slide li{
	width: 242px;
}

.news .news-con .sidebar .news_slide li .img_box{
	width: 242px;
	height:179px;
	overflow: hidden;
}

.news .news-con .sidebar .news_slide li p{
	font-size: 16px;
	color: #595757;
	line-height: 50px;
	text-align:center;
}
.news .news-con .sidebar .news_slide .prev,.news .news-con .sidebar .news_slide .next{
	position:absolute;
	top: 35%;
	margin:auto;
	font-size: 28px;
	font-family: '新宋体';
	z-index: 99;
	color: #fff;
	cursor: pointer;

}

.news .news-con .sidebar .news_slide .prev{
	left:5px;
}

.news .news-con .sidebar .news_slide .next{
	right:5px;
}

.news .news-con .sidebar .news-recommend{
	width: 242px;
}

.news .news-con .sidebar .news-recommend .list-box{
	width: 242px;
	padding:0;
	background:none;
	    margin-bottom: 12px;
}

.news .news-con .sidebar .news-recommend .list-box .img_box{
	width: 84px;
	height: 46px;
	overflow: hidden;
}

.news .news-con .sidebar .news-recommend .list-box .text{
	width: 154px;
	float: right;
}

.news .news-con .sidebar .news-recommend .list-box .text h3{
	font-size: 14px;
	color: #595757;
	padding-top: 3px;
}
.news .news-con .sidebar .news-recommend .list-box .text p{
	font-size:12px;
	color: #595757;
	padding-top: 8px;
}


/*news-views*/

.news-views {
		margin-top: 60px;
}

.news-views .news-tit{
    text-align: center;

}
.news-views .news-tit h3{
    font-size: 30px;
    color: #000000;
}

.news-views .news-tit p{
    padding: 15px 0;
    font-size: 18px;
    color: #000000;

}

.news-views .text-box{
    width: 100%;
    margin-top: 30px;

}

.news-views .text-box p{
    text-indent: 20px;
    font-size: 15px;
    line-height: 28px;
}

.news-views-link{
    margin: 30px 0 50px;
}

.news-views-link li{
    font-size:15px;

}

.service {

}


.service .join2{
	text-align:center;
}
.service .join2 .con-box{
	margin-top: 50px;
}
.service .join2 .con-box h3{
	font-size:34px;
	color: #595757;
	padding-bottom: 50px;
}

.service .join2 .con-box .list-box{
	width: 135px;
	display: inline-block;
	margin-right: 36px;
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
.service .join2 .con-box .list-box:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.service .join2 .con-box .list-box .img_box{
	width: 135px;
	height:135px;
	overflow: hidden;
}

.service .join2 .con-box .list-box p{
	font-size:14px;
	color: #595757;
	padding-top: 20px;
}

.partner{

}

.partner .list-box{
	width: 100%;
	margin:138px 0 138px;
}
.partner .list-box .img_box{
	width: 497px;
	height:370px;
	overflow: hidden;
	float: left;
	margin-top: 76px;
	margin-left: 70px;
}

.partner .list-box .con-box{
	width: 425px;
	float: right;
	padding-right: 160px;
}

.partner .list-box .con-box .title{

}

.partner .list-box .con-box .title h3{
	font-size:25px;
	color: #595757;
}

.partner .list-box .con-box .title p{
	font-size:12px;
	color: #8e8e8e;
	padding:12px 0;
}


.partner .list-box .con-box .text-box{
	border-left:2px solid #8e8e8e;
	padding-left:10px;
}

.partner .list-box .con-box .text-box h3{
	font-size:16px;
	color: #595757;
	position:relative;
}
.partner .list-box .con-box .text-box h3:after{
	width: 9px;
	height: 9px;
	border-radius: 100%;
	background:#8e8e8e;
	position:absolute;
	top: 6px;
    left: -15px;
	content: "";
}
.partner .list-box .con-box .text-box p{
	font-size:14px;
	color: #595757;
	padding: 12px 0;
}
.partner .list-box:nth-child(2){
	margin:0 0 70px 0;
}
.partner .list-box:nth-child(2) .con-box{
	float: left;
	padding-right: 0;
	padding-left:160px;
}
.partner .list-box:nth-child(2) .con-box .text-box p{
	padding:16px 0;
}
.partner .list-box:nth-child(2) .img_box{
	float: right;
	width: 386px;
	height:511px;
	margin-top:0;
	margin-right: 195px;
	margin-left: 0;

}

.hotline{
	width: 100%;
	position:relative;
	max-width: 1920px;
	margin: 0 auto;
}

.hotline .pic-box{
	width: 100%;
}

.hotline .logo2{
	width: 197px;
	height:97px;
	position:absolute;
	bottom: 140px;
	left: 28%;
	background:#fff;
}

.hotline .logo2 .img_box{
	line-height: 97px;
	width: 197px;
}

.hotline .text-box{
	width: 100%;
	background:#333333;
	margin-top: -3px;
	height:140px;
}

.hotline .text-box h3{
	background:#fff;
	width: 197px;
	height:97px;
	line-height: 97px;
	text-align:center;
	font-size:22px;
	margin-left: 28%;
	float: left;
}

.hotline .text-box p{
	font-size:30px;
	color: #ffffff;
	float: left;
	width: 700px;
	padding:30px 0 0 20px;

}

.store {
	margin-top: 60px;
}

.store .form_box{
	width: 342px;
	height: 45px;
	border:1px solid #898989;
}

.store .form_box .txt{
	width: 262px;
	height:45px;
	float: left;
	text-indent:12px;
	font-size:15px;
	color: #898989;
}

.store .form_box .btn{
	width: 80px;
	height:45px;
	float: left;
	color: #ffffff;
	font-size:15px;
	background:#898989;
}

.store .city{
	margin-top: 34px;
}
.store .city ul{
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.store .city li{
	display: inline-block;
	font-size:15px;
	color: #898989;
	padding:5px 25px;
}

.store .city li:nth-child(14n){
	margin-right: 0;
}

.store-case{
	margin-top: 40px
}

.store-case .list-box{
	width: 378px;
	display: inline-block;
	margin-right: 22px;
	margin-bottom: 30px;
}
.store-case .list-box:nth-child(3n){
	margin-right: 0;
}
.store-case .list-box .img_box{
	width: 378px;
	height:229px;
	overflow: hidden;
}
.store-case .list-box .img_box img{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.store-case .list-box:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.store-case .list-box .text{
	padding: 10px;
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin-top: -3px;
}

.store-case .list-box .text h3{
	font-size:15px;
	color: #898989;

}

.store-case .list-box .text p{
	font-size:14px;
	color: #898989;
	line-height: 26px;

}

.store_views{

}

.store_views .store_slide{
	position:relative;	
	padding-bottom: 60px;

}


.store_views .store_slide .hd{
	text-align: center;
	position:absolute;
	bottom: 30px;
	left: 0;
	right:0;

}


.store_views .store_slide .hd li{
	display: inline-block;
	width: 50px;
	height:4px;
	background:#c4c4c4;
	font-size:0;
	cursor:pointer;
	margin: 0 10px;

}


.store_views .store_slide .hd li.on{
	background:#898989;
}

.store_views .store_slide .bd li .img_box{
	display: block;
}

.store_views .text-box{
	margin: 40px 0;
}

.store_views .text-box .text{
	line-height: 28px;
	font-size:14px;
	color: #898989;
}
.store_views .views-case{
	margin-bottom: 50px;
}

.store_views .views-case .list-box{
	margin-bottom: 30px;
}

.store_views .views-case .list-box .img_box{
	width: 100%;
}