@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}
.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:25px;}
/* 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:20px;}
.logo3 img{margin-top:20px;}
.logo2{height:100px;width:20%;float:left;}
.logo2 img{margin-top:20px;}



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:#1774bb;
	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,img{border:0;}
#cen_right_top{width:100%;}
#cen_right_top .active{color:#fff;font-weight:500;background-color:#2376d2;box-shadow:0 0 0px rgba(10,100,200,0.5)}
#cen_right_top h3{line-height:40px;text-align:left;height:40px;width:30%;padding:0px;font-size:13px;cursor:pointer;text-indent:3px;margin-top:0px;margin-bottom:10px;border-radius:2px;color:#3987dd;background-color:#fff; overflow:hidden; float:left; margin-right:10px; font-weight:500;text-shadow: 0px 0px 0px #000;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:460px;line-height:25px;background-repeat:no-repeat;background-size:130%;background-position:bottom right;position:absolute;animation:backgroundFade 1.5s 1;}
@keyframes backgroundFade{0%{background-position:500px 600px;/* 初始位置*/
opacity:0;}
100%{background-position:bottom right;opacity:1;}
}

.jleft{display:block;width:100%;height:120px;margin-top:30px;margin-left:10px; 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%;}
 


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:92%; 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;}


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;}


}