@charset "utf-8";
html {
	overflow-x: hidden
}
body {
	color: #333;
	font: 14px "Microsoft Yahei"
}
body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, span, ul {
	margin: 0;
	padding: 0;
	list-style: none
}
a {
	color: #333;
	text-decoration: none
}
a:focus {
	outline: 0
}
img {
	border: none
}
.vam {
	vertical-align: middle
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0
}
p {
	word-spacing: 0
}
em, i {
	font-style: normal
}
.tr {
	text-align: right
}
.tl {
	text-align: left
}
.center {
	text-align: center
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pa {
	position: absolute
}
.pr {
	position: relative
}
.clearfix:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden
}
.clearfix {
	zoom: 1
}
.content {
	width: 1200px;
	margin: 0 auto
}
.pic {
	width: 100%;
	overflow: hidden;
}
.pic img {
	-o-transition: all 1s linear 0s;
	transition: all 1s linear 0s
}
.pic:hover img {
	-webkit-transform: scale(1.05) rotate(0) translateY(0);
	-ms-transform: scale(1.05) rotate(0) translateY(0);
	transform: scale(1.05) rotate(0) translateY(0)
}
.white, .whites {
	position: relative;
	overflow: hidden
}
.white:after, .whites:after {
	content: '';
	cursor: pointer;
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	transform: skewx(-25deg)
}
.white:hover:after {
	left: 100%;
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s
}
.whites:hover:after {
	left: 100%;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s
}
body {
	min-width: 1200px;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden
}
em, i {
	font-style: normal
}
 input::-webkit-input-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
input::-moz-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
input:-moz-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
input:-ms-input-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
@keyframes myfirst {
0% {
background-position:0 bottom
}
100% {
background-position:100% bottom
}
}
.line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.clear {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
/*@media screen and (max-width:1440px){.content{width:1200px;margin:0 auto}*/
/*}*/
/*
.banner {
	height: auto;
	max-width: 1920px;
	margin: 0 auto!important;
	position: relative;
	margin-top: -34px
}
.banner .bd li {
	width: 100%;
}
.banner .bd li img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.banner .bd li a {
	display: block
}
.banner .hd {
	position: absolute;
	bottom: 30px;
	width: 100%;
	height: 2px;
	cursor: pointer;
	text-align: center;
	z-index: 9;
	font-size: 0
}
.banner .hd li {
	display: inline-block;
	width: 43px;
	height: 4px;
	background: #fff;
	margin: 0 4px;
	opacity: 1;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.banner .hd li.on {
	background: #e60012;
	width: 54px
}
.banner p {
	position: absolute;
	top: 50%;
	z-index: 99;
	opacity: 1;
	text-align: center;
	margin-top: -26px;
	width: 53px;
	height: 53px;
	background: rgba(27,27,27,.3);
	cursor: pointer;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.banner p:hover {
	background: #e60012
}
.banner .prev {
	left: 0
}
.banner .next {
	right: 0
}*/
.sou {
	height: 75px;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
}
.htwd {
	float: left;
	width: 700px;
	margin-top: 24px;
	font-size: 14px;
	color: #333333;
	line-height: 26px;
}
.htwd i {
	float: left;
	font-weight: bold;
}
.htwd p a {
	color: #666666;
	margin-right: 20px;
}
.htwd p a:hover {
	color: #192795;
}
.s_box {
	float: right;
	width: 295px;
	height: 40px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 20px;
	margin-top: 15px;
	position: relative;
}
.s_box:after {
	position: absolute;
	left: 254px;
	top: 12px;
	width: 1px;
	height: 14px;
	background: #e9e9e9;
	content: "";
}
.s_box .txt {
	float: left;
	width: 265px;
	padding-left: 20px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #333;
	border: 0;
	background: none;
	outline: 0;
	box-sizing: border-box;
}
.s_box .btn {
	float: left;
	width: 17px;
	height: 18px;
	background: url(../img/sea.png) no-repeat center;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin-top: 10px;
}
.s_box .txt::-webkit-input-placeholder {
color:#D0D0D0;
}
.s_box .txt::-moz-placeholder {
color:#D0D0D0;
}
.yz {
	padding-top: 50px;
	padding-bottom: 50px;
}
.yz_con {
}
.yz_con dl {
	float: left;
	width: 340px;
	margin-right: 13px;
	position: relative;
	z-index: 10;
	box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #999;
}
/*.yz_con dl:after{ position:absolute;left:0px;top:436px;width:100%;height:26px;background:url(../img/yz_dd.png) no-repeat  center;content:"";z-index:-1;}*/
.yz_con dl:last-child {
	margin-right: 0
}
.yz_con dt {
	display: block;
	width: 340px;
	height: 225px;
	overflow: hidden;
}
.yz_con dt img {
	display: block;
	width: 340px;
	height: 225px;
}
.yz_con dd {
	height: 200px;
	background: #fff;
}
.yz_con dd span {
	display: block;
	width: 105px;
	height: 105px;
	margin: -52px auto 0;
	position: relative;
}
.yz_con dd span em {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.yz_con dd span img {
	display: block;
	width: 105px;
	height: 105px;
}
.yz_con dd span i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
/*.yz_con dd em{ display: block;width: 105px;height: 105px;margin: -52px auto 0;position: relative;z-index: 20;overflow: hidden; }*/
/*.yz_con dd em img{ display: block;width: 105px;height: 105px; }*/
/*.yz_con dl.cur em{animation-duration: 2s;animation-name: flipInY;}*/
/*.yz_con dl.cur em img:nth-child(1){ margin-top: -105px; } */

/*.yz_con dl.cur dd{background: #e60012; }*/
.yz_con dd h3 {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #333;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
}
.yz_con dd h3 b {
	color: #e60012;
}
.yz_con dd p {
	font-size: 16px;
	line-height: 23px;
	color: #666666;
	padding-top: 14px;
	text-align: center;
}
/*.yz_con dl.cur dd h3,.yz_con dl.cur dd p{ color:#fff;}*/
/*.yz_con dl.cur dd h3 b{  color: #f39801; }*/

.yz_con dl.cur em {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 52px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 52px, 0) rotate3d(1, 0, 0, -90deg);
}
.yz_con dl.cur i {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
}
 @media screen and (max-width:1920px) {
.yz_con dl {
	width: 290px;
	margin-right: 13px;
}
.yz_con dt {
	display: block;
	width: 290px;
	height: 192px;
	overflow: hidden;
}
.yz_con dt img {
	display: block;
	width: 290px;
	height: 192px;
}
}
.pro {
	padding: 50px 0 50px;
	background: url(../img/pro_bg.jpg) no-repeat center top;
	box-sizing: border-box;
}
.pro_t {
	height: 150px;
	background: #fff;
}
.pro_t li {
	float: left;
	width: 33.3333%;
	/*display:block;*/
	background: url(../img/pro_line1.png) no-repeat right 28px;
	padding: 0 2.8%;
	box-sizing: border-box;
}
.pro_t li:first-child {
	background: url(../img/pro_line1.png) no-repeat right 28px;
}
.pro_t li:last-child {
	background: 0;
}
.pro_t li em {
}
.pro_t li em a {
	display: block;
	height: 66px;
	border-bottom: 1px solid #e7e7e7;
	line-height: 66px;
	font-size: 26px;
	color: #333333;
	padding-top: 8px;
	margin-bottom: 8px;
}
.pro_t li em span {
	float: right;
	width: 32px;
	height: 32px;
	background: #e60012;
	border-radius: 32px;
	font-size: 28px;
	color: #FFF;
	line-height: 28px;
	margin-top: 15px;
	text-align: center;
}
.pro_t p a {
	float: left;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 400;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	padding-left: 12px;
	background: url(../img/pro_ic.png) no-repeat 0 12px;
}
.pro_t li:nth-child(1) p a {
	min-width: 160px;
}
.pro_t li:nth-child(2) p a, .pro_t li:nth-child(3) p a {
	min-width: 160px;
}
.pro_t p a:hover {
	font-weight: bold;
	color: #f39801;
	background: url(../img/pro_ich.png) no-repeat 0 12px;
}
 @media screen and (max-width:1920px) {
.pro_t p a {
	min-width: 98px;
}
.pro_t li:nth-child(2) p a, .pro_t li:nth-child(3) p a {
	min-width: 160px;
}
}
.pro_l {
	float: left;
	width: 300px;
	background: #fff;
}
.pro_l li {
	display: block;
	width: 300px;
	padding: 0 32px;
	box-sizing: border-box;
	height: 214px;
}
.pro_l li:last-child {
	height: 213px;
}
.pro_l li a {
	display: block;
	height: 214px;
}
.pro_l li:last-child a {
	border-bottom: 0;
}
.pro_l li em {
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	padding-top: 73px;
	color: #333333;
	display: block;
	font-family: Arial;
	opacity: 0.2;
	transition: all 0.5s;
}
.pro_l li b {
	margin-top: 16px;
	display: block;
	font-size: 22px;
	color: #333;
	line-height: 22px;
	font-weight: normal;
}
.pro_l li b img {
	display: block;
	width: auto;
	height: 23px;
}
.pro_l li span img {
	display: block;
}
.pro_l li.on {
	background: #e60012;
}
.pro_l li.on em {
	color: #fff;
	opacity: 0.2;
	padding-top: 38px;
}
.pro_l li.on b {
	color: #fff;
}
.pro_l li.on b img:nth-child(1) {
	margin-top: -23px;
}
.pro_l li.on span img {
	display: block;
	margin-top: 26px;
}
.pro_bd {
	float: right;
	width: 960px;
	position: relative;
}
.pro_r dl {
	position: relative;
	width: 960px;
	position: relative;
}
.pro_r dt {
	display: block;
	width: 960px;
	overflow: hidden;
	height: 641px;
}
.pro_r dt img {
	display: block;
	width: 960px;
	height: 641px;
}
.pro_r dd {
	width: 280px;
	height: 641px;
	background: #fff;
	padding: 117px 46px 0;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 0;
}
.pro_r dd h3 {
	display: block;
	font-size: 30px;
	color: #e60012;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 30px;
}
.pro_r dd div p {
	font-size: 16px;
	color: #3a3a3a;
	line-height: 25px;
	margin-bottom: 26px;
	display: block;
}
.pro_r dd div p b {
	display: block;
	color: #f39801;
	padding-left: 24px;
	background: url(../img/pro_g.png) no-repeat left;
}
.pro_r dd .more {
	display: block;
	width: 132px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: #f39801;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	transition: all 0.5s;
}
.pro_r dd .more:hover {
	transform: translateY(-4px)
}
.pro_z {
	position: absolute;
	left: 40px;
	bottom: 55px;
}
.pro_z li {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #fff;
	margin-right: 15px;
	border-radius: 8px;
	cursor: pointer;
}
.pro_z li.on {
	background: #f39801;
}
 @media screen and (max-width:1920px) {
.pro_l {
	float: left;
	width: 240px;
	background: #fff;
}
.pro_l li {
	display: block;
	width: 240px;
	padding: 0 32px;
	box-sizing: border-box;
	height: 183px;
}
.pro_l li:last-child {
	height: 183px;
}
.pro_l li a {
	display: block;
	height: 183px;
}
.pro_bd {
	float: right;
	width: 960px;
	position: relative;
}
.pro_r dl {
	position: relative;
	width: 960px;
}
.pro_r dt {
	display: block;
	width: 960px;
	overflow: hidden;
	height: 549px;
}
.pro_r dt img {
	display: block;
	width: 960px;
	height: 549px;
}
.pro_r dd {
	width: 280px;
	height: 549px;
	background: #fff;
	padding: 72px 36px 0;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 0;
}
.pro_l li em {
	padding-top: 53px;
}
.pro_l li.cur em {
	padding-top: 40px;
}
}
.pro_s {
	margin-top: 24px;
}
.pro_s .tempWrap {
	width: 1200px!important;
}
.pro_s li {
	float: left;
	width: 284px;
	margin-right: 21px;
}
.pro_s li:last-child {
	margin-right: 0;
}
.pro_s li i {
	display: block;
	width: 284px;
	height: 213px;
	overflow: hidden;
}
.pro_s li img {
	display: block;
	width: 284px;
	height: 213px;
}
.pro_s li span {
	display: block;
	font-size: 16px;
	color: #0d0d0d;
	line-height: 16px;
	text-align: center;
	padding-top: 20px;
}
.so {
	background: url(../img/so_bg.jpg) no-repeat center top;
	padding: 80px 0;
	box-sizing: border-box;
}
.so .tit span, .so .tit i {
	color: #fff;
}
.so_con {
	margin-top: 54px;
}
.so_l {
	float: left;
	width: 700px;
}
.so_qie li {
	display: block;
	width: 700px;
	height: 359px;
	overflow: hidden;
}
.so_qie li img {
	width: 700px;
	height: 359px;
	overflow: hidden;
}
.so_t {
	height: 86px;
	background: #fff;
}
.so_t li {
	float: left;
	position: relative;
	width: 140px;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	height: 86px;
	padding-top: 25px;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
}
.so_t li:after {
	position: absolute;
	left: 128px;
	top: 32px;
	width: 23px;
	height: 23px;
	background: url(../img/so_jt.png) no-repeat center;
	content: "";
	z-index: 10;
}
.so_t li:nth-child(5), .so_t li:nth-child(4) {
	padding-top: 0;
	line-height: 86px;
}
.so_t li:last-child:after {
	background: 0;
}
.so_t li.on {
	font-weight: bold;
	color: #fff;
	background: #f39801
}
.so_r {
	float: right;
	width: 700px;
	padding: 0 75px;
	box-sizing: border-box;
}
.so_r .desc {
	padding: 40px 0 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.so_r ul {
	margin-top: 40px;
	height: 142px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 56px;
}
.so_r li {
	float: left;
	margin-right: 63px;
	position: relative;
}
.so_r li:after {
	position: absolute;
	left: 50%;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #fff;
	top: 140px;
	margin-left: -3px;
	background: #fff;
	content: "";
}
.so_r li:last-child {
	margin-right: 0;
}
.so_r li img {
	display: block;
	width: 84px;
	height: 84px;
	margin: 0 auto;
}
.so_r li:hover img {
	animation-duration: 2s;
	animation-name: flipInY;
}
.so_r li span {
	display: block;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
	padding-top: 20px;
	color: #fff;
}
.so_s p {
	float: left;
	margin-right: 25px;
}
.so_s p img {
	display: block;
	width: 34px;
	height: 34px;
	float: left;
	margin-right: 8px;
}
.so_s p:hover img {
	animation-duration: 2s;
	animation-name: flipInY;
}
.so_s p strong {
	display: block;
	font-size: 26px;
	color: #fff;
	line-height: 34px;
	float: left;
	font-family: DIN;
}
.so_s .zx {
	display: block;
	width: 110px;
	height: 36px;
	line-height: 36px;
	border-radius: 19px;
	background: #f39801;
	text-align: center;
	font-size: 14px;
	color: #fff;
	transition: all 0.5s;
	float: left;
}
.so_s .zx:hover {
	transform: translateY(-4px)
}
 @media screen and (max-width:1920px) {
.so_l {
	float: left;
	width: 600px;
}
.so_qie li {
	display: block;
	width: 600px;
	height: 308px;
	overflow: hidden;
}
.so_qie li img {
	width: 600px;
	height: 308px;
	overflow: hidden;
}
.so_t li {
	float: left;
	position: relative;
	width: 120px;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	height: 86px;
	padding-top: 25px;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
}
.so_t li:after {
	position: absolute;
	left: 108px;
	top: 32px;
	width: 23px;
	height: 23px;
	background: url(../img/so_jt.png) no-repeat center;
	content: "";
	z-index: 10;
}
.so_r .desc {
	padding: 20px 0 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.so_r {
	float: right;
	width: 600px;
	padding: 0 20px 0 60px;
}
.so_r li {
	margin-right: 52px;
}
}
.ys_bg {
	padding: 50px 0;
	background: #f0f0f0;
}
.ys_t {
}
.ys_t li {
	float: left;
	width: 350px;
	height: 117px;
	box-sizing: border-box;
	padding-left: 68px;
	padding-top: 32px;
	background: #fff;
	position: relative;
}
.ys_t li:after {
	position: absolute;
	right: 0;
	top: 30px;
	height: 60px;
	width: 1px;
	background: #dcdcdc;
	content: "";
}
.ys_t li:last-child:after {
	background: 0;
}
.ys_t li.on:after {
	background: 0;
}
.ys_t li i {
	display: block;
	width: 54px;
	height: 54px;
	overflow: hidden;
	float: left;
}
.ys_t li i img {
	display: block;
	width: 54px;
	height: 54px;
	transition: all 0.4s;
}
.ys_t li.on i img:nth-child(1), .ys_t li:hover i img:nth-child(1) {
	margin-top: -54px;
}
.ys_t li.on, .ys_t li:hover {
	background: #e60012;
}
.ys_t li em {
	display: block;
	float: left;
	margin-left: 6px;
}
.ys_t li em b {
	display: block;
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	color: #333333;
	padding: 8px 0 6px;
	font-weight: normal;
}
.ys_t li em span {
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #e9e9e9;
	font-family: Arial;
	text-transform: uppercase;
}
.ys_t li.on em b, .ys_t li:hover em b {
	font-weight: bold;
	color: #fff;
}
.ys_t li.on em span, .ys_t li:hover em span {
	color: #fd9ea5;
}
 @media screen and (max-width:1920px) {
.ys_t li {
	float: left;
	width: 300px;
	height: 117px;
	box-sizing: border-box;
	padding-left: 50px;
	padding-top: 32px;
	background: #fff;
	position: relative;
}
}
.ys_bd {
	position: relative;
}
.ys_con dl {
	position: relative;
}
.ys_con dt {
	width: 100%;
	display: block;
	position: relative;
}
.ys_con dt:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/ys_dd.png) no-repeat center;
	background-size: 100% 100%;
	content: "";
}
.ys_con dt img {
	width: 100%;
	display: block;
}
.ys_con dd {
	position: absolute;
	left: 72px;
	bottom: 105px;
	width: 728px;
}
.ys_con dd h4 em {
	display: block;
	font-size: 30px;
	color: #fff;
	line-height: 30px;
}
.ys_con dd h4 span {
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	font-weight: normal;
	padding-top: 9px;
}
.ys_con dd h4 span b {
	color: #f39801;
	font-weight: bold;
}
.ys_con dd h4 span i {
	display: inline-block;
	margin-right: 28px;
}
.ys_con dd p {
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	padding-top: 30px;
}
.ys_z {
	position: absolute;
	left: 72px;
	bottom: 50px;
}
.ys_z li {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #fff;
	margin-right: 15px;
	border-radius: 8px;
	cursor: pointer;
}
.ys_z li.on {
	background: #f39801;
}
 @-webkit-keyframes fadeInDown1 {
from {
opacity:0;
-webkit-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown1 {
from {
opacity:0;
-webkit-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.fadeInDown1 {
	-webkit-animation-name: fadeInDown1;
	animation-name: fadeInDown1
}
@-webkit-keyframes fadeInDown2 {
from {
opacity:0;
-webkit-transform:translate3d(0, -20%, 0);
transform:translate3d(0, -20%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown2 {
from {
opacity:0;
-webkit-transform:translate3d(0, -20%, 0);
transform:translate3d(0, -20%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2
}
@-webkit-keyframes fadeInLeft1 {
from {
-webkit-transform:translate3d(-10%, 0, 0);
transform:translate3d(-10%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInLeft1 {
from {
-webkit-transform:translate3d(-10%, 0, 0);
transform:translate3d(-10%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInLeft1 {
	-webkit-animation-name: fadeInLeft1;
	animation-name: fadeInLeft1
}
@-webkit-keyframes fadeInLeft2 {
from {
-webkit-transform:translate3d(-5%, 0, 0);
transform:translate3d(-5%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInLeft2 {
from {
-webkit-transform:translate3d(-5%, 0, 0);
transform:translate3d(-5%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}
@-webkit-keyframes fadeInRight1 {
from {
-webkit-transform:translate3d(10%, 0, 0);
transform:translate3d(10%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInRight1 {
from {
-webkit-transform:translate3d(10%, 0, 0);
transform:translate3d(10%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInRight1 {
	-webkit-animation-name: fadeInRight1;
	animation-name: fadeInRight1
}
@-webkit-keyframes fadeInRight2 {
from {
-webkit-transform:translate3d(3%, 0, 0);
transform:translate3d(3%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInRight2 {
from {
-webkit-transform:translate3d(3%, 0, 0);
transform:translate3d(3%, 0, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}
@-webkit-keyframes zoomLeft {
from {
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
opacity:0
}
50% {
opacity:1
}
}
@keyframes zoomLeft {
from {
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
opacity:0
}
50% {
opacity:1
}
}
.zoomLeft {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}
.zoomRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}
@-webkit-keyframes zoomIn1 {
0% {
opacity:0;
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50% {
opacity:1
}
}
@keyframes zoomIn1 {
0% {
opacity:0;
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50% {
opacity:1
}
}
.zoomIn1 {
	-webkit-animation-name: zoomIn1;
	animation-name: zoomIn1
}
@-webkit-keyframes fadeInUp1 {
from {
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInUp1 {
from {
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInUp1 {
	-webkit-animation-name: fadeInUp1;
	animation-name: fadeInUp1
}
@-webkit-keyframes fadeInUp2 {
from {
-webkit-transform:translate3d(0, 2%, 0);
transform:translate3d(0, 2%, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInUp2 {
from {
-webkit-transform:translate3d(0, 2%, 0);
transform:translate3d(0, 2%, 0);
opacity:0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}
@keyframes myfirst {
0% {
top:0;
left:0
}
25% {
top:10px;
left:0
}
50% {
top:0;
left:0
}
100% {
top:0;
left:0
}
}
@-moz-keyframes myfirst {
0% {
top:0;
left:0
}
25% {
top:10px;
left:0
}
50% {
top:0;
left:0
}
100% {
top:0;
left:0
}
}
@-webkit-keyframes myfirst {
0% {
top:0;
left:0
}
25% {
top:10px;
left:0
}
50% {
top:0;
left:0
}
100% {
top:0;
left:0
}
}
@-o-keyframes myfirst {
0% {
top:0;
left:0
}
25% {
top:10px;
left:0
}
50% {
top:0;
left:0
}
100% {
top:0;
left:0
}
}
/*  关于我们  */
@-webkit-keyframes btnRotate-ys {
0% {
 -webkit-transform: rotateY(0deg);
}
100% {
 -webkit-transform: rotateY(360deg);
}
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
	background: url(../img/aboutbg.jpg) center no-repeat;
}
.bd1 {
	width: 1200px;
	margin: 0 auto;
}
.bd-z {
	float: left;
	width: 480px;
	height: 480px;
	background: url(../img/bg.jpg);
	box-sizing: border-box;
	padding: 50px 30px 0;
}
.bd-z .i {
	font-size: 15px;
	color: #676767;
	line-height: 30px;
}
.bd-z .m {
	margin-top: 50px;
}
.bd-z .m a {
	display: block;
	width: 170px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	text-align: center;
	background: #f39801;
	color: #FFF;
	font-size: 14px;
}
.bd-z .m a:hover {
	background: #e60012;
	color: #fff;
}
.bd-y {
	width: 100%;
	height: 480px;
}
.bd-y dl {
	height: 221px;
	background: rgba(0,0,0,0.15);
	color: #fff;
	padding-top: 74px;
	box-sizing: border-box;
}
.bd-y dt {
	float: left;
	width: 20%;
	text-align: center;
}
.bd-y dt h3 {
	font-size: 48px;
	font-family: Arial;
	font-weight: normal;
	line-height: 42px;
}
.bd-y dt h3 em {
	font-size: 12px;
	font-family: Microsoft yahei;
}
.bd-y dt p {
	font-size: 16px;
}
.bd-y ul{margin-top:3px;}
.bd-y ul li a {
	display: block;
}
.bd-y ul li:nth-child(2) {
	width: 398px;
	height: 265px;
	margin-right:3px;
	background: url(../img/fy1.jpg);
	float: left;
	text-align: center;
}
.bd-y ul li:nth-child(2) img {
	margin-top: 68px;
}
.bd-y ul li:nth-child(2) p {
	font-size: 16px;
	color: #fff;
	margin-top: 8px;
}
.bd-y ul li:nth-child(2):hover img {
	-webkit-animation: btnRotate-ys 0.4s linear 1;
	animation: btnRotate-ys 0.4s linear 1;
}
.bd-y ul li:nth-child(1) {
	float: left;
	text-align: center;
	width: 398px;
	height: 265px;
	margin-right:3px;
	background: url(../img/about.jpg);
}
.bd-y ul li:nth-child(1) img {
	margin-top: 68px;
}
.bd-y ul li:nth-child(1) p {
	font-size: 16px;
	color: #fff;
	margin-top: 8px;
}
.bd-y ul li:nth-child(1):hover img {
	-webkit-animation: btnRotate-ys 0.4s linear 1;
	animation: btnRotate-ys 0.4s linear 1;
}
.bd-y ul li:nth-child(3):hover img {
	-webkit-animation: btnRotate-ys 0.4s linear 1;
	animation: btnRotate-ys 0.4s linear 1;
}
.bd-y ul li:nth-child(3) {
	float: right;
	text-align: center;
	width: 398px;
	height: 265px;
	background: url(../img/ry.jpg);
}
.bd-y ul li:nth-child(3) img {
	margin-top: 68px;
}
.bd-y ul li:nth-child(3) p {
	font-size: 16px;
	color: #fff;
	margin-top: 8px;
}
.bd-y ul li:nth-child(3):hover img {
	-webkit-animation: btnRotate-ys 0.4s linear 1;
	animation: btnRotate-ys 0.4s linear 1;
}
 @charset "utf-8";
/*去掉列表前面的小点*/

ol, ul, li {
	list-style: none;
}
/*图片没有边框   去掉图片底侧的空白缝隙*/

img {
	max-width: 100%;
	height: auto;
	border: 0;
}
/*清除浮动*/

.clearfix:after {
	visibility: hidden;
	clear: both;
	display: block;
	content: ".";
	height: 0
}
.clearfix {
 *zoom: 1
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.row {
 --bs-gutter-x: 1.5rem;
 --bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
 margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) / -2);
	margin-left: calc(var(--bs-gutter-x) / -2);
	color: #222;
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) / 2);
	padding-left: calc(var(--bs-gutter-x) / 2);
	margin-top: var(--bs-gutter-y);
}
.col-auto {
	flex: 0 0 auto;
	width: auto;
}
.col-1 {
	flex: 0 0 auto;
	width: 8.3333333333%;
}
.col-2 {
	flex: 0 0 auto;
	width: 16.6666666667%;
}
.col-3 {
	flex: 0 0 auto;
	width: 25%;
}
.col-4 {
	flex: 0 0 auto;
	width: 33.3333333333%;
}
.col-5 {
	flex: 0 0 auto;
	width: 41.6666666667%;
}
.col-6 {
	flex: 0 0 auto;
	width: 50%;
}
.col-7 {
	flex: 0 0 auto;
	width: 58.3333333333%;
}
.col-8 {
	flex: 0 0 auto;
	width: 66.6666666667%;
}
.col-9 {
	flex: 0 0 auto;
	width: 75%;
}
.col-10 {
	flex: 0 0 auto;
	width: 83.3333333333%;
}
.col-11 {
	flex: 0 0 auto;
	width: 91.6666666667%;
}
.col-12 {
	flex: 0 0 auto;
	width: 100%;
}
.btit {
	text-align: center;
	position: relative;
	height: 80px;
	margin-bottom: 20px;
}
.btit div {
	font-size: 72px;
	line-height: 1;
	color: #f3f3f3;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.btit h2 {
	font-size: 36px;
	position: relative;
	margin-top: -40px;
	height: 0;
	color: #333333;
	font-weight: bold;
}
.btit p {
	background-color: #fff;
	border: 1px solid #f0f0f0;
	color: #666;
	font-size: 1.4rem;
	box-shadow: 0 3px 0 #eee;
	display: inline-block;
 padding: .3rem 3.5rem;
	border-radius: 0 12px 0 12px;
}
.index-05 {
	padding: 50px 0;
	overflow: hidden;
}
.slick-zs {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.index-05 .slick-zs li {
	margin: 8px 1%;
	width: 18.2%;
	float: left;
}
.index-05 .slick-zs li:nth-child(5n) {
	margin-right: 0;
}
.index-05 .slick-zs li:nth-child(5n-4) {
	margin-left: 0;
}
.index-05 .slick-zs li .pic {
	border: 1px solid #f0f0f0;
	padding: 5px;
}
.index-05 .slick-zs li p {
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 30px;
}
.index-14 {
	background: #f5f5f5;
	padding-top: 50px;
	padding-bottom: 50px;
	 filter: drop-shadow(1px 1px 1px rgba(83,83,83,.5));
                /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
                -webkit-filter: drop-shadow(1px 1px 1px rgba(83,83,83,.5));
}
.index-14 .btit > div {
	color: rgba(0, 0, 0, 0.03);
}
.index-14 .inew {
	display: flex;
	justify-content: space-between;
}
.index-14 .inew .item {
	width: 32%;
	background-color: #fff;
}
.index-14 .inew .item .tit {
	border-bottom: 1px solid #F0F0F0;
 margin-bottom: .5rem;
	padding: 1rem 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1;
}
.index-14 .inew .item .tit i {
	font-size: 18px;
	color: #e60012;
	opacity: .5;
	margin-right: 8px;
	position: relative;
	top: 1px;
}
.index-14 .inew .item .tit span {
	font-size: 18px;
	color: #333;
	flex: 1;
}
.index-14 .inew .item .tit a {
	color: #999;
}
.index-14 .inew .item .txt {
	padding: 1rem;
}
.index-14 .inew .item .txt .pic {
	position: relative;
}
.index-14 .inew .item .txt .pic p {
	position: absolute;
	bottom: 0;
	background: #e60012;
	opacity: .9;
	width: 100%;
	color: #fff;
	padding: 1rem 2rem;
}
.index-14 .inew .item .txt li a {
	display: block;
	font-size: 14px;
	color: #666;
	padding: 0.8rem 1rem;
}
.index-14 .inew .item .txt li a i {
	font-size: 12px;
	color: #999;
	transform: scale(0.6);
	display: inline-block;
	position: relative;
	left: 0;
	transition: all .5s;
}
.index-14 .inew .item .txt li:nth-of-type(2n) {
	background-color: #f5f5f5;
}
.index-14 .inew .item .txt li:hover a {
	color: #e60012;
}
.index-14 .inew .item .txt li:hover a i {
	left: -5px;
	transition: all .5s;
	color: #e60012;
}
.index-14 .inew .faq {
	display: flex;
	flex-flow: column;
}
.index-14 .inew .faq .tit {
	background: linear-gradient(to right, #bb0311, #e60012);
	margin-bottom: 0;
	border-bottom: none;
}
.index-14 .inew .faq .tit i {
	color: #fff;
}
.index-14 .inew .faq .tit span {
	color: #fff;
}
.index-14 .inew .faq .tit a {
	color: #fff;
	opacity: .6;
}
.index-14 .inew .faq .txt {
	border: 5px solid #e60012;
	border-top: none;
	flex: 1;
}
.index-14 .inew .faq .txt .cjwt {
	width: 100%;
	height: 100%;
}
.index-14 .inew .faq .txt .cjwt a {
	display: block;
	border: 1px solid #f0f0f0;
	padding: 1rem;
	border-radius: 0 15px 0 15px;
 margin: .5rem 0;
}
.index-14 .inew .faq .txt .cjwt a h3 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
}
.index-14 .inew .faq .txt .cjwt a p {
	margin: 0.5rem 0;
	font-size: 14px;
	color: #888;
}
.index-14 .inew .faq .txt .cjwt a:hover {
	border-color: #e60012;
}



/* 公司特征 */

.feature{width: 100%;
  padding-top:50px;
  padding-bottom:50px;
  }

.feature .row .liangdian {
width:24.9%;
  float:left;
    border-right: 1px dotted #c6c6c6;

}
.feature .row .liangdian:nth-child(4) {
    border-right: 0;

}


.feature .row i {

    display: block;

    margin: 0 auto;

    width: 54px;

    height: 50px;

}



.feature .row .liangdian:nth-child(1) i {

    background: url('../img/feature.png');

}



.feature .row .liangdian:nth-child(2) i {

    background: url('../img/feature.png') -54px 0;

}



.feature .row .liangdian:nth-child(3) i {

    background: url('../img/feature.png') -108px 0;

}



.feature .row .liangdian:nth-child(4) i {

    background: url('../img/feature.png') -162px 0;

}



.feature .row p {

    margin-top: 10px;

    margin-bottom: 0;
text-align: center;
    font-size: 22px;

}



.feature .row span {

    font-size: 12px;

    color: #999;

}


/*首页产品*/
.product{width:1200px; height:auto; margin:20px auto 0; padding-bottom:33px;}
.product ul{width:100%;display:block; overflow:hidden;}
.product ul li{width:23.5%; height:auto; float:left;background:#fff;padding:5px; margin:0 1% 20px; text-align:center;}
.product ul li:nth-child(4n-3){margin-left:0px;}
.product ul li:nth-child(4n){margin-right:0px;}
.procon .pimg{width:100%; height:auto;overflow:hidden;}
.procon .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.product ul li a{color:#333;line-height:46px;}
.procon:hover{background:#e60012;}
.product ul li a:hover{color:#fff;line-height:46px;}
.procon:hover .pimg img{transform:scale(1.2);}




.qilin-section{overflow:hidden;}
.syabol h4 {
	font-size: 28px;
	color: #eb2534;
	font-weight: normal;
	margin: 0 0 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.syabol p {
	margin: 0;
	font-size:14px;
	line-height: 26px;/*height: 180px;*/
	overflow: hidden;
}

.qilin-section {padding: 50px 0 0;}
.container {width: 1200px;margin: 0 auto;}
.syabor img{width:100%;height:auto;}
.culture_one {
    width: 55%;
	float:right;
}
.culture_img1 {
    height: 240px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.culture_img1 img {
    height: 100%;
    width: 100%;
    transition: all 0.5s;
}
.culture_img1:hover img {
    transform: scale(1.1);
}
.culture_txt1 {
    width: 100%;
    padding-top: 10px;
    height: 45px;
    background: #f0f3fa;
}
.culture_txt1 h2 {
    font-size: 20px;
    text-align: center;
	margin:0;
}
.culture_two {
    width: 40%;
	float:left;
}
.culture {
    overflow: hidden;
    margin-bottom: 30px;
}
.s1 {
	width: 100%;
	background: #f5f5f5;
	position: relative;
	overflow: hidden;
}
.s1 .dongxiao {
	width: 1200px;
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
}
.s1 .dongxiao:before, .s1 .left .top:after {
	content: " ";
	display: table;
}
.s1 .dongxiao:after {
	clear: both;
}
.s1 .dongxiao li {
	width: 20%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari*/
	border-right: 1px solid #e1e1e1;
	height: 150px;
}
.s1 .dongxiao li:nth-child(5) {
	width: 20%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari*/
	border-right: 0;
	height: 150px;
}
.s1 .dongxiao li .a1 {
	width: 100%;
	text-align: center;
	font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
	font-size: 65px;
	color: #e60012;
	font-family: Impact, thyFont2, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
	padding-top: 15px;
}
.s1 .dongxiao li .a2 {
	width: 100%;
	text-align: center;
	font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
	font-size: 16px;
	color: #818181;
	padding-top: 12px;
}




.pc_footer {
  height: auto;
  position: relative;
  background-size: cover;
  z-index: 20;
  width: 100%;
  padding-top: 50px; }
  .pc_footer .footer_t {
    *zoom: 1;
	width:1200px;
	margin:0 auto;
    padding-bottom: 30px; }
    .pc_footer .footer_t:before, .pc_footer .footer_t:after {
      content: " ";
      display: table; }
    .pc_footer .footer_t:after {
      clear: both; }
    .pc_footer .footer_t .logoleft {
      float: left;
	  width:20%;
      margin-right: 4%; }
      .pc_footer .footer_t .logoleft .a2 {
        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
        font-size: 14px;
        color: rgba(102, 102, 102, 0.8);
        padding-top: 45px; }
      .pc_footer .footer_t .logoleft .a3 {
        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
        font-size: 32px;
        color: #fff;
        font-family: Impact;
        padding-top: 6px;
        letter-spacing: 2px; }
      .pc_footer .footer_t .logoleft .a4 {
        width: 100%;
        height: 40px;
        background: #666;
        line-height: 40px;
        margin-top: 30px;
        cursor: pointer; }
        .pc_footer .footer_t .logoleft .a4 a {
          width: 100%;
          height: 100%;
          display: block;
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.85); }
          .pc_footer .footer_t .logoleft .a4 a:hover .b2 {
            transform: translateX(6px);
            -ms-transform: translateX(6px);
            -moz-transform: translateX(6px);
            -webkit-transform: translateX(6px);
            -o-transform: translateX(6px); }
        .pc_footer .footer_t .logoleft .a4 .b1 {
          margin-left: 10px;
          margin-right: 10px; }
        .pc_footer .footer_t .logoleft .a4 .b2 {
          margin-top: 12.5px;
          margin-right: 15px;
          float: right;
          transition: 0.5s;
          -moz-transition: 0.5s;
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition-timing-function: ease;
          -moz-transition-timing-function: ease;
          /* Firefox 4 */
          -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
          -o-transition-timing-function: ease;
          /* Opera */ }
    .pc_footer .footer_t .line {
      height: 206px;
      width: 0px;
      border-left: 1px dashed rgba(102, 102, 102, 0.6);
      float: left; }
    .pc_footer .footer_t .mid {
      float: left;
      width: 40%;
      padding-top: 45px;
      margin-left: 4%; }
      .pc_footer .footer_t .mid li {
        float: left;
        margin-bottom: 30px; }
		.pc_footer .footer_t .mid li:nth-child(1) {
        min-width: 40%;}
		.pc_footer .footer_t .mid li:nth-child(3) {
        min-width: 40%;}
		.pc_footer .footer_t .mid li:nth-child(2) {
        min-width: 55%;}
		.pc_footer .footer_t .mid li:nth-child(4) {
        min-width: 55%;}
        .pc_footer .footer_t .mid li .a1 {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 14px;
          color:#666; }
        .pc_footer .footer_t .mid li .a2 {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 14px;
          color:#333;
          padding-top: 10px; }
    .pc_footer .footer_t .right {
      float: right;
	  width:28.5%; }
      .pc_footer .footer_t .right .a1 {
        *zoom: 1; }
        .pc_footer .footer_t .right .a1:before, .pc_footer .footer_t .right .a1:after {
          content: " ";
          display: table; }
        .pc_footer .footer_t .right .a1:after {
          clear: both; }
        .pc_footer .footer_t .right .a1 .b1 {
          float: right;
          text-align: left; }
          .pc_footer .footer_t .right .a1 .b1 .c1 {
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 16px;
            color: rgba(102, 102, 102, 0.95); }
          .pc_footer .footer_t .right .a1 .b1 .c2 {
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 42px;
            color: rgba(102, 102, 102, 0.95);
            font-family: thyFont2;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
          .pc_footer .footer_t .right .a1 .b1 .c3 {
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 16px;
            color: rgba(102, 102, 102, 0.95); }
          .pc_footer .footer_t .right .a1 .b1 .c4 {
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 20px;
            color: rgba(0, 0, 0, 0.95);
            font-family: thyFont3, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            padding-top: 2px; }
        .pc_footer .footer_t .right .a1 .b2 {
          float: right;
		  margin-right:10px;
          width: 100px;
          height: 100px;
          overflow: hidden; }
      .pc_footer .footer_t .right .a2 {
        padding-top: 40px;
        *zoom: 1; }
        .pc_footer .footer_t .right .a2:before, .pc_footer .footer_t .right .a2:after {
          content: " ";
          display: table; }
        .pc_footer .footer_t .right .a2:after {
          clear: both; }
        .pc_footer .footer_t .right .a2 li {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border: 1px solid rgba(235, 37, 52, 0.6);
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          /* Firefox */
          -webkit-box-sizing: border-box;
          /* Safari*/
          text-align: center;
          line-height: 48px;
          float: left;
          margin-right: 30px; }
          .pc_footer .footer_t .right .a2 li:hover a img {
            opacity: 1; }
          .pc_footer .footer_t .right .a2 li a {
            width: 100%;
            height: 100%;
            display: block; }
            .pc_footer .footer_t .right .a2 li a img {
              transition: 0.5s;
			  /*margin-top:12px;*/
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */
              opacity: 0.4; }
  .pc_footer .footer_b {
    height: 60px;
    line-height: 60px;
	width:1200px;
	margin:0 auto;
    padding-bottom: 20px; }
      .pc_footer .footer_b li:before, .pc_footer .footer_b li:after {
        content: " ";
        display: table; }
      .pc_footer .footer_b li:after {
        clear: both; }
      .pc_footer .footer_b .a1 {
        float: left;
        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.8); }
        .pc_footer .footer_b .a1 a {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 14px;
          color: rgba(0, 0, 0, 0.8);
          transition: 0.3s;
          -moz-transition: 0.3s;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition-timing-function: ease;
          -moz-transition-timing-function: ease;
          /* Firefox 4 */
          -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
          -o-transition-timing-function: ease;
          /* Opera */ }
          .pc_footer .footer_b .a1 a:hover {
            color: #eb2534; }
      .pc_footer .footer_b .a2 {
        float: right;display:block; }
        .pc_footer .footer_b .a2 a {
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 14px;
          color: rgba(0, 0, 0, 0.8);
          transition: 0.3s;
          -moz-transition: 0.3s;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition-timing-function: ease;
          -moz-transition-timing-function: ease;
          /* Firefox 4 */
          -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
          -o-transition-timing-function: ease;
          /* Opera */ }
          .pc_footer .footer_b li .a2 a:hover {
            color: #eb2534; }