@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;color:#fff;text-decoration:none;}
body{font:12px/180%;font-family: Calibri, sans-serif;background-color:#e7dad8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;font-smooth:subpixel-antialiase;}
h5,h6{font-size:21px;}
section{margin:4em 0;}
.clear{ clear:both; height:1px; line-height:1px;}



/*-------------------------------------------------------以下为电脑CSS样式表----------------*/
@media screen and (min-width:900px) { 
.wapbanner{ display: none;}

.banner{ width:auto; margin: 0; padding: 0;}
.banner img{ width:100%;}	
.flash { width:auto; overflow:hidden; clear: both; margin: 0; padding: 0; max-height: 830px;position: relative;text-align: center;}
.flash .navigation { position: absolute; width: 85%; height: 50px;zoom:1; z-index:5; top:6%; left: 50%;transform: translate(-50%, -50%); }
.flash .navigationleft { float: left; width: 19%; bottom: 0; }
.flash .navigationleft img{ float: left; width: auto; height: 50px;}	
.flash .navigationright { float: right;}
.flash .bigsubtitle {  width: 85%;  padding-top: 100px;position: absolute;zoom:1; z-index:5; top:45%; left: 50%;transform: translate(-50%, -50%);}
.flash .bigsubtitle h1{ line-height: 88px; font-family: Acumin Pro;font-weight:bold; font-size: 60px; color:#ffffff; }
 .flash .bigsubtitle p{ font-family: Acumin Pro; font-size: 24px; color:#ffffff; line-height: 40px;font-weight:lighter;}
/*menu*/
.cur{ background:#D96C00; font-weight:bold;}
#navigationmenu {float: left; display:block; padding-top: 15px; width:60%; padding-left: 60px;}
#navigationmenu .mainlevel { float:left; height:7vh; line-height: 7vh; text-align: center;margin-right: 2.8%;/*IE6 only*/}
#navigationmenu .mainlevel a {color:#000; text-decoration:none; height:4.2vh; line-height: 4.2vh; display:block; padding:0 2px; width:100%; font-size: 1.35vw;}
#navigationmenu .mainlevel a:hover {color:#555; text-decoration:none;font-size: 1.35vw; height:4.2vh; line-height: 4.2vh;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff;}
#navigationmenu .mainlevel ul {width:auto;display:none; position:absolute;margin-top: 3px; overflow: hidden;}
#navigationmenu .mainlevel li { width:auto;/*IE6 only*/}

#navigationmenu .mainlevel2 {height: 4.2vh; line-height: 4.2vh; background:#eee;width:inherit;}	
#navigationmenu .mainlevel2 li {border-top:1px solid #000; height: 4.2vh; line-height: 4.2vh;width: inherit; /*IE6 only*/}
#navigationmenu .mainlevel2 a {border-top:1px solid #000;color:#000; text-decoration:none; display:block; padding-left: 7px; padding-right: 20px; height: 4.2vh; line-height: 4.2vh; font-size: 1vw; text-align: left;}
#navigationmenu .mainlevel2 a:hover {color:#666; text-decoration:none;font-size: 1vw; }

.pcsearch{ width: 20px;border:1px solid #fff; float:right; }	
.search{position:relative;display:block;float:right;margin-top: 15px;}
.search .input{display:block;margin:0;padding:3px 30px 3px 10px;width:120px;height:20px;line-height:20px;color:#222;border:1px solid #555;border-radius:1.2px;background:none;outline: none;}
.search .submit{position:absolute;top:0;right:0;display:block;width:40px;height:28px;line-height:28px;text-indent:-9999px;color:#fff;border:none;background:url(../images/search.png) no-repeat center;cursor:pointer;_text-indent:0;overflow:hidden;}	
	
/*--------------------------------------------------------以上为电脑端顶部和导航部分------------*/
	
/*--------------------------------------------------------以下为网站详细部分------------------*/
.bigtitle{width: 80%; text-align: center; height:100px;line-height:100px; margin: 0 auto;font-family: Montserrat, sans-serif;font-weight:bold; font-size: 52px; color: #cc1e21; }	
.smalltitle{width: 70%; text-align: center; line-height: 30px;font-family: Calibri, sans-serif; color: #eeeeee; font-weight: 300; font-size: 20px; color:#111111;margin: 0 auto;}


.detailsbgprofile{ width: 90%; margin: 0 auto;margin-top:40px;clear: both;}
.detailsbgprofileleft{ height: 365px;width: 48%; float:left; color: #000000;font-family: Calibri, sans-serif; font-weight:300; line-height: 35px; font-size: 22px; display: flex;align-items: center;}
.detailsbgprofileleft h2{ width: 100%; line-height: 47px; font-size: 38px; font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21; }
.detailsbgprofileright{ width: 49%; float:right;}
.detailsbgprofileright img{width: 100%; height: 100%;}
	
/*--------------------------------------------------------以上为公司简介部分------------------*/
	
.bigtitle2{width: 80%; text-align: center; height:100px;line-height:100px; margin: 0 auto;font-family: Montserrat, sans-serif;font-weight:bold; font-size: 55px; color: #cc1e21;  margin-top: 35px;}	
.smalltitle2{width: 70%; text-align: center; line-height: 30px;font-family: Calibri, sans-serif; color: #eeeeee; font-weight: 300; font-size: 20px; color:#111111;margin: 0 auto;}
.aboutmore{ margin: 0 auto; text-align: left; margin-top: 20px;}
.aboutmore a{  margin: 0 auto; border:2px solid #000000;  line-height: 35px; font-size: 18px; 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: 18px; color: #444444;  background-color: #cccccc; padding: 10px 40px;border-radius: 2px; font-weight: bold;}
	
.detailsproduct1{ width: 90%; margin: 0 auto;margin-top:30px; }
.detailsproduct1left{ width: 47%; float: left;}
.detailsproduct1left img{width: 100%; height: 100%;}
.detailsproduct1right{ height: 365px;width: 49%; float:right; color: #000000;font-family: Calibri, sans-serif; font-weight:300; line-height: 34px; font-size: 22px; display: flex; justify-content: center;align-items: center;}
.detailsproduct1right h5{ width: 100%; line-height: 47px; font-size: 38px; font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21; }
	
.detailsproduct2{ width: 90%; margin: 0 auto;margin-top:40px;clear: both;}
.detailsproduct2left{ height: 365px;width: 48%; float:left; color: #000000;font-family: Calibri, sans-serif; font-weight:300; line-height: 35px; font-size: 22px; display: flex;align-items: center;}
.detailsproduct2left h5{ width: 100%; line-height: 47px; font-size: 38px; font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21; }
.detailsproduct2right{ width: 49%; float:right;}
.detailsproduct2right img{width: 100%; height: 100%;}

/*----------------------------------------------------以下4个产品部分------------*/	
.productcenter{ width: 94%; margin: 0 auto;border: 1 #441A1A solid; margin-top: 40px;padding-left: 1.3%;}	
.productcenter ul{ width: 100%;}	
.productcenter ul li{ width:22%;  float: left; padding-right: 3%;}
.productcenter ul li h2{ width:100%;  line-height: 28px; font-family: Calibri, sans-serif; font-weight:400; font-size: 21px; padding-top: 10px;}
.productcenter ul li p{ width:100%;  line-height: 23px;  font-family: Calibri, sans-serif; font-weight:300;font-size: 18px; margin-bottom: 10px;color: #555555;}
.productindexpic {width:100%;overflow: hidden;border:1px solid #aaaaa;border-radius: 1%;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: 30px;}
.productmore a{  margin: 0 auto; border:2px solid #000000;  line-height: 35px; font-size: 18px; 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: 18px; color: #444444;  background-color: #cccccc; padding: 10px 40px;border-radius: 2px; font-weight: bold;}
	
/*----------------------------------------------------以下4个产品部分------------*/	
.advantageproduct{ width: 90%; margin: 0 auto;margin-top:30px; }
.advantageproductleft{ width: 47%; float: left;}
.advantageproductleft img{width: 100%; height: 100%;}
.advantageproductright{ height: 550px;width: 49%; float:right; color: #000000;font-family: Calibri, sans-serif; font-weight:300; line-height: 34px; font-size: 22px; display: flex; justify-content: center;align-items: center;}
.advantageproductright h5{ width: 100%; line-height: 47px; font-size: 38px; font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21; }
/*----------------------------------------------------以下是如何去定制------------*/	
.costomdetail{ width: 93%; margin: 0 auto; margin-top: 40px;padding-left: 1.3%;}
.costomdetail ul{ width: 100%;}	
.costomdetail ul li{ width: 23%; float:left; margin-right: 2%}		
.costomdetail1{ width: 100%; text-align: center;font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21;line-height: 57px; font-size: 38px; margin-top: 20px;}
.costomdetail2{ width: 100%; text-align: center;font-family: Montserrat, sans-serif; font-weight: bold;color: #cc1e21;line-height: 47px; font-size: 20px;}
.costomdetail3{ width: 100%; text-align: center;color: #000000;font-family: Calibri, sans-serif; font-weight:300; line-height: 30px; font-size: 21px; }
	
.faqdetail{ width: 93%; margin: 0 auto;border: 1 #441A1A solid; margin-top: 40px;padding-left: 1.8%;}	
.faqdetail ul{ width: 100%;margin-left: 1%;}	
.faqdetail ul li{ width:47%;  float: left; padding-right: 3%;margin-top: 20px;font-family: Calibri, sans-serif;font-weight: 300; font-size: 20px;  line-height: 30px;}
.faqdetail ul li h4{ width:100%;  line-height: 50px; font-family: Calibri, sans-serif; font-weight:400; font-size:25px;}

	
	
/*--------------------------------------------------------以下为电脑端底部------------*/
.indexwapbottom{ display: none;}
.indexpcroot{ width:100%; height: 210px; background-color:#000000; margin-top: 20px;clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%); padding-top: 20px;}
.indexpcroot2{ width:90%; margin: 0 auto; height: 170px;}
.indexpcroot2left{ width:23%; float:left; color: #ffffff; text-align: center;display: inline-block;}
.indexpcroot2left img{ width:80%;}
.indexpcroot2left p{ width:95%; margin: 0 auto; font-family: Calibri, sans-serif; color: #eeeeee; font-weight: 300; text-align: center; line-height: 50px;font-size: 19px;}
.indexpcroot2right{ font-size: 17px; width:74%; float: right;color: #ffffff;display: inline-block;margin-top: 20px;font-family: Calibri, sans-serif; font-weight: 300; line-height: 27px;}
.indexpcroot2right1{ width:75%; float: left;}
.indexpcroot2right2{ width:18%; float: right;margin-top: 20px;}
.indexpcroot2right2more{ margin: 0 auto; text-align: center;}
.indexpcroot2right2more a{  margin: 0 auto; border:1px solid #000000;  line-height: 30px; font-size: 16px; color: #000000;  background-color: #f0f2f6; padding: 7px 40px;border-radius: 2px; font-weight: bold;}
.indexpcroot2right2more a:hover{ margin: 0 auto; border:1px solid #222222;  line-height: 30px; font-size: 16px; color: #444444;  background-color: #cccccc; padding: 7px 40px;border-radius: 2px; font-weight: bold;}
.indexpcroot3{ width:90%; margin: 0 auto;color: #dddddd;  text-align: center; line-height: 30px;font-family: Calibri, sans-serif; font-weight: 300;font-size: 18px;}

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





/*----------------------------------------------------以上为电脑端css End------------*/	
}