@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:#f0f2f6;-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) { 
.toolbar{ display: none;}

.header{ width: 90%; height: 110px; margin: 0 auto; }	
.headerleft{ width:20%; float: left; margin-top: 25px; padding-left: 15px;}
.headerleft img{ width:auto;height: 70px;}	
.headerright{ width:65%; float: right;}		
.headerrightsearch{ width:100%; float: right;}
.headerrightnav{ width:100%; float: right; margin-top: 10px;}	
.bannerpicaboutus{width: 100%;}
	
/*menu*/
.cur{ background:#D96C00; font-weight:bold;}
#navigationmenu {float: right; display:block; padding-top: 15px; width:90%;}
#navigationmenu .mainlevel { float:left; height:4.2vh; line-height: 4.2vh; text-align: center;margin-right: 2.8%; text-align: left;/*IE6 only*/}
#navigationmenu .mainlevel a {color:#000; text-decoration:none; height:4.2vh; line-height: 4.2vh; display:block; padding:0 6px; width:100%; font-size: 1.5vw;font-weight: 400;}
#navigationmenu .mainlevel a:hover {color:#555; text-decoration:none;font-size: 1.5vw; height:4.2vh; line-height: 4.2vh;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff; font-weight: 400;}
#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: 1.1vw; text-align: left;}
#navigationmenu .mainlevel2 a:hover {color:#666; text-decoration:none;font-size: 1.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;}	
	
	
/*----------------------------------------------------以上为电脑端顶部和导航部分------------*/
/*----------------------------------------------------以下为公司简介部分------------------*/

.titlebig{font-size: 2.8rem; text-align: center; height: 70px; line-height: 70px;font-family: Acumin Pro;  padding-top: 20px; font-weight:bold;text-transform: uppercase;}	
.titlesmall{font-size: 17px;text-align: center;height: 50px;line-height:25px;font-family: Calibri, sans-serif; font-weight:300; color: #333;}
.aboutus{ width: 90%; line-height: 35px; margin: 0 auto;font-family: Calibri, sans-serif; font-weight:300;color: #000000; font-size: 21px; }
	
/*----------------------------------------------------以下为产品分类部分------------------*/	
.category{ width: 90%; margin: 0 auto;border: 1 #441A1A solid; margin-top: 20px; margin-bottom: 550px;}	
.category ul{ width: 100%;}	
.category ul li{ width:23%;  float: left; padding-right: 2%;}
.category ul li p{ width:100%;  line-height: 25px; font-family: Roboto;font-weight: lighter;}	
.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);}	


/*----------------------------------------------------以下为产品详细部分------------------*/	
.productmore{ width: 90%; margin: 0 auto;border: 1 #441A1A solid; margin-top: 20px; margin-bottom: 550px;}	
.productmore ul{ width: 100%;}	
.productmore ul li{ width:18%;  float: left; padding-right: 2%;}
.productmore ul li p{ text-transform:capitalize; text-align: center;width:98%; margin: 0 auto; line-height: 26px; height: 52px; font-size: 19px; font-family: Calibri, sans-serif;font-weight:300;margin-top: 10px;margin-bottom: 10px;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);}	

.calsscatalogy{width: 90%; margin: 0 auto; text-align: center;  margin-top: 10px; height: 120px;}
.calsscatalogy ul{ width: auto;display: inline-block; text-align: center; margin: 0 auto;}
.calsscatalogy ul li{ float: left;display: inline; font-size: 15px; margin-right: 30px; }
.calsscatalogy ul li h3{width: auto; width: 97px; 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: 30px; font-size: 18px;}	
.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); }
/*-------------------------------------------------------------fanye--------*/
.fanye{padding:5px 10px;text-align:center;font-size:22px;margin-bottom:15px;margin-top:8px;clear:both;height:32px;padding:5px 10px;font-family:candara; margin-left: -30px;}
.fanye a,div.fanye span{display:inline;margin-left:4px;padding:5px 15px;height:26px;border:1px solid;border-color:#ddd;background-color:#FFF;background-repeat:no-repeat;color:#333;overflow:hidden;text-decoration:none;border-radius:2px;font-size:22px;font-family:candara;}
.fanye span{color:#555;font-size:22px;font-family:candara;}
.fanye span.current{font-weight:bold;background-color:#000000;color:#fff;border-radius:2px;border-color:#000000;font-size:22px;font-family:candara;}

.fanye a:hover{border-color:#D0D0D0;}
/*----------------------------------------------------以下为产品详情部分------------------*/	
.productshow{ width: 90%; margin: 0 auto; height: auto!important; }	
.productshowleft{ width: 77%; float:left;height: auto;}			
.productshowleft h1{font-size: 1.8rem; text-align: center;  line-height: 50px;font-family: Acumin Pro;text-transform:capitalize; margin-top: 30px; }	
.productshowleft h2{font-size: 18px;text-align: center;line-height:30px;font-family: Calibri, sans-serif;font-weight:300; color: #333;}
.productshowcontent{width: 100%; line-height: 35px; margin: 0 auto;font-family: Calibri, sans-serif;font-weight:300;color: #000000; font-size: 21px; text-align: left; padding: 0 5px 10px 5px;}
.productshownext{width: 100%; height:30px; line-height:30px; font-family: Calibri, sans-serif; font-weight:300;color: #000000;font-size: 18px;text-transform: capitalize;}
.productshownext a{width: 100%; height:30px; line-height:30px; font-family: Calibri, sans-serif;font-weight:300;color: #000000; font-size: 18px; text-transform: capitalize;}
.productshownext a:hover{width: 100%; height:30px; line-height:30px; font-family: Calibri, sans-serif; font-weight:300;color: #000000; text-decoration: underline;font-size: 18px;text-transform: capitalize;}
.prodctshowrelate{ width: 100%; border-bottom:1px solid #bbbbbb; height: 35px; line-height: 35px; margin-top: 10px; padding-left: 1%; font-size: 24px;}
.prodctshowcategory{ width: 100%; margin: 0 auto; margin-top: 20px; margin-bottom: 50px;}	
.prodctshowcategory ul{ width: 100%; margin-left: 1%}	
.prodctshowcategory ul li{ width:23%;  float: left; padding-right: 2%;}
.prodctshowcategory ul li p{ width:100%;  line-height: 26px; font-family: Calibri, sans-serif;font-weight:300; padding-top: 10px; font-size: 19px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;text-transform:capitalize; text-align: center;}
.more{ margin: 0 auto; text-align: center; margin-top:30px;}
.more a{  margin: 0 auto; border:1px solid #222222;  line-height: 35px; font-size: 14px; color: #000000;  background-color: #f0f2f6; padding: 7px 25px;border-radius: 2px; font-weight: bold;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5),
              -5px -5px 10px rgba(255, 255, 255, 0.8);}
.more a:hover{ margin: 0 auto; border:1px solid #222222;  line-height: 35px; font-size: 14px; color: #FFFFFF;  background-color: #000000; padding: 7px 25px;border-radius: 2px; font-weight: bold;box-shadow:2px 2px 3px #aaaaaa;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5),
              -5px -5px 10px rgba(255, 255, 255, 0.8);}	
.productshowright{ width: 18%; float:right; margin-top: 115px;overflow: hidden;border:1px solid #dde3ee;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'); background-color: #e5e9f2;}	
.productshowright h2{font-family: Calibri, sans-serif; font-weight:400; margin: 10px; line-height: 35px; font-size:30px;border-bottom:1px solid #aaaaaa;}
.productshowright ul{ margin-left: 12px;  margin-bottom: 8px;padding-left: 5px;}
.productshowright ul a{color: #000000;font-family: Calibri, sans-serif; font-weight:400; font-size:20px;}
.productshowright ul a:hover{color: #000000; font-family: Calibri, sans-serif; font-weight:400;font-size: 20px;}	
.productshowright ul li{padding-left: 5px; line-height: 30px;}
.productshowright ul li a{color: #000000;font-family: Calibri, sans-serif; font-weight:300; font-size: 18px; color: #333333;}
.productshowright ul li a:hover{color: #000000; text-decoration: underline;font-family: Calibri, sans-serif; font-weight:300;font-size: 18px;color: #333;}
	
/*----------------------------------------------------以下为新闻中心部分------------------*/	
.newscenter{ width: 90%; margin: 0 auto;border: 1 #441A1A solid;}	
.newscenter ul{ width: 100%;}	
.newscenter ul li{ width:22%;  float: left; padding-right: 3%;}
.newscenter ul li h2{ width:100%;  line-height: 26px; font-family: Calibri, sans-serif; font-weight:400; font-size: 20px; padding-top: 10px;}
.newscenter ul li p{ width:100%;  line-height: 23px;  font-family: Calibri, sans-serif; font-weight:300;font-size: 16px; margin-bottom: 10px;color: #555555;}
.newsindexpic {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');}
.newsindexpic img{width:100%;cursor: pointer; transition: all 0.6s;}
.newsindexpic img:hover{width:100%;transform: scale(1.1);}
	
/*----------------------------------------------------以下为联系我们部分-----------*/
.contactus{ width: 85%; margin: 0 auto; margin-top: 20px;margin-bottom: 20px; display: -webkit-box;}
.contactusleft{ width: 49%; float:left; height: 320px; display: table-cell;}
.contactusleft p{ width: 95%; line-height: 40px;font-family: Calibri, sans-serif; font-weight:300;font-size: 20px; margin: 0 auto；border:1px solid #bbbbbb; margin-left: 5%;}	
.contactusright{ width: 49%; float:right;display: table-cell;}
.contactusright img{ width: 95%;height: 100%;object-fit: cover; }	

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