@charset "utf-8";

@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:127px;background:#fff;width:100%;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);}
.headertop{ height:35px; line-height: 35px; background:#203864;}
.headertop .language{ display: flex; flex-flow: row nowrap; justify-content: right; align-items: flex-start;}
.headertop .language img{ margin-top: 8px;}
.headertop a{color:#fff; font-size: 15px; margin-left: 13px; margin-right: 5px;}
.headertop a:hover{ color: #cbb78f;}
.headertop a:first-of-type{ margin-left: 10px; }
.w1200{margin:auto;max-width:1200px;}
.header h1{ position:absolute; top:39px; background:url(../images/logo.png) no-repeat; width:80px; height:80px; background-size: cover;  overflow:hidden; z-index:999;}
.header h1 a{display:block; padding-top:150px;}
.header .nav{ margin-left:130px;margin-top:15px; float: left; width:50%;}
.header .nav ul li{ display:inline-block;}
.header .nav ul li a { font-size:20px; color:#6d6d6d; font-family: Verdana, Geneva, sans-serif, monospace; padding:10px 15px;line-height:56px;}
.header .nav ul li a:hover{ color:#000;}

.header .nav ul li ul{ position:absolute; z-index:999; padding:10px 0; display:none; background:rgba(255,255,255,.8); border: 1px solid #ccc;}
.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:#203864; color: #fff;}

.header .nav ul li ul li ul{ display:none; position:absolute; background:rgba(255,255,255,.8); 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;}

.navul{}
.searchform{ float: right; width:280px;margin-top:15px; text-align: right;}
.serachicon{ background:rgba(255,255,255,.5); height:40px; overflow:hidden; padding:5px; border-radius:0 0 5px 5px;}
.serachicon input[name="keyword"]{ width:85%; height:35px; line-height: 35px; border:solid #999 1px; float:left; background:#fff; text-indent:5px;}
.serachicon input[type="submit"]{ width:15%; float:left; height:35px;  background:url(../images/serach.png) no-repeat center center #203864; 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:30px; padding-top:10px;}
.gipqo a{ float:right; display:block; width:28px; height:18px;  margin-left:10px; border: 1px solid #ccc;}
.gipqo a.a1{background:url(../images/cn.png) no-repeat; background-size: contain;}
.gipqo a.a2{background:url(../images/en.png) no-repeat; background-size: contain;}
.gipqo a.a3{background:url(../images/jp.png) no-repeat; background-size: contain;}
/*页脚*/
.footer{ background-color:#203864; height:118px; width:100%; text-align:center; color:#fff; font-size:12px; padding-top:22px;}
.footer .fnav a{color:#fff; font-size:12px; margin: 0 15px;}
.footer .fnav a:hover{ text-decoration:underline;}
.code2{ position:absolute; left:50%; margin-left:500px;}
/*首页*/
.ibox1{ background:#ccc; padding:30px 0; text-align:center;}
.ibox1 ul li{display:inline-block; border:solid #203864 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 .home{ width:100%; overflow:hidden;}
.h3title{ font-size:30px; color:#6d6d6d; font-weight: bold; text-align: left; min-height:40px;_height:40px; line-height:40px; border-bottom:solid #c0c0c0 1px; font-weight:normal;text-transform:uppercase;}
.iabout_text{ padding:20px 0; color:#666}
.iabout_text img{ max-width:100%;}
.iabout_text img.about_home{ float:left; border:solid #d2c4ab 2px; margin:8px 26px 0 0;}
.iabout_content{ float:right; width: 912px;}
.iabout_text p{ margin:0; padding:0; font-size:16px; color:#666; line-height:28px;}
.iabout_text p a{color:#000; text-decoration:underline;}
.iabout_text a.more{ color:#fff; text-decoration:none; display: block; margin-top: 20px; width: 150px; text-align: center; border-radius: 20px; background: #999590; padding: 10px 20px; }
.iabout_text a.more:hover{background-color: #203864;}


.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; display: flex; flex-wrap:wrap;}
.iproduct ul li{ width:24%; margin:0 0.5%; height:220px; margin-bottom: 20px;}
.iproduct ul li:nth-child(9),.iproduct ul li:nth-child(10){ display: none;}
.iproduct ul li a{ position:relative; display:block; text-align: center;}
.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:14px; 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; width:20%;}
.videobox{ width:100%; height:191px; overflow:hidden; margin-top:16px;}
.videobox video{width:100%; 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:left; width:46%; margin-left:2%; overflow:hidden;}
.datetime{ float:left; text-align:center; margin:0 20px 0 0;}
.datetime span{ display:block;color:#999; font-size:18px; }
.datetime strong{display:block; font-size:40px; font-weight:normal; color:#6d6d6d; margin:0; padding:0; line-height:40px;}
.datetime i{ display: block; color:#999; 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:#6d6d6d; display:block; font-size: 18px;}
.inews ul li a:hover{ color:#000;}
.inews ul li a:hover .listtext h3{color:#000; }
.inews ul li a:hover .listtext p{color:#959494;}
.inews ul li a .listtext h3{ color:#6d6d6d; font-size:18px; font-weight: normal;}
.inews ul li a .listtext p{ font-size:16px; color:#a3a3a3;}

.icontact{ float:left; width:30%; margin-left:2%;}
.icontact_p{ font-size:15px; line-height:180%; color:#666;}


.imain .right{ width:27.75%; float:right;}
.h3title2{width:100%;height:35px;background: #203864; 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:50px; line-height:50px; display:block; border-bottom:solid #dcdcdc 1px; font-size:16px; color:#666; 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;}

.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; border-bottom:2px solid #ccc;background-color:#d9dadf;}
.b_aboutus{ }

.product_img{ float:left;overflow: hidden; width:426px;}
.product_spec{ width:705px; float:right;}
.product_stext{ margin-top:20px; margin-bottom:30px;}
.product_stext p{ color:#333; font-size:16px; line-height:180%;}
.btn_inquire{ width:188px; height:41px; line-height:41px; overflow:hidden; color:#FFF; font-size:20px; background:#203864; 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%;min-height:42px; line-height:32px; font-size:20px; color:#203864; 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: #203864; 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{ overflow-y: auto;}
.product_intro_img ul{padding:17px 0; width:1235px;}
.product_intro_img ul li{ float:left; margin:0 10px 0px 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:5px 8px; border:solid #CCC 1px; font-size:18px; color:#707070; margin:0 3px;}
.page a.dang{ color:#fff; background:#203864;}


.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:#203864;
	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:#203864; display:none;}
.closenav{ display:none;}
.feedbox form table tr td textarea{max-width:100%;}
.prenext{ font-size:14px; padding-top:10px; font-weight:bolder;}
.prenext a{ font-size:14px;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: #203864;
  -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(39,69,124,.9);}
.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 #fff 1px;color:#fff;}
.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(39,69,124,.9); z-index:999; left:0; top:0px; min-height:100%;}
.header .nav ul li ul li ul li a{ padding-left:30px; color:#fff;}
.closenav{ position:fixed; top:0; right:0; z-index:999999999;width:50px; height:50px; line-height:50px; text-align:center; background:#0062ff; color: #fff; border-radius:0 0 0 25px;}
}
@media screen and (max-width:900px){
.imain .left{ width:100% !important;}
.imain .right{ width:100% !important;}
.ivideo{width:100%;float:none; }
.inews{ width:100%;float:none;margin-left:0;}
.icontact{ width:100%;float:none;margin-left:0; color:#6d6d6d;}
.videobox{ margin:16px auto;width:100% !important;}
.code2{ display:none;}
.icontact_text ul li{ width:46%;}
.product_intro .right{ display:none;}
.searchform{ display: none;}
.header .nav { margin-right: 20px; float: right;}
.iproduct{ margin-bottom: 20px;}
.iproduct ul li{ float:left; margin:2.2%; width:45%;height:150px;}
.iproduct ul li img{ height:150px;}
.videobox video{ width: 100%;}
.listtext{ }
.listtext h3{ padding-top:15px;}
.listtext p{ display: none !important;}
.iproduct ul li:nth-child(9),.iproduct ul li:nth-child(10){ display:block;}
.header { height: 100px;}
.header h1{ width:60px; height:60px; margin-left:20px;}
.header .nav ul li ul{ background: rgba(39, 69, 124, .7);}
.header .nav ul li ul li a{ font-weight:normal; font-size:16px;}
.header .nav ul li ul li ul li a{ background: #0095e2;}
.header .nav ul li a:hover{ color:#fff;}
.iabout_content{width:100%; margin-top:15px;}
.banner2{ height: 135px !important;background-size: cover;}
}
@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%;}
}