@charset "utf-8";
*,::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x:hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/select.png) no-repeat scroll 98% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
a{ color:#333;}
a:hover{color:#f82840}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */-webkit-tap-highlight-color: transparent;}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table ,td,th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
}
.dot2 {
	-webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}
.dot4 {
	-webkit-line-clamp: 4;
}
.ytable{ display:table; width:100%; height:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
/*设置隐藏*/
.none {display: none;}
.hidden {visibility: hidden;}

/************************************************************************/

body{ padding-top:80px;}
.home-body{ padding-top:0;}

.container{width:96%; max-width:1200px; margin:0 auto;}
.auto{width:96%; margin:0 auto; max-width:1200px;}


.header{ z-index:888; width:100%; position:fixed; top:0; left:0; background:#fff;}
.header .auto{ height:80px; position:relative; z-index:88;}
.header .logo{ position:absolute; left:0; width:85px; height:100%; top:0; background: url(../images/logo.png) no-repeat center center; z-index:20;}
@media(min-width:1025px){
.home-body .header{ position:relative; background:#f5f5f5;}
.home-body .header .logo{ display:none;}
}

.top-search{ z-index:6; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);z-index:30;}
@media(min-width:1025px){
.top-search dt{ padding-left:37px; border-left:1px solid #d9d9d9;}
}
@media(max-width:1024px){
.top-search{ right:40px;}
.top-search dt{ padding-right:15px; margin-right:15px;border-right:1px solid #d9d9d9;}
}
.top-search dt a{ width:20px; height:20px; display:inline-block; background:url(../images/search_btn.png) no-repeat center center;}
.top-search dt.show a{ background:none; position:relative;}
.top-search dt.show a:before,
.top-search dt.show a:after{ position:absolute; content:''; width:80%; left:20%; height:3px; background:#666; top:50%; margin-top:-1px;}
.top-search dt.show a:before{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.top-search dt.show a:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.top-search dd{ display:none; position:absolute; right:25px;width:250px; top:50%; margin-top:-20px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2);}
@media(max-width:1024px){
.top-search dd{ right:60px;}
}
@media(max-width:480px){
.top-search dd{ top:50px; margin-top:0; right:-40px;}
}
.top-search dd .text{line-height:40px; height:40px; width:100%; padding:0 40px 0 10px; border:none; background:none;}
.top-search dd a{ position:absolute; right:0; top:0; width:40px; height:100%;background:url(../images/search_btn.png) no-repeat center center; cursor:pointer; border:none;}
@media(min-width:1025px){
.header .nav{ display:block !important;  float:right; margin-right:88px;}
.header .nav li{float:left; line-height:80px;}
}
.header .nav li{ position:relative;}
.header .nav li:not(:last-child):after{ display:inline-block; vertical-align:middle; content:''; width:3px; height:3px; border-radius:50%; margin:0 30px; background:#999;}
.header .nav li a{ font-size:16px; color:#333;}
.header .nav li.on a,
.header .nav li a:hover{ color:#ff0000;}
@media(max-width:1024px){
.header .nav{ display:none; position:absolute; right:0; width:220px; top:100%; background:#fff; text-align:center; padding:20px; box-shadow:0 4px 5px rgba(0,0,0,0.5); border-radius:0 0 5px 5px;}
.header .nav li a{ display:block; padding:10px 0; font-size:18px; font-weight:bold;}
.header .nav li:not(:last-child):after{ width:5px; height:5px;}
.open-menu{ position:absolute; right:0; width:40px; height:30px; top:50%; margin-top:-15px; border-radius:5px; background:#392f2c;}
.open-menu:before,
.open-menu:after,
.open-menu span{ position:absolute; background:#fff; width:70%; left:15%; height:3px; top:50%; margin-top:-1.5px;}
.open-menu span{ transition:0.3s;}
.open-menu:before,
.open-menu:after{ content:''; transition:transform 0.3s;}
.open-menu:before{ margin-top:-8px;}
.open-menu:after{ margin-top:6px;}
.open-menu.show span{ width:0; opacity:0;}
.open-menu.show:after,
.open-menu.show:before{ transform:rotate(45deg); margin-top:-1.5px;width:60%; left:20%;}
.open-menu.show:before{ transform:rotate(-45deg);}
}
@media(min-width:1025px){
.home-body .header .auto{ width:auto; display:table; margin:0 auto;}
.home-body .header{ z-index:1;}
}






/*pages*/
.Pages{ padding:20px 0;  zoom:1; overflow:hidden; text-align:right; font-size:14px; line-height:28px; clear:both;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 1px; padding:0px 12px; background-color:#fff; border:solid 1px #e2e2e2; }
.Pages a:hover{color:#fff; background:#f82840; border-color:#f82840;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a.page-num-current{ color:#fff; background:#f82840; border-color:#f82840;}
@media(max-width:768px){
.Pages .p_page em,
.Pages a.a_first,
.Pages a.a_end{ display:none;}
}
/*pages end*/



/**/
.banner img{ width:100%;}
@media(min-width:1025px){
.banner{height:306px;}
.banner img{ display:none;}
}
@media(max-width:1024px){
.banner{ background:none !important;}
}

.menu{line-height:49px;margin-top:-25px; position:relative; z-index:10;}
@media(min-width:769px){
.menu{ margin-bottom:60px;}
.menu .two,
.menu .one{ overflow:hidden;}
.menu .two ul,
.menu .one ul{ float:right;} 
.menu .one li{ float:left;margin-left:-30px;}
.menu .one li *{ display:block;background:url(../images/menu_bg.png) no-repeat 0 0;}
.menu .one li a{ color:#fff;padding-left:53px; background-position: left -98px;}
.menu .one li span{padding-right:53px; background-position:right bottom;}
.menu .one li.on a,
.menu .one li a:hover{background-position:left top;}
.menu .one li.on span,
.menu .one li a:hover span{background-position:right -49px;}
}
@media(max-width:768px){
.menu{ margin-bottom:30px;}
.menu .one{position:relative;margin-left:35px; margin-right:35px;}
.menu .one:before,
.menu .one:after{ position:absolute; content:''; top:0; height:100%; background:url(../images/menu_bg.png) no-repeat left top; width:35px;}
.menu .one:before{ left:-35px; background-position:0 -98px;}
.menu .one:after{right:-35px; background-position:right -147px;}
.menu .one section{overflow:auto;}
.menu .one ul{ background:#525252; width:150%;}
.menu .one ul li{ float:left; padding:0 5px 0 10px;}
.menu .one ul li a{ color:#fff; display:block;}
.menu .one ul li.on a{ color:#f82840; font-size:18px;}
}
.menu .two{ padding-top:23px;}
.menu .two ul{border-top: solid 1px #e5e5e5;}
.menu .two.no-lcid{ display:none;}
.menu .two li{ line-height:39px; float:left;}
.menu .two li:not(:last-child){ padding-right:2px;}
.menu .two li *{ display:block;}
.menu .two li.on *,
.menu .two li:hover *{background:url(../images/sub_bg2.png) no-repeat left bottom;}
.menu .two li a{ padding-left:15px;}
.menu .two li span{ padding-right:15px;}
.menu .two li.on span,
.menu .two li:hover span{ background-position:right bottom;}

.sub{ font-size:18px; margin-bottom:32px; padding-left:36px; line-height:42px;}
.sub span:not(:first-child){}
.sub span{display:inline-block;margin-left:-36px;}
.sub span a{white-space:nowrap; position:relative; color:#525252; display:inline-block; padding-left:78px; background:url(../images/sub_bg.png) no-repeat left -84px;}
.sub span a em{ font-style:normal; display:inline-block; padding-right:78px; background:url(../images/sub_bg.png) no-repeat right bottom;}
.sub span.on a,
.sub span a:hover{z-index:5; color:#fff; background:url(../images/sub_bg.png) no-repeat left top;}
.sub span.on a em,.sub span a:hover em{background:url(../images/sub_bg.png) no-repeat right -42px;}
@media(max-width:1024px){
.sub{ font-size:16px;}
.sub span a{ padding-left:30px;}
.sub span a em{ padding-right:30px;}
}

.footer{ color:#999;background:#262626;text-align:center; padding-bottom:40px;}
.footer a{ color:#999;}
.footer #goToTop{ background:#333; }
.footer #goToTop a{ display:block; margin:0 auto; width:40px; height:40px; position:relative;}
.footer #goToTop span{ position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-3px; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(45deg);width:12px; height:12px;}
.footer .logo{ text-align:center; padding:70px 0 40px 0;}
.footer .other{ padding:35px 0 15px 0;}
.footer .other a{ color:#cccccc;}
.footer .other a:not(:last-child):after{ width:1px; height:12px; background:#515151; display:inline-block; content:''; vertical-align:middle; margin:0 10px;}
.footer a:hover{ color:#f82840;}
 
.single{ line-height:24px; font-size:14px; padding-bottom:30px; min-height:250px; word-wrap: break-word; word-break: normal; overflow:hidden;}

@media(min-width:1025px){
.editor_about_left{ float:left; width:27.25%;}
.editor_about_right{ float:right; width:70.42%;}
}
@media(max-width:1024px){
.editor_about_left{ text-align:center; padding-bottom:4%;}
}

.editor_about_right .txt1{ padding-left:40px;}
.editor_about_right .txt2 li{ padding:10px 0px 10px 40px; background:url(../images/icon2.jpg) no-repeat left 20px;}
.editor_about_right .txt2 li .name{ padding:0px; margin:0px; font-weight:normal; font-size:24px;}

@media(min-width:1025px){
.editor_service{ padding-left:35px;}
.editor_service .left{ float:left; width:44.83%;}
.editor_service .right{ float:right; width:52.08%;}
.editor_service_01 li{ float:left; }
.editor_service_01 li:nth-child(1){ width:15.58%;}
.editor_service_01 li:nth-child(2){ width:34.58%; margin:0 1%;}
.editor_service_01 li:nth-child(3){ width:47.84%;}
.editor_service_02{border-left:solid 1px #e5e5e5;}
.editor_service_02 li{float:left; width:20%;padding:0px 2%; border-right:solid 1px #e5e5e5;min-height:330px;}
.editor_service .left-2{ float:left; width:34.417%;}
.editor_service .right-2{ float:right; width:65.583%;}
.editor_service_03 li{ float:left; width:41.667%;}
.editor_service_03 li:nth-child(2n){ float:right;}
}
@media(max-width:1024px){
.editor_service .left-2,
.editor_service .right-2,
.editor_service .right,
.editor_service .left{ text-align:center;}
.editor_service_01 li{ padding:10px 0;}
.editor_service_02 li{border-bottom:solid 1px #e5e5e5; padding:0 0 3% 0; margin-bottom:3%;}
.editor_service_03 li{ margin-bottom:4%; text-align:center;}
}
.editor_service_01 li{text-align:center;}
.editor_service_02 li{ font-size:12px; text-align:center;   }


.editor_contact{ overflow:hidden; min-height:170px; padding-bottom:30px; padding-left:180px; border-bottom:solid 1px #e5e5e5; background:url(../images/photo.jpg) no-repeat left top;}
.editor_contact ul li{padding:10px 0px 10px 100px;  background:url(../images/icon5.jpg) no-repeat 55px 20px;}
@media(min-width:769px){
.editor_contact ul li{ float:left; width:50%;}
}
@media(max-width:640px){
.editor_contact{ padding-left:0; padding-top:170px; background-position:center top;}
.editor_contact ul li{ padding-left:45px; background-position:0 20px;}
}

.map_intro{ overflow:hidden;}
.map_intro .intro h5{ font-size:20px; font-weight:normal; padding:0px 0px 0px 45px; margin:0px; background:url(../images/icon5.jpg) no-repeat left;}
.map_intro .area{ padding:30px 0;}

.map_intro .area dl{ float:left; width:157px; position:relative;}
.map_intro .area dl .arrow{ position:absolute; display:block; width:50px; height:34px; top:0px; right:10px; cursor:pointer;}
.map_intro .area dl dt{ padding-left:30px; line-height:34px; background:url(../images/area_bg.jpg) no-repeat;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;cursor: pointer;}
.map_intro .area dl dd{ left:1px; margin-top:-1px; background-color:#fff; position:absolute; border:solid 1px #cccccc; border-top:none; display:none; width:130px;}
.map_intro .area dl dd a{ display:block; padding:0px 10px; border-top:solid 1px #cccccc; }
.map_intro .list{ padding:20px 0; overflow:hidden;}
.map_intro .list ul{ overflow:hidden; }
.map_intro .list ul li{ padding:10px 20px 10px 0;}
@media(min-width:1025px){
.map_intro .map{ float:left; width:34.2%;}
.map_intro .intro{ float:right; width:60%;}
}
@media(min-width:641px){
.map_intro .list ul li{ float:left; width:50%;}
.map_intro .list ul{border-bottom:dotted 1px #cccccc;}
}
@media(max-width:1024px){
.map_intro .map{ text-align:center;}
}
@media(max-width:640px){
.map_intro .list ul li{border-bottom:dotted 1px #cccccc;}
}


.news-info{ clear:both; overflow:hidden;}
.news-info .name{ text-align:center; font-size:16px; padding:0px; margin:0px; line-height:36px;}
.news-info .time{ text-align:center; color:#333333; line-height:30px; padding:0px; margin:0px; font-size:14px;}
.news-info .info{ padding:20px 0; font-size:14px; line-height:30px; word-wrap: break-word; word-break: normal; overflow:hidden;}
.news-info .video{ margin:0 auto; text-align:center; padding:20px 0; max-width:800px; position:relative; padding-bottom:40%;}
.news-info .video *{ position:absolute; left:0; top:0; background:#000;}
.news-info .pro_info{ background-color:#f2f2f2; padding:21px;}

.news-info .pro_info .photo img{ width:100%; display:block;}
.news-info .pro_info .txt{ padding-left:45px; background:url(../images/icon4.jpg) no-repeat left 20px;}
.news-info .pro_info .name{ line-height:26px; text-align:left; border-bottom:solid 1px #d9d9d9; padding:12px 0; margin-bottom:20px;}
.news-info .pro_info .buy{ padding-top:20px;}
.news-info .pro_info .buy a{ color:#fff; display: inline-block; padding:2px 10px; background-color:#f82840;}
.info_other{ font-size:14px; padding:20px 0;}
.info_other span{ display:block;}
.info_other span.back a{ display:inline-block; padding:0px 15px; background-color:#f82840; color:#fff;}
@media(min-width:769px){
.news-info .pro_info .photo{ float:left; width:66.667%;}
.news-info .pro_info .txt{ float:right; width:27.08%;margin:0px 20px 0px 0;}
}


@media(min-width:481px){
.news_list ul dl{height:196px;}
.news_list ul dl dt{width:220px;  position:absolute;}
.news_list ul dl dd{ padding-left:252px;}
}
.news_list ul dl{  position:relative;}
.news_list ul dl dt img{ display:block; width:100%;}
.news_list ul dl dd h5{ font-size:14px; padding:20px 0px; margin:0px;}
.news_list ul dl dd em{ font-size:12px; line-height:18px; left:160px; top:14px; position:absolute; display:block; width:91px; padding-right:10px; height:39px; text-align:center; font-style:normal; color:#fff; background:url(../images/time.png) no-repeat;}
.news_list ul dl dd em b{ display:block; font-size:14px; padding-top:3px;}
.news_list ul dl dd p{ margin:0px 0px 20px 0px; line-height:20px; max-height:40px; color:#585858;}
.news_list ul dl dd .more{ font-size:12px; color:#999999; width:103px; line-height:23px; display:block; text-align:center; background:url(../images/more.jpg) no-repeat;}
.news_list ul li{ line-height:50px; background:url(../images/icon3.jpg) no-repeat left; padding-left:38px;}
.news_list ul li span{ float:right; color:#b9b9b9; font-size:12px;}
@media(max-width:480px){
.news_list ul dl dd em{ left:auto; right:2%; top:2%;}
}


.video_list ul li{ float:left; margin-bottom:2%;}
.video_list ul li .pic img{ display:block;width:100%;}
.video_list ul li h5{ background:url(../images/icon.jpg) no-repeat left; font-size:14px; padding:10px 0px 10px 45px; margin:0px; font-weight:normal;}
.video_list ul li.liend{ padding-right:0px;}
@media(min-width:769px){
.video_list ul li{width:30.834%; }
.video_list ul li:not(:nth-child(3n)){ margin-right:3.749%;}
}
@media(max-width:768px){
.video_list ul li{width:48%; }
.video_list ul li:not(:nth-child(2n)){ margin-right:4%;}
}

.link_list{ padding-top:20px;}
.link_list ul li{ float:left; width:262px; height:150px; padding-right:50px;}
.link_list ul li div{border:solid 1px #e4e4e4;}
.link_list ul li img{ width:260px; height:85px; }
.link_list ul li h5{ font-size:14px; padding:10px 0; margin:0px; font-weight:normal; text-align:center;}

.ul_sitemap li{ padding:10px 0; background:url(../images/dot2.jpg) repeat-x bottom;}
.ul_sitemap li strong{ display:block; font-size:14px;}

.product_list{ border-bottom:solid 1px #e5e5e5;}
.product_list ul li{ float:left; margin-bottom:3%;}
.product_list ul li .pic{ border:solid 1px #e2e2e2;}
.product_list ul li .pic img{ display:block; width:100%;}
.product_list ul li h5{ line-height:22px; font-size:14px; padding:12px 0px 0px 45px; margin:0px; font-weight:normal; background:url(../images/icon.jpg) no-repeat left 18px;}
@media(min-width:769px){
.product_list ul li{ width:23.335%; }
.product_list ul li:not(:nth-child(4n)){ margin-right:2.22%;}
}
@media(min-width:641px) and (max-width:768px){
.product_list ul li{ width:32%; }
.product_list ul li:not(:nth-child(3n)){ margin-right:2%;}
}
@media(max-width:640px){
.product_list ul li{ width:48%; }
.product_list ul li:not(:nth-child(2n)){ margin-right:4%;}
}


/*index*/
.ind-banner{ position:relative; z-index:1; overflow:hidden;}
.ind-banner .logo-area{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10; text-align:center; width:90%;}
.ind-banner .logo-area nav{ padding-top:90px;}

.ind-banner .logo-area nav a{ display:inline-block; vertical-align:middle; color:#fff; font-size:18px;}
.ind-banner .logo-area nav span{ display:inline-block; width:1px; height:15px; background:rgba(255,255,255,0.8); vertical-align:middle; margin:0 15px;}
.ind-banner .slider,
.ind-banner .slick-list,
.ind-banner .slick-track,
.ind-banner li.slick-slide{ height:100%;}
.ind-banner li.slick-slide{position:relative;}
.ind-banner li.slick-slide a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.ind-banner li.slick-slide .Ispic.wap{ display:none;}
.ind-banner li.slick-slide .Ispic{ height:100%; /*transition:15s linear 0.3s;*/}
/*.ind-banner li.active .Ispic{ transform:scale(1.2);}*/
.ind-banner .slick-dots{ position:absolute; bottom:5%; z-index:5; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.ind-banner .slick-dots li{ float:left; width:14px; height:14px; border-radius:50%; border:2px solid #fff; background:#fff; font-size:0; margin:0 8px;}
.ind-banner .slick-dots li button{ display:none;}
.ind-banner .slick-dots li.slick-active{ background:none;}

@media(max-width:640px){
.ind-banner .logo-area img{ max-width:140px;}
.ind-banner .logo-area nav{ padding-top:50px;}
.ind-banner li.slick-slide .Ispic.wap{ display:block;}
.ind-banner li.slick-slide .Ispic.pc{ display:none;}
}

.ind_news_product{ margin-top:-120px; position:absolute; width:100%; height:254px; background:url(../images/ind_news_pro.png) no-repeat center center;}
.ind_news_product .auto{ position:relative;}
.ind_news_product .news{ float:left; width:480px;}
.ind_news_product .news dl{ position:relative; padding:50px 0px 0px 120px;}
.ind_news_product .news dl h5{ font-size:12px; padding:0px 0px 0px 23px; margin:0px;}
.ind_news_product .news dl h5 a{ color:#fff;}
.ind_news_product .news dl p{ line-height:20px; color:#bdbcbb; padding:2px 0px 2px 37px; margin:0; background:url(../images/ind_icon.png) no-repeat 27px 10px;}
.ind_news_product .news dl span{ font-size:12px; left:0px; top:50px; position:absolute; display:block; width:117px; height:49px; text-align:center;  color:#fff; background:url(../images/time2.png) no-repeat; line-height:20px;}
.ind_news_product .news dl span b{ display:block; font-size:22px; padding-top:5px;}
.ind_news_product .news dl .more{ padding-left:23px; color:#fff; background:url(../images/ind_icon2.png) no-repeat left;}
.ind_news_product .pro{ position:absolute; right:0; top:33px; width:570px;}
.ind_news_product .pro span{ position:relative; display:inline-block; padding-bottom:10px; margin-left:-48px;}
.ind_news_product .pro span img{ width:234px; height:76px;}

.index-con{ padding:40px 0;}
.index-con .ytable-cell{ vertical-align:top;}
.index-con .no-con{ width:2.333%;}
.index-con .left{ width:37%;}
.index-con .mid{ width:29.167%; background:#f5f5f5;}
.index-con .right{width:29.167%;background:#333333;}
.index-con .video{ position:relative;}
.index-con .open-files{ position:relative; z-index:1;}
.index-con .open-files img{ display:block; width:100%;}
.index-con .open-files a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/play.png) no-repeat center center rgba(0,0,0,0.1);}
.index-con .files{ background:#000; display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.index-con .files iframe{ width:100%!important; height:100%!important;}
.index-con .h-tit{ position:relative;padding:20px 0; }
.index-con .h-tit:before{ position:absolute; content:''; width:100%; height:1px; left:0; top:50%; z-index:1; background:#e5e5e5;}
.index-con .h-tit span{ position:relative; z-index:3;  display:inline-block; padding-right:22px; font-size:20px; color:#333;}
.index-con .left .h-tit{ text-align:center;   margin-top:20px;}
.index-con .left .h-tit span{background:#fff; padding-left:22px;}
.index-con .right dd,
.index-con .left li{ position:relative; overflow:hidden;}
.index-con .right dd:not(:last-child),
.index-con .left li:not(:last-child){ margin-bottom:20px;}
.index-con .right dd img,
.index-con .left li img{ display:block; width:100%; transition:0.5s ease-in-out;}  
.index-con .right dd aside,
.index-con .left li aside{ position:absolute; width:100%; text-align:center; bottom:10%; left:0; color:#fff; font-size:20px; font-family:Arial, Helvetica, sans-serif; z-index:10; padding:0 5%;}
.index-con .right dd a:hover img,
.index-con .left li a:hover img{ transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12);}
.index-con .right dd aside{ font-size:16px; text-align:left;}

.index-con .main{ padding:0 20px;}
.index-con .right .h-tit span{background:#333; color:#fff;}
.index-con .right .h-tit:before{ background:#575757;}
.index-con .right ul li{ position:relative; overflow:hidden; margin-top:20px;}
.index-con .right ul li img{ display:block; width:100%;transition:0.5s ease-in-out;}
.index-con .right ul li aside{ text-align:center; padding:0 5%; font-size:20px; position:absolute; left:0; top:50%; line-height:40px; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); color:#fff; z-index:10;}
.index-con .right ul li a:hover img{ transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12);}
.index-con .contact{ margin-bottom:20px;}

.index-con .more{ padding:20px 0;}
.index-con .more a{ transition:0.3s; display:block; line-height:50px; text-align:center; font-size:16px; background:#fff;}
.index-con .more a:after{ display:inline-block; content:''; vertical-align:middle; width:9px; height:9px; border-top:1px solid #4c4c4c; border-right:1px solid #4c4c4c; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); margin-left:10px; margin-top:-1px;transition:0.3s;}
.index-con .mid .more a{ line-height:46px; border:2px solid #666; background:none;}
.index-con .more a:hover{ background:#f82840; color:#fff;}
.index-con .more a:hover:after{ border-color:#fff; margin-left:30px;}
.index-con .mid .more a:hover{ border-color:#f82840;}

.index-con .mid .careOur{ background:#fff; border:1px solid #e5e5e5;}
.index-con .mid .h-tit{ text-align:center;}
.index-con .mid .h-tit span{/* font-weight:bold; */padding:0 22px; background:#fff;}
.index-con .mid .list{ border-top:20px solid #fff;padding-top:10px;}
.index-con .mid .list .h-tit span{ background:#f5f5f5;}
.index-con .mid .list .h-tit:after{ background:#dbdbdb;}
.index-con .mid .list li{ position:relative;padding:15px 0;}
.index-con .mid .list li a{ position:relative; z-index:3; display:block; color:#666;}
.index-con .mid .list li:not(:last-child){ border-bottom:1px solid #dbdbdb;}
.index-con .mid .list li h4{color:#333; margin:1px 0; font-size:16px;}
.index-con .mid .list li p{ margin:0; line-height:24px; overflow:hidden; height:48px;}
.index-con .mid .list li:after{ position:absolute; left:-25px; top:-1px; right:-25px; bottom:-1px; content:'';transition:0.3s;}
.index-con .mid .list li:hover:after{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.index-con .mid .list li:hover h4{ color:#f82840;}


.follow-us{ display:table; margin:0 auto;}
.follow-us li{ overflow:hidden; position:relative; float:left; z-index:20; padding:0 10px;}
.follow-us li a{ display:block; width:66px; height:66px; border-radius:50%; background-position:center center; background-repeat:no-repeat;}
.follow-us li.ewm a{ background-color:#2fb26b; background-image:url(../images/share1.png);} 
.follow-us li.sina a{background-color:#f3930c;  background-image:url(../images/share2.png);} 
.follow-us li.mail a{background-color:#c40000; background-image:url(../images/share3.png);} 
.follow-us li figure{ position:absolute; bottom:100%; margin-bottom:20px; border-radius:5px; background:#fff; width:150px; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.5); left:50%; margin-left:-75px; transform:translateY(-50px); -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); opacity:0; -webkit-opacity:0; transition:0.5s 0.1s ease-in-out;}
.follow-us li.hover{ overflow:inherit;}
.follow-us li.hover figure{transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); opacity:1; -webkit-opacity:1;transition:0.5s 0.1s ease-in-out;}
.follow-us li figure:after{ position:absolute; content:''; border:10px solid transparent; left:50%; transform:translateX(-50%); border-top-color:#fff; bottom:-20px;}
.index-con .mid .follow-us{ margin-top:15px; margin-bottom:35px;}
.index-con .mid .more{ padding-top:0;}
@media(max-width:1024px){
.index-con .ytable,
.index-con .ytable-cell{ display:block;}
.index-con .ytable-cell{ width: auto !important;}
.index-con .right{ padding-bottom:20px;}
}


.adv{padding-top: 7px; text-align:center; position: relative;}
.adv img{ display:block;width: 100%;}
.adv .btn{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}

.fishing_menu{margin-top: 43px;}
.fishing_menu ul{padding-left: 31px; font-size: 0; text-align: center;}
.fishing_menu ul li{display:inline-block;  *zoom:1; *display:inline;  width: 33.33%; max-width: 227px; margin-left: -31px;}
.fishing_menu ul li a{display: block; padding-left: 31px;height: 42px; line-height: 42px; text-align: center; background: url(../images/sub_bg.png) no-repeat left -84px;}
.fishing_menu ul li.on a,.fishing_menu ul li:hover a{ background: url(../images/sub_bg.png) no-repeat left top;}
.fishing_menu ul li em{padding-right: 31px; display: block; background: url(../images/sub_bg.png) no-repeat right bottom; font-style: normal; font-size: 18px; color: #525252;}
.fishing_menu ul li.on em,.fishing_menu ul li:hover em{background: url(../images/sub_bg.png) no-repeat right -42px; color: #fff;}
.fishing_menu ul li.on em,.fishing_menu ul li:hover em{font-weight: bold;}

.fishing_box{margin-top: 17px; width: 750px; margin: 0 auto; max-width: 90%; padding-bottom: 70px;}
.fishing_box table{width: 100%;}
.fishing_box tr td{padding-top: 23px; position: relative;}
.fishing_box tr td .text{height: 38px; border: 1px solid #d7d7d7; width: 614px; padding: 0 18px;}
.fishing_box tr td textarea{ border: 1px solid #d7d7d7; width: 614px; height: 164px; padding:18px;}
.fishing_box tr td .tip{float: left; width: 70px; height: 40px; color: #333; font-size: 14px; text-align: right; line-height: 40px; }
.fishing_box .fl{float: left; width: 50%;}
.fishing_box .fl .text,.fishing_box .fr .text{width: 279px; padding: 0 18px;}
.fishing_box .fr{float: right ; width: 50%;}

.fishing_box tr td .Number{float: left;}
.fishing_box tr td .Number .text{width: 132px; }
.fishing_box tr td .pic_box{position: relative; overflow: hidden;}
.fishing_box tr td .pic{width: 167px; height: 112px; float: left;}
.fishing_box tr td .pic img{max-width: 100%;}
.fishing_box tr td .file_btn{float: left; margin-left: 30px; }
.fishing_box tr td .file{position: absolute; top:  0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer;}
.fishing_box tr td .btn_tip{display: block; color: #b5b5b5; font-size: 16px; margin-top: 10px;}
.fishing_box tr td .btn_con{width: 184px; height: 33px; line-height: 33px; text-align: center; background:  url(../images/btn.png) 0 0 no-repeat; color: #848484; font-size: 16px; margin-top: 10px;}
.fishing_box tr td .btn{width: 167px; height: 40px; line-height: 40px; text-align: center; background: #f82840; font-size: 16px; color: #fff; font-weight: bold; border: none; margin-left: 70px;}
.fishing_box ul li{display: none;}
.fishing_box ul li.on{display: block;}
.fishing_add{position: absolute; top: 50%; right: -20px; margin-top: -3px; font-size: 14px; color: #f82840; font-weight: bold;}


@media screen and (max-width:1000px){
.adv .btn{width: 112px; height: 40px; line-height: 40px; right: 2%; margin-top: -20px; font-size: 16px;}
	
.fishing_box .fl .text, .fishing_box .fr .text{width: 70%;}
.fishing_box tr td .text{width: 79.1%;}
.fishing_box tr td .Number{width: 33.33%;}
.fishing_box tr td .Number .text{width: 38%;}
.fishing_box tr td textarea{width: 79%;}
}


@media screen and (max-width:768px){
/*.fishing_Body .header,.fishing_Body .banner,.fishing_Body  .menu,.fishing_Body  .footer{display: none;}*/
.adv .pc{display:none;}
.adv .wap{display: block;}
}

@media screen and (max-width:640px){
.fishing_menu ul li{width: 38%;}
.fishing_box .fl,.fishing_box .fr{width: 100%;}
.fishing_box .fl .text, .fishing_box .fr .text{width: 67%; padding: 0 2%;}
.fishing_box .fr{margin-top: 23px;}
.fishing_box tr td .text{width: 62.1%; padding: 0 2%;}
.fishing_box tr td .Number .text{width: 62.1%;}
.fishing_box tr td .Number{width: 100%; margin-top: 23px;}
.fishing_box tr td .Number:first-child{margin-top: 0;}
.fishing_box tr td textarea{width: 62.1%; padding: 2%;}
.fishing_box tr td .file_btn{margin-left: 0; width: 100%;}
	
.fishing_box tr td .btn_tip{font-size: 14px;}
}






.m{ max-width:1200px; margin:0 auto;}
.container2 .p{ margin:0;}
.container2 .m{ background:url(../images/newest_bg.jpg) repeat;}

.newest_search{ padding:35px 10%; background:#efefef;}
.newest_search dl{ position:relative; padding-right:84px;}
.newest_search dd{ position:relative;  padding-left:53px; font-size:16px; color:#666; }
.newest_search dd span{ position:absolute; left:0; top:0;line-height:32px;}
.newest_search dt{ position:absolute; right:0; top:0;}
.newest_search dt a{ display:block; width:84px; height:32px; line-height:32px; color:#fff; background:#1f2529;  text-align:center; border-radius:3px;}
.newest_search dd input,
.newest_search dd select{height:32px;padding:0 10px; line-height:30px;border-radius:3px;  border:1px solid #cacaca; }
.newest_search dd input{ width:98%; background:#fff;}
.newest_search dd select{ float:left; display:block !important; width:48%; background-color:#fff; margin-right:2%;}
.newest_search dd select:last-child{ margin-right:0;}
@media(min-width:769px){
.newest_search dd{ float:left;width:48%; margin-right:2%;}
}
@media(max-width:1024px){
.newest_search{ padding:3% 5%;}
}
@media(max-width:768px){
.newest_search dd:not(:last-of-type){ margin-bottom:10px;}
}

.container2 .newest_list{ padding:30px 10px; border-bottom:1px solid #000;}
.container2 .newest_list:last-child{ border:none;}
.ni1 .ni1_address span{ display:inline-block; width:92px; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:#cfcece; margin-right:10px; margin-top:15px;}
.newest_list .newest_info{ padding:30px 0 5px;}
.ni1 .ni1_address .ni1_span1{ background:#1158b0;}
.ni1 .p{ font-size:22px; font-weight:bold; margin:15px 0; color:#222;}
.ni2 .ni2_share,.ni2 .ni2_like{ margin:10px 0;}
.ni2 .ni2_share{ float:left;}
.ni2 .ni2_like{ float:right; margin-right:10%;}
.ni2 .ni2_share span{ display:inline-block; width:50px; height:50px; margin-right:10px;}
.ni2 .ni2_share .share_wechat span{ background:url(../images/share1.png) no-repeat; background-size:100% 100%;}
.ni2 .ni2_share .share_weibo span{ background:url(../images/share2.png) no-repeat; background-size:100% 100%;}
.ni2 .ni2_share .share_kongjian span{ background:url(../images/share3.png) no-repeat; background-size:100% 100%;}
.ni2 .jiathis_style_32x32  .jtico{ height:50px !important; padding:0 !important;}

.ni2 .ni2_like .like_icon{ display:block; width:42px; height:42px; background:url(../images/like.png) no-repeat; cursor:pointer;}
.ni2 .ni2_like .p{ text-align:center; font-size:12px; color:#000;}
.newest_info .ni3{ border:1px solid #979797; background:#fff; border-radius:5px; padding:3% 5%;}
.ni3 .ni3_item{ float:left; padding:3px 0; margin-bottom:10px;}
.ni3 .ni3_item1{ width:50%;}
.ni3 .ni3_item2{ width:25%;}
.ni3 .ni3_item3{ width:25%;}
.ni3 .ni3_item .h3{ font-weight:normal; font-size:18px; color:#000; margin:3px 0 0;}
.ni3 .ni3_item span{ display:inline-block; padding:3px 8px; background:#ffd400; font-size:14px; color:#000;}
.newest_info .ni4{ padding:15px 0 10px;}
.ni4 .ul li{ margin-bottom:11px; color:#333; font-size:12px;}
.ni4 .ul span{ display:inline-block; width:62px; height:25px; line-height:25px; text-align:center; color:#fff; background:#c5e2fc; font-size:12px; color:#333; border-radius:3px; margin-right:15px;}
.newest_info .ni5{ color:#000;}
.ni5 .ni5_i{ display:block; width:40px; height:40px; background:url(../images/ni5_i.png) no-repeat; background-size:100% 100%; float:left; margin:0 5px 0 0;}

.ni_banner .ni_bh{ padding:25px 0 35px; color:#fff; font-size:16px; text-align:center; background:#313131;}
.ni_banner .ni_bh .ni_big{ display:inline-block; width:23px; height:23px; background:url(../images/ni_big.png) no-repeat; vertical-align:middle; margin:-2px 5px 0 0;}

.ni_banner .pgwSlideshow .ps-list li img{ width:60px; height:60px;}
.ni_banner .pgwSlideshow .ps-list li .ps-item{ margin:20px 5px;}
.ni_banner .pgwSlideshow .ps-current .ps-prev,.ni_banner .pgwSlideshow .ps-current .ps-next{ background:#dcdcdc; padding:20px 12px 20px 12px;}
.ni_banner .pgwSlideshow .ps-prevIcon,.ni_banner .pgwSlideshow .ps-nextIcon{ border-color:transparent #222 transparent;}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{    background-image:url(../images/fancybox_sprite.png);}
.fancybox-overlay{    background: url(../images/fancybox_overlay.png);}

.newest_item { border-bottom:solid 1px #000000; padding-bottom:50px; margin-bottom:50px;}
.newest_item:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none;}

@media screen and (min-width:480px){
.ni1 .ni1_address{ float:left; padding-top:15px;}
.ni1 .ni1_logo{ float:right;}
.ni1 .p{ font-size:28px;}
.ni2 .ni2_share span{ width:58px; height:58px;}
.ni2 .jiathis_style_32x32  .jtico{ height:58px !important;}
.ni5 .ni5_i{ width:72px; height:72px;}
}

@media screen and (min-width:768px){
.container2 .newest_search .neweat_slist{ float:left; width:40%;}
.container2 .newest_search .neweat_slist2{ width:18%;}
.ni_banner .pgwSlideshow .ps-list li img{ width:120px; height:120px;}
.ni_banner .pgwSlideshow .ps-list li .ps-item{ margin:70px 10px;}

}
@media screen and (min-width:1024px){
.newest_list .newest_info{ padding:0;}
.newest_item .ni_banner{ float:left; width:62%;}
.newest_item .newest_info{ float:right; width:34%;}
}
@media screen and (min-width:1200px){
.container2 .newest_list{ padding:65px 20px 65px 0;}
}
@media(max-width:1024px){
.newest_list .newest_info{ clear:both;}
}

.pgwSlideshow{ background:#313131; }
.pgwSlideshow{ position: relative; width:100%; float: left; }
.pgwSlideshow img{  max-width:100%; max-height:100%; margin:0 auto; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.pgwSlideshow .pic{ position: relative; }
.pgwSlideshow .pic dd{ position: relative; overflow: hidden; width:100%; padding-bottom:490px;}
.pgwSlideshow .pic dd figure{ position: absolute; top:0; left:0; width:100%; height:100%; }
.pgwSlideshow .pic dd figure img{ max-height:none; }

.pgwSlideshow .pic .bx-controls .bx-pager{ text-align:center; position: absolute; width:100%; bottom:10px; }
.pgwSlideshow .pic .bx-controls .bx-pager .bx-pager-item{ margin:0 3px; border-radius:50%; display:inline-block; line-height:999px; overflow: hidden; width:10px; height:10px; }
.pgwSlideshow .pic .bx-controls .bx-pager .bx-pager-item a{ background:#fff; display:block; overflow: hidden; width:10px; height:10px; }
.pgwSlideshow .pic .bx-controls .bx-pager .bx-pager-item a.active{ background:#E56600; }
.pgwSlideshow .pic .bx-controls{ display:block;}
.pgwSlideshow .pic .bx-pager{display: none;}
.pgwSlideshow .pic .bx-controls-direction a{ position:absolute; top:50%; margin-top:-24px; display:block; overflow: hidden; width:28px; height:74px; line-height:99999px;}
.pgwSlideshow .pic .bx-controls-direction .bx-prev{ background:url(../images/left.png) no-repeat center; left:2%; background-size:contain;  }
.pgwSlideshow .pic .bx-controls-direction .bx-next{ background:url(../images/right.png) no-repeat center; right:2%; background-size:contain;  }

.life_tab{ position: relative; width:96%; margin-left:2%; float: left; padding:50px 0;}
.life_tab dl{margin: 0;}
.life_tab dl dd{ width: 20%; float: left; margin: 0;}
.life_tab dl dd a{ display: block;overflow:hidden; position: relative; width:98%; margin:0 auto; height:61px; border: 1px solid #d7d7da;}
.life_tab dl dd.on a{ border: 1px solid #e60013;}
.life_tab dl dd a img{ max-height:61px; display:block; margin:0 auto; max-width: 100%; height:100%; }
.life_tab .bx-controls{display: none;}

@media screen and ( max-width:640px){
.pgwSlideshow .pic dd{ padding-bottom:195px;}
.life_tab{ padding:30px 0; }
}

.product-catalog{ background:#f5f5f5;}
.product-catalog .container{ padding-top:50px;}
.menu-year{ position:relative; z-index:20;  font-size:16px; margin-bottom:10px;}
.menu-year li a{ display:block;  }
@media(min-width:641px){
.menu-year{ padding-left:63px; line-height:30px; height:40px;border-bottom:1px solid #ccc;}
.menu-year ol{ position:absolute; left:0; top:0;}
.menu-year li{ float:left; padding-right:30px;}
.menu-year li a{color:#999;border-bottom:2px solid transparent; padding-bottom:8px; }
.menu-year li a:hover,
.menu-year li.aon a{ color:#f82840; border-bottom-color:#f82840;}
.menu-year ul{ display:block !important; height:auto !important;}
}
@media(max-width:640px){
.menu-year ol{ background:#fff; border:1px solid #eee; padding:10px 15px;}
.menu-year ol span{ display:none;}
.menu-year ul{ display:none; position:absolute; left:0; top:100%; width:100%; background:#fff;}
.menu-year ol:after{ position:absolute; content:''; width:10px; height:10px; border-right:3px solid #666; border-bottom:3px solid #666; transform:rotate(45deg); right:20px; top:50%; margin-top:-5px;}
.menu-year li{ padding:5px 15px;border-bottom:1px solid #eee;}
}

#prodcut-load .list ul{ margin:58px 45px; position:relative;/* display:table;*/ background:url(../images/ceng-mid.png) no-repeat left bottom; padding-bottom:29px;}
#prodcut-load .list ul i{ position:absolute; width:55px; height:35px; bottom:0;}
#prodcut-load .list ul i.l{ right:100%;background:url(../images/ceng-left.png) no-repeat left bottom;}
#prodcut-load .list ul i.r{ left:100%; background:url(../images/ceng-right.png) no-repeat right bottom;}
#prodcut-load .list li{ float:left; text-align:center; }
#prodcut-load .list li a{ display:block; margin:0 auto;width:90%; max-width:176px;}
#prodcut-load .list li .pic{ box-shadow:2px 0 8px rgba(0,0,0,0.2);}
#prodcut-load .list li .pic img{ display:block; width:100%;}
#prodcut-load .list li aside{ padding-bottom:30px; font-size:16px;}
@media(min-width:1025px){
#prodcut-load .list li{width:20%; }
}
@media(max-width:1024px){
#prodcut-load .list li{width:25%; }
}
@media(max-width:768px){
#prodcut-load .list li{width:33.333333%; }
}
@media(max-width:480px){
#prodcut-load .list ul{ margin:30px;}
#prodcut-load .list li{width:50%; }
#prodcut-load .list ul i{ width:42px;}
}