/*移动端*/
@media screen and (max-width: 767px){
.xs-clear{clear:both;}
.layui-fluid,.layui-container{padding: 0}
.layui-fluid,.layui-row{overflow: hidden;}
.layui-container{width:92%;margin:0 auto;}

/*header开始*/
.mheader{position:relative;z-index:1000;}
.mheader .logo{position:relative;z-index:1000;padding:12px 0;background-color:#ffffff;}
.mheader .logo img{height:18px;margin-left:12px;}
.mheader .top-more{position:absolute;top:12px;right:12px;z-index:1002;}
.mheader .top-more img{width:22px;}
.mainnav{
	position: absolute;
	background-color:#464646;
	width: 100%;
	z-index: 999;
	padding-top: 10px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	top:-310px;
	margin-left:0;
}
.show {
	top:42px;
	overflow: hidden;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.mainnav ul{padding:0 10px;}
.mainnav li{text-align:left;margin:10px 0;padding-bottom:10px;width: 100%;}
.mainnav li.on{border-bottom: 2px solid #e60012;}
.mainnav .language span{
	background-image:url(../images/jiao-w.png);
	background-position: right center;
	background-repeat:no-repeat;
	padding-right:12px;
	}
.mainnav li span{
	color:#ffffff;
	font-size:16px;
	text-transform:capitalize;
}
.mainnav li:hover span{
	padding-right:15px;
	color:#e60012;
}
.mainnav .language:hover span{
	background-image:url(../images/jiao-w.png);
	padding-right:12px;
	color: #ffffff;
}
.mainnav .language .home{margin-right:40px;width:80px;display:inline-block;}
.mainnav .column2{
	background-color:#464646;
	border-top:2px solid #e60012;
	width:170px;
	display: none;
	margin:10px 0 0 15px;
	padding:0 0;
	box-shadow: 0 1px 4px 1px #333333;
	-o-box-shadow: 0 1px 4px 1px #333333;
	-webkit-box-shadow: 0 1px 4px 1px #333333;
	-moz-box-shadow: 0 1px 4px 1px #333333;
	-ms-box-shadow: 0 1px 4px 1px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter:" progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
}
.mainnav .column2 li{
	text-align:center;
	border-bottom:1px solid #505050;
	padding:15px 0;
	margin:0;
}
.mainnav .column2 li a{font-size:14px;color:#ffffff;text-transform:capitalize;}
.mainnav > ul > li:hover .column2{display: block;}
.mainnav .pro-column{width:180px;}
#mainnav-background-layer{
	position: fixed;
	z-index: 988;
	display: none;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
}
#mainnav-background-layer.show{
    display: block;
}


/*公共内容开始*/
.goback{padding-top:30px;}
.page{
	text-align:center;
    padding-top:30px;
}
.page a{
	padding:5px 10px; 
	background-color:#e60012;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #e60012;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
	display:inline-block;
}
.page span{
	padding:5px 22px;
	margin:0 6px;
	border:1px solid #e60012;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
}
.picture ul{margin:-12px;}
.picture li{padding:12px;}
.picture .content p{font-size:14px;padding:15px 0;}
.style01{font-size:13px;margin-top:35px;}
.style01 strong{font-size:20px;}
.style01 p{line-height:initial;}
.style01 span{
    width:20px;
    height:3px;
    margin-top:5px;
}
.font26{font-size:18px;margin-bottom:30px;}


/*首页banner开始*/
.in-banner ul,.in-banner ul li{width: 100% !important;height:100% !important;background-size:100% ;}
.slideBoxbanner{overflow:hidden;height:0;padding-top:42% !important;}
.slideBoxbanner .bd li{display: block;height:100% !important;background-size:130%;}
.slideBoxbanner .hd{bottom:10px;}
.slideBoxbanner .hd li{margin:0 6px;width:8px;height:8px;border:1px solid #ffffff;}

/*内页banner开始*/
.banner{height:inherit;padding:12% 0;background-size:180%;}
.banner .content{margin:0;}
.banner .content .zi{border-left:2px solid #ffffff;padding-left:10px;}
.banner .content span{font-size:20px;letter-spacing:initial;}
.banner .content p{font-size:12px;margin-top:5px;}
.banner .right-content{margin:0;}
.banner .right-content .zi{
	border-right:2px solid #ffffff;
	border-left:none;
	padding:0 10px 0 0;
}
.nproduct{background-size:170%;}




/*首页内容开始*/
.in-part .main{padding:30px 0;}
.in-part .style01{margin:0 0 25px 0;}
.in-part .in-more a{
	line-height:28px;
	padding:0 18px;
	font-size:12px;
	border:1px solid #e8e8e8;
	color:#aaaaaa;
}
.in-part1 .right{margin:0 13%;}
.in-part1 .right .tu{width:initial;float:initial;}
.in-part1 .right .content{width:initial;margin-left:0;padding:10px 15px;}
.in-part1 .right .content .top{margin:0;padding:0;border:0;}
.in-part1 .right .content .top .name{font-size:16px;}
.in-part1 .right .content .top span{margin-top:0;font-size:13px;}
.in-part1 .right .content p{display:none;}
.in-part1 .right .content .lun{bottom:45%;left:-20%;width:140%;margin-left:0;padding:0;}
.in-part1 .right .content .lun i{font-size:24px;font-weight:normal;}
.in-part1 .in-more,.in-part2 .in-more{top:15px;}
.ein-part1 .in-more,.ein-part2 .in-more{top:5px;}
.in-part2{background:url(../images/index04x.jpg) no-repeat right -120px;}
.in-part2 .right ul{margin:-15px;}
.in-part2 .right li{padding:15px;}
.in-part2 .right li i{
	float:left;
	background-size:28px;
	border:1px solid #666666;
	width:60px;
	height:60px;
	margin:0;
}
.in-part2 .right li .content{margin:0;border:none;padding-left:80px;}
.in-part2 .right li .content .name{font-size:16px;}
.in-part2 .right li .content p{font-size:13px;line-height:160%;margin-top:10px;}
.in-part3 .main{height:initial;margin:0;width:100%;background-color:#f5f5f5;}
.in-part3 .main .content{padding:30px 4%;}
.in-part3 .main .content .top img{height:25px;}
.in-part3 .main .content .top a{
	line-height:20px;
	width:20px;
	font-size:16px;
	top:2px;
}
.in-part3 .main .content p{
	font-size:14px;
	line-height:180%;
    height:75px;
	margin:25px 0;
}
.in-part3 .main .content ul{width:initial;margin:-10px -5px;padding:0;}
.in-part3 .main .content li{padding:10px 5px;}
.in-part3 .main .content li a{font-size:14px;}
.in-part3 .main .content li img{height:35px;}
.in-part3 .main .content li span{margin-top:5px;}

.line01 img{}
.line01 .right{padding-left:25%;}
.line01 .right .name{font-size:20px;}
.line01 .right p{
	line-height:180%;
	margin-top:15px;
}
.in-part4 .line01 .right p{-webkit-line-clamp:3;height:75px;}
.in-part4 .in-more{margin-top:25px;}
.in-part4 .in-more a{
	color:rgba(255,255,255,.55);
	border:1px solid rgba(255,255,255,.55);
}
.in-part5 li .content{
	padding:5px 10px;
	margin-bottom:10px;
}
.in-part5 li input{line-height:30px;height:30px;font-size:14px;}
.in-part5 .big-list textarea{height:50px;font-size:14px;}
.in-part5 .vcode #code {height:41px;width: 100%}
.in-part5 .tj{margin-top:20px;}
.in-part5 .tj a{width:150px;line-height:45px;font-size:14px;}
.footer{padding:0;}
.footer .bottom{line-height:45px;text-align:center;}


/*内页内容开始*/
.all-main{padding:25px 0 35px 0;}
.bg-grey{padding:35px 0;margin-top:25px;}
.about .left .name{font-size:12px;}
.about .left .name strong{font-size:20px;}
.about p{line-height:190%;margin:20px 0;}
.about img{margin:5px 0;}
.about li{background-position:left 10px;line-height:190%;}
.company ul{margin:-15px;}
.company li{padding:15px;}
.company li p{font-size:14px;padding:10px;}
.history .content{margin:0 40px;}
.history li .kuang{padding:30px 10%;height:initial;}
.history li .fly{margin:0 0 20px 0;}
.history .change i{font-size:30px;}
.history .change i.prev{top:65px;}
.history .change i.next{top:65px;}
.card ul{margin:-15px;}
.card li{padding:15px;}
.card li .content{padding:25px 20px;}
.card li .content i{width:85px;height:85px;background-size:50px;}
.card li .content .right{margin:10px 0 0 105px;}
.card li .content .name{font-size:16px;padding-bottom:8px;}
.card li .content .right p{font-size:13px;margin-top:15px;line-height:160%;}
.search{width:100%;padding:15px 0;}
.search strong{font-size:14px;line-height:32px;}
.search select{
	line-height:32px;
	height:32px;
	width:80%;
	padding-left:10px;
	margin:0 5px 0 0;
}
.search a{
	line-height:32px;
	height:32px;
	width:45px;
	margin:0;
	background-size:15px;
}
.pro-detail .top{padding:20px;}
.pro-detail .top .right .content{padding:20px 0 5px 0;}
.pro-detail .top .right strong{font-size:16px;}
.pro-detail .top .right ul{margin-top:10px;}
.pro-detail .top .right li{padding-bottom:10px;margin-top:10px;font-size:12px;}
.pro-detail .top .right li p{font-size:12px;margin-top:5px;}
.pro-detail .function .title{
	font-size:16px;
	line-height:20px;
	padding-left:25px;
	margin-top:35px;
	background-size:20px;
}
.pro-detail .function p{line-height:190%;margin:20px 0;}
.pro-detail .function table{width: 100%;}
.pro-detail table{margin-top:35px;}
.pro-detail table th,.pro-detail table td{font-size:12px;}
.line01 .line-tu img{}
.line01 .line-tu a{margin-top:15px;}
.line01 .line-detail{margin-top:35px;}
.line01 .line-detail li{background-position:left 10px;line-height:190%;}
.technology ul{margin-bottom:-15px;}
.technology li{line-height:24px;padding:20px 4%;margin-bottom:15px;}
.technology li i{padding:5px;font-size:14px;margin-right:3%;}
.technology li p{font-size:14px;width:72%;}
.technology li span{width:22px;height:24px;}
.network .left .font26{margin-bottom:20px;}
.network .left p{line-height:190%;}
.network .right{margin-top:20px;}
.network .right img{width:100%;}
.order{padding:35px 0;font-size:14px;}
.order p{margin-bottom:20px;}
.order .form{margin:0 -1.2%;}
.order .form .list{padding:0 1.2%;}
.order .form .content{margin-bottom:15px;padding:5px 10px;}
.order .form input{line-height:32px;height:32px;}
.order .form .vcode #code {height:44px;width: 100%}
.order .form .big-list textarea{height:100px;}
.order .tj a{font-size:16px;line-height:42px;}
.contact .left .name{font-size:18px;margin-bottom:15px;}
.contact .left p{line-height:190%;}
.contact .left .content{float:initial;}
.contact .left .code{margin:25px 10% 0 10%;float:initial;font-size:13px;}
.contact .right{margin-top:25px;}
.contact-red p{font-size:16px;padding:30px 0;}
.contact-people{padding:35px 0;}
.contact-people li .content{padding:25px 20px;}
.contact-people li .right{margin-left:90px;}
.contact-people li .right .name{font-size:16px;line-height:160%;}
.contact-people li .right p{line-height:160%;font-size:13px;}
.econtact .left .content{width:initial;}



}



@media screen and (max-width:414px){
.banner .content{padding:0 0 0 2%;}
.banner .right-content{padding:0 2% 0 0;}
.about .right{padding:0 10%;}

}