@charset "utf-8";
/* 
 *样式表文件
 *
 *设计制作：厦门锐道文化传播有限公司（www.ruidle.com）
 *联系电话：0592-5822860
 */
@font-face {font-family:'dandad-icons';src:url('font/dandad-icons.eot');src:url('font/dandad-icons.eot') format("eot"),url('font/dandad-icons.woff') format("woff"),url('font/dandad-icons.ttf') format("truetype"),url('font/dandad-icons.svg') format("svg");font-weight:normal;font-style:normal}
.muicon{ font-family: 'dandad-icons'; font-style: normal;}
.muicon:before{content: attr(data-icon);}
.animated{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-family:Arial, Helvetica, Verdana, Geneva, sans-serif}
body{margin:0px;padding:0px; font-family:Verdana, sans-serif;/*text-transform:capitalize;*/}
ul,h1,h2,h3,h4,li{margin:0px;padding:0px; list-style-type:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:underline; text-decoration:none;}
.clear{ clear:both;  margin:0; padding:0; border:0;}
input,textarea{outline:none;background-color:transparent;resize:none;}
.none{display:none; }
img{border:0px;display:block;}
/*页眉*/
.header{height:97px;background:url(../images/header.png) repeat-x left top;width:100%;}
.w1200{margin:auto;max-width:1200px;}
.header h1{ position:absolute; background:url(../images/logo.png) no-repeat; width:170px; height:142px; overflow:hidden; z-index:999;}
.header h1 a{display:block; padding-top:150px;}
.header .nav{float:right;}
.header .nav ul li{ display:inline-block;}
.header .nav ul li a { font-size:15px; color:#dabb7d; padding:10px 15px;line-height:56px;}
.header .nav ul li a:hover{ color:#ffeac1;}

.header .nav ul li ul{ position:absolute; background:rgba(53,26,0,.6);  z-index:999; padding:10px 0; display:none;}
.header .nav ul li.wheretobuy ul{ padding:0; background:none;}
.header .nav ul li ul li{display:block;}
.header .nav ul li ul li a{ line-height:30px; display:block; padding:0 15px;}
.header .nav ul li ul li a:hover{ background:rgba(155,103,15,.5);}

.header .nav ul li ul li ul{ display:none; position:absolute; background:rgba(53,26,0,.9); z-index:999; left:100%; top:0px; min-height:100%;}
.header .nav ul li ul li ul li{display:block;}
.header .nav ul li ul li ul li a{ line-height:30px; white-space:nowrap;}

.header .nav ul li.wheretobuy a{ background:#95702e; color:#ffeac1; border-radius:5px; font-size:12px;}
.header .nav ul li.wheretobuy a:hover{ background:#8a6625;}
.header .nav ul li span{ font-size:12px; color:#856d3f; line-height:30px;}

.serachicon{ position:absolute; background:rgba(255,255,255,.5); width:200px; height:40px; overflow:hidden; top:97px; left:50%; z-index:999; margin-left:400px; padding:5px; border-radius:0 0 5px 5px;}
.serachicon input[name="keyword"]{ width:85%; height:30px; border:solid #999 1px; box-shadow:1px 1px 5px #CCC inset; float:left; background:#fff; text-indent:5px;}
.serachicon input[type="submit"]{ width:15%; float:left; height:30px; background:url(../images/serach.png) no-repeat center center; border:0;}
.header .nav ul li.searchbox{ display:none;}
.searchicon{ background:url(../images/serach.png) no-repeat center center; width:20px; height:20px; display:block; position:absolute; left:50%; top:57px; margin-left:606px; cursor:pointer;}

.gipqo{height:40px; padding-top:10px;}
.gipqo a{ float:right; display:block;margin-left:10px; color:#FFF; font-size:14px; text-transform:uppercase; border:1px solid #cdb174; padding:5px 15px; padding-left:25px;  border-radius: 3px; background:url(../images/icon_dinglei.png) no-repeat 8px center;}
.gipqo a:hover{ color:#cdb174;}
.gipqo a.a1{background-position: left center;}
.gipqo a.a2{background-position: -26px center;}
.gipqo a.a3{background-position: -52px center;}
.gipqo a.a4{background-position: -78px center;}
.gipqo a.a5{background-position: -104px center;}
.gipqo a.a6{background-position: -130px center;}
.gipqo a.a7{background-position: -156px center;}
.gipqo a.a8{background-position: -182px center;}
/*页脚*/
.footer{ background:url(../images/footer.jpg) repeat-x left top; height:118px; width:100%; text-align:center; color:#dabb7d; font-size:12px; padding-top:22px;}
.footer .fnav a{color:#dabb7d; font-size:12px; margin: 0 15px;}
.footer .fnav a:hover{ text-decoration:underline;}
.code2{ position:absolute; left:50%; margin-left:500px;}
/*首页*/
.ibox1{ background:#ededed; padding:30px 0; text-align:center;}
.ibox1 ul li{display:inline-block; border:solid #95702e 3px; margin:0 10px;}
.ibox1 ul li:hover{ border:solid #ffa300 3px;}
.ibox1 ul li:hover a span{ background:#ffa300;}
.ibox1 ul li a{ display:block; position:relative;}
.ibox1 ul li a span{ position:absolute; background:rgba(0,0,0,.5); padding:3px 8px; left:17px; top:17px; color:#ffeac1; font-weight:700; display:block;}
.imain{ max-width:1200px; margin:auto; padding:20px 0;}
.imain .left{ width:69%; float:left; overflow:hidden;}
.h3title{ font-size:19.18px; color:#95702e; min-height:40px;_height:40px; line-height:40px; border-bottom:solid #c0c0c0 1px; font-weight:normal;text-transform:uppercase;}
.iabout_text{ padding:20px 0;}
.iabout_text img{ max-width:100%;}
.iabout_text img.about_home{ float:left; border:solid #d2c4ab 2px; margin:8px 26px 0 0;}
.iabout_text p{ margin:0; padding:0; font-size:14px; color:#a3a3a3; line-height:28px;}
.iabout_text p a{color:#a3a3a3; text-decoration:underline;}
.iabout_text p a.more{ color:#95702e; text-decoration:none;}
.iabout_text p a.more:hover{color:#ffa300;}


.icontact_text{ margin-top:33px; background:url(../images/bg_contact.jpg) no-repeat right bottom; }
.icontact_text ul{ position:relative;}
.icontact_text ul li{ border-left:4px solid #95702e; padding-left:25px; width:30%; margin-right:3%; float:left; margin-bottom:50px; height:175px;}
.icontact_text ul li strong{ font-size:24px; color:#7e7d7d;}
.icontact_text ul li p{ color:#a3a3a3; line-height:150%; font-size:14px;}
.icontact_text .contact_img{ position:absolute;right:0px; }

.iproduct ul{padding:17px 0; width:850px;}
.iproduct ul li{ float:left; margin:0 16px 16px 0;}
.iproduct ul li a{ position:relative; display:block;}
.iproduct ul li a span{ position:absolute; bottom:0; background:rgba(0,0,0,.5); display:block; width:100%;height:30px; line-height:30px; padding:0 5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#fff;}

.iproduct2{ }
.iproduct2 ul{padding:17px 0; width:850px;}
.iproduct2 ul li{ float:left;padding:0 16px 26px 0; width:33.3333333333333%;}
.iproduct2.prindex ul li{ width:25%;}
.iproduct2 ul li img{ max-width:100%;}
.iproduct2 ul li strong{ font-weight:bolder; display:block; text-align:center; height:35px; line-height:35px;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.iproduct2 ul li a{color:#3d3d3d; font-size:14px;display:block; border-bottom:3px solid #95702e;}
.iproduct2 ul li a:hover{color:#7b7b7b;border-bottom:3px solid #a9a9a9;}

.ivideo{ float:left;}
.videobox{ width:266px; height:191px; overflow:hidden; margin-top:16px;}
.videobox video{width:266px; height:191px;}
.videobox span{ display:block; position:relative;}
.videobox span i{ display:block; position:absolute; background:url(../images/video.png) no-repeat; width:266px; height:191px; cursor:pointer;}
.videobox span i:hover{ opacity:.8;}
.inews{ float:right; width:545px;}
.datetime{ float:left; text-align:center; margin:0 10px 0 0;}
.datetime span{ display:block; font-size:18px; border-bottom:solid #95702e 1px;}
.datetime strong{display:block; font-size:40px; font-weight:normal; color:#694d1b; margin:0; padding:0; line-height:40px;}
.datetime i{ display: block; font-size: 1.14em; font-style: normal; text-transform:uppercase; line-height:20px;}
.inews ul{ padding-top:12px;}
.inews ul li{ height:105px;}
.inews ul li a{ color:#95702e; display:block;}
.inews ul li a:hover{ color:#694d1b;}
.inews ul li a:hover .listtext h3{color:#452f09; }
.inews ul li a:hover .listtext p{color:#959494;}
.inews ul li a .listtext h3{ color:#694d1b; font-size:13px;}
.inews ul li a .listtext p{ font-size:14px; color:#a3a3a3;}

.imain .right{ width:27.75%; float:right;}
.h3title2{width:100%;height:35px;-webkit-transform: skew(-15deg);-moz-transform: skew(-15deg);-o-transform: skew(-15deg);-ms-transform: skew(-15deg);transform: skew(-10deg);background: #95702e; line-height:35px; font-size:19.18px; color:#ededed; font-weight:normal; padding-left:15px; text-transform:uppercase;}


.rlist ul{ margin-bottom:30px;}

.rlist ul li a{ height:40px; line-height:40px; display:block; border-bottom:solid #dcdcdc 1px; font-size:14px; color:#a3a3a3; padding-left:5px;background: url(../images/liright.png) no-repeat right center;}
.rlist ul li{ position:relative;}
.rlist ul li ul{ margin:-41px 0 0 -100%; position:absolute; background:#fff; width:333px; border:solid #CCC 1px; display:none; box-shadow:-1px 1px 10px #999; z-index:999; border-radius:3px 0 0 3px;}
.rlist ul li a:hover{ background:#F9F9F9 url(../images/liright.png) no-repeat right center;}
.rlist ul li.lei2 a{ background:url(../images/liright.png) no-repeat 10px center; text-indent:20px;}
.rlist ul li.lei2 a:hover{background:#F9F9F9 url(../images/liright.png) no-repeat 10px center;}
.rlist ul li.lei2 a.on{ color:#95702e; font-weight:bolder;}

.h3title2.huititle{ background:#a9a9a9;}

.icontact{ margin-bottom:30px;}
.icontact p{ line-height:27px; font-size:14px; color:#a3a3a3;}
.icontact img{ max-width:100%;}
.itag a{ font-size:14px; color:#a3a3a3; margin-right:20px;white-space:nowrap; display:block; float:left;}
.itag a:hover{ text-decoration:underline;}

.banner2{ width:100%; margin:auto;overflow:hidden;  height:273px; background-color:#dbdbdb; border-bottom:3px solid #95702e;}
.b_aboutus{background:url(../images/banner_aboutus.jpg) no-repeat center;}

.product_img{ float:left;}
.product_spec{ width:705px; float:right;}
.product_stext{ margin-top:20px; margin-bottom:30px;}
.product_stext p{ color:#949494; font-size:14px; line-height:180%;}
.btn_inquire{ width:188px; height:41px; line-height:41px; overflow:hidden; color:#FFF; font-size:20px; background:#95702e; text-transform:uppercase; display:block; text-align:center; -moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px; /* W3C syntax */}
.btn_inquire:Hover{background:#a27b35;}
.h3title3{width:100%;height:42px; line-height:32px; font-size:20px; color:#95702e; font-weight:normal; border-bottom:1px solid #c0c0c0; text-transform:uppercase; font-weight:600;}

.product_intro{ margin-top:40px;}
.h3title4{width:100%;height:42px; line-height:42px; font-size:22px; color: #95702e; font-weight:normal;text-transform:uppercase;font-weight:600; margin-bottom:10px;}
.product_intro{color:#888888; font-size:14px; line-height:120%;}
.product_intro p{ color:#888888; font-size:14px;}
.product_intro strong{ color:#888;}
.product_intro td{ padding:3px 8px;}
.product_intro_text{ padding-bottom:20px; margin-bottom:30px; }
.product_intro_text img{ max-width:100%;}
.product_intro_text table{ border-top: dotted #666 1px;border-left: dotted #666 1px; width:100%;}
.product_intro_text table tr td{border-bottom: dotted #666 1px;border-right: dotted #666 1px;}
.product_intro_text table tr td p{ margin:0; padding:0;}
.product_intro_img{ }
.product_intro_img ul{padding:17px 0; width:1235px;}
.product_intro_img ul li{ float:left; margin:0 42px 26px 0;}
.product_intro_img ul li strong{ font-weight:bolder; display:block; text-align:center; height:35px; line-height:35px;}
.product_intro_img ul li a{color:#3d3d3d; font-size:14px;display:block; border-bottom:3px solid #95702e;}
.product_intro_img ul li a:hover{color:#7b7b7b;border-bottom:3px solid #a9a9a9;}

.page{ text-align:center; padding:20px;}
.page a{ display:inline-block; padding:3px 5px; border:solid #CCC 1px; font-size:12px; color:#707070; margin:0 3px;}
.page a.dang{ color:#fff; background:#95702e;}


.newsbox ul{ padding:20px 0;}
.newsbox ul li{ border-bottom:solid #e6e6e6 1px;}
.newsbox ul li a{ display:block; height:160px;padding:17px 0; color:#694d1b;}
.newsbox ul li a:hover{ background:#95702e; color:#fff;}
.newsbox ul li a:hover .datetime span{border-bottom:solid #fff 1px;}
.newsbox ul li a:hover img{ opacity:0;}
.newsbox ul li a h3{ font-size:1.25em;font-weight:normal;}
.newsbox ul li a p{ font-size:.75em; line-height:24px; color:#9c9c9c;}
.newsbox ul li a:hover p,.newsbox ul li a:hover p span,.newsbox ul li a:hover strong,.newsbox ul li a:hover i,.newsbox ul li a:hover span{color:#fff;}
.newsbox .datetime{ float:left; text-align:center; margin:0 35px; }
.newsbox .datetime span{ display:block; font-size:1.3375em; border-bottom:solid #95702e 1px; color:#95702e;}
.newsbox .datetime strong{display:block; font-size:3em; font-weight:normal; padding-top:5px;}
.newsbox .datetime i{ display: block; font-size: 1.14em; font-style: normal; text-transform:uppercase;color:#95702e; text-align:center}
.newsbox ul li .npic{ float:right; margin-left:20px; width:245px; height:124px; background:url(../images/nbj.png) no-repeat center center;}
.newsbox .more{ display:block; width:160px; height:35px; border:solid #414d58 2px; color:#414d58; text-align:center; line-height:32px; background:url(../images/more.png) no-repeat 130px center; font-family:Verdana, Geneva, sans-serif; font-size:.875em; margin:20px auto 50px;}
.newsbox .more:hover{background:url(../images/more.png) no-repeat 130px center #F3F3F3;}
.newsbox .timed{ background:#ffe100; font-size:.875em; color:#666;}
.newsbox .h3.new h2{ height:auto;}


.feedbox form table tr td{
	font-size:14px;
		color:#a8a8a8;	
		}
.feedbox form table tr td input{
	border:1px #CCCCCC solid;
	width:300px;
	height:30px;
	margin-left:30px;
	}
.feedbox form table tr td textarea{border:1px #CCCCCC solid;
	width:400px;
	height:100px;
	margin-left:30px;}
.feedtitle h2{
	font-size:18px;
	font-weight:normal;
	color:#95702e;}
.feedbtn{
	background-color:#956e29;
	width:100px;
	color:#fffffb;
	border-radius:5px;
	}
.feedtitle hr{
	float:left;
	width:850px;}
.feedbox form table tr td{
	padding-top:5px;}
.feedbox form table tr td select{
	border:1px #CCCCCC solid;
	padding-left:20px;
	color:#a8a8a8;
	width:300px;
	height:30px;
	margin-left:30px;}
.feedbox_remark{
	float:left;}
.feedbox form table tr td textarea{
	margin-left:30px;}
.feedbox_submit input{
	border-radius:5px;
	background-color:#95702e;
	width:200px;
	height:30px;
	color:#FFF;
	border:none;
	font-size:18px;
	line-height:30px;
	margin-left:143px;
	margin-top:15px;}
	
.side{
    position: fixed;
    width: 44px;
    height: 340px;
    right: 0;
    bottom: 150px;
    z-index: 100;
	background:url(../images/side.png) no-repeat;
	
}

.side a.a1{ display:block; height:48px;}
.side a.a2{ display:block; height:41px;}
.side a.a3{ display:block; height:41px;}
.side a.a4{ display:block; height:47px;}
.side a.a5{/*display:block; height:43px;*/ display:block;position:fixed; bottom:10px; right:0; background:url(../images/Skype.png) no-repeat center center; width:50px; height:48px;
-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;
-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:swing 2s infinite linear ;}
.side a.a6{ display:block; height:36px;}
.side a.a7{ display:block; height:52px;}
.side a.a8{ display:block; height:50px;}
.side a.a5 img{ width:120px; position:absolute; margin:-77px 0 0 -120px; display:none;}
.side a:hover.a5 img{ display:block;}
.muicon{color:#dabb7d; display:none;}
.closenav{ display:none;}
.feedbox form table tr td textarea{max-width:100%;}
.prenext{ font-size:14px; padding-top:10px;}
.prenext a{ color:#666; margin-left:5px;}
.prenext a:hover{ color:#333; margin-left:6px;}
body .imain .iabout .icontact_text ul.list-paddingleft-2 li p span{ text-transform: lowercase; }
/*右下角*/
#ss_menu {
  bottom:0;
  width: 60px;
  height: 60px;
  color: #fff;
  position: fixed;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  right:0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#ss_menu > .menu {
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
#ss_menu > .menu .share {
  width: 100%;
  height: 100%;
  line-height:60px;
  font-size:12px;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
#ss_menu > .menu .share .circle {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  margin-top: -6px;
  left: 12px;
  opacity: 1;
}
#ss_menu > .menu .share .circle:after, #ss_menu > .menu .share .circle:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}
#ss_menu > .menu .share .circle:after {
  left: 20.78461px;
  top: 12.0px;
}
#ss_menu > .menu .share .circle:before {
  left: 20.78461px;
  top: -12.0px;
}
#ss_menu > .menu .share .bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -1.5px;
  left: 18px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
#ss_menu > .menu .share .bar:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#ss_menu > .menu .share.close .circle {
  opacity: 0;
}
#ss_menu > .menu .share.close .bar {
  top: 50%;
  margin-top: -1.5px;
  left: 50%;
  margin-left: -12px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  transform: rotate(405deg);
}
#ss_menu > .menu .share.close .bar:before {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-450deg);
  -moz-transform: rotate(-450deg);
  -ms-transform: rotate(-450deg);
  -o-transform: rotate(-450deg);
  transform: rotate(-450deg);
}
#ss_menu > .menu.ss_active {
  background: #00796B;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
#ss_menu > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #99681c;
  border-radius: 50%;
  display: table;
}
#ss_menu > div i {
  display: table-cell;
  vertical-align: middle;
}
#ss_menu > div:hover {
  background: #754c0c;
  cursor: pointer;
}
#ss_menu div:nth-child(1) {
  top: 8px;
  left: -100px;
}
#ss_menu div:nth-child(2) {
  top: -39.0px;
  left: -76px;
}
#ss_menu div:nth-child(3) {
  top: -77.56406px;
  left: -42.0px;
}
#ss_menu div:nth-child(4) {
  top: -101px;
  left: 6.0px;
}
.fa-qq{background:url(../images/skype_iocn_40x40.png) no-repeat center center;background-size:60% 60%;}
.fa-weibo{background:url(../images/tel_icon_40x40.png) no-repeat center center;background-size:60% 60%;}
.fa-weixin{background:url(../images/email_icon_40x40.png) no-repeat center center;background-size:60% 60%;}
.fa-renren{background:url(../images/whatsapp_icon_40x40.png) no-repeat center center;background-size:60% 60%;}
#ss_menu div i a{ display:block; width:40px; height:40px;}
.prenext1{ text-align:center;}
.prenext1 a{ display:inline-block; border:solid #CCC 1px; margin:10px; color:#333; padding:5px 10px; width:80px;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@media screen and (max-width:1230px){
.ibox1 ul li{ margin:0 1.4%; width:30%; overflow:hidden;}
.ibox1 ul li img{ width:100%;}
}
@media screen and (max-width:1200px){
.header .nav{ padding-right:10px;}
.imain{ padding:10px;}
.iproduct ul{padding:0; width:100%;}
.iproduct ul li{ float:left; margin:1.6%; width:30%;}
.iproduct ul li img{ max-width:100%;}
.iproduct2 ul{padding:0; width:100%;}
.iproduct2 ul li{ float:left; margin:1.6%; width:30%;}
.iproduct2.prindex ul li{ width:25%; margin:1.6% 0;}
.iproduct2 ul li strong{ width:100%;}
.iproduct2 ul li img{ max-width:100%;}
.code2{ position:absolute; right:20px;left:auto;margin-left: auto;}
.searchicon{ display: none}
}
@media screen and (max-width:1050px){
.muicon{ display:block; font-size:36px; float:right;}
.navul{display:none;position:fixed;width:100%;height:100%;overflow-y:auto;left:0;top:0;z-index:9999;background:rgba(53,26,0,.8);}
.header .nav ul li{ display:block; }
.header .nav ul li span{ display:none;}
.header .nav ul li a{ text-align:center; display:block;padding:0 15px;line-height:40px;border-bottom:solid #dabb7d 1px;}
.header .nav ul li ul{ position:static; padding:0;}
.header .nav ul li ul li a{ text-align:left;}
.header .nav ul li ul li ul{position:static; background:rgba(53,26,0,.9); z-index:999; left:0; top:0px; min-height:100%;}
.header .nav ul li ul li ul li a{ padding-left:30px; color:#7f5f20;}
.closenav{ position:fixed; top:0; right:0; z-index:999999999;width:50px; height:50px; line-height:50px; text-align:center; background:#f00; border-radius:0 0 0 25px;}
}
@media screen and (max-width:900px){
.imain .left{ width:100%;}
.imain .right{ width:100%;}
.ivideo{ float:none;}
.inews{ width:100%;}
.videobox{ margin:16px auto;}
.code2{ display:none;}
.icontact_text ul li{ width:46%;}
.product_intro .right{ display:none;}
}
@media screen and (max-width:730px){
.newsbox ul li a p{ display:none;}
.product_img img{ width:100%;}
}
@media screen and (max-width:640px){
.ibox1{ padding-top:20px;}
.ibox1 ul li{ width:96%; margin:auto 2%;}
.ibox1 ul li img,.iabout_text img{ width:100%;}
.side{ display:none;}
.fnav{ display:none;}
.icontact_text ul li{ width:90%;}
.newsbox ul li a{ height:auto;}
.newsbox ul li a img{ width:100%;}
.newsbox .datetime{ display:none}
.newsbox ul li .npic{ float:none; width:100%; height:auto; margin:0;}
.iproduct2 ul li,.iproduct2.prindex ul li{margin:1.5%; width:47%;}
.feedbox form table tr td input{width:90%;}
.feedbox form table tr td textarea{width:90%;}
}