html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0; font-size:14px; color:#333;font-family: frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
a{font-size:14px; color:#333; text-decoration:none}
a:hover{color:#E67819; text-decoration:non}
*{margin:0; padding:0;}
ul,li{list-style:none;margin:0; padding:0;}
.w1200{width:1200px; margin:auto;}
.clear{clear:both; margin:0; padding:0;}
#body{line-height:30px; padding-top:30px; min-height: 400px;}
#body img {
  max-width: 100%;
}
.fl{ float:left;}
.fr{ float:right;}

/*menu*/
#nav {margin:0 auto 0px; float:right; display:block; z-index:9999; position:relative; width:820px;}
#nav .mainlevel {float:left; }
#nav .mainlevel a {color:#000; text-decoration:none; line-height:36px; display:block;text-align:center; color:#3F4447; font-size:16px; width:100%; padding-right: 30px}
#nav .mainlevel a:hover {color:#E67818; }
#nav .mainlevel ul {display:none; position:absolute; width:300px;}
#nav .mainlevel li {background:#E4710C; color:#FFFFFF; width:100%; float:left; /*IE6 only*/}
#nav .mainlevel li a{ font-size:14px; color:#FFFFFF; line-height:42px; display:block; height:42px;}
#nav .mainlevel li a:hover {background:#ffffff; color:#E4710C; /*IE6 only*/}
#nav .mainlevel li .a-child{
  width: calc(100% - 20px);
  text-align: left;
  padding: 0;
  padding-left: 20px;
}
/*menu*/
#index_nav {margin:0 auto 0px; float:right; display:block; }
#index_nav .mainlevel {float:left; }
#index_nav .mainlevel a {color:#000; text-decoration:none; line-height:36px;text-align:center; color:#ffffff; display:block; font-size:16px;width:100%; padding-right: 30px }
#index_nav .mainlevel a:hover {color:#E67818; }
#index_nav .mainlevel ul {display:none; position:absolute; width:300px; }
#index_nav .mainlevel li ul{
  /* width: 100%; */
}
#index_nav .mainlevel li {background:#E4710C; color:#FFFFFF; width:100%; float:left; /*IE6 only*/}
#index_nav .mainlevel li a{ font-size:14px; color:#FFFFFF; line-height:42px; display:block; height:42px; padding-right: 30px}
#index_nav .mainlevel li a:hover {background:#ffffff; color:#E4710C; /*IE6 only*/}

#index_nav .mainlevel li .a-child{
  width: calc(100% - 20px);
  text-align: left;
  padding: 0;
  padding-left: 20px;
  overflow: hidden;
}
.nav{float:right; margin-top:20px;}
.nav li{ float:left;}
.nav li a{ display:block; padding-left:50px;color:#FFFFFF; font-size:16px;}
.nav li a:hover{ color:#CCCCCC;}

/* nav  */
.nav_ny{ margin-top:30px;}
.nav_ny ul{ width:600px; float:right;}
.nav_ny li{float:left;}
.nav_ny li a{display:block; width:100px; text-align:center; font-size:16px; line-height:35px; height:35px;}
.nav_ny li a:hover{ color:#E67819}

/* banner */
#full-screen-slider { width:100%; height:800px; float:left; position:relative;z-index:999;}
#slides { display:block; width:100%; height:800px; list-style:none; padding:0; margin:0; }
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:47%; top:750px; z-index:9900; width:500px; margin:auto;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:9px; height:9px; line-height:16px; float:left; margin-left:10px; border-radius:50%; background-color:#FFFFFF}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background-color:#E4710C;}

/* video */
.video{ width:800px; height:416px; background-color:#3B60BB;}
.video .w495{ width:245px;}
.video .w495 dd{ color:#FFFFFF; font-size:30px; padding-left:60px;}
.video .w495 p{ color:#FFFFFF; font-size:30px; padding-left:60px; padding-top:5px; line-height:50px;}
.video .w495 .more a{ color:#FFFFFF; padding-left:50px; padding-top:15px; display:block;}
.video .w495 .more a:hover{ color:#E4710C;}
.video .w705{ width:855px;}

.index_al{ width:360px;}
.index_al h1{ font-size:22px; height:45px; padding-bottom:10px; line-height:45px;}
.index_al .ljgd{ display:block; width:130px; font-size:16px; height:40px; line-height:40px; border:1px solid #66C6D1;color: #66C6D1; text-align:center;border-radius:50px; margin-top:5px;}	
.index_al .ljgd:hover{transition: all 0.3s ease;-webkit-transition: all 0.3s ease; background-color:#66C6D1; color:#FFFFFF;}	


/* sdbk */
.sdbk .w580{ width:580px; height:300px; background-color:#FFFFFF;  margin-bottom:40px;box-shadow: 0 2px 24px rgba(0,0,0,.1);}
.sdbk .w580:hover{box-shadow: 0 5px 54px rgba(0,0,0,.1);}
.sdbk .w580 ul{ margin:30px; width:150px; margin-top:100px; margin-left:60px;}
.sdbk .w580 ul strong{font-size:20px; color:#666666; line-height:35px;}
.sdbk .w580 ul p{line-height:40px; color:#666666;}
.sdbk .w580 img{ float:right; margin-top:30px; margin-right:20px;}
.sdbk .w580 .ckxq { width:120px; display:block; text-align:center; border-radius:10px; border:1px solid #F6F6F6; padding:5px; margin-top:100px;}
.sdbk .w580 .ckxq:hover{ background-color:#1E468B; color:#FFFFFF;}

/* wuxian */
.wuxian 
.wuxian .w580{ width:580px; margin-top:30px; height:400px;}



/* cpbk */
.cpbk { width:1240px; margin:auto;}
.cpbk li{ width:270px; float:left; text-align:center; margin-left:20px; margin-right:20px;}
.cpbk li:hover{box-shadow: 0 5px 54px rgba(0,0,0,.1);}
.cpbk li span{ display:block; padding-top:20px;}

/* index_teaam */
.index_case{ width:1200px; height:200px; padding-top:20px; background-color:#FFFFFF; margin:auto; margin-top:40px;}

/* .cont */
.dqwz{ background:url(tt1.jpg) left no-repeat; padding-left:10px; margin-top:15px; margin-bottom:15px; font-size:16px;}
.dbt{ text-align:center; font-size:24px; padding:30px; font-weight:bold; border-bottom:1px solid #cccccc;}
.cont .w220{ width:220px;}
.cont .w220 p{ width:100%; height:80px; color:#FFFFFF; font-size:24px; background-color:#555555; line-height:80px; text-align:center;}
.cont .w950{ width:950px;}

.proc{ width:950px;border-bottom:1px dashed #cccccc; float:left; padding-top:20px; padding-bottom:20px;}
.proc img{ width:220px; height:160px; float:left;}
.proc li{ width:680px; float:right;}
.proc h1{ line-height:40px; padding-top:15px;}
.proc span {color:#666666; line-height:200%; font-size:14px;}
.proc .ckxq{font-size:14px;  width:150px; height:30px; line-height:30px; border:1px solid #cccccc; text-align:center;display:block; margin-top:10px;} 
.proc .ckxq:hover{ background-color:#E67819; color:#FFFFFF;}

/* case */
.case { margin-top:20px;}
.case ul li{ float:left;width:300px; margin-bottom:30px;}
.case ul li img{ width:280px; height:200px;}
.case ul li span{ display:block; line-height:40px; text-align:left; font-size:16px; font-weight:bold; padding-top:20px;}
.case ul li .xx{ width:280px; background-color:#cccccc; height:1px; margin-bottom:20px;}
.case ul li dd{ width:280px; text-align:left; line-height:30px;}

/* xwzx */
.xwzx li {float:left; width:950px; border-bottom:1px dashed #cccccc; height:50px; line-height:50px; background:url(tb.jpg) left no-repeat; padding-left:10px;}
.xwzx li span{ display:block; float:right; color:#999999;}


.page{ font-family:Arial, Helvetica, sans-serif;clear:both;line-height:20px; margin:10px 0; padding:5px;}
.page a{color:#666666;padding:3px;border:1px solid #666666;text-decoration:none;margin-right:5px;}
.page a:link{color:#666666}
.page a:visited {color:#666666}
.page a:hover{background:#666666;color:#fff;}
.page a:active{color:#666666}
.page span{background:#666666;color:#fff; padding:3px;border:1px solid #666666;margin-right:3px;}
.page .cur{color:#fff;}
.page .cur a{ color:#fff;margin-right:0px;}
.page .cur a:link{color:#fff;}
.page .cur a:visited {color:#fff;}
.page .cur a:hover{color:#fff;}
.page .cur a:active{color:#fff;}


#ny_left {margin:0;}
#ny_left ul{list-style:none;padding:0;border:0;}
#ny_left li {display: inline;}
#ny_left li a:link,
#ny_left li a:visited {float:left; text-decoration: none; background-color:#F0F0F0;border:1px solid #cccccc; font-size:14px;line-height:30px; line-height:30px; margin-bottom:1px;width:158px; text-align:center; margin-right:10px; margin-bottom:5px;}
#ny_left li a:hover {float:left; text-decoration: none; background-color:#E67819; color:#FFFFFF;}
#ny_left ul .curr a{float:left; text-decoration: none; background-color:#E67819; color:#FFFFFF;}


#left {margin:0;}
#left ul{list-style:none;padding:0;border:0;}
#left li {display: inline;}
#left li a:link,
#left li a:visited {float:left; text-decoration: none; background-color:#959597;color:#fff; font-size:14px;line-height:40px; line-height:40px; margin-bottom:1px;width:190px; text-align:left; padding-left:30px; }
#left li a:hover {float:left; text-decoration: none; background-color:#E67819; color:#FFFFFF;}
#left ul .curr a{float:left; text-decoration: none; background-color:#E67819; color:#FFFFFF;}
.nylm{ line-height:30px; padding-left:30px;}

/* marqueeleft */
.marqueeleft{height:230px;width:1200px;overflow:hidden; margin:auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;overflow:hidden;}
.marqueeleft li img{ width:250px; height:180px;}
.marqueeleft li .txt{text-align:center;height:50px;line-height:50px;}


/* wuxian */
.wuxian { margin-top:40px;}
.wuxian .w480{ width:480px; margin-top:20px; height:400px;}
.wuxian .w680{ width:680px; margin-top:20px; height:370px;}
.wuxian span{ display:block; font-size:30px; font-weight:bold; color:#66C6D1;}
.wuxian p{ font-size:18px; line-height:40px; font-weight:bold;}
.wuxian .p1{ padding-top:20px; padding-bottom:20px;}
.wuxian .ljgd{ display:block; width:130px; font-size:18px; height:50px; line-height:50px; border:1px solid #66C6D1;color: #66C6D1; text-align:center;border-radius:50px; margin-top:15px;}	
.wuxian .ljgd:hover{transition: all 0.3s ease;-webkit-transition: all 0.3s ease; background-color:#66C6D1; color:#FFFFFF;}	

.particle-network-animation {
  height: 370px;
  width:680px;
}
.particle-network-animation::before {
  z-index: -2;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  opacity: 0.2;
}

.glow {
  z-index: -1;
  position: fixed;
  top: 50%;
  left: 50%;
  background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);
}

.glow-1 {
  width: 150vw;
  height: 150vh;
  margin-top: -75vh;
  margin-left: -75vw;
  animation: glow-1-move 25s linear infinite both;
}

@keyframes glow-1-move {
  from {
    transform: translate(-100%, 100%);
  }
  to {
    transform: translate(100%, -100%);
  }
}
.glow-2 {
  width: 100vw;
  height: 100vh;
  margin-top: -50vh;
  margin-left: -50vw;
  animation: glow-2-move 25s linear 8.3333333333s infinite both;
}

@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {
  width: 120vw;
  height: 120vh;
  margin-top: -60vh;
  margin-left: -60vw;
  animation: glow-3-move 25s linear 16.6666666667s infinite both;
}

@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}


.zhuoyue{ margin-top:40px;margin-left:30px;}
.zhuoyue img{ width:260px; height:260px;}
.zhuoyue .z_right{ margin-left:50px; width:440px;} 
.zhuoyue span{ font-size:20px; color:#f0a400; display:block; margin-top:35px;}
.zhuoyue p{ font-size:16px; padding-top:15px;}


/* ��Ҫ������ʽcss */
.product-number-info {
    position: relative;
}

.product-number-info .product-number-inner {
    width: 1200px;
    margin: 0 auto;
}


.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width:300px;
    color: #000;
	margin-top:50px;
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 800;
    font-size: 70px;
    position: relative;
	background-color:#00afe8;
	display:block;
	width:120px;
	height:100px;
	text-align:center;
	color:#FFFFFF;
	border-radius:10px;
	margin:auto;
}

.product-number-info li p {
    font-size: 16px; padding:20px;
}


.product-number-info li b i {
    font-style: normal;
}


/* footer */
.footer{ width:100%; background-color:#2C2C2C; overflow:hidden; color:#A6A5A5; margin-top:50px;}
.footer a{ color:#A6A5A5;}
.footer a:hover{ color:#E4710C;}
.footer ul{ float:left; margin-right:35px; margin-top:30px;}
.footer span{ color:#cccccc; display:block; line-height:40px;font-size:16px; font-weight:bold;}
.footer ul li a{ display:block; line-height:30px; }
.footer .foot_logo{ float:right; text-align:right; margin-top:65px;}
.footer .foot_logo p{ line-height:30px;}
.footer .foot_logo strong{ font-size:24px;}
.footer .foot{ border-top:1px solid #494949; line-height:50px; margin-top:30px;}