@media screen and (max-width:1200px){body{margin:0px;padding:0px;font-family:"Microsoft YaHei";font-size:14px;color:#333;background-color:#f3f6f8;}
a{color:#333333;font-size:14px;text-decoration:none;}
a:hover{color:#0657A8;text-decoration:none;}
.video-container{width:100%;position:relative;min-width:360px; display:none}
.video-containers{width:100%;position:relative;min-width:360px; display: block}
.banners{display:none}

.video-container2{width:100%;position:relative; min-width:360px;}
.video-container2 div{width:100%; height:600px; overflow:hidden;}
.content{z-index:2;width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;min-width:360px; display:none; }
.content2{z-index:2;width:100%;height:100%;left:0; min-width:360px; position: relative; z-index:19; margin-top:-600px;}
#myDIV{position:absolute;border-radius:30px;bottom:0px;-webkit-animation:mymove 3s infinite;/* Chrome,Safari,Opera*/
animation:mymove 3s infinite;}
.ititle{font-size:30px; line-height:30px; font-weight:bold; text-align:center; margin-top:50px; margin-bottom:20px;}
.ititle span{ font-size:11px; font-weight:300; line-height:35px; }
/* Chrome,Safari,Opera*/
@-webkit-keyframes mymove{50%{box-shadow:0px 1px 10px #fff;opacity:1;}
}
/* Standard syntax*/
@keyframes mymove{50%{box-shadow:0px 1px 10px #fff;opacity:1;}
}
.btn{display:flex;text-indent:15px;padding-right:15px;text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(45deg,#3391dd,#2a72a8);opacity:0.8;color:#fff;font-size:13px;height:30px;line-height:30px;transition:all 0.1s;box-shadow:1px 1px 3px #fff}
.btn img{margin-left:10px;margin-top:5px;margin-right:-10px;animation:3s infinite linear rotate;}
@keyframes rotate{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.btn:hover{color:#FFF;background:linear-gradient(45deg,#0e6eb8,#005495);opacity:1;padding-right:65px;}
.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 120deg,transparent,rgba(255,255,255,0.5),transparent );transition:all 650ms;}
.btn:hover:before{left:100%;}
.box-shadow{box-shadow:0 0 10px rgba(220,220,220,0.5),/* 主外发光*/
 0 0 10px rgba(220,220,220,0.2),/* 次外发光*/
 0 0 20px rgba(220,220,220,0.1);/* 远离中心的外发光*/
}
#dao{width:100%;display:block;height:80px;position:fixed;z-index:99;}
#dao a{color:#FFF}
.daos{background-color:#FFF;box-shadow:0px 2px 3px #e2e2e2;opacity:0.96}
#dao.daos a{color:#fff}
#dao a:hover{}
.w75s{width:96%;margin-left:auto;margin-right:auto; height:auto;}
.w75{width:96%;margin-left:auto;margin-right:auto;display:block;border-radius:15px; overflow:hidden; height:auto;}
.logo{height:100px;width:20%;float:left;display:none}
.logo3{height:100px;width:20%;float:left;display:block}
.logox{display:block}
.logox3{display:none}
.logo img{margin-top:10px;}
.logo3 img{margin-top:10px;}
.logo2{height:100px;width:20%;float:left;}
.logo2 img{margin-top:10px;}



nav {
	position:fixed;
	z-index:3;
}
 
.hamburger {
	display:block;
	position:absolute;
	cursor:pointer;
	right:5%;
	top:50%;
	transform:translate(-5%,-50%);
	z-index:2;
	transition:all 0.7s ease;
}
.nav-links {
	position:fixed;
	background:linear-gradient(45deg,#484faa,#69cdd4);
	height:100vh;
	width:100%;
	flex-direction:column;
	clip-path:circle(20px at 100% -20%);
	-webkit-clip-path:circle(50px at 100% -20%);
	transition:all 1s ease-out;
	pointer-events:none;
	margin-top:0px;
	padding:0px;
	margin:0px;
	left:0px;
	top:0px;
 
}
.nav-links.open {
	clip-path:circle(1500px at 90% -20%);
	-webkit-clip-path:circle(1500px at 90% -20%);
	pointer-events:all;
	padding:0px;
	margin:0px;
	left:0px;
	top:0px;
}
.nav-links li {
	opacity:0;
	
}

.nav-links li a {
	font-size:22px;
 
	
} 
.nav-links li:nth-child(1) {
	transition:all 0.5s ease 0.2s;
}
.nav-links li:nth-child(2) {
	transition:all 0.5s ease 0.4s;
}
.nav-links li:nth-child(3) {
	transition:all 0.5s ease 0.6s;
}
.nav-links li:nth-child(4) {
	transition:all 0.5s ease 0.7s;
}
.nav-links li:nth-child(5) {
	transition:all 0.5s ease 0.8s;
}
.nav-links li:nth-child(6) {
	transition:all 0.5s ease 0.9s;
	margin:0;
}
.nav-links li:nth-child(7) {
	transition:all 0.5s ease 1s;
	margin:0;
}
li.fade {
	opacity:1;
	
}
.toggle .line1 {
	transform:rotate(-45deg) translate(-5px,6px);
}
.toggle .line2 {
	transition:all 0.7s ease;
	width:0;
}
.toggle .line3 {
	transform:rotate(45deg) translate(-5px,-6px);
}





 a.yewu:link,a.yewu:visited{ display:block; width:42%; margin-left:1.5%; margin-right:1.5%; float:left; margin-bottom:20px; height:180px; border-radius:5px; font-size:14px; padding:2.5%; color:#666;outline: 2px solid #FFF;  box-shadow: 0 0 10px 3px #eaebea; background-repeat:no-repeat; background-color:#ebecfe;background-size:100%; background-position:bottom right}
a.yewu:hover{ }
.yewu strong{ font-size:22px; line-height:60px; color:#000}



 a.yewu2:link,a.yewu2:visited{ display:block; width:42%; margin-left:1.5%; margin-right:1.5%; float:left; margin-bottom:20px; height:180px; border-radius:5px; font-size:14px; padding:2.5%; color:#666;outline: 2px solid #FFF;  box-shadow: 0 0 10px 3px #eaebea; background-repeat:no-repeat; background-color:#ebecfe;background-size:100%; background-position:bottom right}
a.yewu2:hover{ }
.yewu2 strong{ font-size:22px; line-height:60px; color:#000}




.jleft{display:block;width:100%;height:70px;margin-top:30px;margin-left:0px; font-size:9px}
.jright{display:block;width:100%;  float:left; height:auto;}
.jtit{font-size:50px;line-height:100px;display:block;margin-top:30px;text-align:center;color:#000}
.jtit span{color:#000;margin-left:3px;margin-right:3px;}
.jcont{display:block;width:92%;margin-top:0px;margin-left:2%; margin-right:2%;text-align:left;color:#0d4b90;padding:2%;background-image:url(/images/jiebgs.png);opacity:0.9;background-repeat:repeat-y;height:260px;  }
.jcont strong{font-size:25px; line-height:35px; }
.jimg{margin-top:-10%;display:block;text-align:right;width:100%;}
 

.menub1_2{line-height:30px; text-align:center;height:30px;width:23%;padding:0;font-size:16px;font-weight:lighter;cursor:pointer;margin-top:5px;margin-bottom:10px;border-radius:5px;color:#000; background-color:#e9ebff; float:left; margin-right:2%}

.menub1_1{line-height:30px; text-align:center;height:30px;width:23%;padding:0;font-size:16px;font-weight:lighter;cursor:pointer;margin-top:5px;margin-bottom:10px;border-radius:5px;color:#fff;box-shadow:0 0 6px rgba(10,100,200,0.5);background-image:url(images/jianbian.jpg); background-size:100%; float:left ; margin-right:2%}



.menugtab{display:block;width:100%;margin-top:50px;margin-left:0%;text-align:left;color:#0d4b90;padding:0px;height:400px; border-radius:20px;font-size: 14px; line-height:36px; float:left;}
.menugtab strong{font-size:16px; line-height:60px; }


.w75text{ width:80%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden;font-size:12px; line-height:20px; padding:0px; text-align:center; margin-top:30px; margin-bottom:30px; }


 .erbg25{background-image:url(/images/werbg.jpg);display:block;width:100%;height:300px;position:relative; background-repeat:no-repeat; background-position:right bottom;background-color:#484faa; background-size:100%; }

a.jcjnav:link,a.jcjnav:visited{line-height:20px; text-align:center;height:165px;width:46%;padding:0;font-size:13px;font-weight:lighter;cursor:pointer;margin-bottom:10px;border-radius:5px;color:#fff;box-shadow:0 0 6px rgba(10,100,200,0.5);background:linear-gradient(45deg,#484faa,#69cdd4);  display:block; float:left; margin-right:2%; margin-left:2%; margin-top:10px;   }
a.jcjnav:hover{background:linear-gradient(45deg,#589689,#63c298);box-shadow:0 0 6px rgba(20,240,130,0.5);}

.jbg{ background-image:url(images/jbg.png); background-repeat:no-repeat; background-position:bottom left; height:165px; display:block; margin:0px; padding:0px; top:0px; background-size:90% }


.jcjnav strong{ font-size:22px; line-height:30px; display:block; padding-top:25px;}
.jcjnav .txt{ display:block; padding:15px;}


.jobleft{ display:block; width:90%; float:left; height:300px; margin-top:50px; margin-left:5%}
.jobleft img { width:100%;}
.jobright{ display:block; width:90%; float:left; text-align:left;color:#4b5bb0; font-size:18px;   line-height:40px;margin-top:50px; margin-left:5%}

.aleft{ display:block; width:90%; float:left; height:200px; color:#4b5bb0; font-size:20px; font-weight:bold; line-height:30px; margin-left:5%}
.aleft strong{ font-size:30px; margin-top:90px; display:block; text-align:center}
.aleft span{ font-size:26px;}
.aright{ display:block; width:90%; float:left; text-align:right; margin-left:5%;}
.aright img{ margin-top:0px; width:100%; height:auto;}


.liu{ text-align:center; font-size:16px; color:#666; line-height:30px; padding:20px;}
.liu input{ display:block; width:100%; background-color:#f1f1f1; margin-bottom:15px; border:0px; height:50px; margin-left:0%; text-indent:10px; border-radius:3px; font-size:16px}

.liu textarea{ display:block; width:100%; background-color:#f1f1f1; margin-bottom:15px; border:0px; height:150px; margin-left:0%; text-indent:10px; border-radius:3px; font-family:"Microsoft YaHei UI"; line-height:35px;font-size:16px}

.tj {
	font-size: 16px;
	color: #FFF;
	background-color: #36F;
	display: block; clear:left;
	width: 80%;
	height: 55px;
	line-height: 55px;
	background-color:#0166b3;
	text-align:center;
	border-radius:3px;
 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:10%;
	margin-bottom:50px;
	margin-top:30px;
}

a.jhjnavi:link,a.jhjnavi:visited{line-height:25px; text-align:center;height:100px;width:46%;padding:0;font-size:14px;font-weight:lighter;cursor:pointer;margin-bottom:10px;border-radius:5px;color:#fff;box-shadow:0 0 6px rgba(10,100,200,0.5); display:block; float:left; margin-right:2%; margin-left:2%; margin-top:25px; background-size:100%; background-position:center; overflow:hidden;   }
a.jhjnavi:hover{background:linear-gradient(45deg,#589689,#63c298);box-shadow:0 0 6px rgba(10,100,200,0.8); font-size:16px;background-size:110%; background-position:center }
a.jhjnavi strongs{ font-size:14px; line-height:35px; display:block;background-image:url(images/hei.png); height:55px; display:block; margin-top:65px; overflow:hidden; }
a.jhjnavi:hover strongs{ font-size:14px; line-height:35px; display:block;background-image:url(images/hei.png); height:100px; display:block; margin-top:0px; overflow:hidden; padding-top:5px;}
.jmore{line-height:100px; font-size:20px}

.hjie{ display:none;}
.whjie{ display:block;}




.am-share p { font-size:30px; color:#000; font-weight:bold}
.am-share span { margin-bottom:10px; display:block}

   
    .am-share {
      font-size: 13px;
	   line-height:25px; 
      bottom: 30%;
      left: 5%;
      position: fixed;
     
      -webkit-transform: translateY(-900%);
      -ms-transform: translateY(-900%);
      transform: translateY(-900%);
      -webkit-transition: -webkit-transform 300ms;
      transition: transform 300ms;
      
      z-index: 1110;
	  
	  width: 80%;
	height: 430px;
    border-radius: .4rem .4rem .4rem .4rem;
	text-align: left;
	background-image: url(images/jbg2.jpg);
	background-position: bottom right;
	padding: 5%;
	margin-top: 100px;
	opacity: 0;
 
    }

   .am-modal-active {
     -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
      transform: translateY(10%);
	  opacity: 1;
    }





a.more:link,a.more:visited{color:#fff;font-size:12px;line-height:30px;width:90px;height:30px;display:block;float:left;margin-right:10px;background-color:#39F;border-radius:5px;text-align:center;margin-top:20px;margin-bottom:20px;}
a.more:hover{background-color:#2080e1;}
a.more2:link,a.more2:visited{color:#fff;font-size:12px;line-height:30px;width:90px;height:30px;display:block;float:left;margin-right:10px;background-color:#F90;border-radius:5px;text-align:center;margin-top:20px;margin-bottom:20px;}
a.more2:hover{background-color:#e18b0b;}
a.mores:link,a.mores:visited{color:#fff;font-size:14px;line-height:30px;width:40%;height:30px;display:block;float:left;background-color:#2376d2;border-radius:3px;text-align:center;margin-top:30px;margin-bottom:10px; margin-left:30%; margin-right:30%;}
a.mores:hover{background-color:#1964b8;}
a.canshu:link,a.canshu:visited{color:#333;font-size:11px;line-height:30px;height:30px;display:block;float:left;margin-right:10px;border-radius:5px;text-align:center;margin-bottom:10px;border:1px solid #e2e2e2;padding-left:15px;padding-right:15px;}
a.canshu:hover{border:1px solid #2376d2;color:#2376d2;}
.abouts{background-image:url(/images/aboutbg2w.jpg);width:100%;height:250px; background-size:100%;}
.abouts2{ margin-top:0px;}

.atitle{ font-size:26px; margin-top:30px; line-height:30px; display:block; width:96%; margin-left:auto; margin-right:auto;}
.atitle span { font-size:10px; line-height:20px; margin-bottom:15px; display:block; color:#999}
.acont{line-height:30px; font-size:16px; display:block; width:96%; margin-left:auto; margin-right:auto; color:#666; }
.acontn{ height:150px; overflow:auto;}

.zitu{ height:150px; margin-left:20px; margin-bottom:20px;}
a.iproduct{width:50%;overflow:hidden;display:block;height:220px;background-color:#fff;float:left;border-color:rgba(0,0,0,.5);box-shadow:0 0 30px rgba(0,0,0,.1);text-align:center;padding:2vw 0vw;}
a.iproduct span{line-height:50px;padding-bottom:-1vw;font-size:18px;display:block;}
a.iproduct img{display:inline-block;max-width:100%;height:auto;transition:all 0.6s; margin-top:-20px;}
a.iproduct img:hover{transform:scale(1.15);}
a.ne5-list:link,a.ne5-list:visited{color:#333;text-decoration:none;font-size:16px;line-height:35px;width:96%;display:block;height:160px;text-align:left;float:left;margin-left:2%;margin-right:2%;background-color:#fff;box-shadow:0px 0px 15px #e1e1e1;margin-bottom:25px;border-radius:6px;transition:all 0.5s}
a.ne5-list:hover{box-shadow:0px 0px 15px #c2c2c2}
.ne5-title{float:left;font-size:16px;line-height:20px;margin-left:10px}
.ne5-shu{float:left;font-size:14px;color:#fff;background-color:#3583fb;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;box-shadow:0px 0px 5px #3583fb;margin-left:10px}
.ne5-times{ display: none;}
.ne5-ringt{margin-top:20px;width:96%}
.ne5-ringt span{display:block;margin-top:10px;line-height:22px;font-size:12px;float:left;margin-left:30px}
.you1{display:block;width:70px;height:25px;line-height:25px;background-color:#10aeeb;color:#FFF;float:left;margin-right:10px;border-radius:5px;text-align:center;margin-top:3px;margin-bottom:10px;font-size:12px}
a.xun:link,a.xun:visited{color:#fff;font-size:16px;line-height:50px;width:150px;height:50px;display:block;float:left;text-align:center;margin-bottom:10px;background:linear-gradient(90deg,#2376d2,#125cae);letter-spacing:1px; margin-top:20px;}
a.xun:hover{background-color:#1f65b2;}
.neirong img{width:100%;}
.xiabian{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e9e9e9;}
li{list-style:none;}
.tab{line-height:56px;font-size:14px}
.tab a{color:#07c}
.tab a:hover{color:#c00}
.tab a.cur{font-weight:bold}
.iteminfo_mktprice{font-size:26px}
.iteminfo_price{color:#c00;font-size:14px;vertical-align:middle}
.sys_item_price{color:#c00;font-size:22px;vertical-align:middle}
.iteminfo_buying{background:#f7f7f7;padding:12px 0}
.sys_item_spec dl.iteminfo_parameter{padding-top:5px;padding-bottom:5px}
.sys_spec_text{margin:0;padding:0}
.sys_spec_text li{float:left;height:28px;position:relative;margin:2.5px 5px 2.5px 0;outline:0}
.sys_spec_text li a{height:24px;padding:1px 5px;border:1px solid #dfdfdf;background:#fff;display:inline-block;line-height:24px; color:#11192d}
.sys_spec_text li a:hover{border:1px solid #2173ce;padding:0 5px;text-decoration:none;background:url(images/xuanzhong.png) no-repeat right bottom;}
.sys_spec_text li i{position:absolute;width:10px;height:10px;font-size:0;line-height:0;right:1px;bottom:2px;background:url(images/xuanzhong.png) no-repeat right bottom;z-index:9;display:none;color:#2173ce}
.sys_spec_text li.selected a{border:1px solid #2173ce;padding:0 5px;color:#2173ce}
.sys_spec_text li.selected i{display:block;color:#2173ce}
.fudong{ display:none}
@keyframes moveRight{from{transform:translateY(-190px);}
to{transform:translateY(0px);}
}
.topbian{border-top-width:2px;border-top-style:solid;border-top-color:#f1f1f1;}
.aboutebg{background-image:url(/images/aboutebg.jpg);display:block;width:100%;height:300px;position:relative;overflow:hidden;}
.aboutebgs{ background-image:url(/images/abo.png);  height:305px; background-repeat:no-repeat; animation: jiebg 1.5s 1;   background-size:150%;   }
@keyframes jiebg {
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0px);
  }
}

.productbgs{ background-image:url(/images/pro.png); height:300px; background-repeat:no-repeat; animation: jiebg 1.5s 1; background-position:-170px 40px; background-size:150%;   }
@keyframes probg {
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0px);
  }
}


.contactebg{background-image:url(/images/contactebg.jpg);display:block;width:100%;height:300px;position:relative;background-position:500px -150px; }
.newsebg{background-image:url(/images/newsebgs.jpg);display:block;width:100%;height:300px;position:relative; background-position:500px -50px; }
.newsebgs{background-image:url(/images/newsebgs.jpg);display:block;width:100%;height:300px;position:relative;background-position:500px -50px;}
.title{font-size:36px;color:#FFF;margin-top:30%;position:absolute;font-weight:bold;animation:titleup 1s 1; text-shadow: 1px 1px 1px #333; }
@keyframes titleup{from{transform:translateY(120px);}
to{transform:translateY(0px);}
}
.title span{font-size:20px;font-weight:300;line-height:30px;letter-spacing:0px;text-shadow: 1px 1px 2px #000;}
.weizhi{color:#FFF;position:absolute;bottom:20px;text-indent:10px;}
.weizhi a{color:#FFF;}
.etitle{text-align:center;margin-top:50px;margin-bottom:30px;}
.etitle strong{font-size:40px;line-height:60px;}
.econtent{font-size:16px;line-height:35px;border-radius:1px;width:96%;margin-left:2%;margin-right:2%}
.econtentl{display:block;width:100%;float:left;height:220px;background-image:url(/images/aboutt.jpg); background-position:center; background-size:100%;}
.econtentr{display:block;width:96%;float:left;padding:5%;text-align:left;background-color:#FFF;}
a.case:link,a.case:visited{ display:block; width:96%; margin-left:2%; margin-right:2%; float:left; margin-bottom:30px;}
a.case:hover{ }
a.case img{cursor:pointer;transition:all 0.6s;}
a.case img:hover{transform:scale(1.05);}
.jiejuebg{background-image:url(/images/jiebge.jpg);display:block;width:100%;height:300px;position:relative;overflow:hidden;}
.productbg{background-image:url(/images/jiebge.jpg);display:block;width:100%;height:300px;position:relative;overflow:hidden;}
.jiejuebgs{ background-image:url(/images/jie.png); height:300px; background-repeat:no-repeat; animation: jiebg 1.5s 1; background-position:right bottom; background-size:150%;  }
@keyframes jiebg {
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0px);
  }
}



a.jie:link,a.jie:visited{color:#333;font-size:23px;display:block;float:left;margin-right:1%;margin-left:1%;border-radius:5px;text-align:center;width:98%;height:300px;background-color:#fff;margin-bottom:5%;position:relative;box-shadow:0 0 10px rgba(90,90,90,0.1)}
a.jie:hover{background-color:#e1effe;}
a.jie span{line-height:80px;}
a.jie img{bottom:0px;position:absolute;right:0px;}
a.jie2:link,a.jie2:visited{color:#666;font-size:18px;display:block;float:left;border-radius:5px;text-align:center;width:46%;height:150px;background-color:#fff;margin-bottom:20px;position:relative;box-shadow:0 0 8px rgba(90,90,90,0.2); margin-left:2%; margin-right:2%;}
a.jie2:hover{background-color:#e1effe;}
a.jie2 span{display:block;margin-top:25px;}
a.jie2 img{bottom:0px;position:absolute;right:0px;}
a.news:link,a.news:visited{color:#333;font-size:14px;line-height:25px;display:block;float:left;margin-right:1%;margin-left:1%;border-radius:5px;text-align:left;width:93%;height:200px;background-color:#fff;margin-bottom:5%;position:relative;box-shadow:0 0 10px rgba(90,90,90,0.1);padding:2%;}
a.news:hover{background-color:#e1effe;}
a.news span{line-height:30px;font-size:18px}
a.news d{color:#999;margin-bottom:10px;display:block;padding:0px;}
a.news2:link,a.news2:visited{color:#333;font-size:14px;display:block;float:left;text-align:left;width:100%;height:40px;background-color:#fff;margin-bottom:10px;text-indent:15px;overflow:hidden;line-height:40px;}
a.news2:hover{background-color:#e1effe;}
.news2 span{float:left;font-size:14px;color:#fff;background-color:#3583fb;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;box-shadow:0px 0px 3px #3583fb;margin-left:10px;margin-top:10px;padding:0px;text-indent:0px;}

.newsl{ display:block; width:90%; background-color:#FFF; height:auto; padding:5%; float:left; font-size:16px; line-height:35px; min-height:300px; margin-bottom:50px;}
.newsl h1{ font-size:20px; text-align:center;}
.newsr{ display:block; width:100%; margin-left:0%; float:left}
.titless{font-size:25px; margin-bottom:20px; display:block;}
.list-paddingleft-2{ padding:0px;}


a.products:link,a.products:visited{color:#333;font-size:15px;display:block;float:left;margin-right:1%;margin-left:1%;border-radius:5px;text-align:center;width:48%;height:auto;background-color:#fff;margin-bottom:2%;position:relative;box-shadow:0 0 10px rgba(90,90,90,0.1);overflow:hidden;}
a.products:hover{}
a.products img{cursor:pointer;transition:all 0.6s;margin-top:0px;}
a.products:hover img{transform:scale(1.15) translateY(10px);z-index:0;}
a.products span{line-height:35px;display:block;z-index:5;position: static;width:100%;text-align:center;background-color:#FFF; padding-top:15px;}


.pleft{ float:left; width:96%; background-color:#FFF; text-align:center;  margin-top:30px;}
.pright{ float:left; width:100%;}

.rightss{ display:none}
.rightss a.r1{height:50px;text-align:center;font-size:12px;margin-top:20px;margin-bottom:20px;display:block;width:100%;}
.rightss .r1 img{margin-bottom:2px;width:30px;height:auto;}
a.contents:link,a.contents:visited{color:#333;font-size:14px;line-height:30px;display:block;float:left;margin-right:2%;margin-left:2%;border-radius:5px;text-align:left;width:96%;height:230px;background-color:#fff;margin-bottom:5%;position:relative;box-shadow:0 0 10px rgba(90,90,90,0.1)}
a.contents:hover{background-color:#e1effe;}
a.contents strong{height:50px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#CCC;width:100%;display:block;margin-bottom:10px;}
a.contents div{ padding:20px;}


.foot{background-image:url(/images/footer.jpg);background-position:bottom;width:100%;display:block;height:333px; }
.flogo{float: inherit;width:30%;height:30px}
.flogo img{height:30px;margin-top:15px;margin-left:10px;}
.foot2{color:#FFF;line-height:20px;font-size:16px;float:inherit;width:100%;height:auto;}
.foot2 span{color:#FFF;font-size:12px;margin-top:20px;display:block; margin-left:10px;}
.foot2 strong{font-size:26px;font-weight:bold;line-height:39px}

.footwei{float:left;color:#fff;text-align:center;line-height:35px;font-size:14px;width:50%;padding-top:5px;}
.foots{display:none}
.foots2{background-image:url(/images/hei.png);width:100%;display:block;height:39px;color:#fff;font-size:14px;text-align:center;line-height:39px;  bottom:0px;}


.hover-content {
  display: none;
}

.r1:hover .hover-content {
  display: block;
  width:150px;
  height:60px;
   border-radius:10px 0px 0px 10px;
   box-shadow: -10px 0 10px rgba(90, 90, 90, 0.2);
     margin-left:-150px;
	 margin-top:-50px;
	 background-color:#FFF;
	 font-size:18px; text-align:center; line-height:60px;
}

.a:focus{outline:none;}
h3{text-shadow:0 2px #ccc;}
.tc{text-align:center;}
#navs{
	display:block;
	position: fixed;
	right: 3px;
	bottom: 80px;
	width: 46px;
	height: 46px;
	line-height: 46px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	cursor: pointer;
	z-index:99;
	 
	
	
}
#navs>li,#navs:after{position:absolute;right:0;top:0;width:100%;height:100%;border-radius:0px; background:#fff;box-shadow:0px 0px 2px #bbb;}
#navs>li{transition:all .6s;-webkit-transition:all .6s;-moz-transition:.6s;line-height:10px;}
#navs li img { width:25px; height:25px; margin-top:3px;}
#navs:after{content:attr(data-close);z-index:9;background:#39a4ef; color:#FFF; animation: blink 1.5s infinite;}

 @keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
 


#navs.active:after{content:attr(data-open);background:#39a4ef; color:#FFF;}
#navs a{width:40px;height:40px;display:inline-block;border-radius:10px;text-decoration:none;color:#666;font-size:10px;}


}