@charset "utf-8";

/* -------- 全局样式-------- */  

* {

	margin: 0;

	padding: 0;

}

body {

	font-family: "微软雅黑", "宋体", arial;

	font-size: 14px;

	margin: 0px;

	padding: 0px;

	background: #fff;

	color: #5c5c5c;

	overflow-x: hidden;

	overflow-y: scroll;

}

div, form, img, ul, li, dl, dt, dd {

	padding: 0px;

	margin: 0px;

	border: 0px;

}

td, p, div, li, select, input, textarea {

	font-family: "微软雅黑", "宋体", arial;

	font-size: 14px;

	margin: 0;

	padding: 0;

}

td, p, div, li, input, textarea {

	word-break: break-all;

}

h1, h2, h3, h4, h5, h6, b, strong, th {

	font-size: 100%;

	font-weight: normal;

}

/*强行换行*/

table, tr, td, th {

	font-size: 14px;

}

table{ border-color: #eee; border-spacing: 0; border: 1px; border-collapse: collapse;display: table;width:100%;}

tr {

    display: table-row;

    vertical-align: inherit;

    border-color: inherit;

}

td {

    display: table-cell;

    vertical-align: inherit;

}

ul, li {

	list-style-type: none;

}

/*ul,li{ LIST-STYLE: none;}*/

h1, h2, h3, h4, h5, h6 {

	padding: 0px;

	margin: 0px;

}

/* -------- 链接-------- */

a:link {

	color: #333;

	text-decoration: none;

} /* 未访问的链接 */

a:visited {

	color: #333;

	text-decoration: none;

} /* 已访问的链接 */

a:hover {

	text-decoration: none;

} /* 鼠标放上去的链接 */

a:active {

	color: #333;

} /* 激活链接 */

/* -------- 表单 -------- */





/* -------- 文本样式 -------- */ 

.fB {

	font-weight: bold;

}

.f12px {

	font-size: 12px;

}

.f14px {

	font-size: 14px;

}

.lh_16 {

	line-height: 16px;

}

.lh_18 {

	line-height: 18px;

}

.lh_20 {

	line-height: 20px;

}

.lh_22 {

	line-height: 22px;

}

/* -------- 对齐和边距 -------- */

.left {

	float: left;

}

.right {

	float: right;

}

.clear {

	clear: both;

}

/*.clear{ clear:both; visibility:hidden;font-size:1px; width:1px;}  */

.pd_10 {

	padding: 10;

}

.mg_10 {

	margin: 10;

}

.ma {

	margin: 0 auto;

}

/* -------- 结构布局 --------*/

.main {

	background: #fff;

}

.center {

	max-width: 1400px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	min-width: 1300px;

	width: 90%;

}

.left {

}

.right {

}

/* -------- 栏目板块 -------- */ 



/* top 头部样式 */



.sousuo {

	float: right;

	width: 100px;

	height: 100px;/*	background-color: rgba(255,255,255,0.1);*/

}

.sousuo img {

	margin: 0 auto;

	display: block;

	padding-top: 39px;

}

/*幻灯Banner*/



/*title*/



.title font {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 14px;

}

.nameff {

	float: left;

	width: 492px;

	height: 56px;

	background: url(../images/dt_bg.png) repeat-x 0 50px;

}

.nameff p {

	float: left;

}

.nameff p span {

	font-size: 16px;

	padding-bottom: 16px;

	height: 40px;

	margin-bottom: 30px;

	font-weight: normal;

	overflow: hidden;

	display: block;

	color: #333;

}

.nameff p em {

	display: block;

	font-style: normal;

	color: #989898;

	line-height: 22px;

	font-size: 12px;

	z-index: 0;

	text-transform: Uppercase;

}

.nameff a {

	float: right;

	padding: 12px 0 0 0;

	color: #333;

}

.copright {

	margin: 20px 0 0 0;

	text-align: left;

}

.copright p {

	color: #fff;

	line-height: 24px;

}

.copright a {

	color: #fff;

	margin: 0 0px 0 0;

}

.copright a:hover {

	color: #ffae00;

}

.link {

	height: 20px;

	padding: 15px 0;

}

.link p {

	font-size: 12px;

	color: #fff;

	font-weight: bold;

	float: left;

}

.link a {

	float: left;

	margin: 0 5px;

	color: #fff;

}

/*内页*/



.title_ny {

	font-size: 14px;

	color: #fff;

	font-weight: normal;

	line-height: 22px;

	overflow: hidden;

	height: 20px;

	padding: 0 0 10px 40px;

	background: url('../images/jt.png') no-repeat 20px 8px;

}

.title_ny span {

	margin: 0 0 0 5px;

}

.a_left {

	width: 210px;

	float: left;

	position: relative;

}

.a_title {

	height: 35px;

	line-height: 35px;

	background: #0157ce;

	font-size: 14px;

	padding-left: 17px;

	color: #fff;

	text-align: left;

}

.a_title a {

	color: #fff;

}

.a_list {

	width: 208px;

	border: 1px solid #ccc;

	margin: 20px 0 0 0;

	padding: 0px 0 10px 0;

}

.a_list ul {

	padding: 10px 0px 0 0;

	padding-left: 40px;

}

.a_list ul li {

	line-height: 30px;

}

.a_list ul li >a {

	background: url(../images/jt.gif) no-repeat left center;

	padding-left: 12px;

	color: #333;

}

.a_list ul li >a:hover {

	color: #C30D23;

}

.a_list ul li dl {

	padding-left: 10px;

}

.a_list ul li dl dd {

	height: 22px;

	line-height: 22px;

}

.a_list ul li dl dd a {

	padding-left: 15px;

	background: url(../images/-.gif) no-repeat left center;

	color: #333;

}

.a_list ul li dl dd a:hover {

	color: #C30D23;

}

.a_contact {

	width: 208px;

	border: 1px solid #ccc;

	margin: 10px 0 20px 0;

	text-align: center;

	padding-bottom: 5px;

}

.a_contact >p {

	color: #666666;

	line-height: 18px;

	text-align: left;

	padding: 0 8px 0 8px;

}

.a_contact >p >a {

	color: #333;

}

.a_contact >p >a:hover {

	color: #C30D23;

}

.a_contact img {

	margin: 5px 0 5px 0;

}

.a_tel {

	background: url(../images/dh.gif) no-repeat 8px center;

	text-align: left;

	padding-left: 68px;

	margin-bottom: 10px;

}

.a_tel span {

	color: #333;

}

.a_tel p {

	color: #C30D23;

	font: 14px "Impact";

}

.a_right {

	width: 930px;

	float: right;

	position: relative;

	margin: 31px 0 0 0;

}

/* 下一个产品 */

.preNext {

	position: relative;

	padding-top: 10px;

	padding-bottom: 10px;

	background: #f2f2f2;

	padding-left: 20px;

	border-radius: 6px;

	margin-top: 20px;

}

.preNext .line {

	height: 10px;

	overflow: hidden;

	clear: both;

	margin: 4px auto;

	padding-top: 10px;

}

.preNext .line strong {

	display: block;

	width: 8px;

	height: 10px;

	overflow: hidden;

	font-size: 0px;

	line-height: 100px;

	float: left;

}

.preNext .text {

	color: #333;

}

.preNext .text li {/* margin-bottom:10px; */

	line-height: 30px;

	font-size: 15px;

	color: #666;

}

.preNext .text li a {

	color: #555;

}

.preNext .text dt {

	line-height: 38px;

}

.preNext .text a:hover {

	color: #0157ce;

	text-decoration: underline;

}

.preNext .text dt a {

	color: #333;

}

.preNext .text dt a:hover {

	color: #262d3f;

}

.preNext .text_b {

	color: #262d3f;

}

.preNext .text_b a {

	color: #262d3f !important;

}

.nrfg {

	border-bottom: 1px solid #eee;

	margin: 0 0 20px 0;

}

.nrfg span {

	font-size: 18px;

	font-weight: bold;

	line-height: 50px;

}

/*新闻列表*/

.news_list {/* padding-bottom: 40px; */

}

.news_list li {

	border-bottom: 2px #f5f5f5 solid;

	padding: 10px 0;

	background: #fff;

}

.news_list li {

	font-size: 16px;

	display: table;

	width: 100%;

}

.news_list li img {

	float: right;

	/* border: 1px solid #f5f5f5; */

	/* padding: 4px; */

	margin-right: 30px;

	border-radius: 6px;

}

.news_list li i {

	font-style: normal;

	color: #999;

	font-size: 12px;

	display: block;

}

.news_list li em {

	display: block;

	float: left;

	width: 110px;

	height: 32px;

	border: 1px solid #f2f2f2;

	line-height: 32px;

	text-align: center;

	font-size: 14px;

	font-style: normal;

	margin-top: 12px;

	border-radius: 6px;

	color: #999;

}

.news_list li a em:hover {

	background: #0157ce;

	font-weight: normal;

}

.new_div span {

	color: #666666;

	font-size: 15px;

	line-height: 34px;

	display: block;

}

.new_div p {

	color: #555;

	font-size: 20px;

	text-align: justify;

	margin-bottom: 0;

}

.new_div a {

	color: #555;

	display: block;

}

.new_div a:hover {

	color: #333;

	font-weight: bold;

}

/* 翻页 */

.page_list {

	height: 20px;

	line-height: 20px;

	text-align: center;

	letter-spacing: 0;

	;

	font-size: 12px;

	margin-top: 20px;

	border: none !important;

	margin-bottom: 20px;

}

.page_list a {

	display: inline-block;

	color: #aaa;

	border: 1px solid #aaa;

	background: #fff;

	text-align: center;

	margin: 0 1px;

	width: auto;

	height: 20px;

	padding: 0px 6px;

	font-family: "Microsoft Yahei", "宋体";

}

.page_list a:hover {

	color: #fff;

	border: 1px solid #C30D23;

	background: #C30D23;

}

.page_list a.on {

	color: #fff;

	border: 1px solid #C30D23;

	background: #C30D23;

}

/*新闻详细*/

.title_news_article {

	font-size: 26px;

	color: #333333;

	text-align: center;

	padding-top: 20px;

	line-height: 40px;

	font-weight: bold;

}

.news_aticle {

	line-height: 24px;

	font-size: 14px;

	color: #333;

	margin: 20px 0;

}

.title_news_article p {

	text-align: center;

	background: #f2f2f2;

	margin-top: 10px;

	margin-bottom: 30px;

	font-weight: normal;

	padding: 4px 0;

}

.title_news_article a {

	color: #999;

}

/*product 页面*/

.prolist {

}

.prolist ul li {

	float: left;

	margin: 0 7px 0 8px;

	height: 260px;

}

.prolist ul li > a {

	display: block;

	width: 210px;

	border: 1px #ccc solid;

}

.prolist ul li p {

	margin-bottom: 10px;

}

.prolist ul li p a {

	width: 210px;

	text-align: center;

	margin-top: 0px;

	font-size: 14px;

	color: #333;

	height: 40px;

	text-align: center;

	line-height: 40px;

	display: inline-block;

}

.prolist ul li p a:hover {

	color: #C30D23;

}

/* 产品详情 */

.proinfo {

	width: 100%;

	height: 350px;

}

.photo {

	width: 100%;

}

.photo h3 {

	text-align: center;

	font-weight: bold;

	padding-top: 20px;

}

.photo h3 a {

	color: #333;

	font-weight: normal;

	font-size: 28px;

}

.photo_img {

	width: 600px;

	margin: 0 auto;

	margin-top: 20px;

	border: 10px #fff solid;

}

.proinfo_img {

	float: left;

	width: 360px;

	border: 1px #f5f5f5 solid;

	height: 360px;

}

.proinfo_text {

	float: right;

	width: 440px;

	margin-left: 30px;

}

.proinfo_text h1 {

	color: #555;

	border-bottom: 1px #eee solid;

	height: 50px;

	font-size: 28px;

	font-weight: bold;

	line-height: 50px;

	margin-top: 10px;

	font-family: "微软雅黑";

	margin-bottom: 20px;

}

.proinfo_text p {

	margin: 10px 0;

	color: #333;

}

.pro_c {

	color: #333;

	line-height: 32px;

	font-size: 16px;

}

.pro_c p {

	font-size: 16px;

}

.pro_c img {

	max-width: 100%;

}

.pro_c p strong {

	font-weight: bold;

}

/*相关信息*/

.related_news {

	margin: 20px 0 0 0;

	display: table;

	width: 100%;

}

.related_title {

	border-bottom: 1px solid #eee;

	margin: 0px 0 20px 0;

}

.related_title span {

	font-size: 18px;

	font-weight: bold;

	line-height: 30px;

}

.related_title a {

	float: right;

	font-size: 14px;

	font-weight: normal;

	color: #999;

}

/*相关新闻*/



.related_news ul li {

	width: 50%;

	float: left;

	padding: 2px 60px 2px 0;

	box-sizing: border-box;

	border-bottom: 1px #eee dashed;

}

.related_news ul li a {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	line-height: 50px;

	font-size: 16px;

}

.related_news ul li a span {

	float: right;

	color: #999;

	font-size: 14px;

}

/*相关产品*/

.related_product {

	height: 340px;

}

.related_product ul li {

	float: left;

	width: 396px;

	margin-right: 15px;

}

.related_product ul li img {

}

.related_product ul li:nth-last-child(1) {

	margin-right: 0;

}

.related_product ul li>a {

	border: 1px #0157ce solid;

	height: 233px;

	display: block;

}

.related_product ul li p {

	background: #0157ce;

}

.related_product ul li p a {

	text-align: center;

	display: block;

	font-size: 16px;

	line-height: 46px;

	color: #fff;

}

.related_product ul li:hover a {

	font-weight: bold;

}

/* 分页 */

.page_info {

	text-align: center;

	margin-top: 10px;

	color: #aaa;

}

.page_info span {

	padding: 0 2px;

	font-weight: bold;

}

.page_list {

	height: 20px;

	line-height: 20px;

	text-align: center;

	letter-spacing: 0;

	;

	font-size: 12px;

	margin-top: 20px;

	border: none !important;

}

.page_list a {

	display: inline-block;

	color: #aaa;

	border: 1px solid #aaa;

	background: #fff;

	text-align: center;

	margin: 0 1px;

	width: auto;

	height: 20px;

	padding: 0px 6px;

	font-family: "Microsoft Yahei";

}

.page_list a:hover {

	color: #fff;

	border: 1px solid #C30D23;

	background: #C30D23;

}

.page_list a.on {

	color: #fff;

	border: 1px solid #C30D23;

	background: #C30D23;

}

.pagination {

	clear: both;

	text-align: center;

	float: right;

	border-bottom: none !important;

	margin-top: 20px;

}

.pagination li {

	display: inline-block;

}

.pagination li a {

	display: block;

	padding: 5px 12px;

	background-color: #fcfcfc;

	border: 1px solid #eeeeee;

	font-size: 16px;

}

.pagination li + li a {

	border-left: none;

}

.pagination li.active a, .pagination li a:hover {

	background-color: #0157ce;

	color: #ffffff;

}

.clearfix:after {

	content: "";

	clear: both;

	height: 0;

	visibility: hidden;

	display: block;

}

.bg1_cont {

	width: 960px;

	margin: 0 auto;/* height: 328px; */

	overflow: hidden;

}

.bg1_text {

	padding-left: 30px;

	width: 472px;

	background: url(../images/line1.gif) no-repeat left top;

}

.bg1_text .p1 img {

	vertical-align: top;

}

.bg1_text .p2 {

	padding: 16px 0 22px 0;

	font: 14px/24px "Microsoft YaHei";

	color: #333;

}

.fr {

	float: right;

}

.adv1 {

	background: url(../images/adv1.jpg) center no-repeat;

	height: 721px;

}

.adv3 {

	background: url(../images/adv3.jpg) center no-repeat;

	height: 206px;

	margin-bottom: 25px;

}

.adv2 a:hover {

	color: #fab00e;

}

/* 询盘 */

.xqtitle {

	width: 80px;

	height: 24px;

	text-align: center;

	line-height: 24px;

	background: #C30D23;

	font-size: 14px;

	margin-bottom: 10px;

	font-family: "Microsoft Yahei", "微软雅黑";

	color: #fff;

}

.goodsConts {

	color: #666;

	margin-top: 20px;

}

.inquiry {

	margin: 0 auto;

	clear: both;

	font-size: 14px;

	border: 1px #ddd solid;

	padding: 30px;

	background: #f8f8f8

}

.form-group1 {

	width: 50%;

	float: left;

	margin-bottom: 10px

}

.form-group10 {

	width: 50%;

	float: left;

	margin-bottom: 10px

}

.form-group2 {

	width: 100%;

	float: left;

	margin-bottom: 10px

}

.form-group3 {

	float: left;

	margin: 0 50px 10px 0;

}

.form-group4 {

	float: left;

	margin-bottom: 10px

}

.inquiry label {

	float: left;

	line-height: 30px;

}

.form-control1 {

	float: left;

	width: 75%;

	border: 1px #ddd solid;

	height: 30px;

	line-height: 30px;

}

.form-control2 {

	float: left;

	width: 87.5%;

	border: 1px #ddd solid;

	height: 100px;

	line-height: 30px;

}

.form-control3 {

	float: left;

	width: 100px;

	border: 1px #ddd solid;

	height: 30px;

	line-height: 30px;

}

.form-sub1 {

	width: 80px;

	height: 30px;

	color: #fff;

	background: #C30D23;

	border: none;

}

/* 留言 */

.content01 {

	padding: 10px 10px 20px 10px;

}

.form-group-a {

	width: 1283px;

	margin: 20px 8px;

	border: 1px #ccc solid;

	clear: left;

	box-sizing: border-box;

}

.form-group-b {

	float: left;

	padding-left: 340px;

}

.form-group-c {

	float: left;

	width: 300px;

	margin-left: 20px;

}

.form-group-b img {

	height: 42px;

}

.form-group {

	margin: 20px 8px;

	border: 1px #ccc solid;

	height: 40px;

	float: left;

	width: 415px;

}

.form-group label {

	float: left;

	font-size: 16px;

}

.form-control {

	float: left;

	border: none;

	/* height: 30px; */

	line-height: 40px;

	border-radius: 6px;

	padding-left: 10px;

	width: 405px;

}

.form-control-c {

	/* line-height: 30px; */

	border-radius: 6px;

	border: none;

	padding: 10px;

	height: 120px;

	width: 1260px;

}

button.form-sub {

	width: 100%;

	margin: 0 auto;

	clear: both;

	font-size: 16px;

	font-family: "微软雅黑", "宋体", arial;

	

}

.form-sub {

	height: 42px;

	color: #fff;

	background: #0157ce;

	border: none;

}

.form-control-y {

	float: left;

	width: 140px;

	height: 40px;

	line-height: 40px;

	padding-left: 10px;

	width: 150px;

	border: 1px #ccc solid;

}

.content {

	padding: 20px 40px 60px 40px;

	background: #fff;

	border-radius: 6px;

}

.content p {

	color: #555;

	font-size: 15px;

	line-height: 30px;

	text-align: justify;

}

.content p strong {

	font-weight: bold;

}

ul {

	list-style: none outside none;

}

.wfixed {

	margin: 0 auto;

	width: 1300px;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

/* 产品轮播 */

.hot_rx {

	background: #262d3f;

	height: 1130px;

	padding-top: 60px;

}

.E {

	background: url(../images/case_t.png) top center no-repeat;

	height: 160px;

	padding-bottom: 10px;

}

.box {

	width: 1200px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	_height: 100%;

}

.hotproduct {

	margin: 15px 0 20px 0;

}

.top_14 {

	list-style: none outside none;

	display: inline;

}

.top_14 li {

	float: left;/* height: 265px; *//*	overflow: hidden;

	padding-right: 8px;

	padding-top: 8px;

	text-align: center;

	width: 285px;

	background: #fff;

	margin-right: 20px;

	padding-left: 8px;*/

}

.top_14 h3 {/* height: 217px; */

	margin: 0 auto;

}

.top_14 h3 a {

	padding: 1px;

	display: table-cell;

}

.top_14 h3 img {

	vertical-align: middle;

}

.top_14 li p {

}

.top_14 li p .a1 {

	font-size: 18px;

	display: block;

	line-height: 38px;

}

.top_14 li p .a1:hover {

	color: #262d3f;

}

/* 友情链接 */

.busMess {

	background: #f2f2f2;

	height: 70px;

	line-height: 30px;

	padding-top: 10px;

}

.busMess span {

	font-size: 16px;

	color: #333;

}

.box-x {

	padding: 10px 40px;

	background-color: #fff;

	color: #262d3f;

	text-align: left;

	font-size: 18px;

	line-height: 35px;

	display: table;

	width: 100%;

	box-sizing: border-box;

	border-radius: 6px;

	margin-bottom: 5px;

}

.box-x strong {

	font-weight: bold;

	color: #333;

	float: left;

}

.box-x .PageCrumbList {

	color: #999;

}

.box-x .PageCrumbList a {

	color: #999;

}

.pagination li {

	display: inline-block;

	display: inline-block;

	zoom: 1;

	float: left;

	margin: 0 !important;

	width: auto;

	height: auto;

	border: none !important;

	width: 40px !important;

}

 border: 1px solid #0157ce;

}

.gsdt {

}

.lxwmym {

	background: #f5f8f9;

	margin-bottom: 30px;

	padding: 20px;

}

.liuyan p {

	text-align: center;

	font-weight: bold;

	font-size: 24px;

	color: #333;

	margin-bottom: 10px;

}

.liuyan {

	margin-bottom: 30px;

	width: 1300px;

	margin: 0 auto;

	box-sizing: border-box;

	margin-top: 30px;

	display: table;

	margin-bottom: 50px;

}

.widget_product {

	background: #fff;

	padding: 27px;

	display: table;

	width: 100%;

	box-sizing: border-box;

}

.widget_product ul {

	width: 100%;

	margin: 0 auto;

}

.widget_product ul li {

	width: 380px;

	float: left;

	margin-right: 50px;

	margin-bottom: 26px;

}

.widget_product ul li:nth-child(3n) {

	margin-right: 0px;

}

.widget_product ul li p {

	text-align: center;

	font-size: 16px;

}

.ny_phban{background: url(../images/ny_phban.jpg) center no-repeat;

	height: 500px;

	width: 100%;

	padding-top: 150px;

	box-sizing: border-box;}

	.ny_lxban{background: url(../images/ny_lxban.jpg) center no-repeat;

	height: 500px;

	width: 100%;

	padding-top: 150px;

	box-sizing: border-box;}

.news_parameters {

	font-size: 14px !important;

	color: #999 !important;

}

.news_parameters a {

	color: #999;

}

.rx_cp {

	background: #fff;

	padding-top: 80px;

	padding-bottom: 80px;

}

.zx_cpzs {

	height: 448px;

	width: 100%;

	margin: 0 auto;

}

.zx_cpzs ul {

}

.zx_cpzs ul li {

	width: 385px;

	float: left;

	border-right: 1px solid #eeeeee;

}

.zx_cpzs ul li:hover p a {

	background: #000;

}

.zx_cpzs ul li:hover p a img {

	opacity: 0.95;

}

.zx_cpzs ul li:hover span {

	background: #f2f2f2;

}

.zx_cpzs ul li p {

	height: 324px;

	width: 385px;

	border-radius: 20px 20px 0 0;

}

.zx_cpzs ul li p a {

	display: block;

	width: 385px;

	height: 324px;

	border-radius: 20px 20px 0 0;

	transition: all 0.6s;

}

.zx_cpzs ul li p img {

}

.zx_cpzs ul li span {

	display: block;

	color: #fff;

	text-align: center;

	width: 385px;

	height: 122px;

	border-top: 1px solid #fff;

	background: #fff;

	border-radius: 0 0 20px 20px;

	transition: all 0.6s;

}

.zx_cpzs ul li span a {

	color: #333;

	font-size: 20px;

	font-weight: bold;

	display: block;

	padding-top: 28px;

}

.zx_cpzs ul li span em {

	display: block;

	font-weight: normal;

	font-style: normal;

	font-size: 18px;

	color: #666;

	line-height: 48px;

}

.zx_cpzs ul li span em i {

	font-style: normal;

	padding: 0 4px;

}

.zx_cpzs ul li:hover span a {

	padding-bottom: 40px;

}

#demo1p {

	width: 100%;/* height: 190px; */

	overflow: hidden;/* position: relative; */

	margin: 0 auto;

}

#indemo1p {

	float: left;

	width: 980%;

}

#demo1p1 {

	float: left;

	word-break: break-all;

}

#demo1p2 {

	float: left;

}

/*bottom*/



.sh_flb {

	background: url(../images/sh_flb.jpg) center no-repeat;

	height: 281px;

	width: 100%;

}

.sh_flb ul {

	max-width: 1400px;

	margin: 0 auto;

	padding-top: 67px;

	min-width: 1300px;

}

.sh_flb ul li {

	text-align: center;

	float: left;

	width: 33.2%;

	border-right: 1px solid #aaa;

	height: 150px;

}

.sh_flb ul li a {

	display: block;

}

.sh_flb ul li img {

	padding-bottom: 17px;

	transition: all 0.3s linear 0s;

}

.sh_flb ul li:hover img {

	transform: scale(1.1);

}

.sh_flb ul li p {

	font-size: 22px;

	color: #fff;

}

.sh_flb ul li span {

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	padding-top: 13px;

	display: block;

}

.sh_flb ul li:nth-last-child(1) {

	border-right: none;

}

.sh_foot {

	width: 100%;

	height: 337px;

	background: #222222;

}

.sh_foot dl {

	max-width: 1400px;

	margin: 0 auto;

	padding-top: 60px;

	min-width: 1300px;

}

.sh_foot dl dt {

	float: left;

	width: calc(100% - 836px);

}

.sh_foot dl dt span {

	display: block;

	font-size: 26px;

	color: #fff;

	padding-bottom: 10px;

	line-height: 26px;

}

.sh_foot dl dt p {

	font-size: 16px;

	color: #fff;

	opacity: 0.6;

	line-height: 54px;

}

.sh_foot dl dt img {

	float: left;

	padding-top: 12px;

	padding-right: 12px;

}

.sh_foot dl dd {

	float: left;

	padding-right: 113px;

	text-align: center;

}

.sh_foot dl dd em {

	display: block;

	font-size: 20px;

	color: #fff;

	font-style: normal;

	line-height: 20px;

	padding-bottom: 11px;

}

.sh_foot dl dd a {

	display: block;

	font-size: 16px;

	color: #aaaaaa;

	line-height: 33px;

}

.sh_foot dl dd span {

	float: left;

	width: 200px;

	text-align: left;

}

.sh_foot dl dd span a {

}

.sh_foot dl dd p {

	font-size: 26px;

	color: #fff;

	line-height: 26px;

	padding-bottom: 20px;

}

.sh_foot dl dd i {

	font-size: 14px;

	color: #aaa;

	font-style: normal;

	display: block;

}

.sh_foot dl dd img {

	margin-top: 15px;

	border-radius: 4px;

}

.sh_bottom {

	height: 60px;

	background: #0157ce;

	text-align: center;

	line-height: 60px;

}

.sh_bottom p {

	font-size: 16px;

	color: #fff;

}

.sh_bottom p a {

	color: #fff;

}

.sh_foot dl dd:nth-child(3) {

	width: 400px;

	padding-right: 0;

}

.sh_foot dl dd:nth-child(3) em {

	text-align: left;

}

.sh_foot dl dd:nth-child(4) {

	padding-right: 0;

	float: right;

}

.ban {

	height: 500px;

	background: url(../images/cp_bg.jpg) center no-repeat;

	width: 100%;

}

.ny_lxwm {

	width: 400px;

	float: left;

}

.ny_lxwm p {

	background: #f9f9f9;

	margin-bottom: 10px;

	line-height: 73px;

	border-radius: 6px;

	font-size: 18px;

}

.sh_nycp {

	display: table;

	margin: 0 auto;

	width: 100%;

	background: #f2f2f2;

	padding-bottom: 80px;

	padding-top: 60px;

}

.sh_nyfl {

}

.sh_nyfl dl {

	padding-top: 60px;

	margin-bottom: 20px;

}

.sh_nyfl dl dt {

}

.sh_nyfl dl dt p {

	text-align: center;

	font-size: 46px;

	color: #333;

	font-weight: bold;

	line-height: 100px;

}

.sh_nyfl dl dt span {

}

.sh_nyfl dl dd {

	background: #fff;

	height: 132px;

	margin-top: 10px;

	border-radius: 10px;

}

.sh_nyfl dl dd a {

	display: block;

	float: left;

	color: #333;

	font-size: 18px;

	text-align: center;

	line-height: 64px;

	border-bottom: 2px solid #f2f2f2;

	border-right: 2px solid #f2f2f2;/* max-width: 231px; */

	width: 16.5%;

}

.sh_nyfl dl dd a:nth-child(1) {

	background: #0157ce;

	color: #fff;

	border-radius: 10px 0 0;

	font-weight: bold;

}

.sh_nyfl dl dd a:nth-child(6) {

	border-right: 0;

	border-radius: 0 10px 0 0;

}

.sh_nyfl dl dd a:nth-child(12) {

	border-right: 0;

	/* width: 235px; */

	border-radius: 0 0 10px 0;

}

.sh_nyfl dl dd a:nth-child(7) {

	border-radius: 0 0 0 10px;

}

.sh_nyfl dl dd a:hover {

	background: #0157ce;

	color: #fff;

}

.sh_nycpzs {

	background: #fff;

	border-radius: 6px;

	padding: 45px;

	box-sizing: border-box;

	border: none;

	width: 1300px;

	margin: 0 auto;

	margin-bottom: 60px;

}

.sh_nycpzs dl {

	float: left;

	width: 636px;

	height: 264px;

	margin-right: 28px;

	background: #f7f8fa;

	margin-bottom: 20px;

	transition: all 0.3s;

}

.sh_nycpzs dl:hover {

	-webkit-transform: translateY(-2px);

	-moz-transform: translateY(-2px);

	-ms-transform: translateY(-2px);

	-o-transform: translateY(-2px);

	transform: translateY(-2px);

	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .12);

	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, .12);

	box-shadow: 5px 5px 10px rgba(0, 0, 0, .12);

}

.sh_nycpzs dl:nth-child(2n) {

	margin-right: 0;

}

.sh_nycpzs dl dt {

	width: 281px;

	padding-left: 15px;

	padding-top: 13px;

	float: left;

}

.sh_nycpzs dl dt img {

	display: block;

}

.sh_nycpzs dl dd {

	float: right;

	width: 260px;

	padding-right: 15px;

	padding-top: 13px;

}

.sh_nycpzs dl dd p {

	font-size: 20px;

	line-height: 40px;

	color: #333;

	padding-top: 8px;

}

.sh_nycpzs dl dd i {

	font-size: 15px;

	font-style: normal;

	display: block;

	color: #888;

	line-height: 30px;

}

.sh_nycpzs dl dd em {

	color: #666666;

	float: left;

	margin-bottom: 15px;

	padding-right: 20px;

}

.sh_nycpzs dl dd b {

	content: '';

	display: block;

	height: 5px;

	width: 100%;

	background: url(../images/line-bg.png) repeat-x;

	margin: 5px auto 20px;

}

.sh_nycpzs dl dd em img {

	display: block;

	float: left;

	padding-right: 10px;

}

.sh_nycpzs dl dd span {

	color: #888;

	display: block;

	/* margin-top: 15px; */

	clear: left;

	line-height: 24px;

}

.sh_nycpzs dl dd i {

	display: block;

	width: 140px;

	line-height: 36px;

	background-color: #262a3d;

	color: #ffffff;

	text-align: center;

	font-size: 16px;

	margin-top: 20px;

	border-radius: 4px;

}

.sh_nycpzs {

}

.sh_nycpzs ul {

	display: table;

	width: 100%;

}

.sh_nycpzs ul li {

	width: 390px;

	float: left;

	margin-right: 16px;

	margin-bottom: 20px;

	border: 1px solid #0157ce;

}

.sh_nycpzs ul li:nth-child(3n) {

	margin-right: 0;

}

.sh_nycpzs ul li:hover p a {

/* background: #000; */

}

.sh_nycpzs ul li:hover p a img {

/* opacity: 0.95; */

}

.sh_nycpzs ul li:hover span {

	background: #f2f2f2;

}

.sh_nycpzs ul li p {

	height: 290px;

	/* width: 326px; */

	border-radius: 20px 20px 0 0;

	margin: 0 auto;

}

.sh_nycpzs ul li p a {

	display: block;

	/* width: 326px; */

	/* height: 257px; */

	border-radius: 20px 20px 0 0;

	margin: 0 auto;

	text-align: center;

}

.sh_nycpzs ul li p img {

	width: 100%;

	height: 100%;

}

.sh_nycpzs ul li span {

	display: block;

	color: #fff;

	text-align: center;

	height: 100px;

	background: #fff;

 =: calc(100% - 810px) margin-bottom: 2;

	border-left: 1px solid #eee;

	border-right: 1px solid #eee;

}

.sh_nycpzs ul li span a {

	color: #333;

	font-size: 20px;

	font-weight: bold;

	display: block;

	padding-top: 20px;

}

.sh_nycpzs ul li span em {

	display: block;

	font-weight: normal;

	font-style: normal;

	font-size: 15px;

	color: #666;

	line-height: 38px;

}

.sh_nycpzs ul li span em i {

	font-style: normal;

	padding: 0 8px;

	color: #999;

}

.sh_nycpzs ul li:hover span a {

}

.sh_cpxqy {

	background: url(../images/cpxqy.png) center no-repeat;

	width: 100%;

	height: 803px;

	padding-top: 180px;

	box-sizing: border-box;

}

.sh_cpxq_t {

	float: left;

	width: 653px;

	padding-right: 83px;

}

.sh_cpxq_t p {

	background: url(../images/cpxq_t.png) center no-repeat;

	width: 653px;

	height: 513px;

	-webkit-transform: rotate(360deg);

	animation: rotation 8s linear infinite;

	-moz-animation: rotation 8s linear infinite;

	-webkit-animation: rotation 8s linear infinite;

	-o-animation: rotation 8s linear infinite;

	z-index: 1;

}

.sh_cpxq_t img {

	border-radius: 220px;

	margin-top: -460px;

	z-index: 999;

	position: absolute;

	margin-left: 76px;

}

.sh_cpxq_w {

	float: left;

	margin-top: 36px;

	width: calc(100% - 740px);

}

.sh_cpxq_tit {

	font-size: 42px;

	font-weight: bold;

	color: #fff;

}

.sh_cpxq_w dl {

	width: 100%;

	background: #fff;

	height: 330px;

	border-radius: 10px;

	padding: 35px 32px;

	box-sizing: border-box;

	margin-top: 30px;

}

.sh_cpxq_w dl dt {

	font-size: 14px;

}

.sh_cpxq_w dl dt p {

	line-height: 30px;

	font-size: 16px;

	border-bottom: 1px dashed #999;

	padding-bottom: 15px;

	margin-bottom: 10px;

}

.sh_cpxq_w dl dt p b {

	font-weight: bold;

	color: #0157ce;

}

.sh_cpxq_w dl dt span {

	color: #999;

	line-height: 30px;

	font-size: 14px;

	display: block;

}

.sh_cpxq_w dl dt span a {

}

.sh_cpxq_w dl dd {

	margin-top: 30px;

}

.sh_cpxq_w dl dd img {

}

.sh_cpxq_w dl dd p {

	height: 55px;

	display: inline-block;

	color: #999;

	background: url(../images/pro_tel.png) left center no-repeat;

	line-height: 25px;

	font-size: 14px;

	padding-left: 60px;

	margin-left: 50px;

	margin-bottom: 10px;

}

.sh_cpxq_w dl dd span {

	font-style: normal;

	color: #333;

	font-size: 30px;

	display: block;

	font-weight: bold;

	font-family: Times New Roman;

}

.sh_cpxq_w dl dd a {

	display: block;

	float: left;

	display: inline-block;

	padding: 0 60px;

	color: #fff;

	background: #0157ce;

	border-radius: 5px;

	line-height: 45px;

	font-size: 18px;

	/* font-weight: bold; */

	margin-top: 5px;

}

.sh_cpxq_w dl dd a:hover {

	background: #0157ce;

	font-weight: bold;

}

.sh_cpnyjs {

	min-height: 530px;

	background: #fff;

	padding: 35px;

	box-sizing: border-box;

	width: 1016px;

	margin-bottom: 60px;

}

.sh_cpnyjs_tit {

	border-bottom: 1px solid #eaeaea;

	line-height: 40px;

	margin-top: 18px;

	margin-bottom: 20px;

}

.sh_cpnyjs_tit span {

	font-size: 22px;

	font-weight: bold;

	border-bottom: 3px solid #0157ce;

	padding-bottom: 7px;

	color: #333;

}

.ny_ban {

	background: url(../images/ny_ban.jpg) center no-repeat;

	height: 500px;

	width: 100%;

	padding-top: 150px;

	box-sizing: border-box;

}

.ss_ban {

	background: url(../images/shanshi.jpg) center no-repeat;

	height: 500px;

	width: 100%;

	padding-top: 150px;

	box-sizing: border-box;

}

.loc {

	margin: 0 auto;

	background: url(../images/dz.png) left center no-repeat;

	font-size: 14px;

	line-height: 40px;

	color: #fff;

	padding-left: 18px;

	display: table;

}

.loc a {

	color: #fff;

	padding: 0 5px;

}

.loc a:nth-last-child(1) {

	color: #fff;

}

.ny_ban_txt {

	width: 1300px;

	margin: 0 auto;

}

.ny_ban_txt p {

	font-size: 36px;

	color: #fff;

	margin: 40px 0 20px;

	font-weight: bold;

	text-align: center;

}

.ny_ban_txt span {

	font-size: 16px;

	color: #fff;

	width: 800px;

	margin: 0 auto;

	display: BLOCK;

	line-height: 32px;

	text-align: center;

}

.loc-a {

	margin: 0 auto;

	background: url(../images/dz.png) left center no-repeat;

	font-size: 14px;

	line-height: 40px;

	color: #fff;

	padding-left: 18px;

	text-align: CENTER;

	display: table;

}

.loc-a a {

	color: #fff;

	padding: 0 5px;

}

.ny_cpban {

	background: url(../images/ny_cpban.jpg) center no-repeat;

	height: 500px;

	width: 100%;

	padding-top: 150px;

	box-sizing: border-box;

}

.loc-a a:nth-last-child(1) {

	color: #fff;

}

.ny_ban_txt2 {

	width: 1300px;

	margin: 0 auto;

}

.ny_ban_txt2 p {

	font-size: 36px;

	color: #fff;

	margin: 40px 0 20px;

	font-weight: bold;

	text-align: CENTER;

}

.ny_ban_txt2 span {

	font-size: 16px;

	color: #fff;

	width: 800px;

	margin-bottom: 80px;

	display: BLOCK;

	line-height: 32px;

	text-align: CENTER;

	margin: 0 auto;

}

.ejdh {

	width: 100%;

	position: absolute;

	z-index: 999;

	display: none;

	transition: all 0.6s;

	margin-top: 100px;

}

.hy_top_a {

	width: 83%;

	margin: 0 auto;

	background: #f6f6f6;

}

.search {

	position: relative;

	height: 110px;

	/* margin-top: 10px; */

	/* border: 1px solid #eee; */

	line-height: 35px;

	/* border-radius: 5px; */

	/* width: 400px; */

	overflow: hidden;

	float: right;

	background: #ccc;/* margin-right: 114px; */

}

.search_text {

	width: 520px;

	height: 110px;

	color: #999;

	border: 0px;

	padding-left: 35px;

	outline: none;

	line-height: 30px\9;

	box-sizing: border-box;

	font-size: 16px;

	background: #f6f6f6;

	border-right: 1px solid #ededed;

}

.search_select {

	width: 51px;

	height: 30px

}

.search_select select {

	display: none

}

.select_box {

	position: relative;

	height: 20px;

	font-family: '瀹嬩綋'

}

.search_select .select_showbox {

	width: 40px;

	color: #989898;

	background: url(../images/seaBg.png) no-repeat right center;

	line-height: 13px;

	border-left: 1px solid #dedede;

	padding-left: 8px;

	margin: 8px 0px

}

.select_option {

	position: absolute;

	top: 22px;

	border: 1px solid #dddddd;

	border-top: 0px;

	background: #fff;

	right: -4px;

	width: 53px;

	line-height: 24px;

	display: none;

	background: #ededed;

}

.select_option li {

	padding-left: 9px;

	color: #989898

}

.select_option li.hover {

	background: #f9f9f9;

}

.search_button {

	background: #fff;

	float: right;

	cursor: pointer;

	color: #fff;

	font-size: 15px;

	text-align: center;

	border: none;

	outline: none;

	box-sizing: border-box;

	padding: 42px 40px;

	display: block;

	border-right: 1px solid #ededed;

}

.new_div {

	float: left;

	width: 700px;

	padding-top:30px;

}

.new_shijian {

	float: right;

	text-align: center;

	border: 2px solid #f2f2f2;

	padding: 25px;

	margin-top:30px;

}

.new_shijian p {

	font-size: 30px;

	font-weight: bold;

}

.new_con {

	padding: 20px 40px 60px 40px;

	background: #fff;

	border-radius: 6px;

}

.new_shijian span {

	color: #999;

}

.sh_cpxq_zz {

	width: 100%;

	background: #f2f2f2;

	display: table;

	padding-top: 40px;

	padding-bottom: 140px;

}

.lyzz {

	margin: 0 auto;

	padding: 45px 250px;

}

.cpfy {

	margin: 0 auto;

	display: table;

}

/* hengli--shouye */









/* hengli--第一屏 */



/*幻灯Banner*/

#wowslider-container {

	zoom: 1;

	position: relative;

	width: 100%;

	margin: 0 auto;

	z-index: 100;

	border: none;

	text-align: left; /* reset align=center */

	font-size: 10px;

	overflow: hidden;

}

#wowslider-container.fullscreen-mode, #wowslider-container.fullwidth-mode {

	max-width: none;

	max-height: none;

}

#wowslider-container .ws_images ul {

	position: relative;

	width: 10000%;

	height: 100%;

	left: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	border-spacing: 0;

	overflow: visible;/*table-layout:fixed;*/

}

#wowslider-container .ws_images ul li {

	position: relative;

	width: 1%;

	height: 100%;

	line-height: 0; /*opera*/

	overflow: hidden;

	float: left;

	font-size: 0;

	padding: 0 0 0 0 !important;

	margin: 0 0 0 0 !important;

}

#wowslider-container .ws_images {

	position: relative;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

#wowslider-container.fullscreen-mode .ws_images, #wowslider-container.fullwidth-mode .ws_images {

	max-height: none;

}

#wowslider-container .ws_images a {

	width: 100%;

	display: block;

	color: transparent;

}

#wowslider-container.fullscreen-mode .ws_images a, #wowslider-container.fullwidth-mode .ws_images a {

	height: 100%;

}

#wowslider-container img {

	max-width: none !important;

}

#wowslider-container .ws_images img {

	width: 100%;

	border: none 0;

	max-width: none;

	padding: 0;

	margin: 0;

}

#wowslider-container .ws_images iframe {

	position: absolute;

	z-index: -1;

}

#wowslider-container a {

	text-decoration: none;

	outline: none;

	border: none;

}

#wowslider-container .ws_bullets {

	float: left;

	position: absolute;

	z-index: 70;

}

#wowslider-container .ws_bullets div {

	position: relative;

	float: left;

	font-size: 0px;

}

#wowslider-container a.wsl {

	display: none;

}

#wowslider-container .ws_bullets {

	padding: 10px;

}

#wowslider-container .ws_bullets a {

	margin-left: 16px;

	width: 12px;

	height: 12px;

	float: left;

	text-indent: -4000px;

	position: relative;

	background: rgb(30,165,194); /* ie */

	background: rgba(30,165,194,0.5);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover {

	background: rgba(30,165,194,1);

}

#wowslider-container .ws_bullets a:hover {

	-webkit-animation: pulseIn .9s infinite linear;

	-moz-animation: pulseIn .9s infinite linear;

	animation: pulseIn .9s infinite linear;

}

#wowslider-container a.ws_next, #wowslider-container a.ws_prev {

	font-family: 'wowslider-controls';

	position: absolute;

	display: none;

	text-shadow: none;

	text-align: center;

	background-color: rgba(255,255,255,0.2);

	color: rgba(250,196,26,0);

	top: 50%;

	margin-top: -2.5em;

	height: 5em;

	width: 5em;

	z-index: 60;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

#wowslider-container a.ws_next:hover, #wowslider-container a.ws_prev:hover {

	background-color: rgba(0,0,0,0.2);

	color: rgba(250,196,26,0);

}

#wowslider-container a.ws_next {

	background-image: url(../images/ws_next.png);

	background-position: center center;

	background-repeat: no-repeat;

}

#wowslider-container a.ws_prev {

	background-image: url(../images/ws_prev.png);

	background-position: center center;

	background-repeat: no-repeat;

}

#wowslider-container a.ws_next {

	right: 10px;

}

#wowslider-container a.ws_next:after {

	content: '\e801';

	display: block;

	font-size: 3.5em;

	line-height: 1.7em;

}

#wowslider-container a.ws_prev {

	left: 10px;

}

#wowslider-container a.ws_prev:after {

	content: '\e800';

	display: block;

	font-size: 3.5em;

	line-height: 1.7em;

}

#wowslider-container a.ws_prev:hover:after {

	-webkit-animation: prevArrow .7s infinite ease-in-out;

	-moz-animation: prevArrow .7s infinite ease-in-out;

	animation: prevArrow .7s infinite ease-in-out;

}

#wowslider-container a.ws_next:hover:after {

	-webkit-animation: nextArrow .7s infinite ease-in-out;

	-moz-animation: nextArrow .7s infinite ease-in-out;

	animation: nextArrow .7s infinite ease-in-out;

}

* html #wowslider-container a.ws_next, * html #wowslider-container a.ws_prev {

	display: block

}

#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {

	display: block

}

/* bottom center */

#wowslider-container .ws_bullets {

	bottom: -33px;

	left: 50%;

}

#wowslider-container .ws_bullets div {

	left: -70%;

}

#wowslider-container .ws-title {

	position: absolute;

	display: block;

	bottom: 0.31em;

	left: 1.23em;

	margin: 9px;

	z-index: 50;

	font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;

	font-size: 5.5em;

	color: #FFF;

	text-shadow: 1px 1px 1px #333333;

}

#wowslider-container .ws-title div, #wowslider-container .ws-title span {

	display: inline-block;

	padding: 10px;

	background: #3398B6;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	opacity: 0.95;

 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);

}

#wowslider-container .ws-title div {

	display: block;

	background: #B02D15;

	margin-top: 10px;

	color: #FFFFFF;

	opacity: 0.8;

	text-shadow: 1px 1px 1px #000000;

}

#wowslider-container .ws_images > ul {

	animation: wsBasic 16.8s infinite;

	-moz-animation: wsBasic 16.8s infinite;

	-webkit-animation: wsBasic 16.8s infinite;

}

.sybg02 {

	background: url(../images/sybg02.jpg) center no-repeat;

	background-size: cover

}

.sybg03 {

	background: url(../images/sybg03.jpg) center bottom no-repeat;

	background-size: cover;

}

.sybg04 {

	background: url(../images/sybg04.jpg) center no-repeat;

	background-size: cover

}

.sybg05 {

	background: url(../images/sybg05.jpg) center no-repeat;

	background-size: cover

}

.sybg06 {

	background: url(../images/sybg06.jpg) center no-repeat;

	background-size: cover

}

.sybg07 {

	background: url(../images/sybg07.jpg) center no-repeat;

	background-size: cover

}

.sybg08 {

	background: url(../images/sybg08.jpg) center no-repeat;

	background-size: cover

}

/* hengli--第二屏 */

.sytwo_tit {

	margin: 0 auto;

	display: table;

	margin-bottom: 3%;

	margin-top: 4%;

}

.sytwo_tit img {

	float: left;

	margin-right: 24px;

}

.sytwo_tit p {

	float: left;

	text-align: center;

	font-size: 36px;

	font-weight: bold;

	color: #333333;

	margin-top: 23px;

}

.sytwo_tit i {

	display: block;

	width: 296px;

	height: 6px;

	background: #0157ce;

	margin-top: -8px;

}

.sytwo_tit span {

	display: block;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 5px;

	margin-top: 15px;

	line-height: 18px;

}

.sytwo_bg {

	width: 80%;

	margin: 0 auto;

	padding: 40px;

	background: rgba(0, 0, 0, .2);

}

.sytwo_fl {

	width: 1300px;

	margin: 0 auto;

	display: table;

}

.sytwo_fl dl {

	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);

	padding-top: 19px;

	width: 414px;

	height: 180px;

	background: #fff;

	border: 2px solid #0157ce;

	float: left;

	margin-right: 29px;

	border-radius: 4px;

	padding: 6px;

	box-sizing: border-box;

}

.sytwo_fl dl a {

}

.sytwo_fl dl dt {

	text-align: center;

}

.sytwo_fl dl dt img {

	display: block;

	margin: 0 auto;

}

.sytwo_fl dl dt em {

}

.sytwo_fl dl dt b {

	display: none;

}

.sytwo_fl dl dd {

	text-align: center;

}

.sytwo_fl dl dd p {

	font-size: 22px;

	font-weight: bold;

	margin-top: 4px;

	text-align: center;

}

.sytwo_fl dl dd p em {

}

.sytwo_fl dl dd span {

	display: block;

	font-size: 16px;

	font-weight: normal;

	color: #666666;

}

.sytwo_fl dl dd i {

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	text-transform: uppercase;

	color: #999;

	line-height: 28px;

	display: block;

}

.sytwo_fl dl:nth-last-child(1) {

	margin-right: 0;

}

.sytwo_cp {

	display: table;

	width: 1300px;

	margin: 0 auto;

	margin-top: 4%;

}

.sytwo_cp ul {

}

.sytwo_cp ul li {

	float: left;

	border: 1px solid #0157ce;

	margin-right: 26px;

	background: #fff;

}

.sytwo_cp ul li:hover span {

	background: #0157ce;

}

.sytwo_cp ul li p {

}

.sytwo_cp ul li p a {

	display: block;

	height: 244px;

}

.sytwo_cp ul li p img {

}

.sytwo_cp ul li span {

	height: 50px;

	display: block;

	line-height: 50px;

	transition: all 0.5s ease;

}

.sytwo_cp ul li span a {

	text-align: center;

	font-size: 18px;

	display: block;

}

.sytwo_cp ul li:hover span a {

	color: #fff;

}

.sytwo_fl dl:hover, .sytwo_fl .on dt em {

	display: none;

}

.sytwo_fl dl:hover, .sytwo_fl .on dt b {

	display: block;

}

.sytwo_cpzs {

	display: none;

}

sytwo_cp, .on {

	display: block !important;

}

#demo2p {

	width: 1300px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

}

#indemo2p {

	float: left;

	width: 800%;

}

#demo2p1 {

	float: left;

}

#demo2p2 {

	float: left;

}

#demo3p {

	width: 1300px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

}

#indemo3p {

	float: left;

	width: 800%;

}

#demo3p1 {

	float: left;

}

#demo3p2 {

	float: left;

}

#demo4p {

	width: 1300px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

}

#indemo4p {

	float: left;

	width: 800%;

}

#demo4p1 {

	float: left;

}

#demo4p2 {

	float: left;

}

#demo5p {

	width: 1300px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

}

#indemo5p {

	float: left;

	width: 800%;

}

#demo5p5 {

	float: left;

}

#demo5p5 {

	float: left;

}

/* hengli--第三屏 */

.sythree_tit {

	display: block;

	margin: 0 auto;

	margin-top: 8%;

	width: 1300px;

}

.sythree_tit dl {

	display: table;

	width: 100%;

}

.sythree_tit dl dt {

	float: left;

}

.sythree_tit dl dt img {

	margin-right: 24px;

	float: left;

}

.sythree_tit dl dt p {

	float: left;

	font-size: 36px;

	font-weight: bold;

	color: #333333;

	margin-top: 23px;

}

.sythree_tit dl dt i {

	display: block;

	width: 218px;

	height: 6px;

	background: #0157ce;

	margin-top: -8px;

}

.sythree_tit dl dt span {

	display: block;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 5px;

	margin-top: 15px;

	line-height: 18px;

}

.sythree_tit dl dd {

	float: right;

	margin-top: 22px;

}

.sythree_tit dl dd a {

}

.sythree_tit dl dd img {

}

.sythree_lm {

	width: 1300px;

	margin: 0 auto;

	display: table;

	margin-top: 59px;

}

.sythree_lm .on {

	background: #0157ce;

}

.sythree_lm .on i {

	background: #fff;

}

.sythree_lm .on p {

	font-weight: bold;

}

.sythree_lm ul {

}

.sythree_lm ul li {

	width: 140px;

	height: 241px;

	float: left;

	margin-right: 24px;

	background: #fff;

	text-align: center;

	border-radius: 6px;

}

.sythree_lm ul li i {

	height: 78px;

	width: 78px;

	display: block;

	text-align: center;

	line-height: 78px;

	margin: 0 auto;

	font-size: 30px;

	font-weight: bold;

	font-style: normal;

	color: #0157ce;

	border: 2px solid #0157ce;

	border-radius: 40px;

	margin-top: 40px;

}

.sythree_lm ul li p {

	font-size: 18px;

	line-height: 40px;

	margin-top: 14px;

	color: #333;

}

.sythree_lm ul li span {

	font-size: 12px;

	color: #999999;

	text-transform: uppercase;

}

.sythree_lm ul li:hover, .on {

}

.sythree_nr {

	margin-top: 50px;

}

.sythree_nr, .on {

	display: block !important;

}

.sythree_nrjs {

	display: none;

}

.sythree_nr dl {

	width: 1300px;

	margin: 0 auto;

	display: table;

}

.sythree_nr dl:nth-last-child(1) {

	display: block;

}

.sythree_nr dl dt {

	width: 620px;

	float: left;

}

.sythree_nr dl dt p {

	font-size: 20px;

	font-weight: bold;

	color: #333;

	line-height: 56px;

}

.sythree_nr dl dt span {

	font-size: 16px;

	display: block;

	line-height: 32px;

}

.sythree_nr dl dt span i {

	font-style: normal;

	color: #0157ce;

}

.sythree_nr dl dd {

	float: right;

	position: absolute;

	right: 0;

	top: 0;

}

.sythree_nr dl dd img {

	border-radius: 10px;

}

.sythree_kj {

	width: 1300px;

	margin: 0 auto;

	position: relative;

}

/* hengli--第四屏 */

.syfour {

	width: 1300px;

	margin: 0 auto;

}

.syfour-tit {

	display: table;

	margin-bottom: 6%;

}

.syfour-tit img {

	margin-right: 24px;

	float: left;

}

.syfour-tit p {

	float: left;

	font-size: 36px;

	font-weight: bold;

	color: #333333;

	margin-top: 23px;

}

.syfour-tit p i {

	display: block;

	width: 218px;

	height: 6px;

	background: #0157ce;

	margin-top: -8px;

}

.syfour-tit p span {

	display: block;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 5px;

	margin-top: 15px;

	line-height: 18px;

}

.syfour-nr {

}

.syfour-nr p {

	font-size: 16px;

	line-height: 32px;

	color: #333;/* margin-top: 6%; */

}

.syfour-nr ul {

	margin-top: 6%;

}

.syfour-nr ul li {

	float: left;

	text-align: center;

	margin-right: 80px;

	transition: all 0.8s ease;

}

.syfour-nr ul li img {

}

.syfour-nr ul li span {

	display: block;

	font-size: 18px;

	color: #333;

	line-height: 40px;

	padding-top: 70px;

}

.syfour-kj {

	width: 48%;

	float: right;

}

.syfour-nr ul li:hover {

	-webkit-animation: flip-2-hor-bottom-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;

	animation: flip-2-hor-bottom-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;

}

.syfour-nr ul li:nth-child(1) {

	background: url(../images/syfour-1.png) top no-repeat;

}

.syfour-nr ul li:nth-child(2) {

	background: url(../images/syfour-2.png) top no-repeat;

}

.syfour-nr ul li:nth-child(3) {

	background: url(../images/syfour-3.png) top no-repeat;

}

.syfour-nr ul li:nth-child(4) {

	background: url(../images/syfour-4.png) top no-repeat;

}

.syfour-nr ul li:hover:nth-child(1) {

	background: url(../images/syfour-1h.png) top no-repeat;

}

.syfour-nr ul li:hover:nth-child(2) {

	background: url(../images/syfour-2h.png) top no-repeat;

}

.syfour-nr ul li:hover:nth-child(3) {

	background: url(../images/syfour-3h.png) top no-repeat;

}

.syfour-nr ul li:hover:nth-child(4) {

	background: url(../images/syfour-4h.png) top no-repeat;

}

/* hengli--第五屏 */

.syfive_tit {

	display: block;

	margin: 0 auto;

	margin-top: 8%;

	width: 1300px;

}

.syfive_tit dl {

	display: table;

	width: 100%;

}

.syfive_tit dl dt {

	float: left;

}

.syfive_tit dl dt img {

	margin-right: 24px;

	float: left;

}

.syfive_tit dl dt p {

	float: left;

	font-size: 36px;

	font-weight: bold;

	color: #333333;

	margin-top: 23px;

}

.syfive_tit dl dt span {

	display: block;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 5px;

	margin-top: 15px;

	line-height: 18px;

}

.syfive_tit dl dt i {

	display: block;

	width: 218px;

	height: 6px;

	background: #0157ce;

	margin-top: -8px;

}

.syfive_tit dl dd {

	float: right;

	margin-top: 22px;

}

.syfive_tit dl dd img {

}

.syfive_new {

	width: 1300px;

	margin: 0 auto;

	margin-top: 3%;

}

.syfive_new dl {

	float: left;

	width: 422px;

	margin-right: 17px;

}

.syfive_new dl dt {

	height: 300px;

	margin-bottom: 18px;

}

.syfive_new dl dt a {

	display: block;

}

.syfive_new dl dt a img {

	border-radius: 10px;

}

.syfive_new dl dd {

}

.syfive_new dl dd a {

}

.syfive_new dl dd p {

	float: left;

	font-size: 40px;

	font-weight: bold;

}

.syfive_new dl dd p i {

	display: block;

	font-size: 13px;

	font-weight: normal;

	font-style: normal;

}

.syfive_new dl dd span {

	display: block;

	float: right;

	width: 340px;

	font-size: 18px;

	font-family: "微软雅黑", "宋体", arial;

	margin-top: 8px;

	line-height: 30px;

}

.syfive_new dl dd span em {

	display: block;

	font-style: normal;

	font-size: 14px;

}

.syfive_new dl:nth-child(3) {

	margin-right: 0;

}

.syfive_news {

	display: table;

	width: 100%;

}

.syfive_news img {

	width: 380px;

}

.syfive_new ul {

	display: table;

	width: 100%;

	margin-top: 3%;

}

.syfive_new ul li {

	float: left;

	width: 422px;

	height: 185px;

	background: #f4f4f4;

	margin-right: 17px;

	border-radius: 10px;

	padding: 36px 34px;

	box-sizing: border-box;

}

.syfive_new ul li:nth-child(3) {

	margin-right: 0;

}

.syfive_new ul li p {

	font-size: 18px;

	font-weight: bold;

}

.syfive_new ul li p a {

}

.syfive_new ul li span {

	font-size: 14px;

	line-height: 26px;

	color: #666666;

	display: block;

	margin: 12px 0;

}

.syfive_new ul li em {

	display: block;

	font-style: normal;

	font-size: 13px;

}

/* hengli--第七屏 */

.sysix_web {

	width: 1600px;

	margin: 0 auto;

}

/* hengli--第八屏 */

.sysix_tit {

	margin: 0 auto;

	display: table;

	margin-bottom: 3%;

	margin-top: 4%;

}

.sysix_tit img {

	float: left;

	margin-right: 20px;

}

.sysix_tit p {

	float: left;

	text-align: center;

	font-size: 36px;

	font-weight: bold;

	color: #333333;

	margin-top: 23px;

}

.sysix_tit p i {

	display: block;

	height: 6px;

	margin: 0 auto;

	margin-top: -8px;

}

.sysix_tit p span {

	display: block;

	font-size: 18px;

	font-weight: normal;

/*	letter-spacing: 5px;*/

	margin-top: 15px;

	line-height: 18px;

}

.sysix_tit2 {

	margin: 0 auto;

	display: table;

	margin-bottom: 3%;

	margin-top: 4%;

}

.sysix_tit2 img {

	float: left;

	margin-right: 20px;

}

.sysix_tit2 p {

	float: left;

	text-align: center;

	font-size: 36px;

	font-weight: bold;

	color: #fff;

	margin-top: 23px;

}

.sysix_tit2 p i {

	display: block;

	height: 6px;

	margin: 0 auto;

	margin-top: -8px;

}

.sysix_tit2 p span {

	display: block;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 5px;

	margin-top: 15px;

	line-height: 18px;

	color: #fff;

}

.sysix_cen {

	width: 1300px;

	margin: 0 auto;

	height: 246px;

	margin-bottom: 60px;

}

.sysix_cen ul {

	margin: 45px 0;

	display: table;

	width: 100%;

}

.sysix_cen ul li {

	float: left;

	width: 33.2%;

	text-align: center;

	border-right: 1px solid #bababa;

}

.sysix_cen ul li:last-child {

	border-right: 0px solid #bababa;

}

.sysix_cen ul li a {

}

.sysix_cen ul li img {

	transition: all 0.3s linear 0s;

}

.sysix_cen ul li:hover img {

	transform: rotateY(180deg);

}

.sysix_cen ul li:hover span {

}

.sysix_cen ul li span {

	font-size: 16px;

	font-weight: normal;

	color: #333;

/*	display: block;*/

	line-height: 30px;

}

.sysix_cen ul li p {

	font-size: 20px;

	color: #333;

	line-height: 36px;

	font-weight: bold;

}

.sysix_foot {

	position: absolute;

	bottom: 0;

	height: 38px;

	width: 100%;

	background: url(../images/sysix_bg.jpg) center no-repeat;

}

.sysix_foot dl {

	width: 1300px;

	margin: 0 auto;

}

.sysix_foot dl dt {

	text-align: center;

	margin-top: -80px;

}

.sysix_foot dl dt p {

	margin-top: 30px;

}

.sysix_foot dl dt p a {

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	margin: 0 35px;

}

.sysix_foot dl dd {

}

.sysix_foot dl dd p {

	text-align: center;

	font-size: 16px;

	opacity: 0.6;

	color: #fff;

	line-height: 38px;

}

.sysix_foot dl dd a {

	color: #fff;

}

.sysix_cen ul li p em {

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

}

.ny_bot {

	height: 38px;

	width: 100%;

	background: url(../images/sysix_bg.jpg) bottom no-repeat;

}

.ny_bot dl {

	width: 1300px;

	margin: 0 auto;

}

.ny_bot dl dt {

	text-align: center;

	margin-top: -80px;

}

.ny_bot dl dt p {

	margin-top: 30px;

}

.ny_bot dl dt p a {

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	margin: 0 35px;

}

.ny_bot dl dd {

}

.ny_bot dl dd p {

	text-align: center;

	font-size: 16px;

	opacity: 0.6;

	color: #fff;

	line-height: 38px;

}

.ny_bot dl dd a {

	color: #fff;

}

/* hengli--联系我们页面 */

.qrny-contact {

	background: url(../images/qrny-contact.jpg) center bottom no-repeat;

	height: 800px;

}

.qrny-contact-tit {

	width: 1300px;

	margin: 0 auto;

	padding-top: 187px;

	text-align: center;

	color: #fff;

}

.qrny-contact-tit p {

	letter-spacing: 5px;

	text-transform: uppercase;

	font-size: 16px;

}

.qrny-contact-tit span {

	display: block;

	font-size: 36px;

	font-weight: bold;

	line-height: 60px;

}

.qrny-contact-tit img {

	display: block;

	margin: 0 auto;

	padding-top: 10px;

}

.qrny-contact-nr {

	width: 1300px;

	margin: 0 auto;

}

.qrny-contact-nr dl {

	margin-top: 90px;

}

.qrny-contact-nr dl dt {

	width: 490px;

	float: left;

	margin-right: 130px;

	margin-top: 24px;

}

.qrny-contact-nr dl dt p {

	font-size: 46px;

	text-transform: uppercase;

	color: #333;

	line-height: 80px;

	font-weight: bold;

}

.qrny-contact-nr dl dt span {

	font-size: 16px;

	line-height: 30px;

	display: block;

	border-bottom: 1px solid #eec344;

	padding-bottom: 10px;

}

.qrny-contact-nr dl dt em {

	text-transform: uppercase;

	font-style: normal;

	font-size: 12px;

	margin-right: 22px;

	display: block;

	padding-top: 20px;

	opacity: 0.5;

	line-height: 30px;

}

.qrny-contact-nr dl dd {

	float: left;

	text-align: center;

	width: 340px;

	padding-top: 70px;

	height: 270px;

}

.qrny-contact-nr dl dd:hover img {

	transform: rotateY(180deg);

}

.qrny-contact-nr dl dd img {

	transition: all 0.3s linear 0s;

}

.qrny-contact-nr dl dd p {

	font-size: 18px;

	margin-top: 10px;

}

.qrny-contact-nr dl dd i {

	width: 25px;

	height: 2px;

	background: #0157ce;

	display: block;

	text-align: center;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 20px;

	border-radius: 4px;

}

.qrny-contact-nr dl dd span {

	font-size: 22px;

	font-weight: bold;

}

.qrny-contact-nr dl dd:nth-last-child(1) {

	margin-top: -54px;

}

.qrny-contact-nr dl dd:nth-last-child(1) i {

	background: #fff5d9;

}

.qrny-contact-nr dl dd:nth-last-child(1) span {

	font-size: 17px;

}

.qrny-contact-tit2 {

	width: 1300px;

	margin: 0 auto;

	padding-top: 60px;

	text-align: center;

	color: #333333;

}

.qrny-contact-tit2 p {

	letter-spacing: 5px;

	text-transform: uppercase;

	font-size: 16px;

}

.qrny-contact-tit2 span {

	display: block;

	font-size: 36px;

	font-weight: bold;

	line-height: 60px;

}

.qrny-contact-tit2 img {

	display: block;

	margin: 0 auto;

	padding-top: 10px;

}

.qrny-contact-tit2 em {

	font-style: normal;

	font-size: 16px;

	color: #666;

	line-height: 60px;

}

.qrny-contact-map {

	width: 1300px;

	margin: 0 auto;

	margin-top: 40px;

	margin-bottom: 150px;

}

/* hengli--新闻中心页面 */

.cpbg {

	background: #f2f2f2;

	padding-bottom: 120px;

	padding-top: 60px;

}

.shanshi {

	padding: 20px 40px 60px 40px;

	background: #fff;

	border-radius: 6px;

	display: table;

}

.shanshi dl {

	width: 366px;

	float: left;

	border: 2px solid #f2f2f2;

	margin: 20px;

	padding: 20px;

	box-sizing: border-box;

	text-align: center;

}

.shanshi dl dt {

}

.shanshi dl dd {

}

.shanshi dl dt img {

	transition: all 0.3s linear 0s;

}

.shanshi dl:hover img {

	transform: rotateY(180deg);

}

.shanshi dl:hover {

	border: 2px solid #0157ce;

}

.shanshi dl dd p {

	font-size: 18px;

	font-weight: bold;

	line-height: 40px;

	color: #333;

}

.shanshi dl dd span {

	line-height: 30px;

}

/* hengli--产品中心页面 */



.ny_cpfl {

	width: 1300px;

	margin: 0 auto;

	margin-top: -110px;

	height: 200px;

}

.ny_cpfl dl {

	width: 429px;

	height: 130px;

	background: #fff;

	border: 2px solid #0157ce;

	float: left;

	margin-right: 6px;

	border-radius: 4px;

	padding: 13px;

	box-sizing: border-box;

}

.ny_cpfl dl a {

}

.ny_cpfl dl dt {

	float: left;

	padding-left: 19px;

}

.ny_cpfl dl dt img {

	transition: all 0.3s linear 0s;

}

.ny_cpfl dl:hover img {

	transform: rotateY(180deg);

}

.ny_cpfl dl dd {

	float: left;

	padding-left: 25px;

	padding-top: 13px;

}

.ny_cpfl dl dd p {

	font-size: 20px;

	font-weight: bold;

}

.ny_cpfl dl dd span {

	display: block;

	font-size: 16px;

	font-weight: normal;

	color: #666666;

}

.ny_cpfl dl dd i {

	display: block;

	width: 87px;

	height: 2px;

	background: #f2f2f2;

	margin: 7px 0 11px 0;

}

.ny_cpfl dl:nth-last-child(1) {

	margin-right: 0;

}

.qrcpny_a {

	background: url(../images/qrcpny_a.jpg) center no-repeat;

	height: 740px;

	padding-top: 160px;

	box-sizing: border-box;

}

.qrcpny_a dl {

	width: 1300px;

	margin: 0 auto;

	background: #fff;

	display: table;/* padding: 10px; */

	box-sizing: border-box;/* border-radius: 6px; */

}

.qrcpny_a dl dt {

	height: 471px;

	width: 800px;

	padding: 2px;

	float: left;

}

.qrcpny_a dl dt img {

}

.qrcpny_a dl dd {

	padding: 35px;

	float: left;

	width: 426px;

	padding-top: 70px;

}

.qrcpny_a dl dd p {

	font-size: 30px;

	color: #333;

	margin-bottom: 20px;

	font-weight: bold;

}

.qrcpny_a dl dd span {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	display: block;

}

.qrcpny_a dl dd em {

	font-size: 17px;

	color: #333;

	margin: 20px 0 5px;

	line-height: 32px;

	display: block;

	font-style: normal;

	font-weight: bold;

}

.qrcpny_a dl dd i {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	display: block;

	font-style: normal;

}

.qrcpny_a dl dd a {

	width: 170px;

	height: 46px;

	line-height: 46px;

	text-align: center;

	background: #0157ce;

	color: #fff;

	display: block;

	font-size: 17px;

	border-radius: 6px;

	margin-top: 30px;

}

.qrcpny_a dl dd a:hover {

	font-weight: bold;

}

.g-sd1 {

	width: 250px;

	float: right;

}

.cate-box {/* width: 100%; */

	background-color: #f7f7f7;

	color: #fff;

}

.cate-box h3 {

	font-size: 26px;

	color: #fff;

	line-height: 100px;

	text-align: center;

	position: relative;

	overflow: hidden;

	background: #0157ce;

	border-radius: 20px 20px 0 0;

}

.cate-box ul {/* border-left:2px #262d3f solid; *//* border-right:2px #262d3f solid; *//* border-bottom: 2px #0157ce solid; */

}

.cate-box ul li {

	font-size: 17px;

	background: #fff;

	margin: 5px 0;

}

.cate-box ul li a {

	color: #333;

	display: block;

	line-height: 60px;/* border-bottom:1px #ddd dashed; */

	text-align: center;

	font-size: 16px;

}

.cate-box ul li a:hover {

	background: #0157ce;

}

.tel-box {

	border: 2px solid #0157ce;

	text-align: left;

	background-color: #fff;

	padding: 20px 15px;

	border-radius: 6px;

}

.tel-box p.big {

	font-size: 16px;

	text-align: center;

}

.tel-box strong {

	color: #0157ce;

	font-size: 24px;

	font-weight: bold;/* line-height: 40px; */

}

.tel-box a {

	background-color: #0157ce;

	border-radius: 15px;

	padding: 8px 25px;

	color: #fff;

	display: block;

	margin-top: 12px;

}

.ny_xgaaa {

	width: 1300px;

	margin: 0 auto;

	padding: 20px 40px 60px 40px;

	background: #fff;

	box-sizing: border-box;

}

/* hengli--产品中心页面 */	

.ny_abban {

	background: url(../images/ny_abban.jpg) center no-repeat;

	width: 100%;

	height: 500px;

	padding-top: 150px;

	box-sizing: border-box;

}

.ny_abban dl {

	width: 1300px;

	margin: 0 auto;

}

.ny_abban dl dt {

	height: 385px;

}

.ny_abban dl dt p {

	font-size: 36px;

	font-weight: bold;

	color: #fff;

	padding-top: 190px;

	line-height: 70px;

}

.ny_abban dl dt span {

	display: block;

	font-size: 24px;

	color: #fff;

	line-height: 60px;

}

.ny_abban dl dt span i {

	color: #0157ce;

	font-style: normal;

}

.ny_abban dl dd {

	padding-left: 490px;

	width: 690px;

	font-size: 18px;

	line-height: 32px;

	padding-top: 84px;

	color: #333;

}

.ny_abban dl dd p {

	font-size: 18px;

	color: #333;

	line-height: 32px;

}

.qrny_about {

	background: url(../images/qrny_about.jpg) center no-repeat;

	height: 825px;

	width: 100%;

	position: relative;

}

.qrny_about dl {

	width: 100%;

	margin: 0 auto;

}

.qrny_about dl dt {

	padding-top: 80px;

	float: left;

	width: 46%;

	height: 640px;

}

.qrny_about dl dt p {

	font-size: 48px;

	font-weight: bold;

	color: #333;

	padding-bottom: 10px;

}

.qrny_about dl dt span {

	font-size: 26px;

	color: #dadada;

	text-transform: uppercase;

	font-weight: bold;

	line-height: 40px;

}

.circle {

	width: 550px;

	height: 100px;

	display: block;

}

.qrny_about i {

	display: block;

	width: 26px;

	height: 26px;

	background-image: linear-gradient(142deg, rgba(1, 87, 206, 0.4) 0%, rgba(135, 185, 255, 0.8 ) 100%), linear-gradient(#0157ce, #0157ce);

	border-radius: 23px;

	margin-top: 0px;

	background-blend-mode: normal, normal;

	animation: iconAnimate 2.5s ease infinite;

	float: right;

	position: relative;

	top: -36px;

}

 @keyframes iconAnimate {

 0% {

 transform: translateY(-30px);

 -webkit-transform: translateY(-30px);

 -moz-transform: translateY(-30px);

 -ms-transform: translateY(-30px);

 -o-transform: translateY(-30px);

}

 50% {

 transform: translateY(0);

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 -o-transform: translateY(0);

 box-shadow: 0px 10px 24px 0px rgba(255, 174, 0, 0.16);

}

 100% {

 transform: translateY(-30px);

 -webkit-transform: translateY(-30px);

 -moz-transform: translateY(-30px);

 -ms-transform: translateY(-30px);

 -o-transform: translateY(-30px);

}

}

.qrny_about dl dd {

	width: 49%;

	float: right;

	padding-right: 60px;

	line-height: 40px;

	padding-top: 173px;

	background: #fff;

	padding: 60px 40px 0px 40px;

	box-shadow: 2px 2px 10px #eee;

	margin-top: 80px;

	height: 580px;

}

.qrny_about dl dd em {

	font-size: 34px;

	font-weight: bold;

	color: #0157ce;

	font-style: normal;

}

.qrny_about dl dd img {

	padding-top: 20px;

}

.qrny_about dl dd span {

	font-size: 24px;

	color: #333;

	display: block;

	line-height: 40px;

}

.qrny_about dl dd p {

	font-size: 16px;

	color: #666666;

	padding-top: 30px;

	line-height: 32px;

}

.qrny_about_a {

	background: url(../images/qrny_about_a.jpg) center no-repeat;

	height: 516px;

	width: 100%;

}

.qrny_about_a dl {

	width: 1300px;

	margin: 0 auto;

	text-align: center;

	padding-top: 110px;

}

.qrny_about_a dl dt {

	line-height: 50px;

	padding-bottom: 60px;

}

.qrny_about_a dl dt p {

	font-size: 36px;

	color: #fff;

	font-weight: bold;

}

.qrny_about_a dl dt span {

	font-size: 20px;

	color: #fff;

}

.qrny_about_a dl dd {

	float: left;

	width: 310px;

	margin-right: 20px;

	border-radius: 6px;

	height: 140px;

	background: #fff;

	padding: 40px;

	box-sizing: border-box;

}

.qrny_about_a dl dd:nth-last-child(1) {

	margin-right: 0;

}

.qrny_about_a dl dd img {

	float: left;

	padding-right: 20px;

	padding-left: 20px;

	transition: all 0.6s;

}

.qrny_about_a dl dd:hover img {

	-webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

	animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}



/* ----------------------------------------------

 * Generated by Animista on 2022-1-15 14:49:41

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info. 

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation flip-in-ver-right

 * ----------------------------------------

 */

@-webkit-keyframes flip-in-ver-right {

 0% {

 -webkit-transform: rotateY(-80deg);

 transform: rotateY(-80deg);

 opacity: 0;

}

 100% {

 -webkit-transform: rotateY(0);

 transform: rotateY(0);

 opacity: 1;

}

}

@keyframes flip-in-ver-right {

 0% {

 -webkit-transform: rotateY(-80deg);

 transform: rotateY(-80deg);

 opacity: 0;

}

 100% {

 -webkit-transform: rotateY(0);

 transform: rotateY(0);

 opacity: 1;

}

}

.qrny_about_a dl dd p {

	float: left;

	font-size: 24px;

	color: #333;

	font-weight: bold;

	text-align: left;

	line-height: 40px;

}

.qrny_about_a dl dd span {

	display: block;

	font-size: 12px;

	color: #333;

	opacity: 0.5;

	font-weight: normal;

	line-height: 12px;

}

.qrny_about_a dl dd:hover {

	margin-top: -10px;

	transition: all 0.6s;

}

.qrny_about-t {

	padding-top: 90px;

	width: 1300px;

	margin: 0 auto;

	text-align: CENTER;

}

.qrny_about-t p {

	font-size: 36px;

	color: #333;

	font-weight: bold;

	line-height: 50px;

}

.qrny_about-t span {

	font-size: 18px;

	display: block;

	line-height: 50px;

}

.qrny_about_b {

	width: 1300px;

	margin: 0 auto;

	margin-bottom: 150px;

	margin-top: 40px;

}

.qrny_about_b ul {

}

.qrny_about_b ul li {

	float: left;

	border: 1px solid #f9f9f9;

	margin-right: 26px;

	background: #fff;

}

.qrny_about_b ul li span {

	display: block;

	height: 233px;

}

.qrny_about_b ul li span a {

}

.qrny_about_b ul li p {

	height: 50px;

	display: block;

	line-height: 50px;

	transition: all 0.5s ease;

}

.qrny_about_b ul li:hover p {

	background: #0157ce;

}

.qrny_about_b ul li p a {

	text-align: center;

	font-size: 18px;

	display: block;

}

.qrny_about_b ul li:hover p a {

	font-weight: bold;

	color: #fff;

}

.zhinan_lb {

	width: 1300px;

	margin: 0 auto;

	display: table;

	text-align: center;

	background: #fff;

	padding-top: 60px;

	height: 48px;

}

.zhinan_lb a {

	padding: 26px 144px;

	border: 1px solid #f2f2f2;

	font-size: 18px;

	background: #f2f2f2;

}

.zhinan_lb .zhinan_a {

	background: #0157ce;

	color: #333;

	font-weight: bold;

}

.shanshi {

}

.shanshi ul {

}

.shanshi ul li {

	width: 570px;

	float: left;

	border: 2px solid #f2f2f2;

	margin: 20px;

	padding: 20px;

	box-sizing: border-box;

	text-align: center;

	height: 520px;

}

.shanshi ul li p {

	font-size: 20px;

	font-weight: bold;

	line-height: 50px;

	color: #333;

}

.shanshi ul li i {

	width: 40px;

	height: 4px;

	background: #0157ce;

	display: block;

	margin: 0 auto;

	border-radius: 2px;

	margin-top: 10px;

	margin-bottom: 20px;

}

.shanshi ul li span {

	font-size: 15px;

	line-height: 30px;

	display: block;

	text-align: left;

}

.shanshi ul li img {

	/* padding: 20px 0; */

	border-radius: 6px;

	display: BLOCK;

	margin: 10px 0 20px 0;

}

 @keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-webkit-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-ms-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-o-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-moz-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

 @keyframes lefteaseinAnimate {

 0% {

transform: translateY(0px);

opacity: 0;

}

 100% {

transform: translateY(180px);

opacity: 1;

}

}

@-webkit-keyframes lefteaseinAnimate {

 0% {

-webkit-transform: translateY(0px);

opacity: 0;

}

 100% {

-webkit-transform: translateY(180px);

opacity: 1;

}

}

@-o-keyframes lefteaseinAnimate {

 0% {

-webkit-transform: translateY(0px);

opacity: 0;

}

 100% {

-webkit-transform: translateY(180px);

opacity: 1;

}

}

@-ms-keyframes lefteaseinAnimate {

 0% {

-webkit-transform: translateY(0px);

opacity: 0;

}

 100% {

-webkit-transform: translateY(180px);

opacity: 1;

}

}

@-moz-keyframes lefteaseinAnimate {

 0% {

-webkit-transform: translateY(0px);

opacity: 0;

}

 100% {

-webkit-transform: translateY(180px);

opacity: 1;

}

}

 @media screen and (min-width: 1400px) and (max-width: 1600px) {

.sybg01_1 .slide_text img {

	max-width: 17%;

}

.sybg01_2 .slide_text img {

	max-width: 40%;

}

.sybg01_3 .slide_text img {

	max-width: 60%;

}

}

 @media only screen and (max-width: 1400px) {

.sybg01_1 .slide_text img {

	max-width: 13%;

}

.sybg01_2 .slide_text img {

	max-width: 26%;

}

.sybg01_3 .slide_text img {

	max-width: 40%;

}

}

@media only screen and (max-width: 1600px) {

.top {

	width: 98%;

}

.head {

	height: 70px;

	line-height: 70px;

}

.sousuo {

	height: 70px;

}

.sousuo img {

	padding-top: 20px;

}

.ejdh {

	margin-top: 70px;

}

.hy_top_a {

	width: 98%;

}

}

.synews {

	width: 100%;

	background: url("../images/syysbj.jpg") repeat center;

	padding: 70px 0px;/*	height: 400px;*/

}

.synewstitle h3 {

	font-size: 32px;

	color: #222;

	text-align: center;

	font-weight: normal;

}

.synewstitle h3 b {

	font-weight: bold;

	color: #0157ce;

}

.synewstitle p {

	line-height: 70px;

	font-size: 15px;

	color: #666;

	text-align: center;

	margin-bottom: 30px;

}

.synewsfl {

	width: 80%;

	height: 50px;

	margin: 30px auto;

}

.synewsfl ul {

}

.synewsfl ul li {

	width: 21%;

	height: 65px;

	z-index: 1;

	background: #0157ce;

	transition: all 0.5s ease;

	border-right: 1px #fff solid;

	float: left;

	box-shadow: 2px 5px 10px #eee;

	border-radius: 10px;

	margin-right: 5%;

	position: relative;

}

.synewsfl ul li:nth-child(4) {

	margin-right: 0px;

}

.synewsfl ul li.active {

	background: #fff;

}

.synewsfl ul li a {

	display: block;

	font-size: 18px;

	text-align: center;

	padding: 0 25px;

	line-height: 70px;

	color: #fff;

}

.synewsfl ul li.active a {

	color: #333;

}

.synewsfl ul li.active a span {

	color: #fff;

}

.synewsfl ul i {

	width: 10px;

	float: left;

	margin: 0 2%;

	height: 2px;

	background: #222;

	position: absolute;

	right: -45px;

	top: 35px;

}

.synewscont {

	width: 80%;

	margin: 0 auto;

}

.synewscontli {

	display: none;

	width: 100%;

	height: 350px;

	position: relative;

	overflow: hidden;

}

.synewscontli.active {

	display: block;

}

.synewscontli img {

	position: absolute;

	top: 0px;

	left: 50%;

	height: 350px;

	overflow: hidden;

	border-radius: 10px;

}

.synewscontli:hover img {

	-webkit-animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;

	animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;

}

			

			/* ----------------------------------------------

 * Generated by Animista on 2022-1-15 8:35:19

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info. 

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation swing-in-top-fwd

 * ----------------------------------------

 */

@-webkit-keyframes swing-in-top-fwd {

 0% {

 -webkit-transform: rotateX(-100deg);

 transform: rotateX(-100deg);

 -webkit-transform-origin: top;

 transform-origin: top;

 opacity: 0;

}

 100% {

 -webkit-transform: rotateX(0deg);

 transform: rotateX(0deg);

 -webkit-transform-origin: top;

 transform-origin: top;

 opacity: 1;

}

}

@keyframes swing-in-top-fwd {

 0% {

 -webkit-transform: rotateX(-100deg);

 transform: rotateX(-100deg);

 -webkit-transform-origin: top;

 transform-origin: top;

 opacity: 0;

}

 100% {

 -webkit-transform: rotateX(0deg);

 transform: rotateX(0deg);

 -webkit-transform-origin: top;

 transform-origin: top;

 opacity: 1;

}

}

.synewscont-left {

	float: left;

	width: 45%;

	padding: 20px;

	background: #fff;

}

.synewscont-left em {

	font-style: normal;

	font-size: 36px;

	color: #f5f5f5;

	font-weight: bold;

}

.synewscont-left h3 {

	font-size: 33px;

	color: #0157ce;

	line-height: 70px;

	text-align: left;

	font-weight: bold;

}

.synewscont-left h4 {

	font-size: 24px;

	color: #333;

	line-height: 60px;

	margin-bottom: 20px;

}

.synewscont-left p {

	font-size: 15px;

	color: #222;

	line-height: 35px;

	margin-bottom: 15px;

}

.synewscont-left a {

	width: 180px;

	height: 35px;

	background: #0157ce;

	display: block;

	text-align: center;

	line-height: 35px;

	color: #fff;

	margin-top: 60px;

	border-radius: 15px;

}

.synewscont-left a:hover {

	display: block;

	-webkit-animation: jello-vertical 0.9s both;

	animation: jello-vertical 0.9s both;

}

			/* ----------------------------------------------

 * Generated by Animista on 2022-1-14 14:39:6

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info. 

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation jello-vertical

 * ----------------------------------------

 */

@-webkit-keyframes jello-vertical {

 0% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1);

}

 30% {

 -webkit-transform: scale3d(0.75, 1.25, 1);

 transform: scale3d(0.75, 1.25, 1);

}

 40% {

 -webkit-transform: scale3d(1.25, 0.75, 1);

 transform: scale3d(1.25, 0.75, 1);

}

 50% {

 -webkit-transform: scale3d(0.85, 1.15, 1);

 transform: scale3d(0.85, 1.15, 1);

}

 65% {

 -webkit-transform: scale3d(1.05, 0.95, 1);

 transform: scale3d(1.05, 0.95, 1);

}

 75% {

 -webkit-transform: scale3d(0.95, 1.05, 1);

 transform: scale3d(0.95, 1.05, 1);

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1);

}

}

@keyframes jello-vertical {

 0% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1);

}

 30% {

 -webkit-transform: scale3d(0.75, 1.25, 1);

 transform: scale3d(0.75, 1.25, 1);

}

 40% {

 -webkit-transform: scale3d(1.25, 0.75, 1);

 transform: scale3d(1.25, 0.75, 1);

}

 50% {

 -webkit-transform: scale3d(0.85, 1.15, 1);

 transform: scale3d(0.85, 1.15, 1);

}

 65% {

 -webkit-transform: scale3d(1.05, 0.95, 1);

 transform: scale3d(1.05, 0.95, 1);

}

 75% {

 -webkit-transform: scale3d(0.95, 1.05, 1);

 transform: scale3d(0.95, 1.05, 1);

}

 100% {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1);

}

}

.synewscont-right {

	float: right;

	width: 640px;

	padding: 20px;

	background: #fff;

}

.synews {

	width: 88%;

	left: 6%;

	right: 6%;

	position: relative;

}

.synews ul li {

	float: left;

	margin: 0 20px 24px;

	width: calc(25% - 40px);

	position: relative;

	overflow: hidden;

	transition: all 0.3s ease;

}

.synews ul li h3 {

	width: 100%;

	padding: 0;

	padding-bottom: calc(200% / 3);

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	transition: .5s transform;

	transform: translateZ(0);

}

.synews ul li:hover h3 {

	transform: scale(1.025);

	transform-origin: center center;

	-webkit-transform: scale(1.025);

}

.synews ul li h3 a {

}

.synews ul li h3 span {

	position: absolute;

	background: #0157ce;

	display: inline-block;

	line-height: 0;

	width: 80px;

	height: 80px;

	box-sizing: border-box;

	padding: 10px;

	text-align: center;

	left: 0;

	top: 0;

	color: #fff;

}

.synews ul li h3 span b {

	font-size: 30px;

	line-height: 40px;

	text-align: center;

	font-weight: bold;

	display: block;

}

.synews ul li h3 span i {

	font-size: 14px;

	font-style: normal;

	line-height: 12px;

	font-weight: normal;

	text-align: center;

}

.synews ul li .text {

	background: #fff;

	box-sizing: border-box;

	padding: 20px;

}

.synews ul li .text em {

	width: 120px;

	line-height: 30px;

	height: 30px;

	padding-left: 20px;

	font-style: normal;

	border: 1px #0157ce solid;

	border-radius: 5px;

	display: block;

	background: url("../images/news-m.png") no-repeat right;

	transition: .8s transform;

	transform: translateZ(0);

	margin-top: 30px;

}

.synews ul li:hover .text em {

	background: url("../images/news-h.png") no-repeat right #0157ce;

	transform: scale(1.025);

	transform-origin: center center;

	-webkit-transform: scale(1.1);

}

.synews ul li:hover .text .emore {

	color: #fff;

}

.synews ul li .text p {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.synews ul li .text p a {

	color: #333;

	font-size: 16px;

	line-height: 36px;

}

.synews ul li .text span {

	color: #aaa;

	font-size: 14px;

	line-height: 24px;

}

.hot_rx {/* background: #f8f8f8; */

	height: 470px;

	padding-top: 40px;/* margin-top: 60px; */

	margin-bottom: 40px;

}

.E {

	background: url(../images/case_t.png) top center no-repeat;

	height: 160px;

	padding-bottom: 10px;

}

.box {

	width: 88%;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	_height: 100%;

}

.hotproduct {

	margin: 15px 0 20px 0;

}

#demo6p {

	width: 100%;

	height: 330px;

	overflow: hidden;

	position: relative;

}

#indemo6p {

	float: left;

	width: 800%;

}

#demo6p6 {

	float: left;

}

#demo6p7 {

	float: left;

}

.top_14 {

	list-style: none outside none;

	display: inline;

}

.top_14 li {

	float: left;/* height: 265px; */

	overflow: hidden;

	text-align: center;

	width: 300px;

	background: #fff;

	margin-right: 20px;

}

.top_14 h3 {/* height: 217px; */

	margin: 0 auto;

}

.top_14 h3 a {

	padding: 1px;

	display: table-cell;

}

.top_14 h3 img {

	vertical-align: middle;

}

.top_14 li p {

	width: 300px;

}

.top_14 li p .a1 {

	font-size: 16px;

	display: block;

	line-height: 38px;

}

.top_14 li p .a1:hover {

	color: #fff;

}

.top_14 li:hover p {

	background: #0157ce;

}

.top_14 li:hover p a {

	color: #fff;

}

.en {

	float: left;

	margin-right: 5px;

}

.timerDiv {

	text-align: center;

}

.timerDiv span {

	padding: 80px;

	font-size: 108px;

	font-weight: bold;

	text-align: center;

}

.hengfu {

	width: 80%;

	margin: 0 auto;

	top: 90%;

	position: absolute;

	height: 160px;

	display: block;

}

.hengfu ul li span {

	color: #fff;

	font-size: 30px;

	font-style: normal;

	font-weight: bold;

}

.hengfu ul li:hover {

	-webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

	animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}

.hengfu ul {

	display: flex;

	flex-wrap: wrap;

}

.hengfu ul li {

	float: left;

	width: 25%;

}

.hengfu ul li em {

	color: #fff;

	font-size: 16px;

	font-style: normal;

}

.hengfu ul li p {

	color: #fff;

	font-size: 16px;

	font-style: normal;

}

/* ----------------------------------------------

 * Generated by Animista on 2022-1-14 17:29:54

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info. 

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation focus-in-expand-fwd

 * ----------------------------------------

 */

@-webkit-keyframes focus-in-expand-fwd {

 0% {

 letter-spacing: -0.5em;

 -webkit-transform: translateZ(-800px);

 transform: translateZ(-800px);

 -webkit-filter: blur(12px);

 filter: blur(12px);

 opacity: 0;

}

 100% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

 -webkit-filter: blur(0);

 filter: blur(0);

 opacity: 1;

}

}

@keyframes focus-in-expand-fwd {

 0% {

 letter-spacing: -0.5em;

 -webkit-transform: translateZ(-800px);

 transform: translateZ(-800px);

 -webkit-filter: blur(12px);

 filter: blur(12px);

 opacity: 0;

}

 100% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

 -webkit-filter: blur(0);

 filter: blur(0);

 opacity: 1;

}

}

@font-face {

	font-family: impact;

	src: url(../font/IMPACT_0.eot), url(../font/IMPACT_0.svg), url(../font/IMPACT_0.ttf), url(../font/IMPACT_0.woff), url(../font/IMPACT_0.woff2);

}

.sytitle p {

	color: #666;

	letter-spacing: 8px;

}

.main{}

.mainbox {

	width:100%;

/*	left: 6%;

	right: 6%;*/

	position: relative;

/*	background: rgba(157,157,157,0.6);*/

/*	padding: 40px;*/

	box-sizing: border-box;

}

.mainbox2 {

	width: 1350px;

	margin: 0 auto;

}

.mainbox_0 {

	width: 88%;

	left: 6%;

	right: 6%;

	position: relative;

	background: rgba(0,0,0,0.3);

	padding: 40px;

	box-sizing: border-box;

}

.mainbox_f {

	width: 88%;

	left: 6%;

	right: 6%;

	position: relative;

}

.hsbg {

	width: 100%;

	background: #f2f4f6;

}

.nymapbox {

	width: 100%;

}

.nymainbox {

	width: 88%;

	left: 6%;

	right: 6%;

	position: relative;

	padding: 60px 0;

	box-sizing: border-box;

}

.sytopbg {

	position: fixed;

	top: 0;

	z-index: 99999;

	left: 0;

	width: 100%;

	background: rgba(0,0,0,0.5);

}

.sytop {

	width: 88%;

	margin: 0 auto;

	height: 70px;

}

.logo {

	float: left;

	width: 300px;

	height: 70px;

}

.topright {

	float: right;

	width: calc( 100% - 300px);

}

.topicon {

	float: right;

	position: relative;

	top: 28px;

}

.topicon a {

	color: #fff;

	display: inline-block;

	margin: 0 8px;

	width: 28px;

	height: 30px;

	float: left;

	position: relative;

	text-align: center;

}

.topicon a:hover {

	color: #fff;

}

.topsearch {

	position: absolute;

	right: 0;

	top: 45px;

	z-index: 9;

	width: 0;

	height: 24px;

	overflow: hidden;

	display: inline-block;

	transition: all 0.3s ease;

}

.topsearch.on {

	width: 136px;

}

.topiconmenu {

	color: #fff;

	font-size: 24px;

}

.topiconmenu i {

	font-size: 26px;

}

.topiconmenu span {

	position: absolute;

	display: block;

	height: 2px;

	width: 100%;

	background: #fff;

	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	-o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	top: 5px;

}

.topiconmenu span:nth-child(2) {

	top: 15px;

}

.topiconmenu span:last-child {

	top: 25px;

}

.topiconmenu.on span {

	top: 15px;

}

.topiconmenu.on span:nth-child(2) {

	opacity: 0;

}

.topiconmenu.on span:first-child {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}

.topiconmenu.on span:last-child {

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.topiconsearch {

	color: #fff;

	font-size: 24px;

}

.topiconsearch i {

	font-size: 20px;

}

.topsearch_key {

	width: 96px;

	color: #fff;

	font-size: 14px;

	height: 24px;

	box-sizing: border-box;

	border: 1px #fff solid;

	background: none;

	display: inline-block;

	float: left;

}

.topsearch_sub {

	width: 40px;

	height: 24px;

	background: #fff;

	color: #333;

	border: none;

	display: inline-block;

	float: left;

}

.symenuping {

	float: left;

	width: calc(100% - 120px);

	height: 90px;

	line-height: 90px;

	text-align: center;

	margin-left: 30px;

}

.symenuping>ul>li {

	float: left;

	position: relative;

	width: 16%;

	height: 90px;

	line-height: 90px;

}

.symenuping>ul>li:after {

	content: "";

	width: 0;

	height: 2px;

	background: #006cc9;

	position: absolute;

	bottom: 10px;

	left: 50%;

	margin-left: 0;

	transition: all 0.3s ease;

}

.symenuping>ul>li>a {

	color: #fff;

	display: block;

	height: 90px;

	line-height: 90px;

}

.symenuping>ul>li:hover {

	background: rgba(0,0,0,0.4);

}

.symenuping>ul>li:hover:after {

	width: 50px;

	margin-left: -25px;

}

.symenuping>ul>li .submenu {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.6);

	z-index: 99999

}

.symenuping>ul>li .submenu {

	padding: 0px;

	width: 100%;

	height: auto;

	padding: 0

}

.symenuping>ul>li .submenu li {

	float: none;

	padding: 0;

	height: 45px;

	line-height: 45px;

	background: none;

}

.symenuping>ul>li .submenu li:hover {

	background: rgba(0,0,0,0.5);

}

.symenuping>ul>li .submenu li a {

	float: none;

	padding: 0;

	text-align: center;

	height: 45px;

	line-height: 45px;

	font-size: 14px;

	color: #fff;

}

.symenuping>ul>li .submenu li a:hover {

	background: none;

}

.submenu {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.6);

	z-index: 99999

}

.submenu {

	padding: 0px;

	width: 100%;

	height: auto;

	padding: 0

}

.submenu li {

	float: none;

	padding: 0;

	height: 45px;

	line-height: 45px;

	background: none;

}

.submenu li:hover {

	background: rgba(0,0,0,0.5);

}

.submenu li a {

	float: none;

	padding: 0;

	text-align: center;

	height: 45px;

	line-height: 45px;

	font-size: 14px;

	color: #fff;

}

.submenu li a:hover {

	background: none;

}

.nymenuping {

	float: left;

	width: calc(100% - 180px);

	height: 80px;

	line-height: 80px;

	text-align: center;

	margin-left: 30px;

}

.nymenuping>ul>li {

	float: left;

	position: relative;

	width: 14%;

	height: 90px;

	line-height: 90px;

}

.nymenuping>ul>li:after {

	content: "";

	width: 0;

	height: 2px;

	background: #006cc9;

	position: absolute;

	bottom: 10px;

	left: 50%;

	margin-left: 0;

	transition: all 0.3s ease;

}

.nymenuping>ul>li>a {

	color: #fff;

	display: block;

	height: 90px;

	line-height: 20px;

	padding-top: 26px;

}

.nymenuping>ul>li>a>i {

	font-style: normal;

	font-size: 12px;

	display: block;

	line-height: 20px;

}

.nymenuping>ul>li:hover {

	background: rgba(0,0,0,0.4);

}

.nymenuping>ul>li:hover:after {

	width: 50px;

	margin-left: -25px;

}

.nymenuping>ul>li .nysubmenu {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.6);

	z-index: 99999

}

.nymenuping>ul>li .nysubmenu {

	padding: 0px;

	width: 100%;

	height: auto;

	padding: 0

}

.nymenuping>ul>li .nysubmenu li {

	float: none;

	padding: 0;

	height: 40px;

	line-height: 40px;

	background: none;

}

.nymenuping>ul>li .nysubmenu li:hover {

	background: rgba(0,0,0,0.5);

}

.nymenuping>ul>li .nysubmenu li a {

	float: none;

	padding: 0;

	text-align: center;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color: #fff;

}

.nymenuping>ul>li .nysubmenu li a:hover {

	background: none;

}

.symenu {

	position: fixed;

	right: 0;

	top: 0;

	height: 100%;

	width: 0;

	padding-top: 120px;

	overflow: hidden;

	transition: all 0.3s ease;

	background: #1c1a1b;

}

.symenu.on {

	width: 400px;

}

.symenu li {

	display: block;

	line-height: 50px;

	border-bottom: 1px #232122 solid;

	padding-left: 60px;

	transition: all 0.2s ease;

}

.symenu li a {

	display: block;

	font-size: 16px;

	line-height: 50px;

	color: #ccc;

}

.symenu li:hover {

	color: #fff;

	border-left: 3px #006cc9 solid;

}

.symenu li:hover a {

	color: #fff;

}

.sytopbg {

	position: fixed;

	top: 0;

	z-index: 99999;

	left: 0;

	width: 100%;

	background: rgba(0,0,0,0.5);

}

.nytopbg {

	width: 100%;

	height: 90px;

	top: 0;

	left: 0;

	right: 0;

	z-index: 9999;

	position: fixed;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	position: fixed;

	top: 0;

	z-index: 99999;

	left: 0;

	width: 100%;

	background: rgba(0,0,0,0.5);

}

.nytop {

	position: relative;

	width: 88%;

	left: 6%;

	right: 6%;

	height: 70px;

	z-index: 99999;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

}

.nytopbg.hover {

	height: 90px;

}

.nytopbg.hover .nytop {

	top: 0;

}

.nytop .logo {

}

.nytop .topright {

}

.nytop .topicon {

	top: 28px;

}

.nytitle {

	text-align: center;

	font-size: 30px;

	color: #333;

	line-height: 60px;

	font-weight: bold;

	margin-bottom: 20px;

}

.nyaboutleft {

	float: right;

	width: 380px;

}

.p1-search-1 {

	height: 60px;

	border-bottom: 1px dashed #eee;

	overflow: hidden;

	font-size: 14px;

}

.p1-search-1 p {

	color: #444;

	line-height: 60px;

}

.p1-search-1 a {

	color: #444;

	display: inline-block;

	margin-right: 15px;

}

.p1-search-1-inp input {

	border: 0;

}

.p1-search-1-inp1 {

	width: 224px;

	height: 30px;

	line-height: 30px;

	color: #a9a9a9;

	float: left;

}

.p1-search-1-inp2 {

	width: 30px;

	height: 30px;

	background: url(../images/viskins-p1.png) no-repeat -258px -936px;

	float: right;

	cursor: pointer;

}

.p12-curmbs-1 {

	font-size: 14px;

	/*    border-bottom: 1px dashed #dcdcdc;*/

	line-height: 60px;

}

.p12-curblock {

	display: none;

}

.p12-curmbs-1 b {

	/*    border-left: 5px solid #333333;*/

	font-weight: normal;

	padding-left: 15px;

}

.p12-curmbs-1 i {

	font-style: normal;

}

.p12-curmbs-1 span {

	font-family: '宋体';

	padding: 0 5px;

	height: 46px;

	line-height: 46px;

}

.tl-fdh-02 {

	height: 55px;

	background: #fff;

	margin-bottom: 20px;

	overflow: hidden;

}

.tl-fdh-02 ul {

	width: 1200px;

	margin: 0 auto;

}

.tl-fdh-02 li {

	width: 19.8%;

	height: 55px;

	font-size: 18px;

	line-height: 55px;

	text-align: center;

	float: left;

	border-right: 1px solid #eee;

	margin-right: -1px;

	background: #f4f4f4;

	cursor: pointer;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	margin-right: 1px;

}

.tl-fdh-02 li a {

	display: block;

	height: 55px;

	color: #555;

}

.tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover {

	background: url(../images/p16-icon6.png) no-repeat bottom center #cf1212;

	border-color: #cf1212;

}

.tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a {

	color: #fff;

}

.blk-main {

	width: 1200px;

	margin: 0 auto;

}

.mode dl dd img{transition: all 0.3s linear 0s;}



.mode dl dd:hover img{transform: rotateY(180deg);}

.servicetext{ font-size:16px; line-height:35px; color:#666;margin:0 auto;width:1300px;display:block;height:120px;}

.servicebox{ width:1200px; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}

.servicebox a{ display:block; width:600px; float:left; height:280px;}

.servicelist{ width:1200px; margin:0 auto;}

.servicelist ul{}

.servicelist ul li{ float:left; width:25%; text-align:center;}

.servicelist ul li h3{}

.servicelist ul li p{ font-size:16px;}





.servicepzbz{ width:1200px; height:200px; background:url(../images/servicepzbz.jpg) center center no-repeat;}

.servicecontact{ width:100%; height:600px; background:url(../images/servicecontact.jpg) center center no-repeat;}



.servicetext .mode dl{min-width: 350px;margin-left: 50px;float: left; border-radius:10px; height:81px; background: #f5f5f5;padding: 25px 0;}

.servicetext .mode dl:first-child{margin-left: 0;}

.servicetext .mode dl:first-child dt{ width:230px}

.servicetext .mode dd{float: left;margin: 0 15px 0 20px;}

.servicetext .mode dt{float: left;}

.servicetext .mode dl:nth-child(3){/* width:420px;*/}

.servicetext .mode dl:nth-child(3) dt{/* width:285px;*/}

.servicetext .mode dl:nth-child(2){ /*width:329px;*/}

.servicetext .mode dt h4{font-size: 24px;color: #333; font-weight:normal;}

.servicetext .mode dt p{font-size: 16px;padding: 0; color:#333;}

.servicetext .mode dt p.tel{font-weight: 800;font-size: 24px; color:#0157ce}

.nyproduct{ width:1350px; margin:0 auto;}

.nyproduct-title{}

.nyproduct-title h3{ float:left; font-size:30px; height:40px; line-height:40px;}

.nyproduct-title h3 b{color:#0157ce;}

.nyproduct-title h3 span{ font-size:18px; color:#888; margin-left:10px; font-weight:normal;}

.nyproduct-title ul{ float:right;}

.nyproduct-title ul li{ display:inline-block; text-align:center; padding:0 20px; height:40px; line-height:40px; position:relative;}

.nyproduct-title ul li a{ font-size:16px; color:#666; transition: all 0.5s ease;}

.nyproduct-title ul li:hover a{ color:#0157ce;}

.nyproduct-title ul li:after{ content:" "; position:absolute; bottom:0; left:50%; width:0; margin-left:0; height:2px; background:#0157ce; transition: all 0.5s ease;}

.nyproduct-title ul li:hover:after{ width:60px; margin-left:-30px;}



.nyproduct-list{ width:1350px; margin:0 auto;}

.nyproduct-list dl{ margin-bottom:40px; width:1350px; height:400px;}

.nyproduct-list dl dt{ float:left; width:294px; box-sizing:border-box; padding:40px 32px; height:400px; background-position:left top; background-repeat:no-repeat;}

.nyproduct-list dl dt h3{ font-weight:normal; font-size:18px; color:#fff; text-shadow:0px 0px 3px rgba(0,0,0,0.5);}

.nyproduct-list dl dt h3 a{ font-size:24px; font-weight:bold; color:#fff;}

.nyproduct-list dl dt p{ margin-top:200px; text-align:center;}

.nyproduct-list dl dt p a{ display: inline-block; width:100px; height:35px; position:relative; line-height:31px; box-sizing:border-box; color:#fff;}

.nyproduct-list dl dt p a span{ color:#fff; position:relative; z-index:9;}

.nyproduct-list dl dt p a:after{content:" "; background:rgba(0,0,0,0.2); position:absolute; left:-2px; top:-2px; width:0; height:35px; z-index:1; transition: all 0.5s ease;}

.nyproduct-list dl dt p a.nyproduct-list-wyxj{ background:#0157ce; border:2px #0157ce solid; margin-right:20px;}

.nyproduct-list dl dt p a.nyproduct-list-ljgd{ border:2px #fff solid;}

.nyproduct-list dl dt p a:hover:after{ width:100px;}

.nyproduct-list dl dd{ float:left; width:264px; height:400px; box-sizing:border-box; padding:5px; border:1px #eee solid; border-left:none;}

.nyproduct-list dl dd h4{ font-size:18px; color:#333; font-weight:normal; padding:10px 0 0 10px}

.nyproduct-list dl dd h4 b{ display:block; font-family:Impact; font-size:20px; font-weight:normal}

.nyproduct-list dl dd h3 a img{ max-width:100%; -webkit-transition-duration: 1s; transition-duration: 1s;}

.nyproduct-list dl dd h3{ font-size:14px;width:254px; height:189px;-webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow:hidden;}

.nyproduct-list dl dd p {color:#fff; text-align:center; position:relative;}

.nyproduct-list dl dd p a.nyproduct-list-lj { position:relative; z-index:9;color:#666; border:1px #eee solid; font-size:14px; width:185px; height:35px; line-height:35px; text-align:center; display:inline-block; transition: all 0.5s ease;}

.nyproduct-list dl dd>p:after{ content:" "; background:#0157ce; z-index:1; position:absolute; left:33px; top:0; width:0; height:37px; transition: all 0.5s ease;}

.nyproduct-list dl dd:hover h3 a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.nyproduct-list dl dd:hover>p a.nyproduct-list-lj{ color:#fff;}

.nyproduct-list dl dd:hover>p:after{ width:187px;}

.nyproduct-list dl dd h5{ height:60px; box-sizing:border-box; margin:10px 0 20px;}

.nyproduct-list dl dd h5 p{ height:30px; line-height:30px; font-size:14px; color:#333; font-weight:normal; text-align:left;}

.nyproduct-list dl dd h5 p i{ display:inline-block; margin-top:5px; width:20px; height:20px; float:left; margin-right:10px;}

.nyproduct-list dl dd h5 p span{ color:#0157ce}



.nyproduct-listn{ width:1350px; margin:0 auto;}

.nyproduct-listn dl{ width:1350px; position:relative;}

.nyproduct-listn dl dd{ float:left; width:324px; margin-right:18px; margin-bottom:40px; height:480px; box-sizing:border-box; padding:5px; border:1px #eee solid; transition: all 0.5s ease;}

.nyproduct-listn dl dd h4{ font-size:18px; color:#333; font-weight:normal; padding:10px 0 0 10px;}

.nyproduct-listn dl dd h4 b{ display:block; font-family:Impact; font-size:20px; font-weight:normal}

.nyproduct-listn dl dd h3 a img{ max-width:100%; -webkit-transition-duration: 1s; transition-duration: 1s;}

.nyproduct-listn dl dd h3{ font-size:14px;width:314px; height:235.5px;-webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow:hidden;}

.nyproduct-listn dl dd>p {color:#fff; text-align:center; position:relative;}

.nyproduct-listn dl dd>p a.nyproduct-list-lj { position:relative; z-index:9;color:#666; border:1px #eee solid; font-size:14px; width:280px; height:40px; line-height:40px; text-align:center; display:inline-block; transition: all 0.5s ease;}

.nyproduct-listn dl dd>p:after{ content:" "; background:#0157ce; z-index:1; position:absolute; left:16px; top:0; width:0; height:42px; transition: all 0.5s ease;}

.nyproduct-listn dl dd:hover{box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.1);}

.nyproduct-listn dl dd:hover h3 a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.nyproduct-listn dl dd:hover>p a.nyproduct-list-lj{ color:#fff;}

.nyproduct-listn dl dd:hover>p:after{ width:280px;}

.nyproduct-listn dl dd h5{ height:76px; box-sizing:border-box; margin:10px 15px 15px;}

.nyproduct-listn dl dd h5 p{ height:38px; line-height:38px; font-size:16px; color:#333; font-weight:normal; text-align:left;}

.nyproduct-listn dl dd h5 p i{ display:inline-block; margin-top:5px; width:20px; height:20px; float:left; margin-right:10px;}

.nyproduct-listn dl dd h5 p span{ color:#0157ce}



.nypro-item{ width:100%; height:650px; padding:50px 0; box-sizing:border-box; margin:0 auto; border-bottom:5px #0157ce solid; position:relative;}

.nypro-item:after{ content:" "; position:absolute; width:calc(50vw - 70px); height:645px; background:#f8f8f8; right:0; top:0; z-index:1}

.nypro-item-l{ float:left; width:675px;}



/*图片放大镜样式*/

.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:500px; height:375px;}

.jqzoom img{ max-width:100%; max-height:100%;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/*图片小图预览列表*/

.spec-preview{width:520px;height:390px; float:right;}

.spec-scroll{margin-top:5px;width:130px; height:520px; padding-top:30px; float:left; margin-right:20px;}

.spec-scroll .prev{margin-right:4px; background-image:url(../images/nypro-prev.png); margin-bottom:20px}

.spec-scroll .next{ background-image:url(../images/nypro-next.png); margin-top:20px}

.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:130px;height:30px; background-position:center center; background-repeat:no-repeat; line-height:54px;cursor:pointer;text-decoration:none;}

.spec-scroll .items{position:relative;width:130px;height:323px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:130px;height:555px;}

.spec-scroll .items ul li{width:130px;text-align:center;}

.spec-scroll .items ul li img{border:2px solid #eee;width:126px;height:96px;}

.spec-scroll .items ul li img:hover{border:2px solid #0157ce;}



.nypro-item-table{ width:520px; padding-top:50px; position:relative;}

.nypro-item-table table{ margin:0 auto; text-align:center; width:510px;}

.nypro-item-table table th{ background:#f8f8f8;font-size:14px; width:170px; color:#333; height:40px; border:1px #eee solid;}

.nypro-item-table table td{ font-size:14px; width:170px; height:40px; color:#666; border:1px #eee solid;}



.nyprovideo{ position:absolute; left:0; top:-20px;}

.nyprovideo_a{ display:block; width:50px; height:50px; background:url(../images/nyprovideo_a.png) left top no-repeat }





.nypro-item-r{ float:right; width:545px; padding:50px 0 0 55px; position:relative; z-index:9;}

.nypro-item-r h1{ font-size:30px; color:#333; margin-bottom:20px;}

.nypro-item-r h1 a{ color:#0157ce; font-size:16px; margin-left:10px; padding-left:20px; font-weight:normal;background: url(../images/nyprovideo_a.png) left center no-repeat; background-size:15px 15px;}

.nypro-item-r p{ font-size:14px; color:#666; line-height:30px;}

.nypro-item-r h3{ font-size:16px; color:#333; margin:5px 0; line-height:32px; position:relative; padding-left:2px;}

.nypro-item-r h3:before{ content:" "; width:3px; height:12px; position:absolute; top:10px; left:0px; background:#0157ce;}

.nypro-item-r ul{ width:100%; height:50px; line-height:50px; margin-top:10px;}

.nypro-item-r ul li{ float:left; margin-right:40px;}

.nypro-item-r ul li a{ display:block; height:50px; color:#666; font-size:16px;}

.nypro-item-r ul li a i{ display:inline-block; float:left; width:20px; height:50px; margin-right:8px; background-position:-20px center; background-repeat:no-repeat; transition: all 0.3s ease;}

.nypro-item-r ul li a:hover i{ background-position:0 center}

.nypro-item-r ul li a i.nypro-icon01{ background-image:url(../images/nypro-icon01.png)}

.nypro-item-r ul li a i.nypro-icon02{ background-image:url(../images/nypro-icon02.png)}

.nypro-item-r ul li a i.nypro-icon03{ background-image:url(../images/nypro-icon03.png)}

.nypro-item-r h4{ width:200px; height:50px; margin-top:10px; line-height:50px; text-align:center; background:#0157ce; color:#fff; position: relative;}

.nypro-item-r h4 a{ display:block; width:200px; height:50px; line-height:50px; text-align:center;color:#fff; }

.nypro-item-r h4:after{ content:" "; position:absolute; left:0; top:0; width:0; height:50px; background:#fff; color:#fff; transition: all 0.3s ease;}

.nypro-item-r h4 span{ position:relative; z-index:9; color:#fff; transition: all 0.3s ease;}

.nypro-item-r h4:hover:after{ width:200px;} 

.nypro-item-r h4:hover span{ color:#0157ce;}



.nypro-xqnav{ width:100%; border-bottom:1px #eee solid; height:100px;}

.nypro-xqnav h3{ float:left; line-height:100px; font-size:30px; color:#333;}

.nypro-xqnav ul{ float:right;}

.nypro-xqnav ul li{ float:left; margin-left:50px; line-height:100px;}

.nypro-xqnav ul li a{ font-size:18px; display:block; line-height:100px; height:100px; font-weight:bold; color:#333; position:relative;}

.nypro-xqnav ul li a:after{content:" "; position:absolute; left:50%; bottom:25px; width:0; height:2px; background:#0157ce; transition: all 0.5s ease;}

.nypro-xqnav ul li.active a{ color:#0157ce;}

.nypro-xqnav ul li.active a:after{ width:50px; margin-left:-25px;}

.nypro-xqnav ul li a:hover{ color:#0157ce;}

.nypro-xqnav ul li a:hover:after{ width:50px; margin-left:-25px;}



.nypro-xqdetail{}

.nypro-xqdetail h3{ font-size:24px; color:#333; line-height:50px; margin:30px 0 20px; position:relative; padding-left:15px;}

.nypro-xqdetail h3:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#0157ce;}

.nypro-xqdetail div{ font-size:16px; line-height:35px; color:#666;}



.nypro-xqgcal{ width:100%; height:560px; padding:30px 0;margin: 50px 0; background:url(../images/nypro-xqgcal.jpg) center center no-repeat}

.nypro-xqgcal h3{ color:#fff;}

.nypro-xqgcal h3 span{ font-size:18px; font-weight:normal; margin-left:10px;}

.nypro-xqgcal ul{}

.nypro-xqgcal ul li{ float:left; width:400px; margin:0 75px 0 0; height:400px; background:#fff; position:relative;}

.nypro-xqgcal ul li h4{ width:400px; height:300px; overflow:hidden;  position:relative;z-index:2;}

.nypro-xqgcal ul li h4 img{ max-width:100%; height:100%;-webkit-transition-duration: 1s; transition-duration: 1s;}

.nypro-xqgcal ul li p{ font-size:18px; color:#333; height:100px; box-sizing:border-box; padding-left:25px; line-height:120px; position:relative;z-index:2;}

.nypro-xqgcal ul li p:before{ content:" "; background:#0157ce; width:50px; height:3px; position:absolute; left:25px; top:30px;}

.nypro-xqgcal ul li h5{ padding:50px 25px; box-sizing:border-box; position:absolute; left:0; top:0; opacity:0; z-index:1; background:#0157ce; width:100%; height:400px; transition: all 0.5s ease;}

.nypro-xqgcal ul li h5 b{ display:block; color:#fff; font-size:20px;}

.nypro-xqgcal ul li h5 span{ font-weight:normal; color:#fff; font-size:14px; line-height:30px;}

.nypro-xqgcal ul li:hover h4 img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.nypro-xqgcal ul li:hover h5{ z-index:9; opacity:1;}



.nypro-tltj{ width:100%; height:320px; margin:0 auto;}

.nypro-tltj dl{ width:100%; position:relative;}

.nypro-tltj dl dd{ float:left; width:23.9%; margin-right:15px; height:320px; box-sizing:border-box; padding:30px 40px; border:1px #eee solid; transition: all 0.5s ease;}

.nypro-tltj dl dd:nth-child(4){margin-right:0;}

.nypro-tltj dl dd h4{ font-size:18px; color:#333; font-weight:normal;text-align:center;}

.nypro-tltj dl dd h4 b{ display:block; font-family:Impact; font-size:20px; font-weight:normal}

.nypro-tltj dl dd h6 a img{ max-width:100%; -webkit-transition-duration: 1s; transition-duration: 1s;}

.nypro-tltj dl dd h6{ font-size:14px;width:240px; height:180px;-webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow:hidden;margin:0 auto;}

.nypro-tltj dl dd>p {color:#fff; text-align:center; position:relative;}

.nypro-tltj dl dd>p a.nyproduct-list-lj { position:relative; z-index:9;color:#666; border:1px #eee solid; font-size:14px; width:100%; height:40px; line-height:40px; text-align:center; display:inline-block; transition: all 0.5s ease;}

.nypro-tltj dl dd>p:after{ content:" "; background:#0157ce; z-index:1; position:absolute; left:0; top:0; width:0; height:42px; transition: all 0.5s ease;}

.nypro-tltj dl dd:hover{box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.1);}

.nypro-tltj dl dd:hover h6 a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.nypro-tltj dl dd:hover>p a.nyproduct-list-lj{ color:#fff;}

.nypro-tltj dl dd:hover>p:after{ width:100%;}

.nypro-tltj dl dd h5{ height:76px; box-sizing:border-box; margin:10px 0 15px;}

.nypro-tltj dl dd h5 p{ height:38px; line-height:38px; font-size:16px; color:#333; font-weight:normal; text-align:left;}

.nypro-tltj dl dd h5 p i{ display:inline-block; margin-top:5px; width:20px; height:20px; float:left; margin-right:10px;}

.nypro-tltj dl dd h5 p span{ color:#0157ce}

.sybg01_1 {

	background: url(../images/sybg01_1.jpg) center top no-repeat;

	background-size: cover;

	position: relative;

}

.sybg01_2 {

	background: url(../images/sybg01_2.jpg) center top no-repeat;

	background-size: cover;

	position: relative;

}

.sybg01_3 {

	background: url(../images/sybg01_3.jpg) center top no-repeat;

	background-size: cover;

	position: relative;

}

.sybg01_4 {

	background: url(../images/sybg01_4.jpg) center top no-repeat;

	background-size: cover;

	position: relative;

}

.sybg01_1 .slide_text, .sybg01_2 .slide_text, .sybg01_3 .slide_text, .sybg01_4 .slide_text {

	position: absolute;

	width: 88%;

	left: 6%;

	right: 6%;

	top: 30%;

	text-shadow: -10px 10px 12px rgba(0,0,0,0.2)

}

.sybg01_1 .slide_text h3 {

	color: #fff;

	font-size: 50px;

	line-height: 150px;

	font-weight: normal;

}

.sybg01_1 .slide_text p {

	font-size: 30px;

	color: #fff;

	line-height: 60px;

}

.sybg01_1 .slide_text p b {

	font-size: 48px;

	color: #fff;

	font-family: impact;

	margin-right: 10px;

	font-weight: normal;

}

.sybg01_1 .slide_text p span {

	font-size: 30px;

	color: #fff;

	margin-right: 40px;

}

.sybg01_2 .slide_text {

	top: 24%;

	text-align: center;

}

.sybg01_2 .slide_text h3 {

	color: #fff;

	font-size: 60px;

	line-height: 100px;

	opacity: 0;      /*实先规定文字的状态是不显示的*/

	animation: fade-in 8s ease 0s 1;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/

	-webkit-animation: fade-in 8s ease 0s 1;

	-moz-animation: fade-in 8s ease 0s 1;

	-o-animation: fade-in 8s ease 0s 1;

	-ms-animation: fade-in 8s ease 0s 1;

	/*规定动画的最后状态为结束状态*/

	animation-fill-mode: forwards;

	-webkit-animation-fill-mode: forwards;

	-o-animation-fill-mode: forwards;

	-ms-animation-fill-mode: forwards;

	-moz-animation-fill-mode: forwards;

}

.sybg01_2 .slide_text p {

	font-size: 30px;

	color: #fff;

	line-height: 60px;

	margin-bottom: 20px;

}

.sybg01_2 .slide_text img {

	max-width: 100%;

	opacity: 0;      /*实先规定文字的状态是不显示的*/

	animation: fade-in 8s ease 0s 1;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/

	-webkit-animation: fade-in 8s ease 0s 1;

	-moz-animation: fade-in 8s ease 0s 1;

	-o-animation: fade-in 8s ease 0s 1;

	-ms-animation: fade-in 8s ease 0s 1;

	/*规定动画的最后状态为结束状态*/

	animation-fill-mode: forwards;

	-webkit-animation-fill-mode: forwards;

	-o-animation-fill-mode: forwards;

	-ms-animation-fill-mode: forwards;

	-moz-animation-fill-mode: forwards;

}

/*自定义一个透明度从0到1的动画，它的名称是fade-in*/

@keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-webkit-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-ms-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-o-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

@-moz-keyframes fade-in {

 0% {

opacity: 0;

}

 100% {

opacity:1;

}

}

.sybg01_3 .slide_text {

	top: 22%;

	text-align: center;

	opacity: 0;

	animation: lefteaseinAnimate 4s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/

	-webkit-animation: lefteaseinAnimate 4s ease 1;

	-ms-animation: lefteaseinAnimate 4s ease 1;

	-o-animation: lefteaseinAnimate 4s ease 1;

	-moz-animation: lefteaseinAnimate 4s ease 1;

	/*规定动画的最后状态为结束状态*/

	animation-fill-mode: forwards;

	-webkit-animation-fill-mode: forwards;

	-o-animation-fill-mode: forwards;

	-ms-animation-fill-mode: forwards;

	-moz-animation-fill-mode: forwards;

}

.sybg01_3 .slide_text h3 {

	color: #fff;

	font-size: 72px;

	line-height: 140px;

}

.sybg01_3 .slide_text p {

	font-size: 48px;

	color: #fff;

	line-height: 60px;

	font-family: "微软雅黑 Light";

}

.sybg01_3 .slide_text span {

	font-size: 30px;

	font-family: "微软雅黑 Light";

	color: #fff;

	line-height: 30px;

}