@charset "utf-8";
/*全局控制*/
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 32px;
	font-family: Arial, 'Microsoft Yahei', "微软雅黑";
	-webkit-text-size-adjust: none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-size: 16px;
	line-height: 16px;
	font-family: Arial, 'Microsoft Yahei', "微软雅黑";
}
img {
	border: 0;
}
ul, li {
	list-style-type: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #014fa2
}
.tc {
	text-align: center;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.dis {
	display: block;
}
.undis {
	display: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.cl {
	clear: both;
}
.fb {
	font-weight: bold;
}
.fnb {
	font-weight: 200;
	margin-left: -1px;
}
.hr_1, .hr_10 {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	background: #ddd;
}
.hr_1 {
	height: 1px;
}
.hr_10 {
	height: 10px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	outline: none;
}
table {
	border-color: #aaa;
	border-spacing: 0;
	border: 1px;
	border-collapse: collapse;
}
@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;
}
.mainbox {
	width: 88%;
	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;
	padding: 10px 0;
}
.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% - 120px);
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin-left: 30px;
}
.nymenuping>ul>li {
	float: left;
	position: relative;
	width: 16%;
	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: 90px;
}
.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;
}
.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;
}
.sybg01_4 .slide_text {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/sybg01_4_1.png) center center no-repeat;
	text-align: center;
}
.sybg01_4 .slide_text h3 {
	color: #fff;
	font-size: 60px;
	text-align: center;
	line-height: 140px;
}
.sybg01_4 .slide_text p {
	font-size: 42px;
	color: #fff;
	line-height: 60px;
	font-family: "微软雅黑 Light";
}
.sybg01_4 .slide_text span {
	font-size: 30px;
	font-family: "微软雅黑 Light";
	color: #fff;
	line-height: 30px;
}
.sybg02 {
	background: url(../images/sybg02.jpg) center top no-repeat;
	background-size: cover
}
.sybg03 {
	background: url(../images/sybg03.jpg) center top no-repeat;
	background-size: cover
}
.sybg04 {
	background: url(../images/sybg04.jpg) center top no-repeat;
	background-size: cover
}
.sybg05 {
	background: url(../images/sybg05.jpg) center top no-repeat;
	background-size: cover
}
.sybg06 {
	background: url(../images/sybg06.jpg) center top no-repeat;
	background-size: cover
}
.sybg07 {
	background: url(../images/sybg07.jpg) center top no-repeat;
	background-size: cover
}
.sytitle {
	text-align: center;
	margin-bottom: 10px;
}
.sytitle h3 {
	font-size: 40px;
	color: #333;
	line-height: 50px;
	position: relative;
	width: 580px;
	margin: 0 auto;
}
}
@keyframes lefteaseinAnimate {
 0% {
transform: translateY(-400px);
opacity: 0;
}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
 100% {
transform: translateY(0px);
opacity: 1;
}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes lefteaseinAnimate {
 0% {
-webkit-transform: translateY(-400px);
opacity: 0;
}
 100% {
-webkit-transform: translateY(0px);
opacity: 1;
}
}
.sytitle h3:before {
	content: "";
	width: 80px;
	height: 1px;
	position: absolute;
	left: -80px;
	top: 25px;
	background: #999;
}
.sytitle h3:after {
	content: "";
	width: 80px;
	height: 1px;
	position: absolute;
	right: -80px;
	top: 25px;
	background: #999;
}
.sytitle p {
	font-size: 18px;
	color: #333;
	line-height: 50px;
}
.sypro_nav {
	width: 100%;
}
.sypro_nav ul li {
	float: left;
	height: 100px;
	width: 20%;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.sypro_nav ul li:before {
	content: "";
	width: 0;
	height: 100%;
	background: #006cc9;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	z-index: 1
}
.sypro_nav ul li:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #006cc9;
	position: absolute;
	right: 0;
	top: 0;
}
.sypro_nav ul li h3 {
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
.sypro_nav ul li h3 i {
	display: inline-block;
	position: relative;
	top: 6px;
	z-index: 9999;
	overflow: hidden;
	height: 60px;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}
.sypro_nav ul li h3 i.pro_nav01 {
	background-image: url(../images/pro_nav01.png)
}
.sypro_nav ul li h3 i.pro_nav02 {
	background-image: url(../images/pro_nav02.png)
}
.sypro_nav ul li h3 i.pro_nav03 {
	background-image: url(../images/pro_nav03.png)
}
.sypro_nav ul li h3 i.pro_nav04 {
	background-image: url(../images/pro_nav04.png)
}
.sypro_nav ul li h3 i.pro_nav05 {
	background-image: url(../images/pro_nav05.png)
}
.sypro_nav ul li h3 i.pro_nav06 {
	background-image: url(../images/pro_nav06.png)
}
.sypro_nav ul li h4 {
	height: 40px;
	line-height: 40px;
}
.sypro_nav ul li h4 a {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	display: block;
	position: relative;
	z-index: 9999;
}
.sypro_nav ul li:hover:before {
	width: 100%;
}
.sypro_nav ul li:hover h3 i {
	background-position: center bottom
}
.sypro_nav ul li:hover h4 a {
	color: #fff;
}
.sypro_nav ul li.on:before {
	width: 100%;
}
.sypro_nav ul li.on h3 i {
	background-position: center bottom
}
.sypro_nav ul li.on h4 a {
	color: #fff;
}
.sypro_list {
	width: 100%;
	padding-top: 30px;
}
.sypro_list .sypro_list_con {
	display: none;
	width: 100%;
}
.sypro_list .sypro_list_con li {
	float: left;
	width: 24%;
	margin-right: 1.2%;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}
.sypro_list .sypro_list_con li h3 {
line-height:0;
}

.sypro_list .sypro_list_con li:nth-child(4) {
	margin-right: 0
}
.sypro_list .sypro_list_con li h3 img {
	width:100%;
	ransition: all 1.2s;
	display: inline-block;
	transition: transform 1s ease 0s;
}
.sypro_list .sypro_list_con li h3 img:hover {
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
.sypro_list .sypro_list_con li h3 a {
	display: block;
	width: 100%;
	line-height: 0
}
.sypro_list .sypro_list_con li p {
	background: #fff;
	height: 60px;
	line-height: 60px;
	color: #333;
	transition: all 0.3s ease;
	text-align: center;
}
.sypro_list .sypro_list_con li p a {
	font-size: 15px;
	color: #333;
	line-height: 60px;
	padding: 0 30px;
}
.sypro_list .sypro_list_con li .text {
	position: absolute;
	top: calc(60px - 100% );
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	z-index: 999;
	overflow: hidden;
	transition: all 0.3s ease;
	display: table;
}
.sypro_list .sypro_list_con li .text a {
	color: #fff;
	font-size: 14px;
	padding: 0 40px;
	line-height: 30px;
	display: table-cell;
	vertical-align: middle;
}
.sypro_list .sypro_list_con li:hover p {
}
.sypro_list .sypro_list_con li:hover p a {
}
.sypro_list .sypro_list_con li:hover .text {
	top: 0;
}
.sypro_list .sypro_list_con.on {
	display: block;
}
.syabout_left {
	float: left;
	width: 45%;
	box-sizing: border-box;
	padding: 40px 0 40px 40px;
}
.syabout_left .syabout_title {
}
.syabout_left .syabout_title span {
	font-size: 36px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.1);
	font-weight: bold;
	line-height: 50px;
}
.syabout_left .syabout_title h3 {
	font-size: 30px;
	position: relative;
	color: #fff;
	line-height: 50px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.syabout_left .syabout_title h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 2px;
	background: #006cc9;
}
.syabout_left .syabout_text {
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	margin-bottom: 30px;
	text-align: justify
}
.syabout_left .syabout_a {
	display: block;
	width: 150px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	background: #006cc9;
	transition: all 0.3s ease;
}
.syabout_left .syabout_a:hover {
	background: #006cc9
}
.syabout_right {
	float: right;
	width: 51%;
	box-sizing: border-box;
	padding: 40px 0 40px 40px;
	background: url(../images/syaboutimg.jpg) left center no-repeat;
}
.syhxys {
	width: 88%;
	left: 6%;
	right: 6%;
	position: relative;
}
.syhxys ul li {
	float: left;
	margin: 0 12px;
	width: calc(20% - 24px);
	height: 305px;
	text-align: center;
	box-sizing: border-box;
	padding: 50px 20px;
	background: #fff;
	transition: all 0.3s ease;
}
.syhxys ul li i {
	display: inline-block;
	font-style: normal;
	font-weight: bold;
	width: 100%;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	font-size: 48px;
	color: #006cc9;
	line-height: 50px;
	transition: all 0.3s ease;
}
.syhxys ul li i.syhxys_01 {
	background-image: url(../images/syhxys_01.png)
}
.syhxys ul li i.syhxys_02 {
	background-image: url(../images/syhxys_02.png)
}
.syhxys ul li i.syhxys_03 {
	background-image: url(../images/syhxys_03.png)
}
.syhxys ul li i.syhxys_04 {
	background-image: url(../images/syhxys_04.png)
}
.syhxys ul li h3 {
	font-weight: normal;
	color: #333;
	font-size: 24px;
	line-height: 80px;
}
.syhxys ul li p {
	font-size: 16px;
	color: #aaa;
	line-height: 32px;
}
.syhxys ul li:hover {
	background: #006cc9;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.3);
}
.syhxys ul li:hover i {
	background-position: center bottom;
	color: #fff;
}
.syhxys ul li:hover h3 {
	color: #fff;
}
.syhxys ul li:hover p {
	color: #fff;
}
.sykhjz {
	width: 88%;
	left: 6%;
	right: 6%;
	position: relative;
}
.sykhjz ul li {
	float: left;
	margin: 0 50px 40px;
	width: calc(20.5% - 30px);
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 140px;
}
.sykhjz ul li:after {
	content: " ";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.5s ease;
	overflow: hidden;
}
.sykhjz ul li:hover:after {
	width: 100%;
	left: 0;
}
.sykhjz ul li:after {
	background: rgba(0,0,0,0.1);
}
.sykhjz ul li img {
	width: 100%;
}
.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;
	display: block;
}
.synews ul li h3 {
	width: 100%;
	padding: 0;
	padding-bottom: calc(200% / 3);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.synews ul li h3:after {
	content: " ";
	width: 0;
	height: 252px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.5s ease;
}
.synews ul li h3:hover:after {
	width: 100%;
	left: 0;
}
.synews ul li h3:after {
	background: rgba(0,0,0,0.1);
}
.synews ul li h3 a {
}
.synews ul li h3 span {
	position: absolute;
	background: #006cc9;
	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;
}
.synews ul li h3 span i {
	font-size: 14px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
}
.synews ul li .text {
	background: #fff;
	box-sizing: border-box;
	padding: 20px;
}
.synews ul li .text p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.synews ul li .text p a {
	color: #333;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
}
.synews ul li .text span {
	color: #666;
	font-size: 16px;
	line-height: 24px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background-color: #fff !important;
}
.fp-slidesNav.bottom {
	bottom: 80px !important;
}
.footrightnav {
	position: fixed;
	right: 3%;
	bottom: 10%;
	width: 40px;
	z-index: 9999
}
.footrightnav ul li {
	width: 40px;
	height: 40px;
	border: 1px rgba(255,255,255,0.3) solid;
	border-radius: 4px;
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
}
.footrightnav ul li a {
	display: block;
	text-align: center;
	line-height: 38px;
	color: #fff;
}
.footrightnav ul li a i {
	font-size: 20px;
}
.footrightnav ul li .footrightnav_pf {
	width: 0;
	position: absolute;
	top: 0;
	right: 41px;
	color: #fff;
	overflow: hidden;
	text-align: center;
	background: #006cc9;
	transition: all 0.3s ease;
}
.footrightnav ul li:hover .footrightnav_pf {
	width: auto;
	padding: 10px;
	min-width: 120px;
}
.nyfootrightnav {
	position: fixed;
	right: 3%;
	bottom: 10%;
	width: 40px;
	z-index: 9999
}
.nyfootrightnav ul li {
	width: 40px;
	height: 40px;
	border: 1px rgba(0,93,173,0.3) solid;
	border-radius: 4px;
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
}
.nyfootrightnav ul li a {
	display: block;
	text-align: center;
	line-height: 38px;
	color: #006cc9;
}
.nyfootrightnav ul li a i {
	font-size: 20px;
}
.nyfootrightnav ul li .footrightnav_pf {
	width: 0;
	position: absolute;
	top: 0;
	right: 41px;
	color: #fff;
	overflow: hidden;
	text-align: center;
	background: #006cc9;
	transition: all 0.3s ease;
}
.nyfootrightnav ul li:hover .footrightnav_pf {
	width: auto;
	padding: 10px;
	min-width: 110px;
}
.syfoot {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
}
.syfoot_left {
	float: left;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
}
.syfoot_left i {
	font-size: 14px;
	color: #fff
}
.syfoot_right {
	float: right;
	line-height: 60px;
}
.syfoot a {
	color: #fff;
	font-size: 14px;
	margin: 0 3px;
}
.nyfoot {
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,1);
}
.nyfoot_left {
	float: left;
	line-height: 60px;
	color: #fff;
}
.nyfoot_right {
	float: right;
	line-height: 60px;
}
.nyfoot a {
	color: #fff;
	font-size: 14px;
	margin: 0 3px;
}
.nyaboutbanner {
	width: 100%;
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	display: table;
	table-layout: fixed;
}
.nyaboutbanner .nybannertext {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.nyaboutbanner .nybannertext h3 {
	color: #fff;
	font-size: 40px;
	line-height: 70px;
}
.nyaboutbanner .nybannertext p {
	color: #fff;
	font-size: 18px;
}
.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 {
	padding-top: 10px;
}
.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;
}
.nyaboutleft .nyaboutleft_title {
	text-align: left;
}
.nyaboutleft .nyaboutleft_title h3 {
	font-size: 30px;
	color: #333;
	position: relative;
	margin-bottom: 50px;
}
.nyaboutleft .nyaboutleft_title h3 span {
	font-family: "微软雅黑 Light";
	font-weight: normal;
	color: #888;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 30px;
}
.nyaboutleft .nyaboutleft_title h3:after {
	content: "";
	width: 80px;
	height: 2px;
	background: #006cc9;
	position: absolute;
	left: 0;
	bottom: -25px;
}
.nyaboutleft .nyaboutleft_title h4 {
	margin-bottom: 25px;
}
.nyaboutleft .nyaboutleft_title h5 {
	width: 380px;
	height: 260px;
}
.nyaboutright {
	float: left;
	width: calc(100% - 450px)
}
.nyaboutright h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 15px;
}
.nyaboutright h4 {
	font-size: 20px;
	color: #006cc9;
	margin-bottom: 10px;
}
.nyaboutright p {
	font-size: 16px;
	color: #888;
	line-height: 32px;
	text-align: justify
}
.nyabouttext h3 {
	font-size: 20px;
	color: #333;
	line-height: 50px;
}
.nyabouttext {
}
.nyabouttext p {
	color: #666;
	font-size: 16px;
	line-height: 36px;
}
.nyabouttext p:hover {
	color: #333;
}
.nyabouttext_img {
	float: right;
	width: 380px;
}
.nyabouttext_right {
	float: left;
	width: calc(100% - 450px)
}
.nyaboutppgs {
	width: 100%;
	position: relative;
	background: url(../images/nyaboutppgs.jpg) center center;
no-repeat
}
.nyaboutppgs h3 {
	font-size: 24px;
	color: #333;
	line-height: 50px;
	float: left;
	writing-mode: vertical-lr;
	margin-right: 15px;
}
.nyaboutppgs h3 span {
	font-size: 18px;
	font-family: "微软雅黑 Light";
	font-weight: normal;
	color: #888;
	margin-top: 10px;
}
.nyaboutppgs h4 {
	font-size: 20px;
	color: #006cc9;
	margin-bottom: 10px;
	float: left;
	writing-mode: vertical-lr;
	margin-right: 15px;
}
.nyaboutppgs p {
	color: #666;
	font-size: 16px;
	line-height: 40px;
	writing-mode: vertical-lr;
	float: left;
	margin-right: 30px;
}
.nyaboutppgs p:hover {
	color: #666;
}
.nyaboutppyy {
	width: 100%;
	position: relative;
}
.nyaboutppyy h3 {
	font-size: 24px;
	color: #333;
	line-height: 50px;
}
.nyaboutppyy h3 span {
	font-size: 18px;
	font-family: "微软雅黑 Light";
	font-weight: normal;
	color: #888;
	margin-left: 10px;
}
.nyaboutppyy p {
	color: #888;
	font-size: 16px;
	line-height: 32px;
	position: absolute;
	padding: 8px 16px;
	background: #f2f4f8;
	border-radius: 8px;
}
.nyaboutppyy p:hover {
	color: #666;
}
.nyaboutppyy p.yuyi01 {
	left: 355px;
	top: 101px;
}
.nyaboutppyy p.yuyi02 {
	left: 400px;
	top: 219px;
}
.nyaboutppyy p.yuyi03 {
	left: 355px;
	top: 324px;
}
.nyaboutbsqs {
	width: 100%;
	position: relative;
}
.nyaboutbsqs h3 {
	font-size: 24px;
	color: #333;
	line-height: 50px;
}
.nyaboutbsqs h3 span {
	font-size: 18px;
	font-family: "微软雅黑 Light";
	font-weight: normal;
	color: #888;
	margin-left: 10px;
}
.nyaboutbsqs p {
	color: #888;
	font-size: 16px;
	line-height: 32px;
	position: absolute;
	padding: 8px 16px;
	background: #f2f4f8;
	border-radius: 8px;
}
.nyaboutbsqs p:hover {
	color: #666;
}
.nyaboutbsqs p.yuyi01 {
	left: 330px;
	top: 100px;
}
.nyaboutbsqs p.yuyi02 {
	left: 400px;
	top: 184px;
}
.nyaboutbsqs p.yuyi03 {
	left: 400px;
	top: 280px;
}
.nyaboutbsqs p.yuyi04 {
	left: 330px;
	top: 365px;
	max-width: 1200px;
}
.nyabouttextdsz {
	width: 88%;
	left: 6%;
	right: 6%;
	position: relative;
	padding: 60px 0;
	box-sizing: border-box;
}
.nyabouttextdsz img {
	float: left;
	width: 400px;/*	height: 600px;*/
}
.dsz-cont {
	float: right;
	width: calc(100% - 450px)
}
.dsz-title {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
.dsz-title b {
	color: #333
}
.dsz-title span {
	color: #333;
	margin-left: 10px;
}
.dsz-cont h3 {
	font-size: 20px;
	color: #333;
	line-height: 50px;
	margin: 10px 0;
}
.dsz-cont p {
	font-size: 16px;
	color: #666;
	line-height: 36px;
}
.dsz-cont p:hover {
	color: #333;
}
.shzr-cont {
	width: 100%;
}
.shzr-cont h3 {
	font-size: 20px;
	color: #333;
	line-height: 50px;
}
.shzr-cont h4 {
	font-size: 18px;
	color: #006cc9;
	line-height: 40px;
}
.shzr-cont p {
	font-size: 16px;
	color: #aaa;
	line-height: 36px;
	margin-bottom: 20px;
}
.shzr-cont p:hover {
	color: #333;
}
.nyfzlc {
	width: 88%;
	left: 6%;
	right: 6%;
	position: relative;
	padding: 60px 0;
	box-sizing: border-box;
}
.nyfzlc .nyabouttitle h3 {
	color: #333;
	font-size: 36px;
}
.nyfzlc-l {
	float: left;
	width: 340px;
}
.nyfzlc-l ul {
}
.nyfzlc-l ul li {
	width: 260px;
	cursor: pointer;
	height: 80px;
	padding: 20px 30px;
	line-height: 40px;
	background: #f8f8f8;
	border-bottom: 1px #fff solid;
	text-align: right;
	color: #333;
	transition: all 0.5s ease;
}
.nyfzlc-l ul li h3 {
	font-weight: normal;
	font-size: 18px;
	color: #aaa;
}
.nyfzlc-l ul li p {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}
.nyfzlc-l ul li.active {
	background: #006cc9;
	color: #fff;
}
.nyfzlc-l ul li.active h3 {
	color: #fff
}
.nyfzlc-l ul li.active p {
	color: #fff;
}
.nyfzlc-r {
	width: calc(100% - 400px);
	float: right;
	border-left: 1px solid #e6e6e6;
}
.nyfzlc-r ul {
	display: none;
}
.nyfzlc-r ul.active {
	display: block;
}
.nyfzlc-r ul li {
	margin-bottom: 40px;
	position: relative;
	border: 7px solid #e7e7e7;
	margin-left: 60px;
}
.nyfzlc-r ul li .oc {
	position: absolute;
	left: -76px;
	top: 38px;
}
.nyfzlc-r ul li .os {
	position: absolute;
	left: -36px;
	top: 33px;
}
.nyfzlc-r ul li .mask_ {
	margin: 40px 40px;
}
.nyfzlc-r ul li .mask_ .title {
	font-size: 26px;
	color: #006cc9;
	text-align: left;
	margin-bottom: 10px;
}
.nyfzlc-r ul li .mask_ .p {
	font-size: 16px;
	color: #5a5a5a;
	line-height: 36px;
}
.nyfzlc-r ul li .mask_ .bg_img {
	margin-top: 35px;
}
.nyfzlc-r ul li.li_ .bg_img {
	display: none;
}
.nyfzlc-r ul li .mask_ .bg_img .img_title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: url(../img/blue.6.png) repeat;
}
.nyfzlc-r ul li .mask_ .bg_img .img_title span {
	display: block;
	padding: 0px 10px;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.nyqyry {
	width: 88%;
	left: 6%;
	right: 6%;
	position: relative;
	padding: 60px 0;
	box-sizing: border-box;
}
.nyhzhb_title {
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin: 0 auto 40px;
}
.nyhzhb_title span {
	color: #d61419
}
.nyhzhb_list {
	width: 1350px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 320px;
}
.nyhzhb_list ul {
	height: 260px;
}
.nyhzhb_list ul li {
	float: left;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 5px;
	overflow: hidden;
	display: block;
}
.nyhzhb_list .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}
.nyhzhb_list .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: #111;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}
.nyhzhb_list .swiper-pagination-bullet-active {
	background: #d61419;
	width: 12px;
}
.nypro_nav {
	width: 100%;
}
.nypro_nav ul li {
	float: left;
	height: 160px;
	width: 20%;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.nypro_nav ul li:before {
	content: "";
	width: 0;
	height: 100%;
	background: #006cc9;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	z-index: 1
}
.nypro_nav ul li:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 0;
}
.nypro_nav ul li h3 {
	width: 100%;
	height: 85px;
	text-align: center;
	line-height: 110px;
}
.nypro_nav ul li h3 i {
	display: inline-block;
	position: relative;
	top: 30px;
	z-index: 9999;
	overflow: hidden;
	height: 60px;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}
.nypro_nav ul li h3 i.pro_nav01 {
	background-image: url(../images/pro_nav01.png)
}
.nypro_nav ul li h3 i.pro_nav02 {
	background-image: url(../images/pro_nav02.png)
}
.nypro_nav ul li h3 i.pro_nav03 {
	background-image: url(../images/pro_nav03.png)
}
.nypro_nav ul li h3 i.pro_nav04 {
	background-image: url(../images/pro_nav04.png)
}
.nypro_nav ul li h3 i.pro_nav05 {
	background-image: url(../images/pro_nav05.png)
}
.nypro_nav ul li h3 i.pro_nav06 {
	background-image: url(../images/pro_nav06.png)
}
.nypro_nav ul li h4 {
	height: 50px;
	line-height: 50px;
}
.nypro_nav ul li h4 a {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	display: block;
	position: relative;
	z-index: 9999;
}
.nypro_nav ul li:hover:before {
	width: 100%;
}
.nypro_nav ul li:hover h3 i {
	background-position: center bottom
}
.nypro_nav ul li:hover h4 a {
	color: #fff;
}
.nypro_nav ul li.on:before {
	width: 100%;
}
.nypro_nav ul li.on h3 i {
	background-position: center bottom
}
.nypro_nav ul li.on h4 a {
	color: #fff;
}
.nypro_list {
	width: 100%;
	padding-top: 30px;
}
.nypro_list .nypro_list_con {
	display: none;
	width: 100%;
}
.nypro_list .nypro_list_con li {
	float: left;
	width: 22.6%;
	margin-right: 2.6%;
	margin-bottom: 2%;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	border-radius: 5px;
	border: 3px #ebebeb solid;
}
.nypro_list .nypro_list_con li:nth-child(4n) {
	margin-right: 0
}
.nypro_list .nypro_list_con li h3 {
	width: 100%;
	padding: 0;
	padding-bottom: calc(300% / 4);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
.nypro_list .nypro_list_con li h3 a {
	display: block;
	width: 100%;
	line-height: 0
}
.nypro_list .nypro_list_con li p {
	background: #f2f4f8;
	height: 60px;
	line-height: 60px;
	color: #333;
	transition: all 0.3s ease;
	text-align: center;
}
.nypro_list .nypro_list_con li p a {
	font-size: 16px;
	color: #333;
	line-height: 60px;
	padding: 0 30px;
}
.nypro_list .nypro_list_con li .text {
	position: absolute;
	top: calc(60px - 100% );
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	z-index: 999;
	overflow: hidden;
	transition: all 0.3s ease;
	display: table;
}
.nypro_list .nypro_list_con li .text a {
	color: #fff;
	font-size: 14px;
	padding: 0 40px;
	line-height: 30px;
	display: table-cell;
	vertical-align: middle;
}
.nypro_list .nypro_list_con li:hover p {
	background: #333;
}
.nypro_list .nypro_list_con li:hover p a {
	color: #fff;
}
.nypro_list .nypro_list_con li:hover .text {
	top: 0;
}
.nypro_list .nypro_list_con.on {
	display: block;
}
.sytitle02 {
	float: left;
	width: 34%;
	background: #fff;
	position: relative;
	padding: 20px;
	margin-top: 70px;
	display:block;
	border-radius:5px;
}
.sytitle02 p {
	color: #333;
}
.sytitle-left {
	width: 88%;
	margin: 0 auto;
}
.sytitle-left h3 {
	font-size: 40px;
	line-height: 50px;
}
.sytitle-left p {
	line-height: 40px;
	padding-top: 20px;
	border-radius: 5px;
}
/*分页样式*/
.pagination {
	clear: both;
	margin: 10px 0;
	text-align: right;
}
.pagination li {
	display: inline-block;
*display: inline;
	zoom: 1;
}
.pagination li a {
	display: block;
	padding: 4px 16px;
	background-color: #fff;
	border: 1px solid #eee;
	font-size: 16px;
	transition: all 0.3s ease;
}
.pagination li + li a {
	border-left: none;
}
.pagination li.active a, .pagination li a:hover {
	background-color: #006cc9;
	border: 1px solid #006cc9;
	color: #ffffff;
	border-left: none;
}
.nypro-item {
	width: 100%;
	height: 580px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}
.nypro-item-l {
	float: left;
	width: 600px;
	border: 1px #ddd solid;
	padding: 10px;
}
/*图片放大镜样式*/
.jqzoom {
	border: 1px #ddd solid;
	padding: 10px;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
	width: 610px;
	height: 470px;
	text-align: center;
}
.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: 470px;
	height: 470px;
	float: left;
}
.spec-scroll {
	margin-top: 5px;
	width: 130px;
	height: 520px;
	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: 416px;
	overflow: hidden;
}
.spec-scroll .items ul {
	position: absolute;
	width: 130px;
	height: 416px;
}
.spec-scroll .items ul li {
	width: 130px;
	text-align: center;
}
.spec-scroll .items ul li img {
	border: 2px solid #eee;
	width: 126px;
	height: 126px;
}
.spec-scroll .items ul li img:hover {
	border: 2px solid #006cc9
}
.nypro-item-r {
	float: right;
	width: calc(100% - 650px);
	padding: 10px 0 0 0;
	position: relative;
	z-index: 9;
}
.nypro-item-r h1 {
	font-size: 30px;
	color: #333;
	margin-bottom: 20px;
}
.nypro-item-r p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.nypro-item-r p.nypro-item-rc {
	height: 150px;
	color: #333;
	background: #f4f6fa;
	padding: 15px 10px;
	box-sizing: border-box;
}
.nypro-item-r p.nypro-item-rc b {
	color: #333;
	font-weight: normal;
}
.nypro-item-r h3 {
	font-size: 16px;
	color: #333;
	margin: 5px 0;
	line-height: 32px;
	font-weight: normal;
}
.nypro-item-r ul {
	width: 100%;
	height: 56px;
	line-height: 56px;
	margin-top: 10px;
	transition: all 0.5s ease;
}
.nypro-item-r ul li {
	float: left;
	margin-right: 40px;
	width: 200px;
	background: #333;
	position: relative;
	border-radius: 4px;
}
.nypro-item-r ul li:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 56px;
	background: #000;
	transition: all 0.5s ease;
	z-index: 1;
}
.nypro-item-r ul li a {
	display: block;
	height: 56px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 56px;
	z-index: 9;
	position: relative;
	border-radius: 4px;
}
.nypro-item-r ul li a i {
	font-size: 24px;
	margin-right: 10px;
}
.nypro-item-r ul li.nypro-item-r-zx {
	background: #006cc9;
}
.nypro-item-r ul li.nypro-item-r-zx a {
	color: #fff;
}
.nypro-item-r ul li.nypro-item-r-zx:after {
	background: #333
}
.nypro-item-r ul li:hover:after {
	width: 200px;
	border-radius: 4px;
}
.nypro-item-r h4 {
	font-size: 18px;
	color: #333;
	margin: 10px auto;
	line-height: 36px;
}
.nypro-item-r h4 span {
	font-size: 30px;
	color: #006cc9
}
.nypro-xqdetail {
	position: relative;
	width: 88%;
	left: 6%;
	right: 6%;
}
#nyprotltj {
	font-size: 24px;
	color: #333;
	line-height: 50px;
	margin: 30px 0 20px;
	position: relative;
	padding-left: 15px;
}
#nyprotltj:before {
	content: " ";
	width: 3px;
	height: 20px;
	position: absolute;
	top: 15px;
	left: 0px;
	background: #006cc9;
}
.nypro-xqdetailc {
	width: 100%;
}
.nypro-xqdetailc.active {
	display: block;
}
.nypro-xqdetailc p {
	line-height: 30px;
	font-size: 16px;
	color: #666;
	padding: 8px 0;
}
.nycpxqtitle {
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
	padding: 10px 0;
	color: #333;
}
.nycpxqtitle span {
	font-size: 16px;
	color: #aaa;
	font-weight: normal;
}
.nycase_list {
	width: 100%;
}
.nycase_list .nycase_list_con {
	width: 100%;
}
.nycase_list .nycase_list_con li {
	float: left;
	width: 19%;
	margin-right: 1.25%;
	border: 1px #ddd solid;
	box-sizing: border-box;
	margin-bottom: 2%;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}
.nycase_list .nycase_list_con li:nth-child(5n) {
	margin-right: 0
}
.nycase_list .nycase_list_con li h3 {
	width: 100%;
}
.nycase_list .nycase_list_con li h3 a {
	display: block;
	width: 100%;
	line-height: 0
}
.nycase_list .nycase_list_con li h3 a img {
	max-width: 100%;
}
.nycase_list .nycase_list_con li p {
	background: #f2f4f8;
	height: 45px;
	line-height: 45px;
	color: #333;
	text-align: center;
	transition: all 0.3s ease;
}
.nycase_list .nycase_list_con li p a {
	font-size: 14px;
	color: #333;
	line-height: 45px;
	padding: 0 10px;
}
.nycase_list .nycase_list_con li .text {
	position: absolute;
	top: calc(60px - 100% );
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	z-index: 999;
	background: rgba(75,159,48,0.8);
	overflow: hidden;
	transition: all 0.3s ease;
	display: table;
}
.nycase_list .nycase_list_con li .text a {
	color: #fff;
	font-size: 14px;
	padding: 0 40px;
	line-height: 30px;
	display: table-cell;
	vertical-align: middle;
}
.nycase_list .nycase_list_con li:hover p {
	background: #006cc9;
}
.nycase_list .nycase_list_con li:hover p a {
	color: #fff;
}
.nycase_list .nycase_list_con li:hover .text {
	top: 0;
}
.nycase_list .nycase_list_con.on {
	display: block;
}
.nyqytk_list {
	width: 100%;
}
.nyqytk_list_title {
	font-size: 30px;
	color: #333;
	text-align: center;
	line-height: 60px;
	margin-bottom: 20px;
}
.nyqytk_list .nyqytk_list_con {
	width: 100%;
}
.nyqytk_list .nyqytk_list_con li {
	float: left;
	width: 23%;
	margin-right: 2.6%;
	border: 1px #ddd solid;
	box-sizing: border-box;
	margin-bottom: 2%;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}
.nyqytk_list .nyqytk_list_con li:nth-child(4n) {
	margin-right: 0
}
.nyqytk_list .nyqytk_list_con li h3 {
	width: 100%;
	height: 200px;
}
.nyqytk_list .nyqytk_list_con li h3 a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
	text-align: center;
}
.nyqytk_list .nyqytk_list_con li h3 a img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block
}
.nyqytk_list .nyqytk_list_con li p {
	background: #f2f4f8;
	height: 45px;
	line-height: 45px;
	color: #333;
	text-align: center;
	transition: all 0.3s ease;
}
.nyqytk_list .nyqytk_list_con li p a {
	font-size: 14px;
	color: #333;
	line-height: 45px;
	padding: 0 10px;
}
.nyqytk_list .nyqytk_list_con li .text {
	position: absolute;
	top: calc(60px - 100% );
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	z-index: 999;
	background: rgba(75,159,48,0.8);
	overflow: hidden;
	transition: all 0.3s ease;
	display: table;
}
.nyqytk_list .nyqytk_list_con li .text a {
	color: #fff;
	font-size: 14px;
	padding: 0 40px;
	line-height: 30px;
	display: table-cell;
	vertical-align: middle;
}
.nyqytk_list .nyqytk_list_con li:hover p {
	background: #006cc9;
}
.nyqytk_list .nyqytk_list_con li:hover p a {
	color: #fff;
}
.nyqytk_list .nyqytk_list_con li:hover .text {
	top: 0;
}
.nyqytk_list .nycase_list_con.on {
	display: block;
}
.newslist {
	width: 100%;
}
.newslist ul {
	position: relative;
}
.newslist ul:after {
	content: " ";
	background: #eee;
	position: absolute;
	top: 0;
	left: 200px;
	height: 100%;
	width: 1px;
	z-index: 1;
}
.newslist ul li {
	position: relative;
	width: 88%;
	height: 230px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.newslist ul li h5 {
	float: left;
	width: 200px;
	padding: 30px 50px 0 0;
	margin-right: 40px;
	height: 170px;
	text-align: center;
	position: relative;
	z-index: 4
}
.newslist ul li h5:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 50px;
	width: 0;
	height: 230px;
	background: #006cc9;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	z-index: 1;
}
.newslist ul li h5:after {
	content: " ";
	background: #eee;
	position: absolute;
	right: 0;
	top: 115px;
	height: 1px;
	width: 50px;
	z-index: 5;
}
.newslist ul li h5 b {
	display: block;
	font-size: 50px;
	margin-top: 60px;
	color: #006cc9;
	position: relative;
	z-index: 3
}
.newslist ul li h5 i {
	font-size: 16px;
	line-height: 40px;
	color: #333;
	font-weight: normal;
	font-style: normal;
	position: relative;
	z-index: 3
}
.newslist ul li h3 {
	background: #fafafa;
	float: left;
	width: calc(120% - 697px);
	height: 170px;
	padding: 30px 50px;
	position: relative;
	z-index: 3
}
.newslist ul li h3:before {
	content: " ";
	position: absolute;
	border-top: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid #006cc9;
	left: -120px;
	top: 50%;
	margin-top: -15px;
	z-index: 3;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.newslist ul li h3:after {
	content: " ";
	background: #fafafa;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 90px;
	height: 230px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.newslist ul li h3 a {
	font-size: 22px;
	line-height: 50px;
	color: #333;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	position: relative;
	z-index: 3
}
.newslist ul li h3 p {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	color: #888;
	position: relative;
	z-index: 3
}
.newslist ul li h4 {
	background: #fafafa;
	float: right;
	width: 307px;
	height: 230px;
	position: relative;
	z-index: 3
}
.newslist ul li h4:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 307px;
	width: 0;
	height: 230px;
	background: #fafafa;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	z-index: 1;
}
.newslist ul li h4 img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	z-index: 5;
}
.newslist ul li.active h5:before {
	width: calc(5.8vw + 250px);
}
.newslist ul li.active h5 b {
	color: #fff;
}
.newslist ul li.active h5 i {
	color: #fff;
}
.newslist ul li.active h5:after {
	background: #006cc9;
	z-index: 3
}
.newslist ul li.active h4:after {
	width: calc(5.9vw);
}
.newslist ul li.active h3:before {
	position: absolute;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #006cc9;
	left: -90px;
	top: 50%;
	margin-top: -15px;
	z-index: 3;
}
.newslist ul li.active h3:after {
	left: -90px;
}
.newslist ul li.active h3 a {
	color: #006cc9
}
.nynewsshow-l {
	float: left;
	width: calc(100% - 450px);
	background: #fff;
	padding: 60px;
	box-sizing: border-box;
}
.nynewsshow-l h1.title {
	font-size: 30px;
	line-height: 50px;
	padding-bottom: 10px;
	border-bottom: 1px #eee solid;
}
.nynewsshow-l h1.title .info {
	font-size: 14px;
	color: #666;
	line-height: 40px;
	font-weight: normal;
}
.nynewsshow-l h1.title .info small {
	font-size: 14px;
}
.textarea {
	color: #666;
	line-height: 36px;
}
.nynewsshow-xgxw {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px #ddd solid;
}
.nynewsshow-xgxw ul li {
	float: left;
	width: 46%;
	line-height: 50px;
	position: relative;
	margin-right: 4%;
	border-bottom: 1px #eee solid;
	transition: all 0.8s ease;
}
.nynewsshow-xgxw ul li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #006cc9;
	transition: all 0.8s ease;
}
.nynewsshow-xgxw ul li a {
	line-height: 50px;
	font-size: 14px;
	color: #666;
	transition: all 0.5s ease;
}
.nynewsshow-xgxw ul li a span {
	float: right;
	font-size: 14px;
	color: #888;
}
.nynewsshow-xgxw ul li:hover:after {
	width: 100%;
}
.nynewsshow-xgxw ul li:hover a {
	color: #006cc9
}
.nynewsshow-r {
	float: right;
	width: 400px;
}
.nynewspreNext {
}
.nynewspreNext ul li {
	background: #fff;
	padding: 30px;
	font-size: 18px;
	box-sizing: border-box;
	margin-bottom: 20px;
	font-weight: bold;
}
.nynewspreNext ul li a {
	font-weight: normal;
	font-size: 14px;
	color: #666;
}
.nynewspreNext ul li span {
	font-weight: normal;
	font-size: 14px;
	color: #666;
}
.share_box {
	background: #fff;
	padding: 30px;
	font-size: 18px;
	box-sizing: border-box;
}
.share_box_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.nycontact {
	width: 1350px;
	margin: 0 auto;
}
.nycontact_nav {
	width: 800px;
	margin: 0 auto;
	height: 60px;
}
.nycontact_nav ul li {
	float: left;
	width: 400px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	background: #fff;
	color: #333;
	border: 1px #ddd solid;
	box-sizing: border-box;
	transition: all 0.5s ease;
}
.nycontact_nav ul li.active {
	background: #006cc9;
	color: #fff;
	border: 1px #006cc9 solid;
}
.nycontactc {
	width: 1350px;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	height: 600px;
}
.nycontact-cont {
	opacity: 0;
	z-index: 1;
	width: 1310px;
	height: 600px;
	position: absolute;
	left: 20px;
	top: 20px;
}
.nycontact-cont.active {
	opacity: 1;
	z-index: 9;
}
.nycontact-message {
	float: left;
	width: 760px;
}
.nycontact-tel {
	float: right;
	width: 400px;
	padding-left: 75px;
	border-left: 1px #ddd solid;
	height: 560px;
}
.nycontact-tel p {
	font-size: 16px;
	color: #333;
	line-height: 40px;
	margin-top: 40px;
}
.nycontact-tel h3 {
	margin-bottom: 40px;
	font-size: 36px;
	color: #006cc9;
	line-height: 60px;
}
.nycontact-tel h4 {
	font-weight: normal;
}
.nycontact-tel h4 a {
	width: 160px;
	float: left;
	margin: 0 20px 20px 0;
	display: block;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px #ddd solid;
	box-sizing: border-box;
	transition: all 0.5s ease;
}
.nycontact-tel h4 a:hover {
	background: #006cc9;
	color: #fff;
	border: 1px #006cc9 solid;
}
.servicetext {
	font-size: 16px;
	line-height: 35px;
	color: #666;
}
.servicetext .mode {
	width: 100%;
}
.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;
}
.servicetext .mode dl {
	width: 30%;
	margin-right: 1.3%;
	float: left;
	border-radius: 10px;
	height: 81px;
	background: #f5f5f5;
	padding: 25px 0;
}
.servicetext .mode dl:first-child {
	margin-left: 0;
}
.servicetext .mode dd {
	float: left;
	margin: 0 15px 0 20px;
}
.servicetext .mode dt {
	float: left;
	width: 220px;
}
.servicetext .mode dt h4 {
	font-size: 22px;
	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: 22px;
	color: #006cc9
}
.pro_mes {
	padding: 30px 0;
	box-sizing: border-box;
	background: #fff;
}
.khtitle {
}
.khtitle h3 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}
.khtitle p {
	font-size: 18px;
	color: #333;
	line-height: 35px;
}
.khtitle p span {
	color: #006cc9
}
.liuyan {
	width: 100%;
}
.liuyan h3 {
	font-size: 20px;
	color: #333;
	margin-top: 30px;
}
.liuyan table {
	width: 100%;
}
.liuyan table td {
	font-size: 18px;
	padding: 20px 0 0;
	line-height: 40px;
}
.liuyan table td span {
	color: #e20f1f;
	padding: 0 7px;
}
.form-group p {
	line-height: 32px;
	padding-left: 10px;
	position: relative;
}
.form-group p:before {
	content: "";
	width: 2px;
	height: 10px;
	left: 0;
	top: 10px;
	background: #006cc9;
	position: absolute;
}
.form-control4 {
	float: left;
	width: 365px;
	border-radius: 3px;
	background: #f6f7fa;
	border: 1px #e9ecf2 solid;
	height: 40px;
	line-height: 40px;
	color: #666;
	margin-right: 20px;
	padding: 0 15px;
	box-sizing: border-box;
}
.form-control3 {
	float: left;
	width: 235px;
	border-radius: 3px;
	background: #f6f7fa;
	border: 1px #e9ecf2 solid;
	height: 40px;
	line-height: 40px;
	color: #666;
	margin-right: 20px;
	padding: 0 15px;
	box-sizing: border-box;
}
.form-control-c3 {
	width: 750px;
	height: 130px;
	background: #f6f7fa;
	border: 1px #e9ecf2 solid;
	padding: 5px 15px;
	box-sizing: border-box;
}
.form-control-c4 {
	width: 750px;
	height: 80px;
	background: #f6f7fa;
	border: 1px #e9ecf2 solid;
	padding: 5px 15px;
	box-sizing: border-box;
}
.formtext {
	width: 280px;
	height: 40px;
	box-sizing: border-box;
	border: 1px #aaa solid;
	line-height: 40px;
	font-size: 14px;
	color: #333;
	padding-left: 10px;
}
.formtext1 {
	width: 98%;
	box-sizing: border-box;
	height: 40px;
	border: 1px #aaa solid;
	line-height: 40px;
	font-size: 14px;
	color: #333;
	padding-left: 10px;
}
.formtext2 {
	width: 97.5%;
	height: 130px;
	border: 1px #aaa solid;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	padding: 10px;
}
.bitian {
	background: url(../images/bitian.png) right center no-repeat;
}
.fstext {
	font-size: 16px;
	color: #666;
	margin-left: 20px;
	line-height: 40px;
}
.nynewsnav {
	width: 100%;
	height: 60px;
	border-bottom: 1px #ddd solid;
	position: relative;
	z-index: 9;
}
.loc {
	line-height: 60px;
	color: #666;
	padding-left: 60px;
	background: url(../images/loc.jpg) left center no-repeat;
	font-size: 12px;
	height: 60px;
}
.loc ul li {
	width: 130px;
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.loc ul li:before {
	content: " ";
	background: #006cc9;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 60px;
	transition: all 0.3s ease;
}
.loc ul li:after {
	content: " ";
	background: #ddd;
	z-index: 1;
	position: absolute;
	right: 0;
	top: 20px;
	width: 1px;
	height: 20px;
}
.loc ul li>a {
	line-height: 60px;
	color: #666;
	font-size: 16px;
	display: block;
	width: 130px;
	position: relative;
	z-index: 999
}
.loc ul li>a:hover {
	color: #fff
}
.loc ul li dl {
	opacity: 0;
	position: absolute;
	background: #fff;
	transition: all 0.5s ease;
	border: 1px #eee solid;
	border-bottom: none;
}
.loc ul li dl dd {
	border-bottom: 1px #eee solid;
	position: relative;
}
.loc ul li dl dd:after {
	content: " ";
	background: #006cc9;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 50px;
	transition: all 0.5s ease;
}
.loc ul li dl dd a {
	display: block;
	width: 130px;
	line-height: 50px;
	font-size: 16px;
	position: relative;
	z-index: 9;
	transition: all 0.5s ease;
}
.loc ul li:hover {
	overflow: inherit
}
.loc ul li:hover:before {
	width: 130px;
}
.loc ul li:hover dl {
	opacity: 1;
	display: block;
}
.loc ul li dl dd:hover a {
	color: #fff;
}
.loc ul li dl dd:hover:after {
	width: 130px;
}
.nyshzr {
	width: 100%;
	height: 700px;
	background: url(../images/nyshzrbg.jpg) center center no-repeat;
}
.nyshzr_text {
	margin: 0 auto;
	width: 50%;
	text-align: center;
	padding-top: 40px;
	line-height: 50px;
}
.nyshzr_text h3 {
	font-size: 34px;
	color: #fff;
	line-height: 50px;
}
.nyshzr_text p {
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}
.nyshzr_box {
	margin: 0 auto;
	width: 1350px;
}
.nyshzr_box .nyshzr_box1 {
	width: 1350px;
	height: 330px;
	float: left;
	box-sizing: border-box;
}
.nyshzr_box .nyshzr_box1 h3 {
	font-size: 24px;
	color: #fff;
}
.nyshzr_box .nyshzr_box1 p {
	font-size: 14px;
	color: #fff;
}
.nymainbox2 {
}
.nymainbox2 ul {
	width: 100%;
	margin: 0 auto;
	height: 100px;
}
.nymainbox2 ul li {
	width: 310px;
	text-align: center;
	color: #fff;
	background: #f5f5f5;
	margin-right: 20px;
	float: left;
	height: 60px;
	line-height: 60px;
	border-radius: 8px;
}
.nymainbox2 ul li:hover a {
	font-weight: 600;
}
.nymainbox2 ul li a {
	text-align: center;
	color: #333;
	display: block;
	height: 60px;
	line-height: 60px;
}
.nyshzr_box .nyshzr_box2 {
	width: 245px;
	float: right;
}
.nyshzr_box .nyshzr_box2 ul li {
	width: 245px;
	height: 160px;
	margin-bottom: 10px;
	text-align: center;
	display: table;
}
.nyshzr_box .nyshzr_box2 ul li a {
	display: table-cell;
	vertical-align: middle;
}
.nyshzr_box .nyshzr_box2 ul li h3 {
	font-size: 24px;
	color: #fff;
}
.nyshzr_box .nyshzr_box2 ul li p {
	font-size: 14px;
	color: #fff;
}
.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 h3 {
	font-size: 24px;
	color: #333;
}
.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 p {
	font-size: 14px;
	color: #666;
}
.nyshzr_box .nyshzr_box1 ul li {
	width: 325px;
	height: 244px;
	margin-bottom: 10px;
	float: left;
	display: block;
	margin-right: 10px;
	position: relative;
}
.nyshzr_box .nyshzr_box1 ul li {
	width: 325px;
	height: 244px;
	margin-bottom: 10px;
	float: left;
	display: block;
	margin-right: 10px;
	position: relative;
}
.nyshzr_box .nyshzr_box1 ul li:after {
	content: " ";
	width: 0;
	height: 244px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.5s ease;
}
.nyshzr_box .nyshzr_box1 ul li:hover:after {
	width: 325px;
	left: 0;
}
.nyshzr_box .nyshzr_box1 ul li:after {
	background: rgba(0,0,0,0.1);
}
.nyshzr_box .nyshzr_box1 ul li h3 {
	font-size: 24px;
	color: #fff;
}
.nyshzr_box .nyshzr_box1 ul li p {
	font-size: 14px;
	color: #fff;
}
.nyshzr_box .nyshzr_box1 ul li.nyshzr_box3 h3 {
	font-size: 24px;
	color: #333;
}
.nyshzr_box .nyshzr_box1 ul li.nyshzr_box3 p {
	font-size: 14px;
	color: #666;
}
.sy_vr {
	text-align: center;
}
.sy_vr a {
}
.sy_vr img {
	-webkit-transition: 0.4s;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	width: 150px;
	height: 150px;
}
.sy_vr img:hover {
	transform: rotateZ(360deg);
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
}
.wxsy_gsys {
	background: url(../images/wxsy_qsys.jpg) center no-repeat;
	height: 977px;
	width: 100%;
}
.wxsy_gsys dl {
	width: 1300px;
	margin: 0 auto;
}
.wxsy_gsys dl dt {
	float: left;
	width: 346px;
}
.wxsy_gsys dl dt p {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding-top: 20px;
}
.wxsy_gsys dl dt p a {
	color: #fff;
}
.wxsy_gsys dl dt i {
	display: block;
	font-style: normal;
	color: #fff;
	padding-left: 52px;
	padding-top: 140px;
	font-size: 16px;
}
.wxsy_gsys dl dt span {
	padding-left: 52px;
	padding-top: 105px;
	display: block;
	color: #fff;
	font-size: 14px;
	height: 30px;
}
.wxsy_gsys dl dt span img {
	float: left;
	padding-right: 10px;
}
.wxsy_gsys dl dt b {
	padding-left: 52px;
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.wxsy_gsys dl dd {
	width: 1300px;
	box-sizing: border-box;
	text-align: center;
}
.indexTitle {
	text-align: center;
	font-weight: normal;
}
.indexTitle h3 {
	line-height: 2em;
}
.nyhzhb {
	width: 100%;
	height: 380px;
	box-sizing: border-box;
}
.nyhzhb_title {
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin: 0 auto 40px;
}
.nyhzhb_title span {
	color: #005cd0
}
.nyhzhb_list {
	width: 1350px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 350px;
}
.nyhzhb_list {
	bottom: -120%;
}
.sybg03.indexTitle {
	position: relative;
	bottom: -120%;
}
.indexTitle {
	position: relative;
	bottom: -120%;
}
.dianli {
	position: relative;
	bottom: -120%;
}
.index-block4 {
	padding: 80px 0;
}
.inb4-main {
	margin-top: 40px;
	overflow: hidden;
}
.inb4-main .main-box {
	margin: 0 -10px;
}
.inb4-main .item-box {
	width: 25%;
	box-sizing: border-box;
	padding: 0 10px;
	float: left;
}
.inb4-main .item {
	position: relative;
	width: 100%;
	height: 380px;
	overflow: hidden;
}
.inb4-main .item-img {
	width: 100%;
	height: 380px;
	overflow: hidden;
	text-align: center;
}
.inb4-main .item-img img {
	height: 100%;
}
.inb4-main .item-tit {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	/*	background: url(https://static.westarcloud.com/5ddc987a4db67f34a0301347/images/inb4-jbbg.png!/lossless/true) no-repeat center bottom;*/
	background: url(../images/true.png) no-repeat center bottom;
	background-size: contain;
	padding-top: 250px;
	text-align: center;
	font-size: 22px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	transition: 0.36s ease-out;
}
.inb4-main .item-review {
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	transition: 0.36s ease-in-out;
}
.inb4-main .tit {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	padding-top: 40px;
}
.inb4-main .text {
	margin: 20px auto 0;
	font-size: 16px;
	line-height: 32px;
	width: 280px;
}
.inb4-main .text li {
	/*	list-style: inside;*/
	text-align: center;
}
.inb4-main .item-btn {
	margin-top: 30px;
	text-align: center;
}
.inb4-main .item-btn .btn {
	width: 160px;
	height: 42px;
	border: solid 1px #fff;
	line-height: 40px;
	color: #fff;
	margin: 0 auto;
	border-radius: 8px;
}
.inb4-main .item:hover .item-tit {
	bottom: -306px;
}
.inb4-main .item:hover .item-review {
	height: 380px;
}
.inb4-main .item-btn .btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #2761c4;
}
.inMain {
	max-width: 1400px;
	margin: auto;
}
.in-cTit {
	font-size: 40px;
	line-height: 36px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.in-cTitText {
	font-size: 18px;
	line-height: 32px;
	color: #333;
	margin-top: 23px;
	text-align: center;
}
.sytitle, .mainbox {
	position: relative;
}
.sytitle, .nyhzhb_list {
	position: relative;
}
.sybg05 .sykhjz {
	position: relative;
}
.dianli {
	position: relative;
}
.inMain {
	position: relative;
}
.sykhjz {
	position: relative;
}

.sybg05 #mr_fu {
	position: relative;
	bottom: -120%
}

.sybg02 .sytitle {
	position: relative;
	left: -120%
}
.sybg02 .mainbox {
	position: relative;
	top: 500%
}
.sybg02 .sypro_nav {
	position: relative;
	top: 500%
}
.fp-tableCell {
	opacity: 0;
	animation: lefteaseinAnimate 2s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
	-webkit-animation: lefteaseinAnimate 2s ease 1;
	-ms-animation: lefteaseinAnimate 2s ease 1;
	-o-animation: lefteaseinAnimate 2s ease 1;
	-moz-animation: lefteaseinAnimate 2s 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;
	height: 100% !important
}
.inMain {
	left: -120%;
	position: relative;
}
.sykhjz {
	bottom: -120%;
	position: relative;
}
.synews {
	bottom: -120%;
	position: relative;
}
.indexTitle {
	position: relative;
}
.wxsy_hzhb {/* padding-bottom: 60px; */
}
.wx_foot {
	height: 70px;
	background: #eea934;
	width: 100%;
}
.wx_foot ul {
	width: 1300px;
	margin: 0 auto;
}
.wx_foot ul a {
	color: #fff;
	font-size: 18px;
	padding: 0 56px;
	line-height: 70px;
	display: block;
	float: left;
}
.wx_bottom {
	background: #272a3d;
	height: 260px;
	width: 100%;
	color: #fff;
	margin-top: -16px;
	padding: 20px 0;
}
.wx_bottom dl {
	width: 1300px;
	margin: 0 auto;
	padding-top: 50px;
	color: #aeaeae;
	line-height: 28px;
}
.wx_bottom dl dt {
	float: left;
	width: 460px;
}
.wx_bottom dl dt img {
	margin-bottom: 26px;
}
.wx_bottom dl dt p {
}
.wx_bottom dl dd {
	float: left;
	width: 420px;
}
.wx_bottom dl dd p {
	display: block;
	font-style: normal;
	color: #fff;
	height: 80px;
	line-height: 16px;
}
.wx_bottom dl dd p i {
	color: #fff;
	font-size: 44px;
	line-height: 60px;
	font-family: Times New Roman;
	font-style: normal;
	display: block;
	font-weight: bold;
}
.wx_bottom dl dd span {
	display: block;
}
.wx_bottom dl dd img {
	display: block;
	margin-bottom: 10px;
	border: 4px solid #fff;
	height: 114px;
	border-radius: 4px;
}
.wx_bottom dl dd em {
	display: block;
	float: left;
	text-align: center;
	margin: 0 20px;
}
.xqy_cpyyy {
	background: url(../images/article_bg_01.jpg) top no-repeat;
	background-color: #333;
	display: table;
	width: 100%;
}
.xqy_cpzsss {
	padding-top: 80px;
}
.xqy_cpimg {
	float: left;
	width: 500px;
	height: 375px;
	border: 15px solid #006cc9;
	border-radius: 5px;
}
.xqy_cpzsss dl {
	float: right;
	width: 600px;
}
.xqy_cpzsss dl dt {
	margin-bottom: 20px;/* margin-top: 10px; */
}
.xqy_cpzsss dl dt h1 {
	height: 64px;
	line-height: 64px;
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;/* border-bottom: 2px solid #373d4b; */
}
.xqy_cpzsss dl dt p {
}
.xqy_tddd {
	border-radius: 5px;
	padding: 15px 20px;
	background: #fff;
}
.xqy_cpzsss dl dd {
	margin-bottom: 0;
}
.xqy_cpzsss dl dd p {
	margin-bottom: 10px;
}
.xqy_cpzsss dl dd b {
	display: block;
	font-size: 18px;
	color: #006cc9;
	font-weight: bold;
	line-height: 40px;
}
.xqy_cpzsss dl dd span {
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.xqy_cptel {
	margin-top: 40px;
}
.xqy_cptel span {
	display: block;
	float: left;
}
.xqy_cptel span a {
	display: inline-block;
	padding: 0 60px;
	color: #fff;
	background: #006cc9;
	border-radius: 5px;
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}
.xqy_cptel p {
	height: 55px;
	display: inline-block;
	color: #dcdcdc;
	background: url(../images/pro_tel.png) left center no-repeat;
	line-height: 25px;
	font-size: 14px;
	padding-left: 45px;
	margin-left: 20px;
}
.xqy_cptel p i {
	font-style: normal;
	color: #fff;
	font-size: 30px;
	display: block;
	font-weight: bold;
}
.xqy_cpjs {
	width: 1350px;
	background: #fff;
	margin: 0 auto;
	margin-top: 60px;
	display: table;
	border-radius: 10px 10px 0 0;
}
.product_item_b {
	height: 80px;
	border-bottom: 2px solid #f6f6f6;
	line-height: 80px;
}
.product_item_b ul {
}
.product_item_b ul li {
	float: left;
	width: 160px;
	text-align: center;
	font-size: 20px;
	color: #404040;
	font-weight: bold;
}
.product_item_b ul li:nth-child(1) {
	background: #f8f8f8;
	border-radius: 10px;
}
.product_item_b ul li:hover a {
	background: #f8f8f8;
	border-radius: 10px;
}
.product_item_b ul li a {
	color: #333;
	display: block;
}
.xqy_xgcp {
	width: 1280px;
	margin: 0 auto;
}
.xqy_xgxw {
	display: table;
	width: 100%;
	margin-top: 20px;
	/* margin-bottom: 50px; */
	padding-top: 10px;
	padding-bottom: 60px;
	background: url(../images/sy_bg.jpg) repeat;
}
.xqy_xgtit {
	text-align: center;
	margin-top: 50px;
}
.xqy_xgtit p {
	font-size: 36px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
}
.xqy_xgtit p a {
	color: #333;
}
.xqy_xgtit p a:hover {
	color: #333;
}
.xqy_xgtit i {
	background: url(../images/xqy_xgbg.png) center no-repeat;
	height: 4px;
	display: block;
	margin-top: 15px;
}
.sy_cpxgxw_b {
	margin: 0 auto;
	width: 1280px;
	display: table;
}
.sy_cpxgxw_b dl {
	float: left;
	width: 410px;
	background: #fff;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 10px;
	box-sizing: border-box;
	height: 210px;
	border: 1px solid #fff;
}
.sy_cpxgxw_b dl:hover dt p {
	font-weight: bold;
}
.sy_cpxgxw_b dl:hover dd span {
	font-weight: bold;
}
.sy_cpxgxw_b dl a {
}
.sy_cpxgxw_b dt {
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
}
.sy_cpxgxw_b dt p {
	font-size: 18px;
	color: #333;
	padding-bottom: 6px;
}
.sy_cpxgxw_b dt span {
	font-size: 14px;
	color: #888;
	line-height: 23px;
}
.sy_cpxgxw_b dd {
	padding-top: 15px;
}
.sy_cpxgxw_b dd p {
	float: left;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #888;
	line-height: 30px;
}
.sy_cpxgxw_b dd p i {
	display: block;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #888;
	line-height: 24px;
}
.sy_cpxgxw_b dd span {
	float: right;
	line-height: 43px;
	color: #888;
	font-size: 16px;
}
.xqy_xgtit {
	text-align: center;
	margin-top: 50px;
}
.xqy_xgtit p {
	font-size: 36px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
}
.xqy_xgtit p a {
	color: #333;
}
.xqy_xgtit p a:hover {
	color: #333;
}
.xqy_xgtit i {
	background: url(../images/xqy_xgbg.png) center no-repeat;
	height: 4px;
	display: block;
	margin-top: 15px;
}
.xqy_canshu {
	margin: 20px 0;
}
.xqy_canshu p {
	color: #1a1a1a;
	font-weight: bold;
	font-size: 24px;
}
.xqy_canshu i {
	background: url(../images/xqy_xgbg.png) left no-repeat;
	height: 4px;
	display: block;
	margin-top: 15px;
}
.ny_cpzs_a dd span {
	width: 114px;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	background: #666;
	display: block;
	float: left;
}
.ny_cpzs_a dd span a {
	color: #fff;
}
.preNext {
}
.preNext ul {
}
.preNext ul li {
	background: #ffffff;
	border: 1px solid #eee;
	padding: 6px 15px;
	line-height: 30px;
	border-radius: 3px;
	color: #666;
	font-size: 16px;
	margin-bottom: 10px;
}
.preNext ul li a {
	color: #666;
}
.preNext ul li a:hover {
	font-weight: bold;
}
.xqy_cpjjjjs {
	padding-top: 10px;
	background: url(../images/sy_bg.jpg) repeat;
	padding-bottom: 60px;
}
.xqy_cpjssss {
	background: #fff;
	min-height: 200px;
	padding: 40px;
	margin-bottom: 50px;
	display: table;
	width: 1280px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 30px;
	box-sizing: border-box;
}
.xqy_cpjssss h4 {
	font-size: 18px;
	font-weight: bold;
	padding-left: 16px;
	line-height: 45px;
	height: 45px;
	display: block;
	color: #333;
	background: #f5f5f5;
	margin-bottom: 10px;
	border-radius: 5px;
}
.xqy_cpjssss p {
	font-size: 16px;
	line-height: 32px;
}
.ny_product_a {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
	background: #f8f8f8;
}
.ny_cpzs_a {
	display: table;
	margin-top: 10px;
}
.ny_cpzs_a dl {
	float: left;
	width: 310px;
	height: 360px;
	background: #fff;
	margin-right: 12px;
	margin-bottom: 20px;
}
.ny_cpzs_a dl:nth-child(4n) {
	margin-right: 0;
}
.ny_cpzs_a dt {
	border: 1px solid #eee;
}
.ny_cpzs_a dt a {
	display: block;
	height: 235px;
	width: 308px;
	overflow: hidden;
}
.ny_cpzs_a dt a img {
	transition: .6s;
}
.ny_cpzs_a dl:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.ny_cpzs_a dl:hover p {
	font-weight: bold;
}
.ny_cpzs_a dd {
	text-align: center;
}
.ny_cpzs_a dd p {
	padding-bottom: 15px;
}
.ny_cpzs_a dd p a {
	color: #333333;
	font-size: 18px;
	padding-top: 13px;
	display: block;
}
.ny_cpzs_a dd i {
	width: 112px;
	height: 34px;
	border: 1px solid #ccc;
	display: block;
	line-height: 34px;
	border-radius: 5px;
	float: left;
	margin-right: 16px;
	margin-left: 34px;
}
.ny_cpzs_a dd i a {
	display: block;
	font-style: normal;
	color: #666666;
}
.ny_contact_c {
	background: url(../images/ny_contact_c.jpg) center no-repeat;
	height: 738px;/* margin-top: 60px; */
}
.ny_contact_ctit {
	text-align: center;
	width: 912px;
	margin: 0 auto;
	padding-top: 140px;
}
.ny_contact_ctit p {
	font-size: 36px;
	font-weight: bold;
	color: #333;
}
.ny_contact_ctit span {
	display: block;
	line-height: 40px;
	font-size: 18px;
	color: #888888;
}
.ny_contact_dtit {
	text-align: center;
	width: 912px;
	margin: 0 auto;
	padding-top: 60px;
	margin-bottom: 40px;
}
.ny_contact_dtit p {
	font-size: 36px;
	font-weight: bold;
	position: relative;
	z-index: 2;
	display: inline-block;
	color: #333;
	padding: 0 10px;
}
{
}
.ny_contact_dtit p:after, .ny_contact_dtit p:before {
	content: '';
	position: absolute;
	width: 70px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
}
.ny_contact_dtit p:after {
	left: -70px;
	background: url(../images/map_l.png) no-repeat center center;
	background-size: 40px;
}
.ny_contact_dtit p:before {
	right: -70px;
	background: url(../images/map_r.png) no-repeat center center;
	background-size: 40px;
}
.ny_contact_dtit span {
	font-size: 20px;
	color: #666;
	display: block;
	line-height: 32px;
}
.ny_liuyanwa_a {
	width: 912px;
	margin: 0 auto;
	padding: 55px 60px;
	box-sizing: border-box;
}
.ny_liuyanwa_a .form-group {
	float: left;
	width: 242px;
	height: 47px;
	margin-bottom: 20px;
	margin-right: 30px;
}
.ny_liuyanwa_a .form-group:nth-child(3) {
	margin-right: 0;
}
.ny_liuyanwa_a .form-control {
	height: 43px;
	border: 1px solid #ccc;
	width: 242px;
	padding-left: 15px;
	box-sizing: border-box;
}
.ny_liuyanwa_a form-control-c {
	height: 43px;
	margin-top: 20px;
	text-align: center;
	margin: 0 auto;
}
.form-group-e {
	display: inline-block;
	margin-top: 20px;
}
.ny_liuyanwa_a .form-control-x {
	height: 32px;
	border: 1px solid #ccc;
	padding-left: 15px;
	box-sizing: border-box;
	float: left;
}
.ny_liuyanwa_a .form-sub {
	width: 790px;
	height: 43px;
	border: 0;
	background: #006cc9;
	font-size: 18px;
	color: #fff;
	font-family: "微软雅黑", "宋体", arial;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
}
.ny_liuyanwa_a .form-group-b {
}
.ny_liuyanwa_a .form-group-c {
	margin-top: 20px;
	text-align: center;
	margin: 0 auto;
}
.ny_liuyanwa_a .form-group-d {
	margin: 0 auto;
	margin-top: 15px;
}
.ny_liuyanwa_a .form-control-c {
	border: 1px solid #ccc;
	width: 784px;
	padding: 15px;
	box-sizing: border-box;
	height: 120px;
}
.xqy_cpjjjjs {
	padding-top: 10px;
	background: url(../images/sy_bg.jpg) repeat;
	padding-bottom: 60px;
}
.xqy_cpjssss {
	background: #fff;
	min-height: 200px;
	padding: 40px;
	margin-bottom: 50px;
	display: table;
	width: 1280px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 30px;
	box-sizing: border-box;
}
.xqy_canshu p {
	color: #1a1a1a;
	font-weight: bold;
	font-size: 24px;
}
.button-bubble {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
 @media (max-width:1400px) {
.banner-text h2 {
	font-size: 50px;
}
.banner-text .text-cn {
	font-size: 26px;
}
}
/* = button-bubble = */
/* ========== */
.button-bubble {
	display: block;
	width: 240px;
	height: 56px;
	line-height: 56px;
	border-radius: 28px;
	background-size: 300% auto;
	background-image: linear-gradient(90deg, #0068c2 0, #6abaff 50%, #32a0ff);
	-moz-background-image: linear-gradient(90deg, #0068c2 0, #6abaff 50%, #32a0ff);
	position: relative;
	margin: 0 auto;
	top: 450px;
}
.button-bubble .button {
	display: block;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-style: normal;
	text-transform: uppercase;
	position: absolute;
	z-index: 1;
}
.button-bubble .bghover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 240px;
	height: 56px;
	line-height: 56px;
	border-radius: 28px;
	background-size: 300% auto;
	background-image: linear-gradient(90deg, #0068c2 0, #6abaff 50%, #32a0ff);
	-moz-background-image: linear-gradient(90deg, #0068c2 0, #6abaff 50%, #32a0ff);
}
.button-bubble .effect {
	position: absolute;
	display: block;
	height: 400%;
	width: 200%;
	left: -50%;
	top: -150%;
	transition: all .1s ease-out;
	pointer-events: none;
}
.button-bubble .circle {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-size: 300% auto;
	background-image: linear-gradient(90deg, #0068c2 0, #6abaff 50%, #32a0ff);
	-moz-background-image: linear-gradient(90deg, #0068c2 0, #6abaff 50%, #32a0ff);
	transition: background .1s ease-out;
	opacity: 0;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}
.button-bubble .top-left1 {
	left: 30%;
	top: 40%;
	width: 6px;
	height: 6px;
}
.button-bubble .top-left2 {
	left: 28%;
	top: 50%;
	width: 6px;
	height: 6px;
}
.button-bubble .top-left3 {
	top: 50%;
	left: 37%;
	width: 15px;
	height: 15px;
}
.button-bubble .bottom-right1 {
	bottom: 42%;
	right: 37%;
	width: 6px;
	height: 6px;
}
.button-bubble .bottom-right2 {
	bottom: 47%;
	right: 30%;
	width: 6px;
	height: 6px;
}
.button-bubble .bottom-right3 {
	bottom: 49%;
	right: 37%;
	width: 15px;
	height: 15px;
}
.button-bubble:hover .bghover {
 background:;
	animation: background .6s;
	-webkit-animation: background .6s;
}
.button-bubble:hover .circle {
	background: #32a0ff;
}
.button-bubble.animation .circle {
	animation: oppfunction 1.2s;
	-webkit-animation: oppfunction 1.2s;
}
.button-bubble.animation .top-left1 {
	left: 22%;
	top: 36%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .top-left2 {
	left: 20%;
	top: 45%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .top-left3 {
	top: 32%;
	left: 15%;
	width: 30px;
	height: 30px;
}
.button-bubble.animation .bottom-right1 {
	bottom: 32%;
	right: 22%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .bottom-right2 {
	bottom: 45%;
	right: 20%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .bottom-right3 {
	bottom: 34%;
	right: 14%;
	width: 30px;
	height: 30px;
}
 @keyframes background {
 50% {
 transform:scale(1, 1.1);
}
 80% {
 transform:scale(1, 1);
}
 90% {
 transform:scale(1, 1.02);
}
 100% {
 transform:scale(1, 1);
}
}
@-webkit-keyframes background {
 50% {
 transform:scale(1, 1.1);
}
 80% {
 transform:scale(1, 1);
}
 90% {
 transform:scale(1, 1.02);
}
 100% {
 transform:scale(1, 1);
}
}
@keyframes oppfunction {
 0% {
 opacity: 0;
}
 10% {
 opacity: 1;
 transform: scale(1);
}
 70% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: scale(0);
}
}
@-webkit-keyframes oppfunction {
 0% {
 opacity: 0;
}
 10% {
 opacity: 1;
 transform: scale(1);
}
 70% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: scale(0);
}
}
.main-404 {
	padding: 70px 0;
	text-align: center;
}
.main-404 .p1 {
	margin-bottom: 10px;
}
.sytitle-left {
	position: relative;
	left: -120%;
}
.sybg05 #demo2p {
	position: relative;
	bottom: -120%;
}
.syqqzl {
	width: 88%;
	margin: 0 auto;
}
.syqq_left {
	width: 42%;
	float: left;
	position: relative;
	height: 340px;
	padding: 14px;
	background: #fff;
	border-radius: 10px;
}
.pointContainer {
	position: absolute;
	z-index: 98;
	width: 100%;
	height: 100%;
}
.syqq_right {
	width: 52%;
	float: right;
}
.syqq_right h3 {
	font-size: 32px;
	color: #fff;
	line-height: 40px;
	margin-bottom: 30px;
}
.syqq_right p {
	color: #fff;
	line-height: 32px;
	font-size: 16px;
	text-indent: 2rem;
}
/*.syqq_right a{ color: #333; line-height: 48px; border: 1px #eee solid; background: #fff; width: 220px; display: block; margin-top: 57px; border-radius: 10px; text-align: center; float: left; margin-right: 20px;} */
/* 首页热销产品 */

.box {
	width: 1160px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	_height: 100%;
	padding: 20px;
	background: #f5f5f5
}
.hotproduct {
	margin: 15px 0 20px 0;
}
#demo1p {
	width: 1160px;
	height: 350px;
	overflow: hidden;
	position: relative;
}
#indemo1p {
	float: left;
	width: 800%;
}
#demo1p1 {
	float: left;
}
#demo1p2 {
	float: left;
}
#demo2p {
	width: 88%;
	height: 350px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
#indemo2p {
	float: left;
	width: 800%;
	margin-top: 60px;
}
#demo2p2 {
	float: left;
}
#demo2p3 {
	float: left;
}
.top_14 {
	list-style: none outside none;
	display: inline;
}
ul {
	list-style: none outside none;
}
.top_14 li {
	float: left;
	overflow: hidden;
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	width: 360px;
	background: rgba(255,255,255,0.5);
	margin-right: 20px;
	padding-left: 5px;
}
.top_14 h3 {
	margin: 0 auto;
}
.top_14 h3 a {
	width: 390px;
	height: 180px;
	padding: 1px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
 *display:block;
 *font-size: 129px;
 *font-family:Arial;
/* color: #003366;

    font-weight: bold; */

}
.top_14 h3 img {
	vertical-align: middle;
}
.top_14 li p {
	margin-top: 7px;
}
.top_14 li p .a1 {
	font-size: 14px;
	border: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
	height: 40px;
	line-height: 30px;
}
.top_14 li p .a1:hover {
	color: #006cc9;
}
/* 首页热销产品结束*/

.bz_xinwen {
	overflow: hidden;
	background: url(../images/xwbg.jpg) no-repeat center;
}
.bz_new {
	width: 88%;
	margin: 0 auto;
	font-family: "Microsoft Yahei";
}
.bz_new h3 {
	line-height: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 14px;
	font-size: 20px;
	padding-left: 10px;
	color: #333;
	font-weight: 600;
}
.bz_new h3 a {
	font-size: 16px;
	color: #469bda;
	font-weight: normal;
	float: right;
}
.new_l {
	width: 45%;
	padding: 25px 22px;
	border: 1px solid #fafafa;
	box-shadow: 0 0 15px #404040;
	height: 395px;
	float: left;
	border-radius: 3px;
	background: #fff;
}
.new_l a {
	font-weight: bold;
	color: #333;
	line-height: 2em;
}
.new_l p {
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 16px;
	line-height: 2em;
	color: #666;
}
.new_l p img {
	width: 530px;
}
.new_l em {
	border-bottom: 22px solid #ccc;
	display: inline-block;
	width: 2px;
	margin: 0 0 7px 0;
	float: left;
}
.faqs em {
	border-bottom: 22px solid #ccc;
	display: inline-block;
	width: 2px;
	margin: 0 0 7px 0;
	float: left;
}
.bz_new ul li {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #e0e0e0;
	padding-left: 18px;
	background: url(../images/n_li.jpg) no-repeat 5px 19px;
	padding-right: 18px;
}
.faq_c ul li:nth-child(1) {
	display: none;
}
.faq_c ul li:nth-child(2) {
	display: none;
}
.bz_new ul li.nob {
	border-bottom: none;
}
.bz_new ul li a {
	display: block;
	font-size: 16px;
	color: #323333;
	line-height: 45px;
}
.bz_new ul li a:hover {
	font-weight: bold;
}
.bz_new ul li:nth-last-child(1) {
}
.bz_new ul li a span {
	float: right;
	font-weight: normal;
}
.faqs {
	width: 45%;
	overflow: hidden;
	border: 1px solid #fafafa;
	box-shadow: 0 0 15px #404040;
	padding: 25px 22px;
	height: 395px;
	float: right;
	border-radius: 3px;
	background: #fff;
}
.faq_c dl {
	overflow: hidden;
	padding-bottom: 14px;
	padding-top: 14px;
	border-bottom: 1px dashed #ccc;
}
.faq_c dl dt {
	font-size: 0;
	float: left;
	width: 130px;
}
.faq_c dl dt img {
	width: 120px;
	height: 90px;
	border-radius: 11px;
	display: inline-block;
}
.faq_c dl dd {
	width: 100%;
	float: right;
}
.faq_c dl dd h4 {
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
}
.faq_c dl dd h4 a {
	font-size: 16px;
	color: #333;
}
.faq_c dl dd h4 a span {
	float: right;
	padding-right: 15px;
	font-weight: normal;
}
.faq_c dl dd h4 a:hover {
	text-decoration: underline;
}
.faq_c dl dd p {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	height: 50px;
}
.faq_c dl dd em a {
	display: block;
	width: 120px;
	height: 37px;
	line-height: 35px;
	border-radius: 35px;
	border: 1px solid #c40000;
	color: #c40000;
	font-size: 14px;
	text-align: center;
	font-style: normal;
}
.faq_c dl dd em a:hover {
	background: #c40000;
	color: #fff;
}
.faq_c dl.last {
	margin-bottom: 10px;
}
.mr_frbox {
	width: 100%;
}
.mr_frUl {
	width: 1368px;
	;
	margin: 0 auto;
	height: 300px;
}
.mr_frUl ul {
	width: 88%;
	margin: 0 auto;
	padding-top: 10px;
}
.mr_frUl ul li {
	margin-right: 5px;
	float: left;
	width: 300px;
	height: 300px;
	margin: 0 18px;
	margin-bottom: 30px;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
	border: 1px #cac9c9 solid;
}
.mr_frUl ul li p {
	width: 300px;
	height: 250px;
	background-color: rgba(255,255,255,0.2);
	overflow: hidden;
}
.mr_frUl ul li span {
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
	display: block;
	border-top: 1px solid #F0F0F0;
}
.mr_frUl ul li span a {
	font-size: 16px;
	text-align: left;
	display: block;
	background: url(../images/more.png) right center no-repeat;
	color: #222;
	text-align: center;
}
.mr_frUl ul li:hover {
	box-shadow: 0 0 10px #888;
}
.mr_frUl ul li:hover span a {
	background: url(../images/more01.png) right center no-repeat;
}
.mr_frUl .mr_frBtnL prev1 img {
	position: absolute;
	margin-top: 50px;
}