html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
	margin: 0;
	padding: 0;
	font-family: "arial, helvetica, sans-serif";
	list-style: none;
}
a{text-decoration: none;}

body{
	line-height: initial;
}

.clear{
	clear: both;
}
.mui-icon-bars:before{
	content: '';
}
.mui-bar{
	background: #e6505a;
	height: 0.77rem;
}
#offCanvasShow,.search,.logo{
	float: left;
}
.kefu{
	float: right;
}
#offCanvasShow img{
	width: 0.43rem;
}
.search img{
	width: 0.4rem;
	margin:0.15rem 0 0 0.3rem;

}
.logo img{
	width: 1.4rem;
	margin: 0.05rem 0 0 1.2rem;
}
.kefu img{
	width: 0.4rem;
	margin: 0.15rem 0.1rem 0 0;
}

.search form{
	display: none;
}
.search form input{
	width: 4.9rem;
	height: 0.4rem;
	margin: 0.15rem 0 0 0.1rem;
	font-size: 0.2rem;
}
#cn-wrapper img{
	position: absolute;
	top: -0.6rem;
	width: 0.45rem;
	left: 45%;
}
.csstransforms .cn-wrapper li span{
	display: block;
}
.csstransforms .cn-wrapper li:first-child span{
	transform: rotate(-10deg);
	margin-top: 0.3rem;
	margin-left: 0.2rem;
}
.csstransforms .cn-wrapper li:nth-child(2) span{
	transform: rotate(-50deg);
	margin-top: 0.1rem;
	margin-left: 0.35rem;
}
.csstransforms .cn-wrapper li:nth-child(3) span{
	transform: rotate(-90deg);
	margin-top: -0.2rem;
	margin-left: 0.8rem;
}
.csstransforms .cn-wrapper li:nth-child(4) span{
	transform: rotate(-130deg);
	margin-top: -0.3rem;
	margin-left:0.8rem;
}
.csstransforms .cn-wrapper li:nth-child(5) span{
	transform: rotate(-170deg);
	margin-top: -0.3rem;
	margin-left:-0.3rem;
}
.mui-bar-nav~.mui-content{
	padding-top: 0.78rem;
}
.sw1 {
	font-size: 0.26rem;
}
.nav{
	background: #fff;
	height: 0.65rem;
	line-height: 0.65rem;
	position: relative;
}
.sw1 .swiper-slide{
	width: 55%;
	text-align: center;
}
.sw1 .swiper-slide:nth-child(1){
	width: 20%;
}
.sw1 a{
	color: #3c3c3c;
	padding-bottom: 0.1rem;
}
.sw1 a.active{
	color: #e6505a;
	border-bottom: 0.03rem solid #e6505a;
}
.sw1 span{
	position: absolute;
	right: 0;
	top: 0;
	width: 0.84rem;
	height: 0.65rem;
	background: #fff;
	z-index: 99;
	text-align: center;
	line-height: 0.65rem;
}
.sw1 span img{
	vertical-align: middle;
	width: 0.3rem;

}
.down{
	background: #fff;
	padding: 0.2rem;
	display: none;
	position: absolute;
	z-index: 99;
}
.down a{
	font-size: 0.2rem;
	color: #3c3c3c;
	margin-right:0.2rem;

}
.sw2 img{
	width: 100%;
	display: block;
}
.i_prolist{
	background: #fff;
	margin-bottom: 0.1rem;
}
.i_prolist dl{
	float: left;
	width: 20%;
	padding: 2%;
}

.i_prolist dl img{
	width: 100%;
}
.i_prolist dl dd{
	font-size: 0.18rem;
	text-align: center;
	color: #3c3c3c;
}
.i_hot h2,.i_last h2,.i_blog h2{
	font-size: 0.26rem;
	font-weight: normal;
	height: 0.6rem;
	background: #fff;
	line-height: 0.6rem;
	margin-bottom: 0.05rem;
	padding-left: 0.2rem;
}
.i_h_l,.i_h_r,.i_h_t_l,.i_h_t_r,.i_h_b_l,.i_h_b_r{
	float: left;
	width: 50%;

}
.i_h_l,.i_h_t,.i_h_b{
		background: #fff;
}
.i_h_main{
	margin-bottom: 0.1rem;
}
.i_h_main img{
	width: 100%;
}
.i_h_main h3{
	font-size: 0.18rem;
	font-weight:normal ;
	color: #3c3c3c;

	line-height: 0.35rem;
	height: 0.7rem;
	overflow: hidden;
}
.i_h_l{
	margin-right: 1%;
	width: 49%;
}
.i_h_t{
	margin-bottom: 0.05rem;
}
.i_h_t,.i_h_b{
	padding-top: 0.2rem;
}
.i_last_con img{
	width: 100%;
}
.i_last_con h3{
	font-size: 0.24rem;
	color: #3c3c3c;
	font-weight: normal;
	text-align: center;
	margin: 0.2rem 0;
    height:0.7rem;
    line-height: 0.35rem;
    overflow:hidden
}
.i_last_con {
	background: #fff;
	margin-right: 0.05rem;
	padding-bottom: 0.01rem;
}

/* index-bottom-swiper */
.i_about_con img{
	width: 100%;
}
.i_about {
	background: #fff;
	margin: 0.1rem 0;

}

.i_about h2{
	font-size: 0.26rem;
	font-weight: normal;
	color: #3c3c3c;
	text-align: center;
	padding: 0.2rem 0;
	position: relative;
}
.i_about h2:before{
	content: '';
	width: 1.3rem;
	border: 0.01rem solid #bebebe;
	position: absolute;
	top: 0.35rem;
	left: 10%;
}
.i_about h2:after{
	content: '';
	width: 1.3rem;
	border: 0.01rem solid #bebebe;
	position: absolute;
	top: 0.35rem;
	right: 10%;
}
.i_about_con h3{
	font-size: 0.18rem;
	text-align: center;
	color: #fff;
}
.i_about_c1{
	background: #875f9d;
}
.i_about_c2{
	background: #35dc97;
}
.i_about_c3{
	background: #92bd27;
}
.i_about_con{
	padding: 0.6rem 0.1rem 0.3rem 0.1rem;
}
.i_about_con p{
	font-size: 0.18rem;
	text-align: center;
	color: #fff;
}

.i_about_con .i_ab_more{
	font-size: 0.18rem;
	color: #fff;
	display: block;
	text-align: center;
	margin: 0.25rem 0;
}
.i_about_con .i_ab_more img{
	width: 0.13rem;
	margin-left: 0.05rem;
}

.i_about_con h3{
	margin-bottom: 0.1rem;
}
/*  */
.i_blog  ul li{
	background: #fff;
}
.i_blog ul li{
	margin-top: 0.05rem;
	font-size: 0.24rem;
	padding-left: 0.2rem;
	padding-right: 0.3rem;
	position: relative;
}
.i_blog ul li a{
	color: #5a5a5a;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 0.6rem;
    line-height: 0.6rem;
}
.i_blog ul li a span{
    position: absolute;
    right: 0.12rem;
    top: 50%;
    transform: translateY(-50%);
	font-size: 0.18rem;
	color: #5a5a5a;
	display: inline-block;
}
.i_blog_more{
	display: block;
	background: #fff;
	text-align: center;
	height: 0.6rem;
	line-height: 0.6rem;
	margin-top: 0.05rem;
	color: #e6505a;
}
.i_blog_more img{
	vertical-align: middle;
}
.footer{
	background: #fff;
	margin-top:0.1rem ;
	padding-top: 0.1rem;
	margin-bottom: 1.3rem;
}
.footer ul li{
	text-align: center;
	line-height: 0.3rem;
}
.footer ul li a{
	font-size: 0.24rem;
	color: #5a5a5a;
}
.footer p{
	font-size: 0.22rem;
	color: #bebebe;
	text-align: center;
	padding: 0.2rem 0;
}
.footer_nav{
	background: #fff;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 99;
}
.footer_nav dl{
	width: 25%;
	float: left;
	text-align: center;
	padding: 0.1rem 0;
}
.footer_nav dl img{
	width: 0.5rem;
	height: 0.5rem;
}
.footer_nav dl dd{
	font-size: 0.22rem;
	color: #5a5a5a;
}
.ce_con h2{
	height: 1.2rem;
	background: #e6505a;
	margin-bottom: 0.3rem;
}
.ce_con h2 img{
	margin: 0.2rem 0 0 0.2rem;
}
.ce_con h3{
	margin-bottom: 0.4rem;
	padding-left: 0.2rem;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.24rem;

	font-weight: normal;
}
.ce_con h3 img{
	vertical-align: middle;
	margin-right: 0.2rem;
}
.ce_con h3 a{
	color: #5a5a5a;
}
.mui-off-canvas-left{
	background: #fff;
}
.ce_con ul {
	padding-left: 0.8rem;
	margin-top: -0.3rem;
	display: none;
}
.ce_con ul li a{
	display: block;
	font-size: 0.24rem;
	color: #8c8c8c;
	margin-bottom: 0.2rem;
}
.drop span img{
	width: 0.2rem;
	margin-left: 0.3rem;
}
.prolist_con{
	background: #fff;
	width: 48%;
	margin: 0 1%;
	float: left;
	margin-top: 2%;
	padding-bottom: 0.1rem;
}
.prolist_con img{
	width: 100%;
}
.prolist_con h3{
	font-size: 0.24rem;
	height: 0.35rem;
	line-height: 0.35rem;
	font-weight: normal;
	margin: 0.1rem;
	overflow: hidden;
	color: #5a5a5a;
}
.prosingle_header{
	background: #f0f0f0;
}
.prosingle_header #offCanvasShow{
	float: right;
}
.prosingle_header a,.prosingle_header h2{
	float: left;
	line-height: 0.8rem;
}
.prosingle_header a img{
	vertical-align: middle;
	width: 0.3rem;
}
.prosingle_header h2{
	width: 85%;
	text-align: center;
	font-size: 0.3rem;
	color: #e6505a;
	font-weight: normal;
}
.prosingle_top{
	background: #fff;
	padding: 0.1rem;
	margin: 0.1rem 0;
}
.prosingle_top h1{
	font-size: 0.26rem;
	color: #3c3c3c;
	font-weight: normal;
	margin: 0.1rem 0;
}
.prosingle_top ul li{
	font-size: 0.24rem;
	color: #bebebe;
}
.prosingle_top ul li span{
	color: #8c8c8c;
}
.prosingle_top ul{
	padding-bottom: 0.2rem;
	border-bottom: 0.01rem solid #f0f0f0;
}
.prosingle_contact{
	overflow: hidden;
	padding: 0.1rem 0.2rem;
}
.prosingle_contact a{
	float: left;
	width: 48%;
	text-align: center;
	height: 0.6rem;
	line-height: 0.6rem;
	color: #fff;
	background: #e6505a;
	color: #fff;
	font-size: 0.22rem;
	border-radius: 0.1rem;
}
.prosingle_contact a.chat{
	margin-right: 4%;
	background: #ffae00;
}

.feat h3,.tech h3,.message h3{
	height: 0.6rem;
	background: #fff;
	line-height: 0.6rem;
	font-size: 0.26rem;
	color: #3c3c3c;
	font-weight: normal;
	margin-bottom: 0.05rem;
	padding-left: 0.2rem;
}

.feat_con{
	background: #fff;
	padding: 0.1rem;
	font-size: 0.24rem;
	line-height: 0.35rem;
	color: #5a5a5a;
	margin-bottom: 0.1rem;
}
.feat_con img{
	display: block;
	width: 100%!important;
	height: auto!important;
}
.pro_form{
	background: #fff;
	padding: 0.2rem;
}
.pro_f_con{
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.pro_f_con span,.pro_f_con input,.pro_f_con textarea{
	float: left;
}
.pro_f_con span{
	font-size: 0.18rem;
	color: #bebebe;
	width: 20%;
	line-height: 0.46rem;
}
.pro_f_con input{
	width: 80%;
	height: 0.46rem;
	font-size: 0.2rem;
	border:1px solid #bebebe;
	padding: 0;
	padding-left: 0.1rem;

}
.pro_f_con input::-webkit-input-placeholder,.pro_f_con textarea::-webkit-input-placeholder{
	color: #bebebe;
}
.pro_f_con textarea{
	width: 80%;
	height: 1.46rem;
	font-size: 0.2rem;
	border:1px solid #bebebe;
	padding: 0;
	padding-left: 0.1rem;
}
.code input{
	width: 40%;
}
.pro_form button{
	display: block;
	width: 2rem;
	height: 0.8rem;
	background: url(../img/button.png) no-repeat;
	background-size:2rem 1rem ;
	border: none;
	outline: none;
	font-size: 0.2rem;
	color: #fff;
	margin-left: 1.2rem;
}
.tech_con,.breadnav,.blog_con,.case_con,.service_con{
	background: #fff;
	padding: 0.1rem;
	margin-bottom: 0.1rem;

}
.tech_con table tr td{
	font-size: 0.24rem;
}
.breadnav ul{
	overflow: hidden;
}
.breadnav ul li{
	float: left;
	color: #bebebe;
}
.breadnav ul li a{
	font-size: 0.2rem;
	color: #bebebe;
	margin:0 0.1rem;
}
.blog_c_l,.blog_c_m,.blog_c_r{
	float: left;
}
.blog_c_l,.blog_c_r{
	width: 10%;
}
.blog_c_m{
	width: 80%;
}
.blog_c_l span{
	display: block;
	background: #5a5a5a;
	width: 100%;
	height: 0.6rem;
	border-radius: 5%;
	color: #fff;
	font-size: 0.26rem;
	text-align: center;
	line-height: 0.6rem;
}
.blog_c_l{
	font-size: 0.25rem;
	color: #bebebe;
	text-align: center;
}
.blog_c_m h3{
	font-size: 0.25rem;
	color: #5a5a5a;
	font-weight: normal;
	padding-left: 0.2rem;
	line-height: 0.3rem;
}
.blog_c_r{
	font-size: 0.4rem;
	color: #5a5a5a;
	padding-top: 0.2rem;
	font-family: simsun;
	text-align: right;
}
.case_con a{
	display: block;
	position: relative;
	padding-left: 45%;
}
.case_c_l,.case_c_r{
	float: left;
}

.case_c_l{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 45%;
	padding-right: 2%;
}
.case_c_r{
	width: 100%;
}
.case_c_l img{
	width: 100%;
}
.case_c_r h3{
	font-size: 0.25rem;
	margin-bottom: 0.2rem;
	color: #5a5a5a;
	line-height: 0.35rem;
}
.case_c_r p{
	font-size: 0.24rem;
	color: #5a5a5a;
}
.blogsingle h1{
	height: 0.64rem;
	line-height: 0.64rem;
	background: #fff;
	padding-left: 0.2rem;
	font-size: 0.25rem;
	color: #3c3c3c;
	margin-bottom: 0.05rem;
}
.blogsingle .blogsingle_time{
	background: #fff;
	font-size: 0.22rem;
	color: #787878;
	padding-top: 0.1rem;
	padding-left: 0.2rem;
}

.blogsingle_con{
	padding: 0.2rem;
	background: #fff;
	color: #5a5a5a;
	font-size: 0.24rem;
	line-height: 0.35rem;
	margin-bottom: 0.05rem;
}

.blogsingle_con img{
	display: block;
	width: 100%!important;
	height: auto!important;
}
.blogsingle ul {
	background: #fff;
	padding: 0.2rem;
}
.blogsingle ul li a{
	font-size: 0.24rem;
	color: #787878;
}
.contact h3,.contact h2{

	font-weight: normal;

}
.contact h2{
	font-size: 0.26rem;
	padding: 0.2rem;
	text-align: center;
}
.contact h3{
	font-size: 0.22rem;
	padding-left: 0.2rem;
	margin-bottom: 0.2rem;
}
.contact{
	background: #fff;
}
.service_l,.service_r{
	float: left;
}
.service_l{
	width: 20%;
}
.service_r{
	width: 80%;
	padding-left: 0.1rem;
}
.service_l img{
	width: 100%;
}
.service_r h3{
	font-size: 0.25rem;
	font-weight:normal ;
	color: #3c3c3c;
	margin-bottom: 0.2rem;
}
.service_r p{
	font-size: 0.24rem;
	color: #5a5a5a;
}
.about_con{
	background: #fff;
	padding: 0.1rem;
    font-size: 0.24rem;
    color: #5a5a5a;
    line-height: 0.4rem;
}
.about h3{
	height: 0.6rem;
	padding-left: 0.3rem;
	line-height: 0.6rem;
	font-size: 0.25rem;
	font-weight: normal;
	color: #fff;
	margin:0.1rem 0;
	overflow: hidden;
}
.about_color1{
	background: #35dc97;
}
.about_color2{
	background: #875f9d;
}
.about_color3{
	background: #92bd27;
}
.about_none{
	display: none;
}
.about h3 span{
	float: right;
	margin-right: 0.3rem;
}
.lost{
	background: #fff;
	padding: 0.1rem;
}
.lost img{
	width: 100%;
	display: block;

}
.lost a{
	float: left;
	width: 40%;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	background: #e6505a;
	color: #fff;
	border-radius: 5%;
	margin: 0 5%;
	margin-top:0.3rem ;
}
.lost a.lost_a{
	background: #3c3c3c;
}
.lost_tit{
	height: 0.6rem;
	line-height: 0.6rem;
	background: #fff;
	font-size: 0.24rem;
	color: #3c3c3c;
	padding-left: 0.3rem;
	margin-top: 0.1rem;
}
.fh_top{
	position: fixed;
	bottom: 70px;
	right: 10px;
	z-index: 999;
}
.fh_top img{
	width: 0.7rem;
}

.pro_page li{
	display: inline-block;
	font-size: 0.18rem;
	border: 0.01rem solid #ccc;
}
.pro_page {
	text-align: center;
	padding: 0.2rem 0;
}
.pro_page li span{
	padding: 0.15rem 0.22rem;
	display: inline-block;
	color: #000;
}
.pro_page li span.currentpage{
	background: #e6505a;
	color: #fff;
}

#LRfloater0 img{
width:150px  !important;
}
#LRfloater0{
bottom:60px !important;
}





@media only screen and (max-width:320px ) {

	#cn-wrapper img{
	top: -0.8rem;
	width: 0.6rem;
	left: 45%;
}
.i_h_t,.i_h_b{
	padding-top: 0.1rem;
}
}


.zindex{
	z-index: 10;
}