@charset "utf-8";

/*----------------------------------------------------以下手机端为顶部导航------------*/
@media screen and (max-width:900px) { 

.header{ display: none;}
	
.toolbar{position:fixed;top:0;left:0;right:0; line-height:40px;border-top:2px solid #000000; height: 40px; background-color: rgba(100,100,100,0.5)!important;;background: url(../images/midlogo.png) no-repeat center center;background-size: contain;}	
.toolbarright{ height: 38px; z-index:999; float: right;}
	
.menu-button{position:relative;height:30px;width:34px;cursor:pointer; padding-top: 7px;margin-left: 10px;}
.menu-button:before{content:"";position:absolute;right:1px;border-bottom:4px solid #000;border-top:4px solid #000;width:34px;height:4px; padding-bottom: 2.2px;}
.menu-button:after{content:"";position:absolute;right:1px;border-bottom:4px solid #000;width:34px;height:10px; margin-top: 11px; }	
.menu-leftl{float:left;z-index: 997;display:block;}
.menu-left{float:right;margin-right:0.5em; z-index: 997;display:block;}

/*----------------------------------------------------以下手机端input部分------------*/
.flexbox {width: 100%;height: 36px;display: flex;justify-content: center;align-items: center;float: right;}
.search8 {width: 50%;}
.search8 > div {display: inline-block;position: relative;}
.search8 > div:after {content: "";background: #000;width: 2px;height: 10px;position: absolute;top: 20px;right: -3px;transform: rotate(135deg);box-shadow: 1px 0 #000;margin-right:0.8em;}
.search8 > div > input {color: #000000;font-size: 16px;background: transparent;width: 20px;height: 20px;padding: 1px;border: solid 2px #000;outline: none;border-radius: 35px;transition: width 0.5s;float: left;margin-right:0.8em;font-size: 13px;}
.search8 > div > input::placeholder {color: #000;opacity: 1;padding-left: 16px;}
.search8 > div > input::-ms-placeholder {color: #000;padding-left: 16px;}
.searc8h > div > input::-ms-input-placeholder {color: #000;padding-left: 16px;}
.search8 > div > input:focus,
.search8 > div > input:valid {width: 150px; padding-left: 10px;background:#eeeeee;}
/*----------------------------------------以下为手机端右侧导航------------*/	
.sidebar{margin:0;padding-top:1em;color:black; z-index:999; background-color: #000000;}
.sidebar h5{padding:0;font-family: Calibri, sans-serif;font-weight:300; font-size: 25px; color: #ffffff; text-align: center; line-height: 35px;}
.sidebar h4{padding:0; height: 20px; font-size: 10px; color: #ffffff;text-align: center; line-height: 20px;font-family: Calibri, sans-serif; font-weight:300;}
.sidebar h1{padding:0; height: 49px;text-align: center;}
.sidebar h6{margin:0.8em;padding:0;font-weight:300; height: 20px;font-size: 19px;color: #ffffff; font-family: Calibri, sans-serif; font-weight:300;}
.sidebar li{margin:0.5em 0;padding:0 1em;font-size: 16px; line-height: 28px;color: #ffffff;}
.sidebar li hover{margin:0.5em 0;padding:0 1em;background-color:#e84e40; line-height: 28px;font-size: 16px;color: #ffffff;}
.sidebar hr{margin:1em auto;border:0;padding:0;width:98%;height:1px;background-color:#ffffff; text-align: center;}	
.subNav{cursor:pointer; }	
.navContent{display:none;color:#999;color: #ffffff; margin-top: -5px; margin-bottom: -5px;}
.navContent a{margin:0.5em 0;padding:0 1em; line-height: 25px;font-size: 16px;color: #ffffff;font-family: Calibri, sans-serif; font-weight:300;}
.navContent a:hover{margin:0.5em 0;padding:0 1em; line-height: 25px;font-size: 16px;color: #ffffff;font-family: Calibri, sans-serif; font-weight:300;}
	
/*----------------------------------------------------以上手机端顶部导航------------*/

/*----------------------------------------------------以上为手机端顶部导航结束------------*/
	
/*----------------------------------------------------以下为公司简介部分------------*/
.bannerpicaboutus{ display: none;}	
.titlebig{font-size: 25px; text-align: center; height: 45px; line-height: 45px;font-family: Acumin Pro;  padding-top: 50px; font-weight:bolder;text-transform: uppercase;}	
.titlesmall{font-size: 12px;text-align: center;height: 36px;line-height:18px;padding-bottom: 5px;margin-bottom: 2px; font-weight:300;color: #888888;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.aboutus{ width: 90%; line-height: 28px; margin: 0 auto;font-family: Calibri, sans-serif; font-weight:300;color: #000000;font-size: 17px;}
.aboutus img{ width:98%; margin: 0 auto;}
	
/*----------------------------------------------------以下为产品分类部分------------*/	
.category{ width: 99%; margin: 0 auto;}	
.category ul{ width: 96%; padding-left: 4%;}	
.category ul li{ width:45%;  float: left; padding-right: 5%; padding-bottom: 20px;}	
.categoryindexpic {width:100%;overflow: hidden;border:1px solid #aaaaa;border-radius: 2%;display: grid;-moz-box-shadow:2px 2px 3px #f8da99;
-webkit-box-shadow:2px 2px 3px #333;
box-shadow:2px 2px 3px #aaaaaa;
background:#ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#f8da99');}
.categoryindexpic img{width:100%;cursor: pointer; transition: all 0.6s;}
.categoryindexpic img:hover{width:100%;transform: scale(1.1);}	
.calsscatalogy{width: 90%; margin: 0 auto; text-align: center;  margin-top: 10px; margin-bottom: 10px; }
.calsscatalogy ul{ width: auto;display: inline-block; text-align: center; margin: 0 auto;}
.calsscatalogy ul li{ float: left;display: inline;  margin-right: 12px;}
.calsscatalogy ul li h3{width: auto; width: 67px; margin: 0 auto;border:1px solid #777777;border-radius: 50%;}
.calsscatalogy ul li img{width: 100%; }	
.calsscatalogy ul li p{width: auto; font-family: Calibri, sans-serif; font-weight:300; color: #444444;text-align: center; line-height: 25px; font-size: 15px;}	
.landing-icon {display: block;margin: 0 auto;transition: 0.4s cubic-bezier(0.48, 0.77, 0.33, 1.8);}
.landing-icon:hover {-webkit-transform: rotate(6deg);transform: rotate(8deg); }
.calsscatalogy2 ul li{ float: left;display: inline;  margin-right: 12px;}
.calsscatalogy2 ul li h3{width: auto; width: 67px; margin: 0 auto;border:1px solid #777777;border-radius: 50%;}
.calsscatalogy2 ul li img{width: 100%; }	
.calsscatalogy2 ul li p{width: auto; font-family: Calibri, sans-serif; font-weight:300; color: #444444;text-align: center; line-height: 25px; font-size: 14px;}		
/*----------------------------------------------------以下为产品介绍部分------------*/	
.productmore{ width: 99%; margin: 0 auto;}	
.productmore ul{ width: 96%; padding-left: 4%;}	
.productmore ul li{ width:45%;  float: left; padding-right: 5%; padding-bottom:8px;}
.productmore ul li p{ text-align: center;text-transform: capitalize;width:96%; margin: 0 auto; line-height: 20px; height: 40px; font-size: 15px; font-family: Calibri, sans-serif; font-weight:300; font-weight:300;margin-top:6px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}	
.productmorepic {width:100%;overflow: hidden;border:1px solid #eeeeee;border-radius: 1%;display: grid;-moz-box-shadow:1px 1px 2px #eeeeee;
-webkit-box-shadow:1px 1px 2px #eeeeee;box-shadow:1px 1px 2px #dddddd;background:#ffffff;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#eeeeee');}
.productmorepic img{width:100%;cursor: pointer; transition: all 0.6s;}
.productmorepic img:hover{width:100%;transform: scale(1.1);}
	
.fanye{padding:5px 10px;text-align:center;font-size:18px;margin-bottom:10px;clear:both;height:32px;padding:5px 5px;font-family:candara; padding-top: 30px;}
.fanye a,div.fanye span{display:inline;margin-left:4px;padding:5px 12px;height:20px;border:1px solid;border-color:#000000;background-color:#FFF;background-repeat:no-repeat;color:#000000;overflow:hidden;text-decoration:none;border-radius:2px;font-size:18px;font-family:candara;}
.fanye span{color:#000000;font-size:18px;font-family:candara;}
.fanye span.current{font-weight:bold;background-color:#000000;color:#ffffff;border-color:#000000;font-size:18px;font-family:candara;border-radius:2px;}
.fanye a:hover{border-color:#000000;}
/*----------------------------------------------------以下为产品详情部分------------*/
.productshowright{ display: none;}	
.productshow{ width: 90%; margin: 0 auto; height: auto!important; }	
.productshowleft{ width: 100%; float:left;height: auto;}			
.productshowleft h1{font-size: 20px; text-align: center;  line-height: 35px;font-family: Acumin Pro;text-transform: capitalize; padding-top: 50px;}	
.productshowleft h2{font-size: 12px;text-align: center;line-height:18px;font-family: "Font Awesome 5 Free"; color: #333; font-weight: lighter;}
.productshowcontent{width: 100%; line-height: 28px; margin: 0 auto;font-family: Calibri, sans-serif;font-weight:300;color: #000000;font-size: 17px; margin-bottom: 20px;}
.productshowcontent img{ width:98%; margin: 0 auto;}
.productshownext{width: 100%; height:30px; line-height:30px; font-family: Calibri, sans-serif;font-weight:300;color: #000000;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;  overflow: hidden;text-transform: capitalize;}
.productshownext a{width: 100%; height:30px; line-height:30px; font-family: Calibri, sans-serif;font-weight:300;color: #000000;text-transform: capitalize;}
.productshownext a:hover{width: 100%; height:30px; line-height:30px; font-family: Calibri, sans-serif;color: #000000;text-decoration: underline;text-transform: capitalize;}
.prodctshowrelate{ width: 100%;  height: 35px; line-height: 35px; margin-top: 15px; padding-left: 1%; font-size: 20px; text-align: center;text-transform: uppercase;}
.prodctshowcategory{ width: 100%; margin: 0 auto; margin-top: 20px; margin-bottom: 50px;}	
.prodctshowcategory ul{ width: 100%; margin-left: 1%}	
.prodctshowcategory ul li{ width:46%;  float: left; padding-right: 4%; padding-bottom: 6px;}
.prodctshowcategory ul li p{ width:100%;  line-height: 20px; height: 40px; font-family: Calibri, sans-serif; font-weight:300;padding-top: 10px; color: #444444;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;font-size: 15px; text-align: center;text-transform: capitalize;}
.more{ margin: 0 auto; text-align: center; margin-top: 30px;}
.more a{  margin: 0 auto; border:1px solid #000000; font-size: 12px; color: #000000;  background-color: #FFFFFF; padding: 6px 13px;border-radius: 2px;}
.more a:hover{ margin: 0 auto; border:1px solid #222222; font-size: 12px; color: #FFFFFF;  background-color: #000000; padding: 6px 13px;border-radius: 2px;}			
		
/*----------------------------------------------------以下为新闻中心部分------------*/		
.newscenter{ width: 99%; margin: 0 auto;}	
.newscenter ul{ width: 96%; padding-left: 4%;}	
.newscenter ul li{ width:45%;  float: left; padding-right: 5%; padding-bottom: 10px;}
.newscenter ul li h2{ width:100%;  line-height: 20px; font-family: Calibri, sans-serif; font-weight:400; font-size: 16px; padding-top: 10px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.newscenter ul li p{ width:100%;  line-height: 18px; font-family: Calibri, sans-serif; font-weight:300; color: #888888; font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}	
.newsindexpic {width:100%;overflow: hidden;border:1px solid #aaaaaa;border-radius: 2%;display: grid;-moz-box-shadow:2px 2px 3px #f8da99;
-webkit-box-shadow:2px 2px 3px #333;
box-shadow:2px 2px 3px #aaaaaa;
background:#ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#f8da99');}
.newsindexpic img{width:100%;cursor: pointer; transition: all 0.6s;}
.newsindexpic img:hover{width:100%;transform: scale(1.1);}	

/*----------------------------------------------------以下为联系我们部分-----------*/
.contactus{ width: 90%; margin: 0 auto; margin-top: 1px;margin-bottom: 10px;}
.contactusleft{ width: 100%; float:left; margin-bottom: 20px; }
.contactusleft p{ width: 100%; line-height: 35px;font-family: Calibri, sans-serif; font-weight:300;font-size: 15.3px;}	
.contactusright{ width: 100%; float:left;}
.contactusright img{ width: 100%;height: auto; }	

/*----------------------------------------------------以下为底部部分------------*/		
.indexpcroot{ display: none;}
.indexwapbottom{ width:100%; height: 350px; margin-top: 20px; background-color: #000000;color: #Ffffff;clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);}
.wapbottomlogo{ width: auto; height: 50px; text-align: center; padding-top: 20px;}	
.wapbottomlogo img{ width: auto; height: 50px; }
.wapbottomfont{ width: auto; height: 26px; line-height: 26px; text-align: center;font-family: Calibri, sans-serif; font-weight:300;color: #dddddd; font-size: 16px;}		
.wapbottomcontact{ width: 88%;  line-height:27px; text-align: left;font-family: Calibri, sans-serif; font-weight:300;color: #bbbbbb; font-size: 14px; margin: 0 auto;}
.wapbottomversion{  margin: 0 auto;text-align: center;text-transform:Uppercase; }
.wapbottomversion ul{ width: auto;display: inline-block;width: 180px;}
.wapbottomversion ul li{ float: left;display: inline; line-height: 50px; width: 85px; margin-right: 2%; text-align: center;border:1px solid #fffff;}
.wapbottomversion ul li a{ width: 85px; margin: 0 auto; border:1px solid #000000; font-size: 12px; color: #000000;  background-color: #FFFFFF; padding: 6px 13px;border-radius: 2px;}
.wapbottomversion ul li a:hover{ width: 85px;margin: 0 auto; border:1px solid #222222; font-size: 12px; color: #000000;  background-color: #ffffff; padding: 6px 13px;border-radius: 2px;}

/*----------------------------------------------------以下为搜索部分------------*/	
.searchmore{width: 96%; margin: 0 auto;margin-top:-50px;}		
.wf-container {margin: 0 auto;  column-count: 2; display:block;}
.wf-container:before,.wf-container:after {content: '';display: table;}
.wf-container:after {clear: both;}
.wf-box {margin: 3px; }
.wf-box img { display: block; width: 100%;}
.wf-box .content {border-top-width: 0;padding: 5px 2px;}
.wf-box .content h3{line-height: 20px; font-family: Calibri, sans-serif; font-weight:400; font-size: 16px;text-transform:capitalize;}
.wf-box .content p{line-height: 18px;  font-family: Calibri, sans-serif; font-weight:300;font-size: 14px;color: #555555;}	
.wf-column {float: left;}




/*----------------------------------------------------以上为手机端css End------------*/	
}