﻿/*移动端*/
@media screen and (max-width: 779px){
.sm-clear{clear:both;}
.layui-fluid,.layui-container{padding: 0}
.layui-fluid,.layui-row{overflow: hidden;}

/*head开始*/
.mheader{position:relative;z-index:1000;}
.mheader .logo{position:relative;z-index:1000;padding:10px 0;background-color:#ffffff;}
.mheader .logo img{height:25px;margin-left:12px;}
.mheader .top-more{position:absolute;top:15px;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:45px;
	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 #116ec0;}
.mainnav li span{
	background-position: right center;
	background-repeat:no-repeat; display:block; text-align:center;
	font-size: 16px;
	color:#ffffff;
}

.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 #116ec0;
	width:150px;
	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: 12px 0px;
}
.mainnav .column2 li a{font-size:14px;color:#ffffff;}
.mainnav > ul > li:hover .column2{display: block;}
.mainnav .pro-column{width:180px;}

/*首页banner开始*/
.in-banner ul,.in-banner ul li{width: 100% !important;height:100% !important;background-size:100% ;}
.slideBoxbanner{overflow:hidden;height:0;padding-top:50% !important;}
.slideBoxbanner .bd li{display: block;height:100% !important;background-size: 100%;background-size:135%;}
.slideBoxbanner .hd{bottom:12px;}
.slideBoxbanner .hd ul{padding-right:10px;}
.slideBoxbanner .hd li{float:right;margin:0 8px;}

/*内页banner开始*/
.banner{
	background-size:185%;
	height:0;
	padding-top:30% !important;
}
.npro{background-position:48% center;}
.nspace{background-position:55% center;}
.nsale{background-position:28% center;}
.nnews{background-position:28% center;}
.nser{background-position:65% center;}



.in-part .title{margin-bottom:20px;}
.in-part .title img{width:35%;min-width:185px;}
.in-part .main{padding:0 4%;}
.in-part1 .main{margin:20px 0;}
.in-part1 li{width:18.5%;padding:0 1.5% 0 0;}
.in-part2{background-size:500%;padding:45px 0;}
.in-part2 .content{width:100%;}
.in-part2 .in-more{margin-top:30px;}
.in-part2 .in-more a{line-height:32px;padding: 0 20px;}
.in-part3 .main{margin:45px 0;}
.in-part4{padding:45px 0;}
.in-part4 .blue-list .list .title img{width:35%;min-width:185px;}
.in-part4 .in-detail{margin-bottom:15px;}
.in-part4 .blue-list{margin:-5px;}
.in-part4 .blue-list .list{padding:5px;}
.footer .else{line-height:45px;text-align:center;}

/*内页内容开始*/
.all-main{padding:0 4%;margin:40px 0;}
.thirdnav{margin:35px 0 0 0;}
.thirdnav .main{padding:0 4%;}
.thirdnav ul{margin-left:2px;}
.thirdnav li{text-align:center;}
.thirdnav li a{
  display:inline-block;
  font-size: 14px;
  line-height:initial;
  height:initial;
  letter-spacing:0;
  width:90%;padding:8px 5%;
}
.search-main{padding:0 4%;margin:25px 0;line-height:32px;}
.search-main .left{float:initial;width:100%;}
.search-main .left img{width:23%;}
/*
.search-main select{height:34px;line-height:34px;background-position:95% center;}
*/
.search-main input{line-height:32px;height:32px;}
.search-main .list,.search-main .searchmore{width:48%;margin:10px 2% 0 0;}
.search-main .searchmore a{line-height:32px;}
.search-main .searchmore a img{width:18px;}

.photo-list .list{padding:12px 15%;}
.photo-list .list img{width:100%;}
.photo-list .list .name{padding:12px 4%;}
.photo-list p{font-size:14px;}

.blue-list .list{padding:12px 15%;}
.blue-list .list img{width:100%;}
.blue-list .content{padding:10px 0;}
.blue-list .content p{font-size:15px;}
.blue-list{margin:-15px;}


.pro-part{padding:45px 0;}
.pro-part .main{padding:0 4%;}
.pro-title{margin-bottom:25px;}
.pro-title p{
	background-size:25px;
	font-size:18px;
	line-height:24px;
	padding-left:35px;
}
.pro-title img{width:35%;min-width:185px;}
.prod-list{margin:-6px;}
.prod-list .list{padding:6px;}
.pro-nav ul{margin-bottom:30px;}
.pro-nav li{line-height:40px;padding:0 15px;}




.mbtitle{
	font-size:18px;
	line-height: 18px;
	border-left: 5px solid #832840;
    color:#333333;
    padding-left: 10px;
    margin-bottom:25px;
}
.aboutnav .main{padding:0 4%;}
.aboutnav ul{padding:15px 0;}
.aboutnav li a{line-height:28px;}
.about p,.culture p,.advantage p{text-indent:2em;margin:25px 0;}
.about .p-clear{margin-bottom:25px;}
.about .name{font-size:18px;padding-top:10px;}
.about img{margin:5px 0;}
.history{margin-top:45px;}
.history .left .history-list{margin:0 -2%;}
.history .left .list{padding:0 2%;margin-bottom:20px;}
.history .right{padding:5px 0 30px 0;margin:30px 0 0 10px;}
.history .right ul{margin:-15px 0 0 -8px;}
.history .right li{margin-bottom:30px;}
.history .right li .year{background-size:16px;}
.history .right .on .year{background-size:16px;}
.history .right li .year p{padding-left:17%;background-position: 16px center;}
.history .right li .year span{font-size:24px;padding-left:5px;margin-left:-5px;}
.history .right li .content p{
  line-height:180%;
  margin:20px 0;
  padding-left:17%;
}
.culture .title{padding-top:10px;}
.culture .title img {width: 35%;min-width: 190px;}
.culture li p{text-indent:0;}
.culture li strong{font-size:16px;}
.culture .pic{margin:35px 0;}
.advantage .part{margin-bottom:45px;}
.advantage .title01{font-size:18px;line-height:18px;}
.advantage p{text-indent:0;}
.advantage ul{margin-top:30px;}
.advantage li{padding:25px 4%;}
.advantage li .content{margin-left:25%;}
.advantage li .left{width:20%}
.advantage li img{width:100%;}
.advantage li strong{line-height:200%;}
.video-detail .name{font-size:18px;margin-bottom:20px;}
.video-detail img{width:100%;}
.contact .main{padding:25px 4% 40px 4%;}
.contact .big{font-size:20px;padding:40px 0 20px 0;}
.contact .part01 p{margin:15px 0;}
.contact .part01 strong{font-size:22px;}
.contact .part01 .right{text-align:center;padding:0 20%;}
.contact .part01 .right img{width:100%;}
.contact .part02 .main{padding-top:50px;}
.contact .part02 .top span{font-size:18px;padding:0 15px;}
.sales .search-main{padding:0;margin-top:40px;}
.sales .detail p{text-indent:2em;margin:25px 0;}
.sales .search-main .list .keyword{line-height:30px;}
.sales .search-main .list .keyword input{line-height:30px;height:30px;}
.sales ul{margin-top:30px;}
.sales li{padding:20px 25px;margin-bottom:25px;}
.sales li .big{background-size:20px;padding-left:30px;}
.service02 table{margin-bottom:25px;}
.service02 table td{padding:10px 12px;}
.service02 table .symptom{padding:15px 12px;font-size:15px;}
.service02 table .symptom strong{
	background-size:20px;
	padding-left:25px; 
}
.news-list li{margin-bottom:10px;}
.news-list li .newsbg{height:108px;}
.news-list li .content{margin:0;}
.news-list li .date{
	border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	-o-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-ms-border-radius:5px 0 0 5px;
	font-size:12px;
	padding:35px 10px 30px 10px;
	max-height:108px;
}
.news-list li .date span{font-size:22px;margin-bottom:5px;}
.news-list li .name{font-size:14px;padding:0 0 10px 0;}
.news-list li p{font-size:12px;padding:24px 15px 15px 90px;}
.news-list li p span{height:40px;line-height:160%;}

.feedback p{margin-bottom:20px;line-height:160%;}
.feedback .form{margin:0 -1.2%;}
.feedback .form .list{padding:0 1.2%;}
.feedback .form .content{margin-bottom:15px;padding:5px 10px;}
.feedback .form input{line-height:32px;height:32px;}
.feedback .form .big-list textarea{height:100px;}
.feedback .form .radio .content{line-height:32px;}
.feedback .form .radio input{width:initial;line-height:initial;height:initial;position: relative;top: 9px}
.feedback .tj a{font-size:16px;line-height:50px;}


.list-style li{
	background-position:12px center;
	padding:0 12px 0 25px;
	line-height:40px;
}
.detail-title{padding:10px 0 15px 0;margin-bottom:30px;}
.detail-title p{
  line-height: 150%;
  font-size:18px;
  margin:0 0 15px 0px;
}
.detail p{text-indent:2em;margin:25px 0;}
.detail img{width:100%;margin:35px 0;}
.goback{margin:30px 0 0 0;}
.goback a{padding:7px 15px;margin:0 8px;border:1px solid #832840;background-color:#832840;color:#ffffff;} 
.style01{margin-top:45px;}
.no-data{min-height:240px;}

}