.header{
	width:100%; position:fixed; left:0; top:0; z-index:2; padding:15px 0; transition:all 0.4s;
}
.header.onee{ background:#ffffff;}
.header .logo-box{
	width:150px; float:left;
}
.header .header-nav{
	width:732px; padding:15px 0 0 0;
	float: right;
}
.header .header-nav li{
	display: inline-block;
	font-size:16px;
	color: #fff;
	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:last-child{
	margin-right:0;
}
.header .header-nav li:hover{ color:#ae2143;}
.header .header-nav li a{
	display: block; color:#000;
}
.inc-banner{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
}
.inc-banner>hgroup{ position:absolute; left:0; top:42%; width:100%; text-align:center; color:#fff;}
.inc-banner>hgroup>h1{ font-size:40px;}
.inc-banner>hgroup>h2{ font-size:18px; padding-top:5px;}
.index_banner{
	position:relative;
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.pro_link {
    text-align: center;
    top: 190px;
    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%; display:none;
	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:0 auto;
	padding:72px 0;
}
.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{ padding-bottom:72px;}
.index-pro .tit,.index-news .tit{
	text-align:center; padding-bottom:72px;
}
.index-pro .tit p,.index-news .tit p{
	font-size:16px; text-transform:uppercase; padding-top:8px;
	color:#999;
}
.index-pro .tit h3,.index-news .tit h3{
	font-size:30px;
	color:#595757;	
}
#home_pro_cate .bd ul li a{ display:block;}
#home_pro_cate .bd ul li a .leftside{ width:30%; padding-right:30px;}
#home_pro_cate .bd ul li a .rightside{ width:70%; overflow:hidden;}
#home_pro_cate .bd ul li a .rightside figure{ padding-bottom:60%; background-size:cover; background-position:center; transition:all 0.4s;}
#home_pro_cate .bd ul li a:hover .rightside figure{ transform:scale(1.1,1.1);}
#home_pro_cate .bd ul li a .leftside hgroup h1{ font-size:30px;}
#home_pro_cate .bd ul li a .leftside hgroup h2{ font-size:16px; text-transform:uppercase; padding-top:8px;}
#home_pro_cate .bd ul li a .leftside article{ line-height:2; color:#999; padding-top:30px; padding-bottom:100px; font-size:14px;}
#home_pro_cate .bd ul li a .leftside aside{ display:inline-block; color:#fff; background:#ae2143; padding:10px 30px; font-size:18px; text-transform:uppercase; border-radius:40px; position:relative; overflow:hidden;}
#home_pro_cate .hp_control{ position:absolute; left:0; bottom:0;}
#home_pro_cate .hp_control .hpprev{ display:inline-block; padding:20px 30px; background:url(../images/prev.png) center no-repeat #fff; border:1px solid #aaa; border-right:none; cursor:pointer;}
#home_pro_cate .hp_control .hpnext{ display:inline-block; padding:20px 30px; background:url(../images/next.png) center no-repeat #fff; border:1px solid #aaa; cursor:pointer;}
#home_pro_cate .bd ul li a .leftside aside:after{ position:absolute; content:''; background:rgba(255,255,255,0.5); width:20px; height:100px; transform:rotate(-35deg); filter:blur(5px); left:-25px; top:-20px; transition:all 0.8s;}
#home_pro_cate .bd ul li a:hover .leftside aside:after{ left:200px;}
.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: 65px;
}
.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: 70px 0;
}
.btn{
	font-size: 16px;
	color: #9fa0a0;
}
.index-about .text-box .btn:hover{
	text-decoration:underline;
}

/**/
.index-news{ padding:72px 0;}
.index-news .news-case .list-box{
	width: 378px;
	float: left;
	border:1px solid #ddd;
	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 figure{
	background-size:cover; background-position:center; transition:all 0.6s;
	height:100%;
}
.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; 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 a:hover .img_box figure{
	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 #cccccc;
}
.footer .foot-nav{
	width: 900px;
	float: left;
}
.footer .foot-nav dl{
	display: inline-block; 
	margin-right:150px;
	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; display:none;
}
.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; display:none;
	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 ; display:none;
}
.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;
}
/**/
.inpro-case{ padding:72px 0;}
.inpro-case .list-box{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	position:relative;
}
.inpro-case .list-box a{ display:block; position:relative; transition:all 0.6s;}
.inpro-case .list-box a .img_box{ overflow:hidden; display:block;}
.inpro-case .list-box a .mask{ padding-bottom:100%; background-size:contain; background-repeat:no-repeat; background-position:center; transition:all 0.6s;}
.inpro-case .list-box a .mask2{ padding-bottom:100%; background-size:cover; background-repeat:no-repeat; background-position:center; transition:all 0.6s;}
.inpro-case .list-box a:hover .mask,.inpro-case .list-box a:hover .mask2{ transform:scale(1.1,1.1);}
.inpro-case .list-box a p{
	line-height:50px; transition:all 0.6s;
	color:#333;
	font-size:15px;
	background:#f0f0f0;
	text-align:center;
}
.inpro-case .list-box a:hover p{
	background:#333333;
	color:#fff;
}
.inpro-case .list-box:nth-child(3n){
	margin-right:0;
}
.inpro-case .btn-2{
	text-align:center;
	font-size:15px;
	color:#898989;
	margin:25px 0 45px;
}
.inpro-case .list-box a:hover{ box-shadow:0 0 20px #ccc;}
/**/
.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 #ddd;
}
.views_slide .parhd li.on{
	border:1px solid #6a6868; 
}
.views_slide .parhd{
	width: 514px;
	position:relative;
}
.views_slide .parhd .sslide{
	width: 514px;
	margin-top: 15px;
}
.views_slide .parhd li{
	width:122px; cursor:pointer; box-sizing:content-box;
	border:1px solid #ddd;
	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:#ae2143;
	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;
	line-height:60px;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
}
.pro_views .text-box .text{
	padding-bottom:40px;
	font-size:15px;
	line-height:28px;
}
.pro_views .text-box p{
	font-size:15px;
	line-height:45px; 
}
.pro_views .text-box .vr-box{
	background:url(../images/VR-bg.png) no-repeat left center;
	padding-left:80px;
	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>a{ display:inline-block; padding:10px 20px; background:#ae2143; color:#fff; border-radius:40px; font-size:15px;}
.pro_views .text-box .vr-box:hover .mask-code{
	display: block
}
.inc-link{
}
.inc-link p{
	font-size:15px;
	line-height:90px;
}
.VR-scenario .img_box{ display:block;}
.VR-scenario h3{
	font-size: 15px;
	color: #ffffff;
	line-height: 60px;
}
.VR-scenario .img_box img{ display:block; margin:0 auto;}
.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;
	line-height:90px;
	text-transform:uppercase;
}
.other-series .con-box{
	margin-bottom: 110px;
}
.other-series .con-box .list-box{
	width:24%;
	float:left;
	margin-right:1.33333%;
	position:relative;
}
.other-series .con-box .list-box .img_box{
	display:block;
	overflow:hidden;
}
.other-series .con-box .list-box .mask{
	padding-bottom:100%; background-position:center; background-repeat:no-repeat; background-size:contain; transition:all 0.6s;
}
.other-series .con-box .list-box:hover .mask{
	transform:scale(1.1,1.1);
}
.other-series .con-box .list-box p{
	line-height:40px; transition:all 0.6s;
    color:#333;
    font-size:15px;
    background:#f0f0f0;
    text-align:center;
}
.other-series .con-box .list-box:nth-child(4n){
	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; transition:all 0.4s; cursor:pointer;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background:#898989;
	margin:25px 0 0 243px;
}
.contact .form-box .btn:hover{ color:#fff; background:#ae2143;}
.map-box{
	width: 100%;
	max-width: 1920px;
	height:586px;
	overflow: hidden;
	margin: 0 auto; 
}
.map-box img{ max-width:none; max-height:none;}

/**/
.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:1200px; 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;
}
.in-link{ background:#eee;}
.in-link li{
	display:inline-block;	
	font-size:15px;		
}
.in-link li a{ display:block; line-height:70px; padding:0 30px; color:#111;}
.in-link li a.on,.in-link li a:hover{
	color:#000; background:#fff;
}
.about-intor{
	padding:100px 0;
}
.about-intor .main{ overflow:hidden;}
.about-intor .text-box{ padding-bottom:72px;}
.about-intor .text-box>hgroup h1{ font-size:25px; position:relative;}
.about-intor .text-box>hgroup h1:after{ content:''; position:absolute; width:50%; height:10px; background:#ae2143; left:0; bottom:0px; z-index:-1;}
.about-intor .text-box>hgroup h2{ font-size:25px; padding-top:8px;}
.about-intor .text-box>hgroup{
	color:#111; width:20%;
}
.about-intor .text-box .text{
	line-height:2; width:70%;
	font-size: 14px;
	color: #898989;
}
.about-intor ul li{ float:left; width:32%; margin-right:2%;}
.about-intor ul li:last-child{ margin-right:0;}
.about-intor ul li img{ width:100%;}
.about-intor dl{ display:block; padding-top:72px;}
.about-intor dl dt{ width:25%; float:left; text-align:center;}
.about-intor dl dt h1{ height:1px;  background:#ae2143; width:20%; display:block; margin:0 auto;}
.about-intor dl dt h2{ padding:8px 0; font-size:25px;}

/**/
.about-story{
	background:url(../images/about03.jpg) no-repeat center center;
	width:100%;
}
.about-story .text-box{	
	padding:100px 0;	
}
.about-story .text-box>hgroup h1{ font-size:25px; position:relative;}
.about-story .text-box>hgroup h2{ font-size:25px; padding-top:8px;}
.about-story .text-box>hgroup{ color:#fff; text-align:center; padding-bottom:72px;}
.about-story .text-box .text li{
	float:left; width:25%; text-align:center; color:#fff; border-left:1px solid #666; padding:40px 0;
}
.about-story .text-box .text li figure img{ display:block; margin:0 auto; height:40px;}
.about-story .text-box .text li:last-child{ border-right:1px solid #666;}
.about-story .text-box .text li figcaption h1{ padding-top:15px;}
.about-story .text-box .text li figcaption h2{ font-weight:normal; font-size:12px; color:#999; padding-top:8px;}

/**/
.about-cul{
	background:#fff;
	padding:100px 0;
}
.about-cul hgroup h1{ font-size:25px; position:relative;}
.about-cul hgroup h2{ font-size:25px; padding-top:8px;}
.about-cul hgroup{ text-align:center; padding-bottom:72px;}
.about-cul #about_honor .bd ul li{
	width:25%;
}
.about-cul #about_honor .bd ul li a{ display:block; text-align:center;}
.about-cul #about_honor .bd ul li a figure{ padding-bottom:80%; background-size:contain; background-repeat:no-repeat; background-position:center;}
.about-cul #about_honor .bd ul li a figcaption{ font-size:16px; padding-top:8px;}
.about-cul #about_honor .hd ul li{ font-size:0; width:10px; height:10px; margin:0 5px; display:inline-block; background:#999; border-radius:5px;}
.about-cul #about_honor .hd ul{ text-align:center; padding-top:40px;}
.about-cul #about_honor .hd ul li.on{ background:#ae2143;}
.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{	
	width:100%;
	max-width:1920px;
	margin:0 auto;	background:#272728;
}
.about-moral .text-box{
	width:50%; padding:50px 50px 0; color:#fff;
}
.about-moral .text-box hgroup{
	font-size:24px;	
}
.about-moral .img-box{
	width:50%;
}
.about-moral .text-box article{ line-height:2; font-size:16px; padding:40px 0;}
.about-moral .text-box figcaption{ font-size:16px; cursor:pointer;}
.about-moral .text-box figcaption em{ display:inline-block; width:100px; height:1px; background:#999; position:relative; vertical-align:middle;}
.about-moral .text-box figcaption em:after{ content:''; width:10px; height:10px; left:0; top:-5px; position:absolute; border-radius:5px; background:#999; transition:all 0.4s;}
.about-moral .text-box figcaption:hover em:after{ left:90px; background:#ae2143;}
.about-moral .text-box figcaption span{ display:inline-block; margin-left:8px; vertical-align:middle;}

/**/
.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 figure{
	transition:all 0.8s ease-in-out; background-size:cover; background-position:center; height:100%;
}
.news .news-con .list-box:hover .img_box figure{
	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; transition:all 0.4s;
	color: #595757;
	width: 70px;
	height:23px;
	text-align:center;
	line-height: 23px;
}
.news .news-con .list-box:hover .text-box .btn{
	background:#ae2143; color:#fff;
}
.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 .img_box figure{ height:100%; background-size:cover; background-position:center; transition:all 0.4s;}
.news .news-con .sidebar .news-recommend .list-box a:hover .img_box figure{ transform:scale(1.1,1.1);}
.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%; font-size:15px; line-height:2; padding:30px 0 70px 0; text-align:justify;
}
.news-views .text-box p{
    text-indent:2em;    
}
.news-views .text-box img{ display:block; margin:20px auto; max-width:100%;}
.news-views-link{ border-top:1px solid #eee; padding:70px 0;}
.news-views-link li{ font-size:15px; line-height:2;}

/**/
.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%;
}
/**/
.inside-pro-cate, .inside-padder {
    padding-top: 0.2rem;
}

.inside-pro-cate .con {
    padding: 10px 0; max-width: 80%; margin: 0 auto; position: relative;
    background: #eee;
}

.inside-pro-cate .con > h1 {
    font-size: 0.18rem;
    padding: 0 0.1rem 0.1rem;
    color: #111; display: flex; justify-content: space-between;
}
.search-zone-1{
    display: flex; justify-content: space-between; width: 30%;
}
.search-zone-1>input{
    width: 75%; border: none; background-color: #fff; padding: 0 10px;
}
.search-zone-1>p{
    width: 25%; font-size: 12px; display: flex; justify-content: center; align-items: center; background: #ae2143; color:#fff;
}
.inside-pro-cate .cate-zone {
    padding: 0 0.1rem;
}

.inside-pro-cate .cate-zone dl {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.inside-pro-cate .cate-zone dl dt {
    width: 15%;
}

.inside-pro-cate .cate-zone dl dt a {
    background: #ccc; font-size:14px;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0.05rem 0;
    color: #111;
    font-weight: bold;
}

.inside-pro-cate .cate-zone dl dd {
    display: flex;
    flex-flow: row wrap;
    width: 85%;
}

.inside-pro-cate .cate-zone dl dd a {
    width:14.2857%; font-size: 14px;
    text-align: center;
    margin-bottom:10px;
    padding: 0.05rem 0;
    position: relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

}

.inside-pro-cate .cate-zone dl dd a.on {
    color: #0D2341;
    font-weight: bold;
}

.inside-pro-cate .cate-zone dl dd a:after {
    content: '';
    height: 50%;
    position: absolute;
    width: 1px;
    background: #ccc;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#inside-prolist>.product-item-cont{ width:19%;}
/*.inside-pro-cate .cate-zone dl dd a:nth-child(3n):after, .inside-pro-cate .cate-zone dl dd a:last-child:after {*/
/*    display: none;*/
/*}*/