@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../font/MyriadProRegular.eot');
    src: url('../font/MyriadProRegular.eot') format('embedded-opentype'),
         url('../font/MyriadProRegular.woff2') format('woff2'),
         url('../font/MyriadProRegular.woff') format('woff'),
         url('../font/MyriadProRegular.ttf') format('truetype'),
         url('../font/MyriadProRegular.svg#MyriadProRegular') format('svg');
}
@font-face {
    font-family: 'MyriadProLight';
    src: url('../font/MyriadProLight.eot');
    src: url('../font/MyriadProLight.eot') format('embedded-opentype'),
         url('../font/MyriadProLight.woff2') format('woff2'),
         url('../font/MyriadProLight.woff') format('woff'),
         url('../font/MyriadProLight.ttf') format('truetype'),
         url('../font/MyriadProLight.svg#MyriadProLight') format('svg');
}


body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    list-style:none;
    font-family:"MyriadProRegular",serif;
}
fieldset, img {
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}
body{
    font-family:"MyriadProRegular",serif;
    margin:0 auto;
    width:100%;
    height:100%;
    overflow-x:hidden;
	background:#2a2a2a;
}
div{ margin:0 auto;}
a{ color:#000;}


/* 头部公用 */

.wai{ width:100%; height:870px; overflow:hidden;}
.header{ width:1200px; height:auto; margin:0px auto auto auto; position:relative; z-index:100;}
.about{ float:left; margin-top:15px;}
.sousuo{ float:right; margin-top:15px;}
.menus{ width:1200px; height:auto; float:left;}
.menus ul{ background:url(../images/menu.png) no-repeat; width:1083px; height:49px; float:left; margin-top:9px;}
.menus ul li{ float:left;}
a.logo{ float:left;    margin: 5px 0 0 13px; }
a.nlogo{ margin: -47px 0px 0 13px; }
.menus ul li a{ float:left; display:inline-block; height:56px; color:#fff; font-size:16px;margin: 0px 52px 0px 52px;line-height: 56px;}
.menus ul li a:hover{ color:#ff2b20;}
.menus ul li a.current{color:#ff2b20;}
.menus ul li a b{ display:block; width:7px; height:7px; background:#fff; border-radius:10px; text-align:center; margin:-14px auto auto auto;}
.menus ul li a.current b{background:#ff2b20;}
.twitter{ float:left; margin:29px 0 0 44px;}
.yotube{ float:left; margin:29px 0 0 21px;}
.headers{ width:100%; height:110px; background:#fff; position:absolute; top:0px; display:none; z-index:1000;}
.sousuos{ float:right;margin-top:15px;}
.sou{ width:186px; height:29px; float:left; border:0px; background:url(../images/sou.png)repeat; text-indent:1rem; color:#fff;}
.suo{ width:43px; height:29px; background:url(../images/sousuo1.png) no-repeat; float:left; border:0px; cursor:pointer;}


.menu{width:1083px;height:39px;position: relative;float:left;margin: 17px 0 0 0px;}
.menu ul { 
	margin:0px; 
	padding:0px; 
	list-style:none; 
}
.menu ul.dropdown{ 
	position:relative; 
	width:1083px;
}
.menu ul.dropdown li.drop { 
	float:left;
	display:block;
	position: relative; 
	font-size:14px;
	color:#fff;
	height:49px;
    margin: 0px 52px 0px 52px;
}
.menu ul.dropdown li.drop a.hover {position: relative;color:#e22f2f;border-bottom:3px solid #e22f2f;}
.menu ul.dropdown li a { color:#000;position: relative;z-index: 2000; float:left; display:inline-block;;font-size:16px; line-height:30px;}
.menu ul.dropdown li.drop ul.sub_menu li a.hover{ height:30px; color:#e22f2f;}
.menu ul.dropdown li.drop a:hover{
	position: relative;
	color:#e22f2f;
}
.menu ul.sub_menu li a.erji:hover{
	background:#0e6cb4;
}
.menu ul.dropdown ul { 
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0px;
	width:165px; 
	z-index: 1000;
}
.menu ul.dropdown ul li { 
	font-weight: normal;  
	color: #000; 
	font-size:14px;
	width:100%;
	height:47px; 
	line-height:47px;
	background:#fff;
}
.menu ul.dropdown ul li a.erji { 
	display: block; 
	color: #000 !important;
	line-height:47px;
	border:0px;
	background:#fff;
	height:47px;
}
.menu ul.dropdown li.drop ul.sub_menu li a.hover:hover { 
	display: block;
	background:#e22f2f;
	border:0px;
	height:47px;
	line-height:47px;
	color: #fff !important; 
}
.menu ul.dropdown li ul.sub_menu{ width:165px;}
.menu ul.dropdown li ul.sub_menu li a.erji{  padding: 0px; line-height:47px; height:47px; width: 165px; text-align:center; border-bottom:0px; background:#fff; font-size:14px;}
.headers_nei{ width:1200px;}

/*首页*/


.guanggao{ width:671px; padding-top:297px;}
.anniu{ width:671px; height:auto; overflow:hidden;}
.anniu li{ float:left;padding: 150px 41px 1px 41px;}
.anniu li a{ display:inline-block; width:249px; height:56px; text-align:center; line-height:56px; border:2px solid #fff; font-size:27px; color:#fff;}
.anniu li a:hover{ background:#e22f2f;border:2px solid #e22f2f; }

.nexts{ padding:148px 0 0 318px; display:inline-block;}


.center{ width:100%; height:auto; overflow:hidden; background:#2a2a2a; padding:34px 0 12px 0;}
.center_nei{ width:1216px; height:auto; overflow:hidden;}
.abouts{ width:1200px; height:auto; overflow:hidden;}
.abouts h3{ font-size:30px; color:#e22f2f; text-align:center; font-weight:bold;}
.abouts_nei{ width:1000px; height:auto; overflow:hidden; padding:27px 0 45px 0; font-size:16px; color:#fff; text-align:center; line-height:30px;}
.abouts_nei p{ font-size:16px;font-weight: normal;  }

.tanchu{ display:block;overflow: hidden; float: left; position: relative; width:290px; height:205px;}
.txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 0px;line-height: 45px;text-align: center;color: #fff;background: url(../images/look.png) 50% 68% no-repeat rgba(0,0,0,.70);}
.con{overflow: hidden; float: left; position: relative; width:290px; height:282px;background:#fff; margin:0px 7px 15px 7px;}
.con a h4{ text-align:center; color:#171717; font-size:12px; line-height:30px;}
.names{ width:240px; height:77px; background:#fff; padding:13px 25px 15px 25px; float:left;}
.names h3{ font-size:19px; color:#000; float:left; display:inline-block; width:240px; line-height:32px;}


.footer{ width:1200px; border-top:1px solid #6c6c6c; margin-top:35px; padding:14px 0 14px 0;}
.footer_nei{ float:left; font-size:14px; color:#c8c8c8;}
.footer_nei img{ vertical-align:text-bottom; padding-right:10px;}
.footer ul{ float:right;}
.footer ul li{ float:left; color:#fff;}
.footer ul li a{ display:inline-block; font-size:14px; padding:0px 5px 0px 5px; float:left; color:#fff;}

/*内页*/



.left{ width:197px; height:auto; overflow:hidden; margin:26px 20px 20px 0; float:left;}
.namess{ width:177px; height:46px; padding-left:20px; background:#e22f2f; line-height:46px;}
.namess span{ font-size:18px; color:#fff; border-left:3px solid #fff; padding-left:5px;}

.right{ width:983px; height:auto; overflow:hidden; margin:26px 0 20px 0 ; float:left;}
.toubu{ border-bottom:1px dashed #d6d6d6; width:983px; height:auto; overflow:hidden; text-align:right; color:#a4a5aa;}
.toubu a{ clear:right; padding:0px; line-height:42px;cursor:pointer; color:#a4a5aa;}
.toubu span{ width:166px; height:42px; text-align:left; font-size:18px; color:#fff;float:left; line-height:42px; padding-left:12px; }
.toubu span a:hover{ color:#fff;}
.nei{ font-size:14px; line-height:23px; color:#fff; padding:10px; height:auto; overflow:hidden;}







/*分页*/
div.pager
{
    text-align:center;
    margin:0 auto;
	    color: #fff;
}
div.pager span
{
    margin-left:8px;
    margin-right:8px;
}
div.pager a
{
    margin-left:8px;
    margin-right:8px;
    text-decoration:none;
}

/*新闻*/
ul.news
{
    clear:both;
    margin:10px 0px 0px 0px;
    padding:0px;
}
ul.news li
{ height:30px; padding:0 10px; margin-left:5px; margin-right:5px; border-bottom:dashed 1px #ccc; line-height:30px; color:#fff;
}

ul.news1
{
    clear:both;
    margin:0px;
    padding:0px;
}
ul.news1 li
{ background:url(../images/index_38.jpg) no-repeat left center; height:28px; width:190px; padding-left:20px; padding-top:2px; width:522px;color:#fff;
}
ul.news1 li a
{
    text-decoration:none;
    color:#fff;
}

.newstitle{text-align:center; font-size:14px; font-weight:bold; color:#fff;}
.newssubtitle{ text-align:center}
.newssubtitle span{margin-left:20px;}


/*产品分类*/
.producttype{ width:197px;height:auto; overflow: hidden; padding-bottom: 20px;}
.producttype1 a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:162px;text-align:left;font-size:14px; padding-left:35px; color: #000; background:url(../images/hdian.png) 5% 50% no-repeat #fff; display: block; height: 35px; line-height: 35px; margin-top: 3px;}
.producttype1 a:hover{color: #fff; background:url(../images/dian.png) 5% 50% no-repeat #f47979; }
.producttype1 a.lvv{width:162px;text-align:left;font-size:14px; padding-left:35px; color: #fff; background:url(../images/dian.png) 5% 50% no-repeat #f47979; display: block; height: 35px; line-height: 35px; margin-top: 3px;}
.producttype2{ display:none;}
.producttype2 a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:14px; display:block;color:#7e7e7e;line-height:35px;height:35px; border-bottom: 1px dashed #7e7e7e; width: 197px;text-align: center;}
.producttype2 a:hover { color: #fff;border-bottom: 1px dashed #fff;}
/*下载*/
ul.downloads
{
    clear:both;
    margin:0px;
    padding:0px;
    padding-top:5px;
}

ul.downloads li
{
    border-bottom:1px dashed #92d8ff; line-height:24px; background:url(../images/icon.jpg) no-repeat 5px center; text-indent:20px; height:24px; color:#fff;
}

ul.downloads li a
{
    text-decoration:none;
}
.tj_btn{ width:71px; height:25px; background:url(../images/btn_bg.jpg) no-repeat left top; vertical-align:middle; border:none; color:#fff; font-size:12px;}
.multi_page{ text-align:center;}
.multi_page span{ padding:0px 5px; font-size:12px;}
.multi_page span a{ font-size:12px;}




particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

h1::after {
  content: '';
  width: 80px;
  display: block;
  background: #fff;
  height: 10px;
  margin: 30px auto;
  line-height: 1.1;
}
.btn {
  display: inline-block;
  padding: 15px 30px;
  border: 2px solid #fff;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
       -o-transition: all 0.4s;
          transition: all 0.4s;
}
.btn:hover {
  color: #005544;
  border-color: #005544;
}


#d_tab29 ul,#d_tab29 li{margin:0;padding:0;list-style:none}
#d_tab29 img{border:0;vertical-align:top}



#d_tab29{position:relative; height:320px;text-align:left}
#d_tab29 .d_img{position:relative;margin:0 auto;width:1000px;height:100%} 
#d_tab29 .d_img li{position:absolute;display:none;z-index:0}
#d_tab29 .d_img li img{width:100%}
#d_tab29 .d_img li img:hover{ cursor:pointer;transform: scale(1.2, 1.2);transition: .3s transform; }
	
 
#d_tab29 .d_img li.d_pos1{display:block;width:100px;left:5%;top:110px;z-index:1}
#d_tab29 .d_img li.d_pos2{display:block;width:150px;left:20%;top:90px;z-index:2}
#d_tab29 .d_img li.d_pos3{display:block;width:200px;left:40%;top:70px;z-index:3}
#d_tab29 .d_img li.d_pos4{display:block;width:150px;right:20%;top:90px;z-index:2}
#d_tab29 .d_img li.d_pos5{display:block;width:100px;right:5%;top:110px;z-index:1}


#d_tab29 .d_menu{position:absolute;bottom:20px;width:100%;text-align:center}
#d_tab29 .d_menu li{display:inline-block;zoom:1;*display:inline;background:url('img/btn.png') no-repeat 0 0;width:12px;height:12px;cursor:pointer;margin-right:3px}
#d_tab29 .d_menu li.d_select{background:url('img/btn.png') no-repeat 0 -18px}

#d_tab29 .d_next{position:absolute;left:50%;margin-left:475px;top:140px;z-index:10;cursor:pointer}
#d_tab29 .d_prev{position:absolute;left:50%;margin-left:-525px;top:140px;z-index:10;cursor:pointer}
