@charset "UTF-8";
/* CSS Document */
body{ background-color:#f7f7f7; }
span,td,th,table,fieldset,form,pre,blockquote,p,dd,dt,li,dl,ol,ul,h6,h5,h4,h3,h2,h1,div,body,html,input{ margin:0; padding:0;}
ul li{ list-style:none;}
img{border:none; padding:0; margin:0;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0; width:0; overflow:hidden; zoom:1;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mt5{ margin-top:5px;}
.cursor{ cursor:pointer;}

body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body { font-size:14px; line-height:150%;text-align:left; color:#666; font-family:"微软雅黑","Arial Black", Gadget, sans-serif; background:#ffffff;}
img{ border:0; -ms-interpolation-mode:bicubic; }
body .container{ width:100%; text-align:left; margin:0 auto; min-width:320px; height:100%; }
a:link {color:#666; text-decoration:none; outline:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#510449; text-decoration:none;}
a:active { color:#510449; text-decoration:none;}
ul,li{list-style:none;}
.box_main{min-width:320px; background:none repeat scroll 0% 0% #ffffff; margin:0px auto;overflow:hidden; min-height:480px; }
@media screen and (max-width:480px){
.content_box .news_list ul time{display:none;}
.content_box .news_list dt time{display:none;}
.content_box .news_box time{display:none;}
}
.main{ margin-bottom:60px;}

/*--------------------以下写头部和底部的样式----------------------------------*/
.g-hd{ height: 100px; overflow:hidden; position:relative;}
.g-hd:before { content:""; position:absolute; width:100%; height:2px; top:0; left:0; background:url(../Images/bg.gif) repeat-x; background-size:3px 2px;}
.g-hd .logo{ margin:32px 0 0 1px; width:165px; text-align:center;}
.g-hd a { font-size:6px; text-transform:uppercase; color:#c0c0c0;}
.g-hd .m-tel{ padding-left:12px; margin-top:12px; border-left:1px solid #ebebeb; position:relative;}
.g-hd .m-tel:before { content:""; position:absolute; width:1px; height:83px; top:0; left:0; border-left:1px solid #fff;}
.g-hd .m-tel h5{ font-size: 13px; color: #0e3797;}
.g-hd .m-tel h5 span{ font-size: 12px; color: #0e3797;}
.g-hd .m-tel p{ font-size: 15px; color: #000; line-height: 26px;}
.g-hd .m-tel a { color: #ff8b00; font-size:22px; font-family:Tahoma, Geneva, sans-serif; padding-left:7px;}
.m-tel .u-tel{ width:17px; height:17px; display:block; background:url(../images/tel.png) no-repeat; float:left; position:relative; -webkit-background-size:100%;background-size:100%;left:0; top: 6px;} /*头部电话图标*/
.m-tel .u-tel .z-ln-1{z-index:10;
	display:inline-block;
	width:7px;
	height:7px;
	border-width: 1px 1px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-1px;
	right:0;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.m-tel .u-tel .z-ln-2{z-index:10;
	display:inline-block;
	width:5px;
	height:5px;
	border-width: 1px 1px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:1px;
	right:2px;
	animation-name: xshow2; /*动画名称*/
	animation-duration: 4s;/* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow2;   /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.m-tel .u-tel .z-ln-3{z-index:10;
	display:inline-block;
	width:3px;
	height:3px;
	border-width: 1px 1px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:3px;
	right:4px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/

/*返回结束*/
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

.g-back { background:#e8e8e8; border-top:1px solid #e8e8e8; }/*返回文字样式*/
/*内页图片样式*/
.g-back .u-bp,.g-back .u-bl,.g-back .u-bh,.u-seek,.u-detail{background:url(../images/Nyskinsbar.png) no-repeat; background-size:35px 600px;}
/*内页返回开始*/
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;} /*内页返回布局样式*/
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	/*内页返回链接样式*/
.g-back .u-bp { background-position:0 0; } /*内页返回样式*/
.g-back .u-bl {background-position:0 -286px;  } /*内页回到首页样式*/
.g-back .u-bh { margin-right:10px; background-position:0 -232px;} /*内页目录样式*/
/*内页返回结束*/

/*返回开始*/
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;}
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	
.g-back .u-bp { background-position:0 0; }
.g-back .u-bl {background-position:0 -286px;  }
.g-back .u-bh { margin-right:10px; background-position:0 -232px;}
/*返回结束*/

/*内页面包屑导航样式 开始*/
.m-btit {line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/
	border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/
.m-btit:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	background:#7c7c7c;
	width:8px;
    height:8px;
    left:2px;
	top:3px;
	z-index:10;
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	width:8px;
    height:8px;
    left:1px;
	top:3px;
	z-index:11; background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
/*内页面包屑导航样式 结束*/	

/* -- 内页--产品导航页二级奇偶行背景 -- */
.g-bd .m-pronav .list .white,{ background:#fff; }
.g-bd .m-pronav .list .gray,{ background:#f8f8f8; }
/* -- 产品导航页二级导航背景颜色，字体颜色和线条颜色  -- */
.g-bd .m-pronav .prolist { border: 1px solid #e1e1e1; }/*产品导航最外层边框*/
.g-bd .m-pronav .prolist li .on { border-bottom:1px solid #ffffff; background-color:#fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -moz-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -o-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -ms-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: linear-gradient(top, #fbfbfb, #e1e1e1); }/*产品导航展开边框*/
.g-bd .m-pronav .prolist li .down { border-bottom:1px solid #e1e1e1; background-color:#ffffff; color:#1845af;}/*产品导航收缩边框*/
.g-bd .m-pronav .prolist li:last-child .down { border:none; }
.g-bd .m-pronav .prolist li p { border-bottom:1px solid #e1e1e1; background-color:#ffffff; }/*产品导航收缩边框*/
.g-bd .m-pronav .prolist li ul a { border:0; }
.g-bd .m-pronav .list1 li { border-bottom:1px solid #e1e1e1; }/*产品导航二级栏目边框*/
.g-bd .m-pronav .list1 li:before { border-color: #000 #000 transparent transparent; }
.g-bd .m-pronav .list1 li:after { border-color: #fff #fff transparent transparent; }
.g-bd .m-pronav .prolist .list1 .a_tit:before { border-color: #000 #000 transparent transparent; }
.g-bd .m-pronav .prolist .list1 .a_tit:after { border-color: #fff #fff transparent transparent; }
.g-bd .m-pronav .list2 a:nth-child(odd) li {border-right:1px dashed #ddd;}
.g-bd .m-pronav .list3 a:nth-child(3n-2) li {border-right:1px dashed #ddd;}
.g-bd .m-pronav .list3 a:nth-child(3n-1) li {border-right:1px dashed #ddd;}

.g-bd .m-pronav .list3 a, .m-pronav .content a, .g-bd .m-pronav .prolist .list1 .a_tit { color:#000 ; }	/*产品导航二级栏目字体颜色*/