﻿@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: Helvetica, Arial, sans-serif;background-color:#f0f2f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;font-smooth:subpixel-antialiase;}
h5,h6{font-size:14px;}
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;position: relative;}
.flash { width:auto; overflow:hidden; clear: both; margin: 0; padding: 0;min-height: 660px; max-height: 760px;}
.flash .num { overflow:hidden; margin: 0 auto;height:20px; position: absolute; bottom:0px; padding-bottom:8px; width:100%;zoom:1; z-index:3;text-align: center;}
.flash .num ul{ width:auto;  margin: 0 auto; display: inline-block;text-align: center;}
.flash .num li { width: 80px; height: 8px; line-height:8px; text-align: center; font-family: "HelveticaNeueW01","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif; color:#ccc; font-size:0px; background:#fff; margin-right:5px; margin-left:5px;border-radius:5%; cursor:pointer; float: left; display: inline;text-align: center;}
.flash .num li.on { background: #000; } 
.flash a.prev:hover {background-position:0px 0px;background-position: left; }
.flash a.next:hover {background-position:0px 0px;background-position: right; }	
.flash .prev,
.flash .next { display: none; width: 40px; height:85px; background: url(../images/btn.png) no-repeat; position: absolute; top:220px;}
.flash .prev { left: 30px; background-position: left; }
.flash .next { right:30px; background-position: right; }
.flash .flashpic { width:100%;  clear: both; right: 0;}	
.flash .flashpic ul{ width:100%;  overflow:hidden; display:block;}	
.flash .flashpic li {width:100%; }
.flash .flashpic li img{width:100%;display:inline-block; max-width: 100%; min-height: 660px; max-height: 760px;}
.flash .navigation { position: absolute; width: 85%; height: 50px;zoom:1; z-index:5; left: 8%; margin-top: 3vh;}
.flash .navigationleft { float: left; width: 19%; bottom: 0; }
.flash .navigationleft img{ float: left; width: auto; height: 50px;}	
.flash .navigationright { float: right;}
/*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;}	
	
/*----------------------------------------------------以上为电脑端顶部和导航部分------------*/
.titlebig{font-size: 2.8rem; text-align: center; height: 80px; line-height: 80px;font-family: Acumin Pro;  font-weight:bold;}	
.titlesmall{font-size: 17px;text-align: center;height: 50px;line-height:25px;padding-bottom: 20px;font-family: Calibri, sans-serif; font-weight:300; color: #333; }		
.category{ width: 90%; margin: 0 auto;border: 1 #441A1A solid;}	
.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);}	
.indexwapbottom{ display: none;}
	
}
.more{ margin: 0 auto; text-align: center; margin-top: 30px;}
.more a{  margin: 0 auto; border:2px solid #222222;  line-height: 35px; font-size: 16px; color: #000000;  background-color: #f0f2f6; padding: 10px 40px;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:2px solid #222222;  line-height: 35px; font-size: 16px; color: #FFFFFF;  background-color: #000000; padding: 10px 40px;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);}

/*----------------------------------------------------以下为电脑端关于我们------------*/	
.aboutus{ width: 100%; background:url(../images/aboutusbg.jpg) 0 top repeat-x; margin-top: 32px;clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);}
.aboutustitlebig{width: 90%; margin: 0 auto; font-family: Acumin Pro; text-align: center;font-size: 2.5rem; color:#ffffff; height: 80px; line-height: 80px; padding-top: 30px;font-weight:bold;}
.aboutustitlesmall{font-size: 17px;text-align: center;height: 50px;line-height:25px;padding-bottom: 20px;font-family: Calibri, sans-serif; font-weight:300; color: #eeeeee; }
.aboutusbg{ width: 90%; margin: 0 auto;overflow: hidden;
    position: relative; }
.aboutusbgleft{ width: 48%; float: left;display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;}
.aboutusbgleft img{width: 100%; height: 100%;}
.aboutusbgright{ width: 48%; float:right; color: #ffffff;font-family: Calibri, sans-serif; font-weight:300; line-height: 33px; font-size: 18px; }
.aboutusbgright P{ width: 100%; color: #fe049d;font-family: Acumin Pro; font-size: 1.8rem; line-height:50px; height: 50px; }
.aboutmore{ margin: 0 auto; text-align: center; margin-top: 40px;margin-top: 30px; padding-bottom: 60px;}
.aboutmore a{  margin: 0 auto; border:2px solid #000000;  line-height: 35px; font-size: 16px; 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: 16px; color: #444444;  background-color: #cccccc; padding: 10px 40px;border-radius: 2px; font-weight: bold;}

/*----------------------------------------------------以下为电脑端新闻中心------------*/
.indexnewscenter{width:100%;}
.newscenter{ width: 90%; margin: 0 auto;border: 1 #441A1A solid;}	
.newscenter ul{ width: 100%;}	
.newscenter ul li{ width:23%;  float: left; padding-right: 2%;}
.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);}	

/*----------------------------------------------------以下为电脑端底部------------*/
.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;}	

/*----------------------------------------------------以上为电脑端css End------------*/	


/*----------------------------------------------------以下手机端为顶部导航------------*/
@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; z-index:997; background-color: rgba(100,100,100,0.5);}
.logo{height: 40px; float: left; margin-left: 6px;}
.logo img{ float: left; width: auto; height: 37px;}	
.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:#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;}
/*----------------------------------------------------以上手机端顶部导航------------*/
/*----------------------------------------------------以下手机端幻灯片------------*/
.banner{ width:100%; }
.flash { width:100%; position: relative; overflow:hidden; margin-bottom: 15px; min-height: 230px;max-height: 500px;}
.flash .num { overflow:hidden; margin: 0 auto;height:14px; position: absolute; bottom:0px; padding-bottom:1px; width:100%;zoom:1; z-index:3;text-align: center;text-transform:Uppercase;}
.flash .num ul{ width:auto;  margin: 0 auto; display: inline-block;text-align: center;}
.flash .num li { width: 50px; height: 6px; line-height:6px; text-align: center; font-family: "HelveticaNeueW01","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif; color:#000000; font-size:0px; background:#ffffff; margin-right:5px; margin-left:5px;border-radius:5%; cursor:pointer; float: left; display: inline;text-align: center;}
.flash .num li.on { background: #000000; } 
.flash a.prev:hover {background-position:0px 0px;background-position: left; }
.flash a.next:hover {background-position:0px 0px;background-position: right; }	
.flash .prev,
.flash .next { display: none; width: 40px; height:85px;  position: absolute; top:100px;}
.flash .prev { left: 50px; background-position: left; }
.flash .next { right:50px; background-position: right; }
.flashpic li { width:100%; display:block;}
.flashpic li img{width:100%; display:block; min-height: 230px;max-height: 500px;}
/*----------------------------------------------------以上为手机端顶部导航结束------------*/
	
/*----------------------------------------------------以下为产品分类部分------------*/	
.titlebig{font-size: 25px; text-align: center; height: 40px; line-height: 40px;}	
.titlesmall{font-size: 12px;text-align: center;line-height: 18px;font-family: Calibri, sans-serif; font-weight:300; color: #888888; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:90%; margin: 0 auto; height: 36px;}		
.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);}
.more{ margin: 0 auto; text-align: center; margin-top: 1px;}
.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;}			

/*----------------------------------------------------以上为产品分类部分------------*/	

/*----------------------------------------------------以下为公司简介部分------------*/	
.aboutus{ width: 100%; background:url(../images/aboutusbgwap.jpg) 0 top repeat-x; margin-top: 1px;padding-top: 20px; polygon(0 0, 100% 4%, 100% 96%, 0 100%);}
.aboutustitlebig{font-size: 25px; text-align: center; height: 30px; line-height: 30px;}	
.aboutustitlesmall{font-size: 12px;text-align: center;line-height: 18px;font-family: Calibri, sans-serif; font-weight:300; color: #888888; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; width:90%; margin: 0 auto; height: 30px;}
.aboutusbg{width:98%; margin: 0 auto; text-align: center;display: grid;place-items: center;position: relative;}
.aboutusbgleft{width: 80%; margin: 0 auto; float: left;position: relative; z-index: 1;}	
.aboutusbgleft img{width: 100%; height: auto;}
.aboutusbgright{ float: right; width: 100%; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 7;  overflow: hidden; font-family: Calibri, sans-serif; font-weight:300;color: #dddddd; font-size: 17px; line-height: 27px;}
.aboutusbgright p{width: 100%; color: #fe049d;font-family: Acumin Pro; font-size: 19px;; line-height:35px; height: 35px; font-weight: bold; margin-top: 6px;}	
/*----------------------------------------------------以上为公司简介部分部分------------*/	

/*----------------------------------------------------以下为新闻中心部分------------*/		
.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: 2px;}
.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);}
	
/*----------------------------------------------------以下为底部部分------------*/	
.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;}		
.wapbottomfont a{ height: 26px; line-height: 26px; text-align: center;font-family: Calibri, sans-serif; font-weight:300;color: #dddddd; font-size: 16px;}
.wapbottomfont a:hover{ 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;}

/*----------------------------------------------------以上为手机端css End------------*/	
}	



  