/* CSS Document */
/*
@font-face{
            font-family: '微软雅黑';
src : url('AlibabaPH/Alibaba-PuHuiTi-Light.otf');
			
        }
*/

*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{ height:100%; width:100%;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #333333; min-width:1024px; overflow-x:hidden; padding:0px;
}
input,textarea{font-family: "微软雅黑", "宋体", Arial;}
body,div,pre,code,form,fieldset,legend,input,button,textarea,th,td{margin:0;padding:0;}
/*p{ padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}*/
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
:focus{outline:none;}/*聚焦边框样式取消*/
table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #EA130E;
}
.swiper-slide img{ display:block}

/*按钮*/
a.btn{display:inline-block;border-radius:5px; font-size:18px;background-color:#EA130E;border: 1px solid #EA130E; color:#FFFFFF; display:inline-block; padding-left:15px; padding-right:15px; position:relative;}
a.btn i{ /*float:right;*/ font-size:18px; margin-right:5px;}
a.btn:hover{ background-color:#ffffff; color:#EA130E;}
button.btn{border-radius:5px; font-size:18px;background-color:#EA130E;border: 1px solid #EA130E; color:#FFFFFF; padding-left:15px; padding-right:15px; height:40px;}
button.btn:hover{ background-color:#ffffff; color:#EA130E;}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul{  	margin: 0px;
	padding: 0px;
}
li{
	list-style-position: inside;
}
.nav li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan:hover img{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10ms;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10ms;
    -webkit-animation: rotate 30ms linear infinite;
    -moz-animation: rotate 30ms linear infinite;
    -o-animation: rotate 30ms linear infinite;
    animation: rotate 30ms linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}





.title1{ font-size:36px; font-weight:bold; color:#000000;}
.appcjwt .title1,.shouquanin.baise .title1,.zwcontent.baise2{ color:#FFFFFF}
.title2{ font-size:30px;}
.title3{ font-size:24px;}
.zwcontent{ font-size:18px;}
.zwcontent2{ font-size:16px;}

.box{ width:1500px; margin:auto; min-width:1000px; max-width:100%;}



#top{
	position:fixed;
	z-index:24;
	left: 0px;
	top: 0px;
	width:100%;
	float:left; box-shadow:0 0 5px rgba(0,0,0,0.2);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; 
}
#top.ie10 .logintop{ background-color:red; color:#ffffff; }
#top.ie10 .logintop .tishi{ font-size:24px;}
#top.ie10 .logintop a{ color:#ffffff;}
.header{ background-color:#014998}
.fixed{	background-color:#ffffff;}

#top .logo{ font-size:12px; color:#FFFFFF; color:rgba(255,255,255,0.6);padding-top:20px; padding-bottom:20px;}
#top .logo img,#top .logo span{ float:left; line-height:50px;}


.nav{ line-height:82px;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{
	display:block;
	padding-left:25px;
	padding-right:25px;
	position: relative; font-size:18px; color:#FFFFFF;  
}
@media screen and (max-width :1400px){ 
.nav ul li a{
	
	padding-left:20px;
	padding-right:20px;

}
}
@media screen and (max-width :1300px){ 
.nav ul li a{
	
	padding-left:10px;
	padding-right:10px;

}
}


.nav ul li ul li a{ color: #333333;  }
.nav >ul >li> a:hover,.nav> ul >li:hover>a,.nav> ul >li>a.active{
	color: #EA130E; background-color:#FFFFFF;color: #333333;
}


.nav ul li:nth-child(1) a:after,.nav ul li:nth-child(1) a:before{ display:none}
.nav ul ul{
	display:none;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 82px;
	z-index: 2; background-color:#FFFFFF;box-shadow:0 5px 5px rgba(0,0,0,0.3);text-align:left; background-color:rgba(255,255,255,0.9);
}
.nav ul ul ul{ top:0px; left:100%;}

.nav ul ul li{ width:100%;}
.nav ul ul li a{
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	text-align: center;
	line-height:1.5;	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.9); 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	border-bottom-color:rgba(50,50,50,0.2);
	
	 display:block; padding-top:8px; padding-bottom:8px; 
}

@media screen and (max-width :900px){ 
.nav ul ul li a{
padding-top:5px; padding-bottom:5px; 

}
}
.nav ul ul li a:hover{ background-color:#014998; color:#FFFFFF}
.nav ul li:hover>ul{ display:block;}

/*.nav >ul> li:nth-child(2)>ul{ text-align:center;}*/
.nav >ul> li:nth-child(3)>ul,.nav >ul> li:nth-child(4)>ul{text-align:left;}
.nav >ul> li:nth-child(3)>ul{ min-width:110px;}
.nav >ul> li:nth-child(4)>ul{ min-width:120px; }
.nav >ul> li:nth-child(5)>ul{ min-width:120px;}
@media screen and (max-width :1200px){ 
.nav> ul >li> a{ padding-left:8px; padding-right:8px; }
}
@media screen and (max-width :1165px){ 
.nav> ul >li> a{ font-size:18px; }
.nav >ul> li:nth-child(3)>ul{ min-width:120px;}
.nav >ul> li:nth-child(5)>ul{ min-width:120px;}
}
@media screen and (max-width :1090px){ 
.nav> ul >li> a{ font-size:16px;  }

}
@media screen and (max-height :800px){
.nav >ul> li:nth-child(4)>ul>li>a{padding-top:5px; padding-bottom:5px; }

}

@media screen and (max-height :600px){
.nav >ul> li:nth-child(4)>ul{ min-width:280px;}
.nav >ul> li:nth-child(4)>ul>li{width:50%; float:left; }

}

.pagination{ clear:both; text-align:center; line-height:38px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:15px;
	padding-right:15px;
	margin: 0px; overflow:hidden; margin-left:2px; margin-right:2px;border-radius:3px;
}



.pagination li.active{ background-color:#014998; color:#FFFFFF;border: 1px solid #014998;}


.pagination li a{ color:#333333}

/*banner*/
.flash{ clear:both; float:left; width:100%; overflow:hidden; }
.flash .swiper-container{ overflow:hidden; padding:0px; float:left; width:100%;}
.flash .swiper-wrapper *,.flash .picimg *{ max-width:100%;}
.flash .swiper-wrapper,.flash{ text-align:center}

.flash .swiper-wrapper .swiper-slide{ overflow:hidden;}
.flash .txt{
	position: absolute;
	z-index: 2;
	left: 100%;
	top: 30%;
	width: 100%;
	text-align:center;
	color:#FFFFFF;
	font-size:22px;
	line-height:1.5;
	
	-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;


}



.flash .swiper-slide-active .txt{ left:0px;}

.flash .txt .h2{color:#FFFFFF; padding-top:10px;}
.flash .txt .h2 .title{font-size: 50px;font-weight: bold;text-shadow: 2px 0px 5px rgb(0 0 0 / 80%);}
.flash .txt .h2 p{ padding-top:5px; padding-bottom:5px;}
.flash .txt .h2 .more{float:left;margin: 40px auto;}
.flash .txt .h2 .more a{display: block; padding:10px 50px; background: #014998; color:#fff; font-size:32px;}
.flash .txt .h2 ul{width:100%;display: flex;}
.flash .txt .h2 ul li{margin-right:40px;font-size: 18px;font-weight: 500;}
/*.flash .txt .h2 h1{}
.flash .txt .h2 h2{ font-size:22px;}*/
.flash .txt .h1{

	font-size: 28px;
	font-weight: 500; line-height:1.5;
}
.flash .txt .more{/* line-height:35px; padding-top:20px; clear:both; font-size:16px*/}
.flash .txt .more a{ display:inline-block; color:#ffffff; padding-left:20px; padding-right:20px; background-color:#EA130E;/*border-radius:3px;*/}
.flash .txt .more a:hover{ background-color:#FF9933}
.flash .txt .boxs{ width:1200px; margin:auto; text-align:left; max-width:80%;/*background-color:rgba(0,0,0,0.3); */padding:0px;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
/*.flash .swiper-slide>div{ height:700px; background-size:100% 100%; float:left; width:100%;}*/
.flash .swiper-slide{ width:100%; float:left; }


/*内页通用*/

.bannerin img{ width:100%;}
#postion{ z-index:222; font-size:16px;}
#postion .box{ position:relative;}
#postion .postion{
	position:absolute;
	bottom:0px;

	width:100%;
	float:left;
	z-index:2;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
	background-color: #000000; background-color:rgba(0,0,0,0.7);
}
#postion .postion .fl{padding:20px; }
	
#postion .postion .fl i{ margin-right:5px; color:#ccc}	
#postion .postion,#postion .postion a{ color:#ffffff}
#postion .postion .fr{ padding-right:20px;}
#postion .postion ul{ line-height:70px;}
#postion .postion ul ul{ display:none}
#postion .postion ul li{ display:inline-block;}
#postion .postion ul li a{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	position:relative;

}
#postion .postion ul li a.hover:after{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #014998;
	position: absolute;
	left: 0px;
	bottom: -2px;
	width: 100%; content:'';
}


#postion2{ z-index:222; font-size:16px; background-color:#f5f5f5;/*padding-top: 15px;*/}
#postion2 .box{ position:relative;}

#postion2 .postion .fl{padding:10px;}
#postion2 .postion .fl i{ margin-right:5px; color:#999}	
#postion2 .postion .fl{ color:#CCCCCC; font-size:15px;}
#postion2 .postion .fl  a{ color:#666666}
#postion2 .postion .fr{ padding-right:20px;}
#postion2 .postion ul{ line-height:50px;}
#postion2 .postion ul ul{display: none;}
#postion2 .postion ul li{ display:inline-block;}
#postion2 .postion ul li a{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	font-size: 15px;
}
#postion2 .postion ul li a.hover:after{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #014998;
	position: absolute;
	left: 0px;
	bottom: -2px;
	width: 100%; content:'';
}
#left .flash{
	padding: 2px;
	border: 1px solid #dddddd; color:#FFFFFF; margin-bottom:10px;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
}
.newsflash{ clear:both; width:100%;}
.flash+.newsflash{ margin-bottom:50px;}
.newsflash .picli {padding: 2px;
	border: 1px solid #dddddd; display:inline-block; position:relative; background-color:rgba(200,200,200,0.8);}
	
.newsflash .picli .txt{bottom:0;
	position: absolute;
	z-index: 2;
	left:0;
	top: auto;
	width: 100%;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	line-height:1.5; 
	

}
.newsflash   .picli .img{ position:relative;}
.newsflash   .picli .img:after{ content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.newsflash .swiper-slide-thumb-active  .picli:after {background-color:rgba(255,255,255,0.2);}
.newsflash .picli .txt>div{
	margin:2px;
	text-align:left;
	background-color:rgba(0,0,0,0.3);
	padding:10px;
	font-size:16px;
	line-height:1.5;
	white-space: nowrap;
	overflow: hidden;
}
.newsflash .picli *{ max-width:100%;}

#left  .flash .txt{bottom:0px;
	position: absolute;
	z-index: 2;
	left:0;
	top: auto;
	width: 100%;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	line-height:1.5; 
	



}
#left .flash .txt .boxs{ width:100%; max-width:100%; padding:20px;}






#left .flash .txt .h1{ font-size:24px;}
#left .flash .txt .h2{}
/*==========================首页=========================================*/
/*关于我们*/
.about{
	background-image: url(index/aboutbg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom; width:100%;
}
.about .box{ padding-top:125px; padding-bottom:125px;}
.about .img *,.about .econtent *{ max-width:100%;}
.about .img{ float:left; position:relative; }
.about .img .im{
	overflow:hidden;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
}


.about .img .im img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.about .box:hover .img .im img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}
	
.about .img:after{
	content:'';
	background-color:#f5f5f5;
	position: absolute;
	left: -40px;
	bottom: -40px; height:100%; width:60%; z-index:-1;
}
.about .img .ys{
	width:230px;
	position: absolute;
	top: 50%;
	right: -115px; text-align:center; margin-top:-305px;
}
.about .img .ys .item{ height:200px; background-color:#FFFFFF; margin-bottom:5px;box-shadow:0 0 15px rgba(0,0,0,0.1);display: flex;
    justify-content:center;
    align-items:center;}
	
.about .img .ys .item .num{ color:#ea130e; font-size:30px;}
.about .img .ys .item .text{ font-size:14px;}

.about .img .ys .item:hover{ background-color:#ea130e; color:#FFFFFF;}
.about .img .ys .item:hover .num{ color:#ffffff}
.about .econtent{ width:50%; float:right;color:#868686;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }

.sectiontop{padding-top:80px;}
.sectionfoot{padding-bottom:80px;}

/*行业应用*/
.application{ clear:both;}
.application *{ max-width:100%;}




.application .appdp{ /*font-size:24px;*/ /*padding-bottom:30px;*/ line-height:1.5;}
/*.application .dpin+.appdp{ padding-top:0px;}*/
.application .appdp+.box{ margin-top:-20px;}

.application .econtent *{ max-width:100%;}
.application .econtent .picli{ float:left; width:48%; margin-left:1%; margin-right:1%; margin-top:30px; margin-bottom:30px;}
.application .econtent .picli .img{ overflow:hidden; /*max-height:480px; min-height:480px;*/ position:relative;}
.application .econtent .picli .img .txt{ Opacity:0;position:absolute; z-index:2; height:100%; left:0; top:0; width:100%; text-align:center; color:#FFFFFF; font-size:24px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.application .econtent .picli .img:after{
	content:'';

	left:10px;
	top:10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-left-color: #ffffff; width:0; height:0; position:absolute; z-index:1;Opacity:0;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.application .econtent .picli .img:before{
	content:'';

	right:10px;
	 bottom:10px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff; width:0; height:0; position:absolute; z-index:1;Opacity:0;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.application .econtent .picli .img a:after{ Opacity:0;content:''; background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; top:0px; left:0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.application .econtent .picli:nth-child(2n+1){ margin-left:0px; clear:both}
.application .econtent .picli:nth-child(2n){ margin-right:0px; float:right}
.application .econtent .picli .right{ padding:20px; padding-left:0px; padding-right:0px; line-height:1.5;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.application .econtent .picli .ntitle{ font-size:20px;	color:#000000;}
.application .econtent .picli .ntitle a{color:#000000;}
.application .econtent .picli .dp{ font-size:16px; padding-top:20px; color:#555555}
.application .econtent .picli .ntitle .sort{ display: none;}
.application .econtent .picli .ntitle .title{}
/*.application .econtent .picli:hover .right{ padding-left:20px;}*/
.application .econtent .picli:hover .right .ntitle,.application .econtent .picli:hover .right .ntitle a { color:#EA130E}

.application .econtent .picli:hover .img:after,.application .econtent .picli:hover .img:before{width:calc(100% - 21px); height:calc(100% - 21px);Opacity:1;}
.application .econtent .picli:hover .img a:after,.application .econtent .picli:hover .img .txt{ Opacity:1;}



.application .econtent+ .more{ clear:both; text-align:center; line-height:60px;}

.application .econtent+ .more a.btn{
/*	display:inline-block;*/
	padding-left:80px;
	padding-right:80px;
/*	background-color:#EA130E;
	color:#FFFFFF;
	font-size:20px;
	border: 1px solid #EA130E;*/
}
/*.application .econtent+ .more a.btn:hover{ background-color:#ffffff; color:#EA130E;}*/





/*.appsj .title ,.appcjwt .title{
	font-size:30px;

}*/
.appsj .econtent2{ margin-top:20px;}
.appsj .hc{ width:100%; float:left; /*font-size:18px;*/}
.appsj .hc.hasimg{ width:calc(100% - 300px);}
.appsj .hc.hasimg+.img{ float:right;}


.appcjwt{
	background-image: url(application/appbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; color:#FFFFFF; position:relative;
}
.appcjwt>div{ position:relative; z-index:2}
.appcjwt>div:after{ content:''; z-index:-1; height:100%; width:50%; position:absolute; top:0; right:0; background-color:rgba(255,255,255,0.5);}
.appcjwt .item{ float:left; width:50%;box-sizing:border-box;}
.appcjwt .item2{ padding-left:10%; padding-right:10%;}
.appcjwt .item2 .title,
.appcjwt .item2 .dp{ color:#000000;}
.appcjwt .hc{ margin-top:20px; padding-bottom:50px;	font-size:18px;  color:#FFFFFF;}
.appcjwt .hc ul li{
/*	float:left;
	width:32%;
	margin-left:2%;
	white-space: nowrap;
	overflow: hidden;*/

	list-style-type: none;
}

.appcjwt .hc ul li a{ color:#FFFFFF;}
/*.appcjwt .hc ul li:nth-child(3n+1){ clear:both; margin-left:0px;}*/
.appcjwt .dp{ /*font-size:24px;*/ /*line-height:1.5;*/ margin-top:20px;	font-size:18px; }
.appcjwt .more{margin-top:20px; line-height:35px;}
.appcjwt .more a{
	background-color:#EA130E;
	color:#FFFFFF;
	display:inline-block;
	font-size:18px;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
	border: 1px solid #EA130E;
}
.appcjwt .more a:hover{ color:#EA130E; background-color:#FFFFFF}




/*行业应用详情20220527*/
.yingyong{
	background-position: center center;
	background-size:cover; padding-top:90px; padding-bottom:90px;
}
.yingyong *{ max-width:100%;}
/*.yingyong .title{ font-size:30px;}*/
.yingyong .box{}
.yingyong .econtent{ background-color:#DBDBDB; float:left; width:100%; margin-top:30px;/* font-size:18px;*/ line-height:2;}
.yingyong .econtent .img{ float:left; width:50%; overflow:hidden;}
.yingyong .econtent .hc{float:left; width:50%; padding:20px;box-sizing:border-box; padding-left:50px; padding-right:50px; color:#000000; overflow:hidden;}
.yingyong .econtent .img,.yingyong .econtent .hc{ height:375px;}

.yingyong .econtent .hc>div{width:100%; text-align:left;}
.yingyong .contentpic{ text-align:left; background-color:#ffffff; clear:both;}
.yingyong .more{ clear:both; padding-top:30px; font-size:20px;}
.yingyong .more a{
	text-decoration: underline;
}

.twbad{ clear:both; position:relative;}

.twbad .txt{width:100%; display: flex;
    justify-content:center;
    align-items:center; position:absolute; left:0%; top:0px; height:100%; line-height:2;
	
	text-shadow: 0 0 2px #999999, 0 0 2px #999999;
	
	}
	
.twbad .txt>div{ width:1500px; /* font-size:30px;*/ color:#ffffff; padding:30px; cursor:default; text-align:center;}

.twbad img{ width:100%;}


/*======经销商地图=======================*/
.jxsmap .box{ position:relative; overflow:visible;}
.jxsmap #map{ width:100%; }
.jxsmap #map,.searchmap{ min-height:800px;/*height:calc(100% -120px);*/}

.searchmap{
	width: 40%;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;z-index:2;
}

.searchmap:after{ width:200%; height:100%; content:''; float:left; background-color:rgba(255,255,255,0.8); left:-100%; position:absolute; top:0px; z-index:-1;}
.searchmap .etitle{ line-height:50px; padding-top:100px;}
.searchmap .etitle span{ display:inline-block; padding-left:50px; padding-right:50px; background-color:#ea130e; color:#FFFFFF; font-size:16px;}
.searchmap .layui-form{ padding-top:40px;}
.searchmap .layui-form .layui-input-inline{ width:46%; margin-right:2%;}

.searchmap .layui-form .layui-select-title .layui-input{ height:45px;}
.map{ overflow:hidden;}
.map .tishi{ font-size:20px; padding-top:20px; }
.map .tishi span{ color:#EA130E}
.map .res{ width:96%;  overflow-y:auto; max-height:calc(100vh - 450px);}
@media screen and (max-width :1024px){ 
.map .res{  max-height:1000000%;}
}
.map .res .li{
	background-color: #FFFFFF; margin-top:20px;

	padding: 10px;
	border: 1px solid #dddddd;
	background-image: url(contact/add.png);
	background-repeat: no-repeat;
	background-position: 10px 12px; padding-left:50px;
	
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; cursor:pointer; 
}
.map .res .li .title{ font-size:20px;}
.map .res .li .dp{ font-size:14px; padding-top:10px; color:#555555;}



/*======经销商授权页=======================*/
.shouquanin{
	background-image: url(shouquan/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.shouquanin.searchpro{
	background-image: url(shouquan/bg1.jpg);
}
.shouquanin .box{min-height:695px;}
.shouquanin .etitle{ /*padding-top:100px;*/ padding-bottom:50px;}
/*.shouquanin .etitle .h1{ font-size:40px;}
.shouquanin .etitle .h2{ font-size:20px;}*/

.shouquanin form{
	background-color: #FFFFFF; width:1000px; padding:50px;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-shadow:0 0 30px rgba(0,0,0,0.1); margin-bottom:100px; min-height:500px;
}

.shouquanin form .h1{ font-size:30px; padding-top:40px;}
.shouquanin form .s{ padding-top:40px; padding-bottom:40px;}
.shouquanin form .s input{
	font-size:16px;
	color:#666666;
	border: 1px solid #dddddd; height:50px; width:100%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; padding-left:20px; padding-right:20px;
}
.shouquanin form .btn{}
.shouquanin form .btn button{
	background-color:#ea130e;
	color:#FFFFFF;
	width:145px;
	height:45px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(shouquan/q.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;border-radius:5px;
}

.shouquanin form .res{ font-size:18px; padding-top:50px;}
.shouquanin form .res .title{
	font-size:24px;
	background-image: url(shouquan/title.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 45px;
}
.shouquanin form .res .code{
	background-image: url(shouquan/shouquan.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 45px; margin-top:20px;}
.shouquanin form .res .tel{
	background-image: url(shouquan/tel.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 45px;}
.shouquanin form .res .address{
	background-image: url(shouquan/address.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 45px;}


/*首页关于*/
.aboutnew{ clear:both; }
.aboutnew .etitle{ /*font-size:36px;*/ text-align:center; overflow:hidden}
/*.aboutnew .etitle .h2{ font-size:20px;}*/
.aboutnew .etitle .h2 span{ display:inline-block; position:relative;}
.aboutnew .etitle .h2 span:after,.aboutnew .etitle .h2 span:before{
	content:'';
	position:absolute;
	left:-100px;
	top:50%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #014998; width:80px;
}
.aboutnew .etitle .h2 span:before{ left:auto; right:-100px;}
.aboutnew .econtent{ clear:both; padding-top:50px; padding-bottom:20px;}
.aboutnew .econtent *{ max-width:100%;}
.aboutnew .econtent .picli,.youshi2 .item{ float:left; width:32%; margin-left:2%; background-color:#797979; position:relative; padding-bottom:60px;}
.aboutnew .econtent .picli .img{ float:left; width:100%; overflow:hidden;}
.aboutnew .econtent .picli .img img{ width:100%;}
.aboutnew .econtent .picli .right{ text-align:center; color:#ffffff;background-color:#797979;width:100%;  clear:both; padding-top:25px; position:absolute;left:0px; top:100%; margin-top:-100px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; }
.aboutnew .econtent .picli .right .title{ clear:both;font-size:30px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.aboutnew .econtent .picli .right .dp{ font-size:18px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.aboutnew .econtent .picli .right .ico{ text-align:center; position:relative; clear:both;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.aboutnew .econtent .picli .right .ico img{ padding:10px; background-color:#ffffff;border-radius:100%; position:absolute; top:-100px; left:50%; margin-left:-31.5px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.aboutnew .econtent .picli .right .hc{ overflow:hidden;max-height:0px; clear:both;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.aboutnew .econtent .picli:nth-child(3n+1),.youshi2 .item:nth-child(3n+1){ margin-left:0px; clear:both;}
.aboutnew .econtent .picli:hover{ overflow:hidden}
.aboutnew .econtent .picli:hover .right{ position:absolute; top:0px; left:0px; height:100%; text-align:center; margin-top:0px; overflow:hidden; padding-top:0px; overflow:hidden;  display: flex;
    justify-content:center;
    align-items:center;}
.aboutnew .econtent .picli:hover .right .ico{ padding-top:40px; padding-bottom:30px; }
.aboutnew .econtent .picli:hover .right .ico img{ position:relative; margin:auto; top:auto; left:auto;}
.aboutnew .econtent .picli:hover .right .hc{ max-height:1000px;}

.aboutnew .econtent .picli:hover .right .hc .dp{ margin-top:10px;}

.youshi2{
	padding-bottom:30px; 
	
}
.youshi2 .item{font-size: 30px;color: #000000; padding-bottom:0px; height:160px; background-color:#BFBFBF; position:relative; }

.youshi2 .item>div{ z-index:1;overflow:hidden; position:relative; height:100%;}

.youshi2 .item ul li{

	list-style-type: disc;
	font-size: 18px; 
}
.youshi2 .item2{ background-color:#014998; color:#FFFFFF;}


.youshi2 .item .t2{
	position:absolute;
	position:absolute;
	top:0px;
	height:100%;
	width:100%;
	z-index:2;
	background-color:#797979;
	color:#FFFFFF;
	overflow:hidden;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
/*	white-space: nowrap; */
}
.youshi2 .item1 .t2{left:-100%;}
.youshi2 .item3 .t2{right:-100%}
.youshi2 .item1 .t2>div{ top:0; position:absolute;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms; left:100%; width:100%; height:100%;}
.youshi2 .item3 .t2>div{ top:0; position:absolute;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;right:100%; width:100%; height:100%;}
.youshi2 .box:hover .item1 .t2{left:0;}
.youshi2 .box:hover .item3 .t2{right:0;}
.youshi2 .box:hover .item1 .t2>div{left:0;}
.youshi2 .box:hover .item3 .t2>div{right:0;}
.youshi2 .item3:before{
	content:'';
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:rgba(0,0,0,0);
	border-right-color: #797979;
	border-bottom-color:rgba(0,0,0,0);
	border-left-color:rgba(0,0,0,0); position:absolute; left:0px; top:50%; margin-top:-10px;-webkit-transition:50ms; -moz-transition:50ms; -ms-transition:50ms; transition:50ms; z-index:-2;transition-delay:0.55s;
Opacity:0;}
.youshi2 .item1:before{Opacity:0;
	content:'';
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:rgba(0,0,0,0);
	border-right-color:rgba(0,0,0,0);
	border-bottom-color:rgba(0,0,0,0);
	border-left-color: #797979; position:absolute; right:0px; top:50%; margin-top:-10px;-webkit-transition:50ms; -moz-transition:50ms; -ms-transition:50ms; transition:50ms; z-index:-2;transition-delay:0.55s;
}
/*.youshi2 .item:after{ position:absolute; content:''; background-color:#797979; top:0px; height:100%; width:0px; right:0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; }
.youshi2 .item2:after{ display:none}*/

.youshi2 .item1:after{ left:0; right:0;}

.youshi2 .box:hover .item:after{ width:100%;}

.youshi2 .box.hover .item{color:#FFFFFF;}
.youshi2 .box.hover .item3:before{Opacity:1;left:-30px;animation-delay:0.5s; animation:myanimation 0.5s infinite;}

.youshi2 .box.hover .item1:before{Opacity:1;right:-30px;animation-delay:0.5s;animation:myanimation1 0.5s infinite;}


@keyframes myanimation {
    from {left:-30px;}
    to {left:-25px;}
}
@keyframes myanimation1 {
    from {right:-30px;}
    to {right:-25px;}
}
@keyframes myanimation3 {
    from {width:0px;}
    to {width:100%;}
}

.youshi2:hover .box .item3:before{Opacity:1;left:-30px;animation-delay:0.5s; animation:myanimation 0.5s infinite;-webkit-animation:myanimation 0.5s infinite;}
.youshi2:hover .box .item1:before{Opacity:1;right:-30px;animation-delay:0.5s;animation:myanimation1 0.5s infinite;-webkit-animation:myanimation1 0.5s infinite;}




/*.youshi2.hover .item:after{   animation:myanimation3 2s infinite;}*/
/*.youshi2:hover .box   .item{ color:#ffffff;}*/


/* CSS Document */
.appsortli.phone{ display:none}

.section{ padding-top:80px; padding-bottom:80px;}
/*.h1{ font-size:36px;}
.h2{ font-size:24px;}
.h3{}*/


 
.about .econtent .entitle{
	text-transform: uppercase;
}
.about .econtent .etitle{ /*font-size:34px;*/ color:#000000;}
.about .econtent .dp{color:#ea130e; font-size:20px;}
.about .econtent .hc{ font-size:16px; padding-top:20px;}

.about .econtent .youshi{ color:#555555}
.about .econtent .youshi .li{ padding-top:20px;}
.about .econtent .youshi .li .h1{
	display: list-item;list-style-position: inside;
	list-style-image: url(index/ico1.jpg); font-size:16px; color:#333333;
}
.about .econtent .youshi .li .h2{}

/*首页产品中心*/
.pro{
	clear:both;
	background-image: url(index/probg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.pro  .econtent *{ max-width:100%;}
.pro .left{	 float:left; width:50%; height:100%;  }

.pro .left .etitle{ width:100%; }
.pro .left .etitle a{ color:#000000; display:block; width:80%;}

/*.pro .left .etitle .h1{ font-size:36px;}
.pro .left .etitle .h2{ font-size:18px;}*/

.pro .left .boxs{width:750px; float:right; max-width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */

min-height:26vw;
}
/*.pro .left .boxs>div{ width:90%;}*/
.pro .left .search .input{ height:68px;
	float:left;
	width:500px;
	background-color:#FFFFFF;
	border: 1px solid #dddddd;font-size:18px; padding-left:20px; padding-right:20px;color:#999999; 
}
.pro .left .search .input+button{
	background-color:#EA130E;
	background-image: url(index/q.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:70px;
	width:90px;
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.pro .econtent{ float:right; width:50%;}

.pro .econtent .pagination{ bottom:50px; position:absolute; z-index:99;}
.pro .econtent .pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #C6C6C6;
    opacity:1;
}
.pro .econtent .pagination .swiper-pagination-bullet-active {
background-color:#EA130E;
   
}
.pro .econtent .swiper-slide{ position:relative;}
.pro .econtent .swiper-slide .title{background-color:#EA130E; font-size:24px; color:#FFFFFF; position:absolute; top:78px; left:100px; float:left; padding-left:20px; padding-right:20px;}

.pzbzin .item .h2{	font-size:16px; }


@media screen and (max-width :1650px){
.pzbzin .box{ padding-left:20px; padding-right:20px;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}

.contact .left{ padding-left:50px;}
}
@media screen and (max-width :1520px){


 .about .econtent{ padding-left:100px;}

.pro .left .boxs{width:100%; float:right; padding-left:80px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/*.pro .left,.pro .left .search,.pro .left .proli{	 padding-top:50px;}*/
.pro .econtent .swiper-slide .title{top:50px;}
.pro .left .search .input{ width:60%;}

.newsliin{ padding-top:50px;}
.newsliin .newli .img{  width:50%; max-height:20vw; min-height:20vw; }

.newsliin .newli .right{ margin-left:55%;}

.tags .econtent .li{
	width:48%;
	margin-left:2%;

}
.tags .econtent .li:nth-child(3n+1){ clear:none; margin-left:2%;}
.tags .econtent .li:nth-child(2n+1){ clear:both; margin-left:0px;}

.application .econtent .picli .right{ padding-bottom:10px;}
/*.application .econtent .picli{ margin-top:50px; margin-bottom:50px;}*/
.application .econtent .picli .img{  /*max-height:420px; min-height:380px;*/ overflow:hidden;}
.yingyong .box{ max-width:98%;}
.yingyong{ }



.fzlc .etitle{ left:20px;}

.cms .picli .img{ min-height:200px;max-height:200px; }

.pzbzin .item{}
.box{ padding-left:80px; padding-right:80px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.fzlc .etitle,.searchmap{ left:20px;}
.dpin.contentdp .right,.prodetails .proshow .right .more span{ right:80px;}
}
@media screen and (max-width :1550px){

.aboutin  .right{ width:48%;}
.aboutin  .left{ width:50%;}
.aboutin .left .hc{ line-height:1.6; /*padding-top:30px;*/}
.aboutin .left .title1{ line-height:1;}
}
/*@media screen and (max-width :1300px){

.aboutin  .right{ width:48%;}
.aboutin  .left{ width:50%;}
.aboutin .left .hc{ padding-top:30px;}
.aboutin .left .title1{ line-height:1;}
}
*/
@media screen and (max-width :1366px){
.sectiontop{ padding-top:50px;}
.sectionfoot{ padding-bottom:20px;}

#right{ padding-left:15px; padding-right:15px;}

.pzbzin .item .h1{ font-size:32px;}
.pzbzin .item .h2{
	font-size:18px; 
}
.pzbzin .item .swiper-container .swiper-slide .picli .txt{ font-size:16px}

.fuwu .econtent{ padding-top:20px;}
.news .box{ padding-top:0px;}
.application .econtent .picli{ margin-top:20px; margin-bottom:20px;}
.news .econtent { padding-top:0px;}
 }
@media screen and (max-width :1300px){ 
.cms .picli .img{ min-height:160px;max-height:160px; }

.application .econtent .picli{ margin-top:30px; margin-bottom:30px;}
/*.application .econtent .picli .img{  max-height:320px; min-height:320px;}*/

.yingyong{ padding-top:50px; padding-bottom:50px;}
.yingyong .econtent .img,.yingyong .econtent .hc{ height:30vw;}


.jishu .item{ padding-left:30px; padding-right:30px;}

}
@media screen and (max-width :1250px){
.pro .left,.pro .left .search,.pro .left .proli{	 padding-top:30px;}
.pro .econtent .swiper-slide .title{top:50px;}
.pro .left .search .input{ width:60%;}

/*.prodetails .proshow .right .dp{  min-height:280px;}*/
.jssort .picli .title{ font-size:20px;}
}
@media screen and (max-width :1200px){
.about .img { width:45%;}
.about .econtent{ padding-left:100px;}
 }
 


@media screen and (max-width :1100px){ 
.pro .left,.pro .left .search,.pro .left .proli{	 padding-top:20px;}
.pro .econtent .swiper-slide .title{top:30px;}
.pro .left .search .input{ width:50%; font-size:14px;}

.newsliin{ padding-top:20px;}
.newsliin .newli .right .more{ padding-top:10px; margin-top:10px; }
.newsliin .newli .right .dp{ min-height:4.5em; max-height:4.5em;}

.pzbzin .item{ padding-top:50px; padding-bottom:50px; }
.pzbzin .item .h2{ line-height:1.8;}
.pzbzin .item .swiper-container .swiper-slide .picli .txt{ font-size:14px}
}	
@media screen and (max-width :1024px){ 
.box,.pro .left{ padding-left:20px; padding-right:20px;}
.appsortli a::before{ display:none}
.dpin.contentdp .right,.prodetails .proshow .right .more span{ right:20px;}
.pro .left .boxs {padding-left:20px;}
.sectiontop{ padding-top:30px;}
.sectionfoot{ padding-bottom:30px;}
#top+div{ margin-top:80px; clear:both;}
/*.yingyong{ padding-top:50px; padding-bottom:50px;}*/
.yingyong .econtent .img img{ width:100%;}
.yingyong .econtent .img,.yingyong .econtent .hc{ height:auto; width:100%; clear:both;}

.newsliin .newli{ width:48%; float:left; margin-left:1%; margin-right:1%; padding-top:10px; padding-bottom:10px;}
.newsliin .newli .img{ width:100%;}
.newsliin .newli .right .title{ font-size:24px; max-height:1.5em; overflow:hidden;}
.newsliin .newli .right{width:100%; margin-left:auto;  float:left; background-color:#f5f5f5; padding:10px;  }
.newsliin .newli .img{ background-color:#eeeeee;}
.newsliin .newli .right .time{padding-top:5px; padding-bottom:5px;}
.newsliin .newli .right .dp{ font-size:14px;}
.newsliin .newli:nth-child(2n+1){ clear:both;}
.sorts{ margin-left:1%; margin-right:1%; text-align:center;} 
.sorts ul{ padding-bottom:10px;}

.fwres{ left:10%; width:80%; margin-left:0px; }
.fwres  .hc .it span.name{width:110px; }
.fwres  .hc .it span+span{ margin-left:115px;}


/*.prodetails .box{ max-width:95%;}*/
.prodetails .proshow .img{ float:left; width:100%; text-align:center;}
.prodetails .proshow .right{ margin-left:0px; clear:both; padding-top:20px;}
.prodetails .appli .etitle{ font-size:28px;}
/*.dpin.contentdp .box{ max-width:95%;}*/
.prodetails .proshow .right .dp{  min-height:200px;}
.application .dpin.contentdp{ margin-top:0px;}
.fuwu .picli { max-width:100%;}
.news .econtent{ padding-top:20px;}
.application .econtent{ padding:20px;padding-bottom:50px; padding-left:0; padding-right:0; }
/*.appsj .title ,.appcjwt .title,.appcjwt .more,.appcjwt .dp,.appcjwt .hc,.appdp .box,.appsj .econtent2{ padding-left:20px; padding-right:20px;}*/
/*.application .dpin.contentdp,.appsj,.appcjwt,.appdp,.jssort,.jishu,.down,.zczs,.dpin.contentdp{ padding-top:30px; padding-bottom:30px;}*/
.appcjwt .hc{ padding-bottom:20px;}
.dpin.contentdp .hc,.appsj .econtent2,.appcjwt .hc,.appcjwt .dp { margin-top:0px;}

/*.appcjwt .hc ul li{

	width:49%;
	margin-left:2%; 

}
.appcjwt .hc ul li:nth-child(3n+1){ clear:none; margin-left:2%;}
.appcjwt .hc ul li:nth-child(2n+1){ clear:both; margin-left:0px;}*/
.jishu .box{ padding-left:20px; padding-right:20px;}
.jssort .picli .title{ font-size:18px;}
/*.newsins,.zcazcjwt{ padding-top:30px; padding-bottom:30px;}*/
/*.zcazcjwt{ margin-top:30px;}*/


.pro .left .boxs{ width:100%; padding-left:0px;}
/*移动端*/

body{ min-width:250px;}
*{
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;}

.box{ min-width:250px;}
/*顶部导航*/

.app_header{background-color:#fff; display:block; position:fixed; z-index:2;}


#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;  display:block; top:0px; left:0px; box-shadow:0 0 5px rgba(0,0,0,0.3);
}



	.app_header .app_logo{ width:250px;  float:left; padding-top:15px; padding-bottom:15px; /*padding-left:50px;*/}
.app_header .app_logo img{  height:45px;}
.app_header .morenav{ float:right; display:block; color:#000; width:40px; height:40px; margin-top:5px; margin-right:10px; line-height:40px; text-align:center; position:absolute; top:0%; right:0px; margin-top:0px; height:75px; width:75px; text-align:center; line-height:75px;}
.app_header .morenav i{ color:#333333; font-size:32px;}

.app_header .morenav .iconfont img{ 
	height: 34px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}	
	
.app_header .loginuser{ float:right; margin-right:60px; padding-top:5px;}
.app_header .loginuser i{ font-size:32px;}

/*#menu{ z-index:999;}*/
#top + div{ margin-top:75px;}
#top{ display:none;}



/*====================首页=============*/
.flash .txt{top: 10%;font-size:22px;}
.flash .txt .h2 .title{ font-size:36px;}
.flash .txt .h2 .more{margin: 20px auto;}
.flash .txt .h2 .more a{padding:10px 30px; font-size:24px;}


/*移动端动画*/
.youshi2 .item1 .t2{animation-delay:10s;animation:myanimation3 10s infinite;}
.youshi2 .item3 .t2{animation-delay:10s;animation:myanimation4 10s infinite;}

.youshi2 .item1 .t2>div{ animation-delay:10s;animation:myanimation5 10s infinite;}
.youshi2 .item3 .t2>div{ animation-delay:10s;animation:myanimation6 10s infinite;}


@keyframes myanimation {
    from {left:-25px;}
    to {left:-20px;}
}
@keyframes myanimation1 {
    from {right:-25px;}
    to {right:-20px;}
}


@keyframes myanimation3 {
50% {left:-100%;Opacity:1;}
60% {left:0px;}
90% {left:0px;Opacity:1;}
100% {left:0px;Opacity:0;}
}
@keyframes myanimation4 {
    50% {right:-100%;Opacity:1;}
    60% {right:0px;}
	90% {right:0px;Opacity:1;}
	100% {right:0px;Opacity:0;}
}

@keyframes myanimation5 {
50% {left:100%;Opacity:1;}
60% {left:0px;}
90% {left:0px;Opacity:1;}
100% {left:0px;Opacity:0;}
}
@keyframes myanimation6 {
    50% {right:100%;Opacity:1;}
    60% {right:0px;}
	90% {right:0px;Opacity:1;}
	100% {right:0px;Opacity:0;}
}


.pro .left{ padding-top:30px; padding-bottom:30px;}
.pro .left .boxs{ min-height:0;}
.application .econtent+ .more{ padding-top:30px;}
.application .econtent .picli{ margin-top:10px; margin-bottom:10px;/*box-shadow:0 0 5px rgba(0,0,0,0.1);*/}
.application .econtent .picli .right{ background-color:#f5f5f5; padding-left:10px;}
.application .econtent .picli .right .ntitle{padding-left:5px;}
.application .econtent .picli .sort{ font-size:16px;}
.application .econtent .picli .title{
	font-size:16px;
	color:#999999;
	white-space: nowrap;
	overflow: hidden;
}
.application .econtent .picli .dp{ display:none}
.application .sortli{ display:none}
/*.application .etitle{ padding-left:10px;}*/
/*.application .etitle .h1{ font-size:24px }*/
.application .etitle .h2{ /*font-size:16px; */color:#666666 ;/* line-height:1.5;*/}

/*.application .econtent .picli .img{ min-height:30vw; max-height:30vw;}*/
/*.about .econtent .etitle{ font-size:28px;}*/
.about .econtent .dp{ font-size:18px;}
.about .econtent .hc{}
.about .econtent .youshi .li .h1{}
.about .econtent .youshi .li .h2{}
/*.twbad{ height:300px;}*/
.twbad .txt > div{ font-size:24px;}
.twbad .txt>div{ max-width:680px;}
/*.twbad .txt>div br{ display:none}*/
.pro .left .search .input {height:70px;}

/*.aboutnew .etitle .h1,.pro .left .etitle .h1,.fuwu .etitle{ font-size:24px; font-weight:bold;}
.aboutnew .etitle .h2,.pro .left .etitle .h2,.fuwu .picli .text .txt .dp{ font-size:16px;}
.fuwu .picli .text .txt .title,.news .etitle a,.twbad .txt > div{ font-size:18px;}*/
.aboutnew .econtent .picli .right{ padding-left:10px; padding-right:10px;}
.aboutnew .econtent .picli .right .title{ font-size:16px;}
.aboutnew .econtent .picli .right .dp{ font-size:14px; line-height:1.2;}
.aboutnew .econtent .picli:hover .right .ico{ padding-top:10px; padding-bottom:10px; }
.youshi2 .item{font-size: 24px;}
.youshi2 .item ul li{ font-size:16px;}
/*.twbad{ height:200px; }*/

/*服务*/

.fuwu .swiper-button-next,.fuwu .swiper-button-prev{ display:block}


/*===================内页===================*/

#postion2,#postion{ display:none}
/*搜索页*/

.shouquanin{ background-size:100%; padding:50px; padding-left:0px; padding-right:0px;	/*background-image: url(shouquan/bgphone.jpg);*/}
.shouquanin .resbg{ margin-top:30px;}
.shouquanin .etitle{ padding-top:0px; padding-bottom:30px;}
.shouquanin .etitle .h1{ font-size:28px;}
.shouquanin .etitle .h2{ font-size:16px;}
.shouquanin .box{ min-height:300px;}
.searchpro .box{ min-height:0;}
.shouquanin form{ max-width:100%; margin:auto; padding-top:20px; padding-bottom:20px; min-height:400px;}
.shouquanin form .h1{ padding-top:0px; font-size:24px;}
.shouquanin form .s{ padding-top:10px; padding-bottom:15px;}
.shouquanin form .res{ padding-top:20px; font-size:16px; line-height:1.5;}
.shouquanin form .res .title{
	font-size:20px;
	
}
.shouquanin form .res .title{padding-left:25px;background-size:20px;background-position: left 5px;}
.shouquanin form .res .code,.shouquanin form .res .tel,.shouquanin form .res .address{ background-size:18px; padding-left:25px; color:#333}
.shouquanin form .res .code{ margin-top:10px;}
.searchpro .resk { padding-left:0px; padding-right:0px; padding-bottom:0;}
.searchpro .resk .li{width:31.3333%; }
.searchpro .resk .li span{font-size:16px;}
.searchpro form{ padding-right:50px;} 

.message form{ padding-right:50px;}


.searchpro .item  span + div{ margin-right:0px; max-width:400px;}
.shouquanin form .btn{ padding-top:20px;}
.shouquanin .resbg .box{ min-height:0px;}
.reskj{ width:80%;}
.searchpro .xiala ul{ max-height:200px;}

.message .item span + div{ max-width:100%;}
/*经销商网络*/
.searchmap{ position:relative; width:100%;}
.searchmap .etitle,.searchmap .layui-form{ padding-top:20px;}
.searchmap .etitle span{ display:block; width:46%; padding-right:0px;}
.searchmap{ min-height:200px; padding-left:20px; padding-right:20px; padding-bottom:20px;/*height:calc(100% -120px);*/}
.jxsmap #map{ min-height:300px;}

#postion2+.blank100,#postion+.blank100{ display:none}
.nhd{ margin-bottom:10px;}
.nhd p{ padding-top:0px;}


/*产品列表*/
.prosort .sortli .ntitle{ font-size:24px;}
.prosort .sortli .right .boxs{ padding:20px;}



.down .right .title,.wenti .etitle>div.h1{ font-size:24px}
/*.down .left .downbtn a{ font-size:22px; line-height:50px;}*/
.down .left .r{ padding-right:20px;}
.down .right .dp{ padding-top:0px;}
.wenti .etitle>div.h2{ font-size:14px;}


.cms .picli .right .title{
	font-size:16px;
	white-space:normal;
	overflow: hidden; line-height:1.2; height:4.8em; overflow:hidden;
}	

.cms .picli .right .date{ font-size:12px; color:#999999}
.cms .picli:hover .right .date{ color:#FFFFFF;}
.cms .picli .right .dp{ display:none;}
}


	@media screen and (max-width :600px){ 
	.newsliin .newli{ width:96%; margin-left:2%; margin-right:2%;}
	.newsliin .newli .img{ min-height:80px; max-height:100vw; }
	.newsliin .newli .right .dp{ min-height:0; max-height:10000px;}
	.newsliin .newli .right .title{  max-height:1000px;}
	
.jishu:after{ display:none}
.jishu .item{ width:100%; padding-left:20px; padding-right:20px;}
.jishu{ padding-bottom:0px; padding-top:0px;} 
.jishu .box{ padding:0px; }
.jishu .item,.jishu .item+.item{  padding-top:20px; padding-bottom:20px;}
.jishu .item+.item{padding-left:20px; padding-right:20px; background-size: cover;background-image: url(fuwu/fwbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}


.shouquanin{ padding-left:20px; padding-right:20px;}
.shouquanin form{ padding-left:20px; padding-right:20px; padding-bottom:80px;}
.shouquanin form .s input,.searchpro .item input{ font-size:14px;}
.shouquanin form .h1{ font-size:18px; line-height:1.5;}
.searchpro .xiala{ margin-top:20px; width:100%;}
.searchpro .resk .li span{font-size:14px;}
.searchpro .btn{ position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
#cms1 h1.h1{ font-size:24px;}
/*招聘列表*/
.nhd h2{ font-size:24px;}
.job-b ul li{ font-size:14px; line-height:1.2; }
.job-b ul li .pic{ padding-bottom:10px;}
.nhd p{ font-size:14px; line-height:1.2; }


/*.pigbannerin .txt,.proin .appli1 .left .title span,.proin .appli1 .right .h1,.proin .appli.c .etitle,.proin .appli4 .h1{ font-size:24px;}*/
.pigbannerin .txt,.proin .appli1 .left .title span,.proin .appli1 .right .h1,.proin .appli.c .etitle{ font-size:24px;}
.proin .appli3 .picli .left{ width:100px;}
.proin .appli3 .picli .right{ margin-left:120px; font-size:14px;}
.proin .appli3 .picli{ padding-left:0px; padding-right:0px; /*padding-top:30px; padding-bottom:30px;*/}

.down .left{ width:100%; padding-left:20px; padding-right:20px;}
.down .left .r{ padding-right:0px; margin-left:200px;}
.down .left .img{ width:180px;}

.shouquanin .etitle .h1{ font-size:24px;}
.shouquanin .etitle .h2{ font-size:14px;}
.shouquanin form .res .null{ font-size:14px}
.fangwei form .res .msg .t1{ font-size:18px;}
.application .more a.btn{ padding-left:45px; padding-right:45px; line-height:45px;}
.pro .left .search .input +button{ background-size:20px;}


.news .econtent .li{ width:100%; clear:both;}

.aboutnew .econtent .picli:hover .right .ico img{ display:none}
.pro .econtent .pagination{bottom:10px;}
.pro .econtent .pagination .swiper-pagination-bullet{ width:10px; height:10px;}
	}


@media screen and (max-width :580px){
.twbad .txt>div{ max-width:100%; font-size:16px;}}



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

.fwres  .hc .it{ font-size:14px; line-height:1.2; }
.fwres  .hc .it span{ padding-top:10px; padding-bottom:10px;}
.fwres .fwtop .fwlogo{ font-size:24px; line-height:30px;}
.fwres .fwtop .fwlogo img{ height:28px;}

.cms .proli .right{ padding:10px;}
.cms .proli .right .title{ font-size:18px;}
.cms .proli .right .dp{ font-size:14px;}
.cms .proli .right .more a { font-size:16px;}
.cms .proli .right .more { padding-top:10px;}


.prodetails .proshow .right .dp{ line-height:1.5; font-size:16px;}
/*.prodetails .proshow .right .title{ font-size:24px;}*/
.prodetails .appli .etitle { font-size:24px;}
.searchc .title b,.searchc .title span input { font-size:18px;}
.searchc .title b{ width:40%; text-align:center; padding-left:0px; padding-right:0px;}
.searchc .title span{width:60%;}

.jssort .picli .title{ font-size:16px;}

.title1{ font-size:24px; font-weight:bold;}
.title2{ font-size:21px;}
.title3{ font-size:18px;}
.zwcontent{ font-size:14px;}
.zwcontent2{ font-size:14px;}



}
@media screen and (max-width :500px){
#foot .econtent, #foot .econtent a,
#foot .fnav ul li ul li{ font-size:14px;}
#foot .fnav> ul >li>a,#foot .etitle{ font-size:16px;}
#foot .etitle{ padding-top:10px;}
#foot .econtent{ line-height:1.5;}

.flash .txt .h1{ font-size:14px}
.flash .txt{top: 10%;font-size:14px;}
.flash .txt .h2 .title{ font-size:22px;}
.flash .txt .h2 .more{margin: 5px auto;}
.flash .txt .h2 .more a{padding:5px 20px; font-size:18px;}

.flash .txt .h2 ul li{margin-right:10px;font-size: 14px;}
.swiper-button-next,.swiper-button-prev{ background-size:15px;}
.pro .left{ padding-top:10px; padding-bottom:30px;}
/*.pro .left .etitle .h1{ font-size:28px;}*/

.pro .left .etitle .h2{ /*font-size:14px; padding-left:20px; padding-right:20px;*/ /*line-height:1.2; color:#666666*/}
.pro .left .etitle .h2 br{ display:none}
.pro .left .proli .li{ line-height:2;}

.pro .left .search .input{ font-size:12px;width: calc(100% - 50px);}
.pro .left .search{ padding-left:20px; padding-right:20px;} 
.pro .left .search .input{ font-size:12px;width: calc(100% - 50px);height:50px;}
.pro .left .search{ line-height:50px;}
.pro .left .search .input +button{ height:50px; width:50px;}

/*.twbad{ height:200px;}*/


/*.fuwu .picli{ height:100vw;}
*/

.phone .about .img .im{ background-size:100%; height:50vw;}


.application .etitle .h2{margin-top:10px;  }

.application .appsortli+.econtent{ padding-top:10px;}
.application .econtent + .more{ padding-top:10px;}
.fuwu{ padding-top:10px; padding-bottom:10px;}
.pro .econtent .swiper-slide .title{ top:auto; position:relative; left:auto; width:100%; text-align:center; font-size:18px;}

.aboutnew .econtent .picli:hover .right .hc{ display:none}
.aboutnew .econtent .picli .right .title{ line-height:1.2;}
.aboutnew .econtent .picli .right .ico img{ max-width:50px; margin-left:-25px; top:-80px;}
.aboutnew .econtent{ padding-bottom:10px;}
.youshi2 .box .item>div ul li{ font-size:14px; line-height:1.2;}
.youshi2 .box .item>div{ font-size:16px;  }
.youshi2 .item1:before,.youshi2 .item3:before{ border-width:5px;}
@keyframes myanimation {
    from {left:-13px;}
    to {left:-10px;}
}
@keyframes myanimation1 {
    from {right:-13px;}
    to {right:-10px;}
}
.aboutnew .econtent .picli .right{margin-top: -50px; padding-top:0px;}




}
@media screen and (max-width :480px){
/*.twbad{ height:100px;}*/
.twbad .txt>div br{ display:none}

#cms1 h1.h1{ font-size:20px;}
#cms1 .content{ line-height:1.5;}
#cms1 .nextpage{ line-height:1.5;}
.aboutin .left .title,.pzbzin .item  .pzbz .left .h1{ font-size:24px;}
/*.aboutin .left .hc{ padding-top:20px; font-size:14px; line-height:1.5;}*/
.aboutin .abouttxt{ padding-top:20px;}
.abouttxt .item .txt{ padding-left:10px; padding-right:10px;}
.abouttxt .item .txt br{ display:none}
.pzbzin .item  .pzbz .left .h2{ font-size:14px;}

.proin .appli3 .picli{ padding-left:20px; padding-right:20px;}

.searchpro .resk .li{ width:48%;}
.proin .appli3 .picli{ padding-left:0px; padding-right:0px; padding-top:20px; padding-bottom:20px;}
.application .econtent .picli .right{ padding-right:10px;}
.application .etitle .h1{ line-height:1.2;}

.applicationin .appli4 .hc .picli .right .title{ font-size:22px;}
.applicationin .appli1 .item .right .title,.applicationin .appli3 .left .h1,.applicationin .appli4 .h1{ font-size:22px;}
.applicationin .appli1 .item .right .dp{ font-size:12px;}

.map .tishi{ font-size:18px;}
.map .res .li .title{font-size:18px;}
.map .res .li .dp{ font-size:12px; padding-top:0px;}


.cms .li .ntitle{

	width: 100%;

}
.cms .li .date{ display:none;}



.downin .downli >div.title{ width:calc(100% - 180px);}
.downin .downli >div.date{ display:none}
.downin .downli >div.look{width:90px; text-align:center;}
.downin .downli >div.downbtn{width:90px;text-align:center;}
.downin .downli >div{ font-size:12px;}
.box,.pro .left{ padding-left:10px; padding-right:10px;}
.aboutnew .etitle .h2 span{ line-height:1.2; font-size:16px}
/*.aboutnew .econtent{ padding-top:20px;}*/
}
@media screen and (max-width :460px){



.fwres .boxs .tishi{ font-size:12px;}
.fwres  .hc .it{ font-size:12px;  }
.fwres  .hc .it span.name{ width:80px;}
.fwres  .hc .it span+span{ margin-left:85px;}
.fwres .fwtop .title,.fwres .fwtop .title i{ font-size:18px;}
.fwres .micopy{ font-size:12px }
.fwres .qrcode2{ 	padding-top: 5px;
	padding-bottom: 5px;}
.fwres .boxs .tishi{padding-top: 5px;
	padding-bottom: 5px;}
}
@media screen and (max-width :450px){ 
.searchpro .item input{ font-size:12px; height:45px;}
.searchpro .item span { font-size:16px; width:80px; line-height:45px;}
.searchpro .item span + div{ margin-left:80px;}
/*.searchpro .btn{ padding-top:20px;}*/
ul.jobList li{ width:100%;}


/*产品列表*/
.prosort .sortli .ntitle{ font-size:20px;}
.prosort .sortli .right .boxs{ padding:20px;}
.proin .appli3 .picli .right{ line-height:1.5;}
.application .econtent .picli .sort{ font-size:14px;	white-space: nowrap;
	overflow: hidden;}
.application .econtent .picli .right{ padding-top:10px; padding-bottom:10px;}
#foot .foot{ padding-top:30px;}


.down .left .r{  margin-left:130px;}
.down .left .downbtn{ padding-top:0px;}

.down .left .img{ width:120px;}
.down .phone p{ font-size:12px;}
.down .right .dp{ font-size:14px;}
.wenti .econtent .wtli .hc .li .dp{ line-height:1.5;}
.zczs .econtent .li .dp{ padding-top:5px; padding-bottom:5px;}

.contact .left .entitle{ font-size:28px;}
.contact .left .title,
.contact .left .address,
.contact .left .tel,
.contact .left .lianxi{}
.contact .left .h1{}
.contact .left .hc{ font-size:14px}

.app_header .app_logo{ width:200px; padding-left:20px; }
.app_header .app_logo img{  height:35px;}
.app_header .app_logo{  padding-top:10px; padding-bottom:10px; }
#top + div{ margin-top:50px;}
.app_header .morenav{ height:55px; line-height:55px; width:50px; right:0px;}
.app_header .loginuser i{ line-height:55px;}
.app_header .loginuser{ padding-top:0px; margin-right:55px;}
.fwres .hc .null{ font-size:18px;}
.fwres .hc *{ max-width:100%;}

}
@media screen and (max-width :420px){
body{ min-width:350px;}
.searchc .title span input{ width:100px;}
.jssort .picli .title{ font-size:14px;}

}
@media screen and (max-width :400px){
.twbad .txt>div{ max-width:100%; padding-left:20px; padding-right:20px;}
.flash .txt .h1{ font-size:14px}
.flash .txt{top: 10%;font-size:14px;}
.flash .txt .h2 .title{ font-size:22px;}
.flash .txt .h2 .more{margin: 5px auto;}
.flash .txt .h2 .more a{padding:5px 20px; font-size:18px;}

.flash .txt .h2 ul{ display:none}
.about .img .ys .item .num{font-size:18px;}
.about .img .ys .item .text{ font-size:12px;}

/*.about .econtent .etitle{ font-size:20px;}*/
.about .econtent .dp{ font-size:12px;}
.about .econtent .dp{ font-size:12px;}
.about .econtent .hc{ font-size:14px; line-height:1.5;}
.about .econtent .youshi .li .h1{ font-size:14px;}
.about .econtent .youshi .li .h2{ font-size:12px;}

.pro .left .search .input{ height:50px; font-size:12px;width: calc(100% - 50px);}
.pro .left .search{ line-height:50px;}
.pro .left .search .input +button{ height:50px; width:50px;}
.pro .left .proli{ padding-left:20px; padding-right:20px;}
.pro .left .proli .li{ font-size:16px;}
}

@media screen and (max-width :380px){ 
.searchmap .etitle span{ padding-left:20px; width:96%;}
.shouquanin.fangwei form .h1{ font-size:16px;}

.prosort .sortli .right .boxs{ padding:10px; font-size:12px;}
.prosort .sortli .right .dp{ padding:0px;}
.proin .appli3 .picli{ padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px;}

.proin .appli3 .picli .left{ width:60px;}
.proin .appli3 .picli .right{ margin-left:80px; font-size:12px;}
/*.down .left .downbtn a{ padding-left:20px; padding-right:20px; font-size:16px}*/
/*.down .left .downbtn a i{ font-size:24px;}*/
.down .right .dp{ font-size:14px; line-height:1.5;}
.zczs,.wenti{ padding-top:30px;}
.cms .picli{ width:100%;} 


}
@media screen and (max-width :360px){


.fwres  .hc .it span.name{ width:60px; padding-left:5px; padding-right:5px;}
.fwres  .hc .it span+span{ margin-left:65px;padding-left:5px; padding-right:5px;}

}

@media screen and (max-width :350px){
.pro .left .search{ padding-left:10px; padding-right:10px;} 
.pro .left .search .input{padding-left:10px; padding-right:10px;}

.fuwu .etitle{ font-size:24px;}
/*.pro .left .etitle .h1{ font-size:24px;}*/
/*.about .econtent .etitle{ font-size:24px;}*/


.application .etitle .h1{ font-size:16px;}

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

/*产品列表*/
.prosort .sortli .ntitle{ font-size:18px;}
.prosort .sortli .right .boxs{ padding:10px; font-size:12px;}
.prosort .sortli .right .dp{ padding:0px;}

}


/*弹窗*/
.alert{
	position:fixed;
	top:50%;
	width:300px;
	height:200px;
	left:50%;
	margin-left:-105px;
	margin-top:-155px;
	background-color:#ffffff;
	z-index:9999;
	text-align:center;
	border: 5px solid #999999; border-color:rgba(50,50,50,0.5);
}
.alert>.close{ position:absolute; top:0; right:0; width:30px; text-align:center; line-height:30px; cursor:pointer; /*background-color:rgba(50,50,50,0.1);*/}
.alert>.close i{ color:#999999; font-size:24px;}
.alert .hc{ text-align:center; font-size:18px; line-height:100px;}

.alert  button{ border-radius:5px; font-size:18px;background-color:#EA130E;border: 1px solid #EA130E; color:#FFFFFF; padding-left:15px; padding-right:15px; height:40px; margin-left:5px; margin-right:5px;}
.alert  button.close{ background-color:#999999; border-color:#999999;}

.alert+div{position:fixed; height:100%; width:100%; float:left; background-color:rgba(0,0,0,0.6); z-index:9998; top:0; left:0;}

.flash .phone,.bannerin .phone,.ppbzin .phone,.twbad .phone,.fzlc .phone,.lxbtn.phone{ display:none}
.prodetails b.title1{ font-weight:lighter;}
.lxbtn{ clear:both; padding-top:20px;} 
.lxbtn a.btn{ width:100%; text-align:center;}

@media screen and (max-width :1350px){.aboutnew .econtent .picli .right .dp { line-height:1.5;}}
@media screen and (max-width :1350px ) and (min-width :1025px ){.aboutnew .econtent .picli .right .dp { font-size:16px;}}
@media screen and (max-width :1200px){.prodetails .appli .hc.leixing{ overflow-x:auto;}.prodetails .appli .hc.leixing img{ max-width:1200px;}}
@media screen and (max-width :768px){
.flash .phone,.bannerin .phone, .application .phone.appsortli,.twbad .phone,.ppbzin .phone,.fzlc .phone,.lxbtn.phone{ display:block;}
.flash .pc,.bannerin .pc, .application .pc.appsortli,.twbad .pc,.ppbzin .pc,.fzlc .pc,.lxbtn.pc{ display:none;}

.application .econtent + .more .appsortli{ margin-left:auto; margin-right:auto;}
.application .appsortli{ padding-top:10px; clear:both;}
.application .appsortli a{ margin:auto; width:25%; float:left; text-align:left; font-size:14px;}
.aboutnew .etitle .h2 span::after, .aboutnew .etitle .h2 span::before{ display:none}
/*.pro .etitle{ text-align:left;}*/
.pro .left .etitle a { width:100%;}
/*.pro .etitle .h1,.pro .etitle .h2{ text-align:left;}*/
.pro .left .etitle a .zwcontent{ text-align:left;}
.fuwu .etitle::after, .pro .left .etitle .h1::after { display:none;}
 .application .etitle .h1{ text-align:center;}
 .application .econtent + .more a{ display:block;}
 
 .news .econtent .li a {width:calc(100% - 90px);}
 .news .econtent .li a +span{ float:right}
 .news .etitle a{ width:calc(50% - 5px); text-align:center;}
 #foot .etitle { padding-top:0;}

  .sorts ul li{ margin-left:5px; margin-right:5px;}
  .sorts ul li a{ display:block; text-align:center;}
 .sortslen2 ul li{width:calc(50% - 10px);}
 .sortslen3{width:calc(100% / 3 - 10px);}
	.proin .appli4{ padding-left:0; padding-right:0;}
 .proin .appli4 .h1::after { display:none}
 .proin .appli4 .hc .picli .right .title { font-size:18px; margin-bottom:10px;}
 .appcjwt .dp,.appcjwt .hc { line-height:1.5; font-size:16px;}
 .appcjwt .item1{ padding-bottom:30px;}
 .appcjwt .more a { display:block; text-align:center;}
 .shouquanin form .btn button{ width:100%; font-size:18px;background-position: calc(50% - 40px) center; box-sizing:border-box; padding-left:30px;}
 #searchformpro{ position:relative;}
  #searchformpro .btn { padding-left:20px; padding-right:20px;}
/* .shouquanin form {box-sizing:border-box; }
 .btn{box-sizing:border-box;}*/
}
@media screen and (max-width :650px){.jishu .box > div { background-image:none;}}
@media screen and (max-width :550px){ .appcjwt .dp,.appcjwt .hc {font-size:14px;}}
/*@media screen and (max-width :500px){ .proin .appli4 .hc .picli .right .title { font-size:24px;}}*/
@media screen and (max-width :450px){.application .appsortli a{  width:33.3333%; float:left;}}

/*移动端导航*/
#menu{ position:fixed; z-index:999; height:100%; width:calc(100% - 180px); background-color:#000000;right:0; top:0; line-height:1.5; overflow-y:auto; font-size:16px; right:-100%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#menu ul li{ position:relative; line-height:30px;}
#menu ul li i{ position:absolute; right:0; top:0; color:#ffffff; height:50px;  width:50px; z-index:1; line-height:50px;  text-align:center; cursor:pointer;}
#menu ul li,#menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li a{ display:block; padding-left:16px;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.2); color:#FFFFFF; padding-top:10px; padding-bottom:10px;}
#menu ul li ul{ display:none}	
#menu ul li ul li a{ display:block; padding-left:31px; font-size:15px;}
#menu ul li ul li ul li a{
	display:block;
	padding-left:45px; font-size:14px;

}
#menu.hover{ display:block; right:0;}
#menu + .bg{ display:none;}
#menu.hover +.bg{position:fixed; z-index:998; height:100%; width:100%; background-color:rgba(0,0,0,0.6); left:0; top:0; display:block;}
#menu.hover +.bg .close{ position:absolute; top:0; left:100px; width:80px; height:80px;/* background-color:rgba(0,0,0,0.5);*/ text-align:center; color:#ffffff; line-height:80px; font-size:36px; font-weight:lighter; cursor:pointer;}

#menu.hover +.bg .close img{ 
	height: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}

@media screen and (max-width :385px){
.searchpro .item { padding-top:5px; padding-bottom:5px;}
.searchpro .item span{ display:block;}
.searchpro .item span + div{ margin-left:auto; clear:both;}
}
.aboutnew .econtent .picli .phone{ display:none}
@media screen and (max-width :768px){
.aboutnew .econtent .picli{ padding-bottom:0;}
.aboutnew .econtent .picli .pc{ display:none}
.aboutnew .econtent .picli .phone{ display:block}
.aboutnew .econtent .picli{ overflow:hidden}
.aboutnew .econtent .picli .right>div{ position:relative;}
.aboutnew .econtent .picli .right .ico { text-align:center; padding-left:0; padding-right:0; width:100%; top:15px;}
.aboutnew .econtent .picli .right .ico img{ max-width:50px; margin:auto; margin-left:-25px; }
/*.aboutnew .econtent .picli .right .ico img{ max-width:50px; margin:auto; position:relative;}*/
/*.aboutnew .econtent .picli .right .ico{ top:100% ; margin-top:auto; position:absolute; width:100%; text-align:center; background-color:#FF0000; height:50px; padding:0; }*/
.aboutnew .econtent .picli .right .hc{ display:none}
.aboutnew .econtent .picli .right{ -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; min-height:150px; padding-top:10px; margin-top:auto;}
.aboutnew .econtent .picli:hover .right,.aboutnew .econtent .picli.hover .right{ position:absolute; top:0px; left:0px; height:100%; text-align:center; margin-top:0px; overflow:hidden; padding-top:0px; overflow:hidden;  display: flex;
    justify-content:center;
    align-items:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.aboutnew .econtent .picli:hover .right .ico,.aboutnew .econtent .picli.hover .right .ico{ top:auto; padding-top:10px; position:relative; padding-bottom:10px; display:block; }
.aboutnew .econtent .picli:hover .right .ico img,.aboutnew .econtent .picli.hover .right .ico img{ position:relative; margin:auto; top:auto; left:auto; display:block;}

.youshi2 .box .item .t1,.youshi2 .box .item > div ul,.youshi2 .box .item > div ul li{ font-size:14px;}
.youshi2 .box .item > div ul,.youshi2 .box .item > div ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

}
@media screen and (max-width :450px){

.aboutnew .econtent .picli .right .ico img{ max-width:40px; margin-left:-20px; }
}

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

.youshi2 .box .item .t1,.youshi2 .box .item > div ul,.youshi2 .box .item > div ul li{ font-size:12px;}

}
@media screen and (max-width :330px){.fwres .fwtop{ padding-left:10px; padding-right:10px;}}

/*20221125*/
@media screen and (max-width :450px){.cms .proli{ width:100%; margin-left:0%; margin-right:0;}

.cms .proli:nth-child(3n+1),.cms .proli:nth-child(2n+1){ margin-left:0px; clear:both;}
.cms .proli .right{ min-height:0px;}
.down .left{ padding-left:0; padding-right:0; width:100%;}
.down .left .img{ width:100%; float:left; text-align:center;}
.down .left .img img{ float:none}
.down .left .downbtn { text-align:center; width:100%;}
.down .left .r{ margin-left:0px; text-align:left; clear:both; padding-top:20px;width:100%; max-width:100%;}
.down .left .r .phone{ padding-top:0;}
}

@media screen and (max-width :600px){.application .econtent .picli {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 10px;
  margin-bottom: 10px;
}}

@media screen and (max-width: 1024px){
.appcjwt .more { padding-top:0px;}
.appcjwt .more a{ line-height:1.2; padding-top:10px; padding-bottom:10px;}
.appcjwt .hc{ padding-top:10px; padding-bottom:10px;}

.appcjwt>div:after{ display:none;}
.appcjwt{ overflow:hidden;}
.appcjwt .item{ width:100%;}
.appcjwt .item2{ padding-left:0%; padding-right:0%; position:relative; padding-top:20px;}
.appcjwt .item2:before{ background-color:rgba(255,255,255,0.5); height:200%; position:absolute; top:0; left:-20%; width:150%; z-index:-1; content:'';}
.appcjwt .item2 .title,
.appcjwt .item2 .dp{ color:#000000;}


.jishu .item { width:100%;}
.jishu .item + .item {
  padding-left: 20px;
  padding-right: 20px;
  background-size: cover;
  background-image: url(fuwu/fwbg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.jishu .item, .jishu .item + .item {
  padding-top: 20px;
  padding-bottom: 20px;
}
.jishu .box > div { background-image:none;}

}
@media screen and (max-width: 768px){
.message #searchformpro .btn{ padding-left:0; padding-right:0;}
.newsins{ padding-top:0; margin-top:-10px;}
.newsins #cms1{ padding-top:0;}
}


.share  span.img,.share2 span.img{ position:relative;}

.share  span.img .b,.share2 span.img .b{
	display:none;
	text-align:center;
	font-style: normal;
}
.share  span.img .b img,.share2 span.img .b img{max-width:200px;}
.share  span.img .b{
	position:absolute;
	bottom:43px;
	left:0;
	z-index:2;

	padding: 10px;
	border: 1px solid #dddddd; background-color:#FFFFFF; display:none;
}

.share  span.img:hover .b{ display:block;}

@media screen and (max-width :1024px){
.share2  span.img .b{ position:fixed; width:200px; float:left;  left:50%; margin-left:-100px; top:50%; margin-top:-100px; z-index:101;}
.share2.open .bg{ position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:100; float:left;}
#foot{-webkit-animation-fill-mode: none;}
}