/*通用类*/
 
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1020px;
	margin:0 auto;
	font-size:12px;	
	font-family:"Microsoft Yahei";
	background:#fff;
	color:#5c5757;
	text-align:justify;	
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#5c5757;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#363bd7;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}
.banner .c_btn{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	z-index: 60;
	margin-top:-30px;
	cursor: pointer;
}
.banner .pre{
	left: 30px;
	background:url("../images/ba-next.png") no-repeat center center;
}
.banner .next{
	right: 30px;
	background:url("../images/ba-pre.png") no-repeat center center;
}.banner .c_btn:hover{opacity: 0.5}
/*公用CSS 开始*/

/*header 开始*/
.header{
	height: 60px; padding-top:15px;
}
.header .logo{
	display: block;
	height: 60px;
	float: left;
}
.header .logo img{
	display: block;
	height: 60px;
}
.header .logo_tip{
	float: left;
	 font-size:20px; letter-spacing:2px;
	height: 60px;
	line-height: 60px;
	padding-left:30px;
}
.header .logo_tip em{
	color:#2c2fe2;
}
.head_search{
	float: right;
	width: 326px;
	height: 30px;
	border:1px solid #4b4cf5;
	border-radius:5px;
	margin:14px 0 0 0;
}
.head_search .text{
	float: left;
	width: 270px;
	padding-left:10px;
	height: 30px;
	border:0;
	background:none;
	font-size:12px;s
}
.head_search .sub{
	float: right;
	width: 45px;
	height: 30px;
	background:#4b4cf5 url("../images/head_search.png") no-repeat center center;
}
.head_tel{
	float: right;
	 
	height: 60px; position:relative; left:20px;
	margin-left:20px;
	padding-left:40px;
	background:url("../images/head_tel.png") no-repeat left center;
}
.head_tel dt{
	height: 22px;
	line-height: 22px;
	font-size:14px;
	padding-top:10px;
}
.head_tel dd{
	height: 18px;
	line-height: 18px;
	font-size: 20px;
    font-weight:bold;
}
/*header 结束*/

.nav{
	height: 92px;
	background:#484af2;
}
.nav .wp{
	width: 1170px;
	margin:0 auto;
}
.nav a{
	float: left;
	display: block;
	width: 130px;
	text-align: center;
	font-size:16px;
	color:#fff;
	height: 76px;
	padding-top:16px;
}
.nav .ico{
	display: block;
	width: 36px;
	height: 36px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:top center;
}
.nav .ico0{
	background-image:url("../images/nav1.png");
}
.nav .ico1{
	background-image:url("../images/nav2.png");
}
.nav .ico2{
	background-image:url("../images/nav3.png");
}
.nav .ico3{
	background-image:url("../images/nav4.png");
}
.nav .ico4{
	background-image:url("../images/nav5.png");
}
.nav .ico5{
	background-image:url("../images/nav6.png");
}
.nav .ico6{
	background-image:url("../images/nav7.png");
}
.nav .ico7{
	background-image:url("../images/nav8.png");
}
.nav .ico8{
	background-image:url("../images/nav9.png");
}
.nav a:hover .ico,.nav a.hover .ico{
	background-position:bottom center;
}

/*.nav .ico1{
	background-image:url("../images/nav1.png");
}
.nav .ico2{
	background-image:url("../images/nav2.png");
}
.nav .ico3{
	background-image:url("../images/nav3.png");
}
.nav .ico4{
	background-image:url("../images/nav4.png");
}
.nav .ico5{
	background-image:url("../images/nav5.png");
}
.nav .ico6{
	background-image:url("../images/nav6.png");
}
.nav .ico7{
	background-image:url("../images/nav7.png");
}
.nav .ico8{
	background-image:url("../images/nav8.png");
}
.nav .ico9{
	background-image:url("../images/nav9.png");
}
.nav a:hover .ico,.nav a.hover .ico{
	background-position:bottom center;
}
*/
.banner{
	height:340px;
	width: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.banner .pics li{
	height: 340px;
	width: 100%;
	background-repeat:no-repeat;
	background-position:top center;
}
.indbanner {
	height:450px;
	width: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.indbanner  .pics li{
	height: 450px;
	width: 100%;
	background-repeat:no-repeat;
	background-position:top center;
}
.banner .pics a{
	display: block;
	height: 612px;
	width: 100%;
}
.banner .btns{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 60px;
	z-index: 60;
	text-align: center;
	height: 12px;
	font-size:1px;
}
.banner .btns span{
	background:#ccc;
	border-radius:100%;
	display:inline-block;
	width: 12px;
	height: 12px;
	margin:0 3px;
}
.banner .btns .hover{
	background:#484af2;
}

.footer{
	background:#4b4df7;
	color:#fff;
	padding-top:60px;
	line-height: 28px;
}
.ft_left{
	float: left;
	width: 304px;
	margin-right:50px;
}
.ft_t1{
	font-size:18px;
	height: 46px;
	line-height: 46px;
}
.ft_line{
	height: 90px;
	float: left;
	margin:46px 0 0 0;
	width: 50px;
	border-left:1px solid #fff;
}
.ft_fw{
	width: 150px;
	float: left;
}
.ft_cnt{
	width: 170px;
	float: left;
}
.ft_cnt li{
	height: 32px;
	line-height: 32px;
	padding-left:28px;
	position: relative;
}
.ft_cnt li img{
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
}
.ft_code{
	width: 100px;
	float: right;
	margin-left:15px;
	text-align: center; margin-top:15PX;
}
.ft_code dt{
	height: 100px;
}
.frend{ width:1020px; margin:0 auto; padding:10px 0; margin-top:20px; border-bottom:rgba(255,255,255,0.2) solid 1px;border-top:rgba(255,255,255,0.2) solid 1px}.frend a{ color:#fff}
.ft_code img{
	display: block;
	width: 100px;
	height: 100px;
}
.ft_code dd{
	height: 30px;
	line-height: 30px;
}
.footer_copy{
	height: 88px;
	line-height: 88px;
	text-align: center;
}
.footer_copy a{
    color: #fff;
	font-size: 12px;
}
/*公用CSS 结束*/

/*hm 首页*/

.hm_top{
	width: 1020px;
	height: 94px;
	position: relative;
	z-index: 70;
	margin:0 auto;
}
.hmt_wp{
	width: 1020px;
	height: 100px;
	background:#fff;
	position: absolute;
	z-index: 70;
	left: 0;
	top: -47px;
	border-radius:10px;
	box-shadow:0 10px 25px #eeedfc;
}
.hmt_wp .c_left{
	float: left;
	padding:18px 0 0 12px;
	width: 490px;
}
.hmt_wp .code{
	float: left;
	display: block;
	width: 70px;
	height: 70px;
}
.hmt_wp dl{
	float: left;
	padding-left:12px;
}
.hmt_wp dt{
	height: 22px;
	line-height: 26px;
	font-weight:bold;
	font-size:16px;
	color:#0c1a30;
}
.hmt_wp dd{
	color:#838a95;
	height: 30px;
	line-height: 30px;
}
.hmt_wp .text{
	width: 302px;
	float: left;
	height: 38px;
	line-height: 38px;
	border:1px solid #939499;
	border-radius:10px;
	margin:30px 0 0 0;
	text-indent:10px;
}
.hmt_wp .sign{
	display: block;
	width: 175px;
	height: 40px;
	line-height: 40px;
	border-radius:10px; border:none
	;
	float: left;
	margin:30px 0 0 25px;
	text-align: center;
	font-size:14px;
	color:#fff;
	background:#4f50fc; /* 一些不支持背景渐变的浏览器 */  
	background:linear-gradient(to right, #4f50fc, #2d33ca);
	background:-moz-linear-gradient(to right, #4f50fc, #2d33ca);
	background:-webkit-gradient(to right, #4f50fc, #2d33ca);
	background:-o-linear-gradient(to right, #4f50fc, #2d33ca);
}
.face  { text-align:center; clear:both; padding:50px 0;}
.face a{ display:inline-block; margin:0 8px; font-size:14px; color:#333; text-decoration:none}
.face span{ display:inline-block; margin:0 8px; font-size:14px; color:#4f50fc; text-decoration:none}
.face a.on,.face a:hover{ color:#4f50fc}

.hmt_wp .ok{
	width: 60px;
	height: 60px;
	float: left;
	margin:20px 0 0 0;
	background:url("../images/htok.png") no-repeat center center;
	
}

.hm_pro{
	width: 1020px;
	margin:0 auto;
	padding-bottom:12px;
}
.hp_left{
	width: 210px; padding-bottom:15px;
	
	float: left;
	background:#fff;
	box-shadow:0 0 25px #eeedfc;
}
.hp_left .title{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size:16px;
	color:#fff;
	background:#4f50fc; /* 一些不支持背景渐变的浏览器 */  
	background:linear-gradient(to right, #4f50fc, #2d33ca);
	background:-moz-linear-gradient(to right, #4f50fc, #2d33ca);
	background:-webkit-gradient(to right, #4f50fc, #2d33ca);
	background:-o-linear-gradient(to right, #4f50fc, #2d33ca);
}
.hp_left .t2{
	height: 60px;font-weight:bold; 
	line-height: 60px;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	text-align: center;
	font-size:18px;
}
.hp_left ul{
	padding:10px 0;
	text-align: center;
}
.hp_left li{
	height: 36px;
	line-height: 36px;
	vertical-align:top;
}
.hp_left li a{
	display: block; font-size:16px;
}
.hp_left li .hover{
	color:#363bd7;
}

.hp_right{
	width: 780px;
	float: right;
	display: none;
}
.show{
	display: block;
}
.hpr_item{
	display: block;
	width: 248px;
	height: 248px;
	float: left;
	margin:0 0 38px 12px;
	position: relative;
	overflow: hidden;
}
.hpr_item a{ color:#fff}
.hpr_item img{
	display:block;
	width:100%;
	height:100%;transition: all 0.2s;
	object-fit:cover;
}.hpr_item img:hover {
    transform: scale(1.1,1.1);
}
.hpr_item .name{
	height: 50px;
	line-height: 50px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	text-align: center;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	color:#fff;
}

.hm_case{
	width: 1041px;
	margin:0 auto;
}
.hm_case .item{
	width: 326px;
	height: 425px;
	float: left;
	margin:0 11px 0 10px;
	position: relative;
	box-shadow:0 0 15px #cec9fe;
	border-radius:10px;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.hm_case .item .wp{
	width: 326px;
	height: 425px;
	border-radius:10px;
	position: relative;
	overflow: hidden;
}
.hm_case .item img{
	display: block;
	width: 326px;
	height: 425px;
}
.hm_case .tip{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -150px;
	height: 130px;
	padding-top:20px;
	background:#fff;
	text-align: center;
	font-size:14px;
	line-height: 1.6;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
	color:#5c5757;
}
.hm_case .tip dt{
	font-size:16px;
	line-height: 2;
}
.hm_case .item:hover .tip{
	bottom:0;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}

.hm_hot{
	width: 936px;
	margin:0 auto;
}
.hm_title{
	height: 75px; padding-top:20px;
	text-align: center;
}
.hm_title dt{
	height: 25px;
	line-height: 25px;
	font-size:16px;
	padding-top:15px;
}
.hm_title dd{
	height: 20px;
	line-height: 20px;
}
.hm_hot .handle{
	width: 600px;
	margin:0 auto 10px auto;
	height: 32px;
	line-height: 32px;
	border:1px solid #9999a1;
	position: relative;
	overflow: hidden;
	border-radius:5px;
}
.hm_hot .btn{
	float: left;
	width: 200px;
	height: 32px;
	text-align: center;
}
.hm_hot .hover{
	color:#fff;
	background:#4f50fc; /* 一些不支持背景渐变的浏览器 */  
	background:linear-gradient(to right, #4f50fc, #2d33ca);
	background:-moz-linear-gradient(to right, #4f50fc, #2d33ca);
	background:-webkit-gradient(to right, #4f50fc, #2d33ca);
	background:-o-linear-gradient(to right, #4f50fc, #2d33ca);
}
.hm_hot .con{
	display: none;
}
.hm_hot .show{
	display: block;
}

.hhot_item{
	width: 300px;
	height: 410px;
	float: left;
	margin:20px 6px 0 6px;
	box-shadow:0 0 15px #cec9fe;
	border-radius:10px 10px 0 0;
	position: relative;
}
.hhot_item .photo{
	display: block;
	width: 300px;
	height: 300px;
	position: relative;
	overflow: hidden;
	border-radius:10px 10px 0 0;
}
.hhot_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hhot_item .photo .fg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	background:rgba(0,0,0,0.5);
	display: none;
}
.hhot_item .add{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 30;
	margin:-20px 0 0 -20px;
	background:url("../images/add.png") no-repeat center center;
	display: none;
}
.hhot_item .photo:hover .add{
	display: block;
}
.hhot_item .photo:hover .fg{
	display: block;
}
.hhot_item dl{
	padding:0 10px;
}
.hhot_item dt{
	height: 37px;
	line-height: 37px;
	font-size:15px;
}
.hhot_item dd{
	line-height: 20px;
}
.hhot_item .bt{
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 10px;
	bottom: 0;
	color:#151bd5;
}

.hm_intro .wp{
	height: 400px;
	padding-top:30px;
	background:url("../images/introbg.png") no-repeat center center;
	text-align: center;
	color:#fff;
}
.hm_intro .ico{
	display: block;
	width: 118px;
	height: 118px;
	margin:0 auto 25px auto;
}
.hm_intro p{
	font-size:16px;
	line-height: 30px;
}
.hm_intro .tags{
	width: 800px;
	margin:30px auto 0 auto;
	position: relative;
	overflow: hidden;
}
.hm_intro .tags dl{
	width: 200px;
	float: left;
	height: 60px;
	border-left:2px solid #fff;
	margin-left:-2px;
}
.hm_intro .tags dt{
	height: 36px;
	line-height: 36px;
}
.hm_intro .tags span{
	font-size:30px; font-weight:bold;
}
.hm_intro .tags dd{
	line-height: 24px;
}

.flow_wp .tp{
	height: 1006px;
	background:url("../images/flow_tp.jpg") no-repeat top center;
	position: relative;
}
.flow_wp .down{
	width: 282px;
	height: 140px;
	position: absolute;
	left: 50%;
	bottom:20px;
	margin-left:-141px;
	background:url("../images/flow_down01.png") no-repeat left top;
	cursor: pointer;
}
.flow_wpshow.down{
	width: 282px;
	height: 140px;
	position: absolute;
	left: 50%;
	bottom:20px;
	margin-left:-141px;
	background:url("../images/flow_down02.png") no-repeat left top;
	cursor: pointer;
}
.flow_wp .bt{
	position: relative;
	display: none;
	width: 100%;
	overflow: hidden;
}
.flow_wpshow .bt{
	display: block;
}
.flow_wp .bt img{
	display: block;
	left: 50%;
	width: 1920px;
	position: relative;
	margin-left:-960px;
}

.hm_video .vdo_out{
	width: 1020px;
	height: 525px;
	margin:0 auto;
	position: relative;
}
.hm_video .vdo{
	width: 1020px;
	height: 525px;
	margin:0 auto;
	display:block;
	background:#000;
}
.hm_video .playbtn{
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 20;
	margin:-50px 0 0 -50px;
	cursor: pointer;
	background:url("../images/playbtn.png") no-repeat center center;
}

.hm_gc{
	width: 1034px;
	margin:0 auto;
}
.hm_gc .item{
	display: block;
	width: 503px;
	height: 270px;
	float: left;
	margin:7px;
	position: relative;
	overflow: hidden;
}
.hm_gc .item img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hm_compare .photo{
	width: 100%;	
	border-top:1px solid #ccc;	
	position: relative;
}
.hm_compare .photo img{
	display: block;
	width: 100%;
	height: auto;	
}

/*hm 首页*/

/*detail 详情*/

.de_top{
	width: 1020px;
	margin:0 auto 60px auto
}

.pro_adver{
	width:400px;
	float:left;	
	height:486px;
	position:relative;
	overflow:hidden;
}
.jqzoom img{
	display: block;
	width: 400px;
	height: 400px;
}

.pro_adver .btns{	
	cursor:pointer;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	width: 400px;
	overflow: hidden;
}
.pro_adver .s_wrap{
	width: 410px;
}
.pro_adver .btns span{
	display:inline-block;
	width:74px;
	height:74px;
	border:1px solid #fff;	
	float:left;
	position: relative;
	overflow: hidden;
	margin-right:5px;
}
.pro_adver .btns img{
	display: block;
	width: 74px;
	height: 74px;
}
.pro_adver .btns .hover{
	border-color:#f60;	
}

.de_rt{
	width: 600px;
	float: right;
	height: 486px;
	position: relative;
}
.de_rt .name{
	color: #484af2;
	height: 32px;
	font-size:18px;
	line-height: 20px;
	font-weight:bold;
}
.de_rt .tags{
	 
	line-height: 40px;
    font-size: 16px;
     
}
.de_rt .tags .in{
	height: 40px;
	line-height: 40px;
	padding-left:56px;
	position: relative;
	font-size:14px;
}
.de_rt .tags .tit{
	position: absolute;
	left: 10px;
	top: 0;
	font-size:16px;
}
.de_rt .cz{
	float: left;
	margin-right:5px;
	cursor: pointer;
}
.de_rt .ks{
	float: left;
	margin-right:5px;
	cursor: pointer;
}
.de_rt .tags .hover{
	color:#363bd7;
}
.de_rt .dat{
	position: relative;
	padding-left:65px;
	width: 620px;
	display: none;
}
.de_rt .show{
	display: block;
}
.de_rt .dat .tit{
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	line-height: 24px;
	color:#999;
	font-size:14px;
}
.de_rt .dat .photo{
	width: 78px;
	height: 78px;
	float: left;
	margin:0 10px 10px 0;
	border:1px solid #ababab;
}
.de_rt .dat .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.de_rt .go{
	display: block;
	width: 110px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius:5px;
	color:#fff;
	font-size:16px;
	position: absolute;
	left: 0;
	bottom: 0;
	background:#4f50fc; /* 一些不支持背景渐变的浏览器 */  
	background:linear-gradient(to right, #4f50fc, #2d33ca);
	background:-moz-linear-gradient(to right, #4f50fc, #2d33ca);
	background:-webkit-gradient(to right, #4f50fc, #2d33ca);
	background:-o-linear-gradient(to right, #4f50fc, #2d33ca);
}

.de_bottom{
	width: 1020px;
	margin:0 auto;
}
.de_left{
	width: 210px;
	float: left;
}
.hp_left:after{ clear:both; content:''; display:block}
.del_wp{	
	background:#fff;
	box-shadow:0 0 25px #eeedfc;
	margin-bottom:10px; margin-top:0px; clear:both;
}
.del_wp .title{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size:18px;
	color:#fff;
	background:#4f50fc; /* 一些不支持背景渐变的浏览器 */  
	background:linear-gradient(to right, #4f50fc, #2d33ca);
	background:-moz-linear-gradient(to right, #4f50fc, #2d33ca);
	background:-webkit-gradient(to right, #4f50fc, #2d33ca);
	background:-o-linear-gradient(to right, #4f50fc, #2d33ca);
}
.del_wp .t2{
	height: 60px;
	line-height: 60px; font-weight:bold;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	text-align: center;
	font-size:18px;
}
.del_wp ul{
	padding:10px 0;
	text-align: center;
}
.del_wp li{
	height: 36px;
	line-height: 36px;
	vertical-align:top;
}
.del_wp li a{
	display: block; font-size:16px;
}
.del_wp li em{
	display: block; font-size:16px;color: #363bd7;
}
.del_wp li .hover{
	color:#363bd7;
}
.del_sale{
	display: block;
	padding:5px;
	width: 200px;
}
.del_sale .photo{
	display: block;
	width: 200px;
	height: 200px;
	position: relative;
	overflow: hidden;
}
.del_sale .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.del_sale .name{
	line-height: 18px;
	height: 36px;
	margin:15px 0 12px 0;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
.del_sale .xl{
	height: 34px;
	line-height: 34px;
	color:#3238d2;
}
.del_cnt{
	padding:0 22px 20px 22px;
}
.del_cnt p{
	margin:4px 0;
	line-height: 22px;
}
.del_cnt dl{
	height: 50px;
	margin:15px 0;
	padding-left:45px;
	background:url("../images/head_tel.png") no-repeat left center;
}
.del_cnt dt{
	height: 25px;
	line-height: 25px;
	font-size:15px;
}
.del_cnt dd{
	height: 20px;
	line-height: 20px;
	color:#363bd7;
}

.de_right{
	width: 770px;
	float: right;
}
.de_right .title{
	height: 40px;
	line-height: 40px;
	font-size:16px;
	padding-bottom:9px;
	background:url("../images/de_title.png") repeat-x left bottom;
	margin-bottom:15px;
}
.de_right .de_cnt{
	line-height: 28px;
	font-size:16px;
}
.de_cnt img{
	display: block;
	width: 100%;
	height:auto;
}

/*detail 详情*/