@charset "utf-8";

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

.banner{ 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;}
.flashwap{width:100%;}
.flashwap img{width:100%;}
.flashwaptitle{width:90%; position: absolute;zoom:1; z-index:5; top:15%; left:5%;}
.flashwaptitle h1{width:100%; font-family: Acumin Pro;font-weight:bold; font-size: 30px; color:#ffffff; line-height: 40px;}
.flashwaptitle p{width:100%; font-family: Acumin Pro;font-weight:lighter; font-size: 18px; color:#ffffff;line-height: 30px;}	
/*----------------------------------------------------以下手机端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:#f0f2f6;}
/*----------------------------------------以下为手机端右侧导航------------*/	
.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;}
	
/*----------------------------------------------------以上手机端顶部导航------------*/

/*----------------------------------------------------以上为手机端顶部导航结束------------*/
	
/*----------------------------------------------------以下为手机端详细部分------------*/
.bigtitle{width: 95%; text-align: center; height:60px;line-height:60px; margin: 0 auto;font-family: Acumin Pro;font-weight:bold; font-size: 30px; color:#cc1e21;}	
.smalltitle{width: 95%; text-align: center; line-height: 28px;font-family: Calibri, sans-serif; color: #eeeeee; font-weight: 300; font-size: 19px; color:#000000;margin: 0 auto; margin-bottom: 30px;}
	
.detailsbgprofile{width:98%; margin: 0 auto; text-align:center;display: flex;flex-wrap: wrap;}
.detailsbgprofileleft{ width: 97%; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:18;  overflow: hidden; font-family: Calibri, sans-serif; font-weight:300;color: #000000; font-size: 18px; line-height: 28px; text-align: left; margin: 0 auto;}
.detailsbgprofileleft h2{width: 100%; color: #cc1e21;font-family: Acumin Pro; font-size: 25px;; line-height:35px; font-weight: bold; margin-top: 12px;}	
.detailsbgprofileright{width: 96%; margin: 0 auto;order: -1;}	
.detailsbgprofileright img{width: 100%; height: auto;}

/*----------------------------------------------------以下为手机端产品部分------------*/
.bigtitle2{width: 95%; text-align: center; height:60px;line-height:60px; margin: 0 auto;font-family: Acumin Pro;font-weight:bold; font-size: 30px; color: #cc1e21;}	
.smalltitle2{width: 95%; text-align: center; line-height: 28px;font-family: Calibri, sans-serif; color: #eeeeee; font-weight: 300; font-size: 19px; color:#000000;margin: 0 auto;margin-bottom: 20px;}	
.aboutmore{ margin: 0 auto; text-align: center; margin-top: 20px; padding-bottom: 20px;}
.aboutmore a{  margin: 0 auto; border:2px solid #000000;  line-height: 35px; font-size: 15px; color: #000000;  background-color: #f0f2f6; padding: 10px 40px;border-radius: 2px; font-weight: bold;}
.aboutmore a:hover{ margin: 0 auto; border:2px solid #222222;  line-height: 35px; font-size: 15px; color: #444444;  background-color: #cccccc; padding: 10px 40px;border-radius: 2px; font-weight: bold;}
.detailsproduct1{width:97%; margin: 0 auto; text-align: center;display: grid;place-items: center;position: relative; }
.detailsproduct1left{width: 96%; margin: 0 auto; float: left;position: relative; z-index: 1;}	
.detailsproduct1left img{width: 100%; height: auto;}
.detailsproduct1right{ float: right; width: 97%; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:18;  overflow: hidden; font-family: Calibri, sans-serif; font-weight:300;color: #000000; font-size: 18px; line-height: 28px;text-align: left; margin: 0 auto;}
.detailsproduct1right h5{width: 100%; color: #cc1e21;font-family: Acumin Pro; font-size: 25px;; line-height:35px; font-weight: bold; margin-top: 12px;}	
	
.detailsproduct2{width:98%; margin: 0 auto; text-align:center;display: flex;flex-wrap: wrap;}
.detailsproduct2left{ width: 97%; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:18;  overflow: hidden; font-family: Calibri, sans-serif; font-weight:300;color: #000000; font-size: 17px; line-height: 28px;text-align: left; margin: 0 auto;}
.detailsproduct2left h5{width: 100%; color: #cc1e21;font-family: Acumin Pro; font-size: 25px;; line-height:35px; font-weight: bold; margin-top: 12px;}	
.detailsproduct2right{width: 96%; margin: 0 auto;order: -1;}	
.detailsproduct2right img{width: 100%; height: auto;}

/*----------------------------------------------------以下4个产品部分------------*/	
.productcenter{ width: 99%; margin: 0 auto; margin-top: 20px;}	
.productcenter ul{ width: 96%; padding-left: 4%;}	
.productcenter ul li{ width:45%;  float: left; padding-right: 5%; padding-bottom: 10px;}
.productcenter ul li h2{ width:100%;  line-height: 21px; height:42px; font-family: Calibri, sans-serif; font-weight:400; font-size: 18px; padding-top: 10px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.productcenter ul li p{ width:100%;  line-height: 20px; font-family: Calibri, sans-serif; font-weight:300; color: #888888; font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}	
.productindexpic {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');}
.productindexpic img{width:100%;cursor: pointer; transition: all 0.6s;}
.productindexpic img:hover{width:100%;transform: scale(1.1);}		
.productmore{ margin: 0 auto; text-align: center; margin-top: 20px; padding-bottom: 20px;}
.productmore a{  margin: 0 auto; border:2px solid #000000;  line-height: 35px; font-size: 15px; color: #000000;  background-color: #f0f2f6; padding: 10px 40px;border-radius: 2px; font-weight: bold;}
.productmore a:hover{ margin: 0 auto; border:2px solid #222222;  line-height: 35px; font-size: 15px; color: #444444;  background-color: #cccccc; padding: 10px 40px;border-radius: 2px; font-weight: bold;}
/*----------------------------------------------------以下4个产品部分------------*/		
.advantageproduct{width:97%; margin: 0 auto; text-align: center;display: grid;place-items: center;position: relative; }
.advantageproductleft{width: 96%; margin: 0 auto; float: left;position: relative; z-index: 1;}	
.advantageproductleft img{width: 100%; height: auto;}
.advantageproductright{ float: right; width: 97%; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:18;  overflow: hidden; font-family: Calibri, sans-serif; font-weight:300;color: #000000; font-size: 18px; line-height: 28px;text-align: left; margin: 0 auto;}
.advantageproductright h5{width: 100%; color: #cc1e21;font-family: Acumin Pro; font-size: 25px;; line-height:35px; font-weight: bold; margin-top: 12px;}	
		
.costomdetail{ width: 98%; margin: 0 auto; margin-top: 10px;}
.costomdetail ul{ width: 100%;}	
.costomdetail ul li{ width: 99%;}		
.costomdetail1{ width: 100%; text-align: center;font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21;line-height: 35px; font-size: 30px; margin-top: 10px;}
.costomdetail2{ width: 100%; text-align: center;font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21;line-height: 30px; font-size: 20px;}
.costomdetail3{ width: 100%; text-align: center;color: #000000;font-family: Calibri, sans-serif; font-weight:300; line-height: 27px; font-size: 18px; }	

.faqdetail{ width: 97%; margin: 0 auto;border: 1 #441A1A solid; margin-top: 40px;}	
.faqdetail ul{ width: 100%; }	
.faqdetail ul li{ width:100%;font-family: Calibri, sans-serif;font-weight: 300; font-size: 18px;  line-height: 22px;text-align: left;}
.faqdetail ul li h4{ width:100%;  line-height: 50px; font-family: Calibri, sans-serif; font-weight:400; font-size:23px;}
	
	
	
	
	

/*------------------------------------------------------以下为底部部分------------*/		
.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------------*/	
}