.sousuo input[type=text] {
	transition:0.5s cubic-bezier(0.35, 0.75, 0.55, 1); -webkit-transition: all .5s cubic-bezier(.35, .75, .55, 1); -moz-transition: all .5s cubic-bezier(.35, .75, .55, 1);
}
.nav {
	transition:0.5s cubic-bezier(0.35, 0.75, 0.55, 1); -webkit-transition: all .5s cubic-bezier(.35, .75, .55, 1); -moz-transition: all .5s cubic-bezier(.35, .75, .55, 1);
}
header {
	background: rgba(0, 0, 0, 0.4); padding: 15px 50px; transition:0.3s ease-out; top: 0px; width: 100%; line-height: 70px; position: absolute; z-index: 10000; box-sizing: border-box;
}
header.active3 {
	background: rgba(0, 0, 0, 0.4); padding: 5px 50px; position: fixed;
}
.mobile {
	border-radius: 2px; transition:0.4s ease-in-out; text-align: center; line-height: 3px; padding-top: 2px; margin-top: 20px; float: right; display: none; cursor: pointer; box-sizing: border-box;
}
.mobile i {
	background: rgb(255, 255, 255); margin: 5px auto 0px; border-radius: 5px; width: 28px; height: 3px; display: block;
}
.mobile i:nth-child(1) {
	transition:0.4s ease-in-out 0.3s; margin-top: 16px;
}
.mobile i:nth-child(2) {
	transition:0.4s ease-in-out;
}
.mobile i:nth-child(3) {
	transition:0.4s ease-in-out 0.3s;
}
.mobile.active i:nth-child(1) {
	transform: rotate(45deg) translateY(6px) translateX(5px);
}
.mobile.active i:nth-child(2) {
	opacity: 0; transform: translateX(40px);
}
.mobile.active i:nth-child(3) {
	transform: rotate(-45deg) translateY(-6px) translateX(5px);
}
.nav {
	float: right; display: inline-block;
}
.sousuo {
	vertical-align: top; display: inline-block;
}
.nav ul {
	font-size: 0px; margin-right: 100px; vertical-align: top; display: inline-block; position: relative;
}
.nav ul li a {
	color: rgb(51, 51, 51); font-size: 15px;
}
.nav ul li a:hover {
	color: rgb(255, 255, 255);
}
.nav ul > li {
	padding: 0px; width: auto; text-align: center; margin-right: 35px; vertical-align: top; display: inline-block;
}
.lisnj a:nth-child(4) {
	position: relative;
}
.lisnj a:nth-child(4) img {
	left: -50px; top: 36px; width: 80px; display: none; position: absolute;
}
.lisnj a:nth-child(4):hover img {
	display: block;
}
.nav ul > li > a {
	width: auto; color: white; line-height: 1; padding-bottom: 12px; font-size: 16px; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; position: relative; transform: translateY(3px);
}
.nav ul > li:last-child a {
	border: currentColor; border-image: none;
}
.nav ul > li > a::after {
	background: white; transition:0.5s ease-in-out; width: 100%; height: 2px; bottom: -6px; display: block; position: absolute; content: ""; opacity: 0; transform: scaleX(0);
}
.nav ul > li:hover > a::after {
	opacity: 1; transform: scaleX(1);
}
.nav ul > li.active > a::after {
	opacity: 1; transform: scaleX(1);
}
.cbl li:nth-child(4) {
	position: relative;
}
.cbl li:nth-child(4) img {
	left: -73px; top: 0px; width: 73px; display: none; position: absolute;
}
.cbl li:nth-child(4):hover img {
	display: block;
}
.nav ul > li:last-child::before {
	display: none;
}
.sousuo input[type=text] {
	background: none; padding: 0px 15px; border: 1px solid rgba(250, 250, 250, 0.8); border-image: none; width: 210px; height: 38px; color: white; font-size: 15px; box-sizing: border-box;
}
.sousuo input[type=text]:focus {
	border-color: rgb(179, 145, 108);
}
.sousuo {
	position: relative;
}
.sousuo button {
	top: 23px; right: 10px; color: white; font-size: 25px; display: block; position: absolute; cursor: pointer;
}
.lisnj {
	margin-left: 50px; vertical-align: top; display: inline-block;
}
.lisnj a {
	border-radius: 50%; width: 31px; height: 31px; margin-left: 0px; vertical-align: middle; display: inline-block;
}
.lisnj a:nth-child(1) {
	background: url("../img/h2.png") no-repeat center rgb(255, 255, 255);
}
.lisnj a:nth-child(2) {
	background: url("../img/h1.png") no-repeat center rgb(255, 255, 255);
}
.lisnj a:nth-child(4) {
	background: url("../img/h3.png") no-repeat center rgb(255, 255, 255);
}
.lisnj a:nth-child(3) {
	background: url("../img/shangcheng1.png") no-repeat center / 20px rgb(255, 255, 255);
}
.lisnj a:nth-child(1):hover {
	background: url("../img/cc1.png") no-repeat center rgb(255, 255, 255);
}
.lisnj a:nth-child(2):hover {
	background: url("../img/dd1.png") no-repeat center rgb(255, 255, 255);
}
.lisnj a:nth-child(4):hover {
	background: url("../img/ff2.png") no-repeat center rgb(255, 255, 255);
}
.lisnj a:nth-child(3):hover {
	background: url("../img/shagncheng.png") no-repeat center / 20px rgb(255, 255, 255);
}
.divBox {
	margin: 0px auto; width: 75%;
}
.logo img:nth-child(2) {
	width: 320px; display: inline-block;
}
.logo img:nth-child(1) {
	display: none;
}
.bav_list {
	background: white; left: 0px; top: 60px; font-size: 0px; position: absolute;
}
.bav_list {
	transition:0.4s ease-in; width: 100%; height: 0px; line-height: 35px; overflow: hidden; z-index: -1; opacity: 0; transform: translateY(50px);
}
.nav ul > li:hover .bav_list {
	height: 245px; z-index: 1; opacity: 1; transform: translateY(0px);
}
.langgus {
	transition:0.8s ease-out 1.3s; margin-left: 15px; display: inline-block; opacity: 0; transform: translateY(100px);
}
.langgus a {
	color: white; font-size: 15px;
}
header.sb .langgus {
	opacity: 1; transform: translateY(0px);
}
.bav_list ol {
	background: rgb(248, 248, 248); padding: 30px; width: 30%; height: auto; vertical-align: middle; display: inline-block; position: relative; z-index: 2; box-sizing: border-box;
}
.bav_list ol li {
	border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.bav_list ol li:last-child {
	border: currentColor; border-image: none;
}
.bav_list ol li a {
	color: gray; font-size: 14px;
}
.bav_list ol li:hover a {
	color: rgb(0, 0, 0);
}
.bav_list ol li i {
	transition:0.3s ease-in-out; left: 9px; color: transparent; font-size: 13px; display: inline-block; position: absolute;
}
.bav_list ol li:hover i {
	color: gray;
}
.bav_list::after {
	background: rgb(248, 248, 248); left: 0px; top: 0px; width: 30%; height: 100%; display: block; position: absolute; content: "";
}
.bav_list dl {
	padding: 20px 0px; width: 70%; text-align: center; vertical-align: middle; display: inline-block;
}
.bav_list dl span {
	display: block;
}
.bav_list dl span img {
	max-width: 55%;
}
.bav_list dl dd {
	display: none;
}
.bav_list dl dd p {
	color: rgb(102, 102, 102); font-size: 14px;
}
.bav_list dl dd p font {
	color: gray; font-size: 12px;
}
footer {
	background: rgb(41, 41, 41); padding-top: 55px; position: relative; z-index: 9;
}
footer .divBox {
	font-size: 0px;
}
.footer {
	width: 68%; font-size: 0px; vertical-align: top; display: inline-block;
}
.footer dl {
	width: 14%; vertical-align: top; display: inline-block;
}
.footer dl dt a {
	padding: 15px 0px; color: rgb(255, 255, 255); font-size: 15px; display: inline-block; position: relative;
}
.footer dl dt {
	margin-bottom: 10px; border-bottom-color: rgb(205, 205, 205); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer dl dt a::after {
	background: rgb(174, 174, 174); transition:0.3s ease-in-out; left: 0px; width: 100%; height: 2px; bottom: 0px; display: block; position: absolute; content: ""; opacity: 0;
}
.footer dl dt:hover a::after {
	opacity: 1;
}
.footer dl dd a {
	padding: 3px 0px; color: rgb(202, 202, 202); font-size: 14px; display: inline-block;
}
.footer dl dd a:hover {
	color: rgb(255, 255, 255);
}
.footer1 {
	width: 30%; margin-left: 2%; vertical-align: top; display: inline-block;
}
.footer1_div1 {
	padding: 10px 20px; border: 1px solid rgb(182, 182, 182); border-image: none; margin-top: 5px; box-sizing: border-box;
}
.footer1_div1 span {
	color: rgb(255, 255, 255); font-size: 14px; margin-left: 15px; vertical-align: middle; display: inline-block;
}
.footer1_div1 font {
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; margin-top: 3px; float: right;
}
.footer_swiper img {
	transition:0.3s ease-in-out; max-width: 70%;
}
.footer_swiper {
	margin-top: 16px; position: relative;
}
.footer_swiper .swiper-pagination {
	text-align: center; margin-top: 20px; position: static;
}
.footer_swiper .swiper-pagination span {
	background: rgb(153, 153, 153); margin-left: 10px; position: relative; opacity: 1;
}
.footer_swiper .swiper-pagination span:first-child {
	margin-left: 0px;
}
.footer_swiper .swiper-pagination span::after {
	border-radius: 50%; border: 1px solid rgb(153, 153, 153); border-image: none; left: -3px; top: -3px; width: 12px; height: 12px; position: absolute; content: ""; opacity: 0;
}
.footer_swiper .swiper-pagination .swiper-pagination-bullet-active::after {
	opacity: 1;
}
.footer_swiper .swiper-slide {
	line-height: 63px;
}
.footer_swiper img {
	width: 230px; margin-top: 60px; float: right;
}
.footer_swiper img:hover {
	
}
.foot_sec {
	padding: 25px 0px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.foot_sec span {
	color: rgb(202, 202, 202); font-size: 12px;
}
.foot_sec .bdsharebuttonbox {
	float: right; display: inline-block;
}
.foot_sec .bdshare-button-style0-16 a {
	padding: 0px; width: 20px; height: 20px; opacity: 0.5;
}
.foot_sec .bdshare-button-style0-16 .bds_more {
	padding: 0px; width: 20px; height: 20px; opacity: 0.5;
}
.foot_sec .bdshare-button-style0-16 a:nth-child(1) {
	background: url("../img/weixin.png") no-repeat center / 100% 100%;
}
.foot_sec .bdshare-button-style0-16 a:nth-child(2) {
	background: url("../img/weibo.png") no-repeat center / 100% 100%;
}
.foot_sec .bdshare-button-style0-16 a:nth-child(3) {
	background: url("../img/qq.png") no-repeat center / 100% 100%;
}
.foot_sec .bdshare-button-style0-16 a {
	margin: 0px 15px 0px 0px;
}
.foot_sec .bdshare-button-style0-16 a:last-child {
	margin-right: 0px;
}
footer > .divBox {
	padding-bottom: 30px;
}
.foot_sec font {
	color: rgb(188, 23, 23); font-size: 14px; margin-right: 30px; float: right; display: inline-block;
}
.cbl {
	width: 72px; right: 4px; bottom: 14%; position: fixed; z-index: 3333;
}
.cbl li {
	transition:0.4s ease-in-out; height: 73px; margin-top: 0px;
}
.cbl span {
	background: rgb(255, 255, 255); border: 1px solid rgb(188, 23, 23); transition:0.4s ease-in-out; border-image: none; width: 72px; height: 73px; text-align: center; color: white; line-height: 72px; font-size: 12px; display: inline-block; box-sizing: border-box;
}
.cbl span i {
	color: white; font-size: 40px; display: block;
}
.cbl span p {
	
}
.cbl li {
	margin-bottom: 4px;
}
.cbl li span {
	padding-top: 20px; display: inline-block;
}
.cbl li:nth-child(1) span {
	background: url("../img/xf-h1.png") no-repeat center 10px / 34px auto rgb(255, 255, 255); color: rgb(102, 102, 102); font-size: 12px;
}
.cbl li:nth-child(2) span {
	background: url("../img/xf-h2.png") no-repeat center 10px / 34px auto rgb(255, 255, 255); color: rgb(102, 102, 102); font-size: 12px;
}
.cbl li:nth-child(3) span {
	background: url("../img/xf-h3.png") no-repeat center 10px / 34px auto rgb(255, 255, 255); color: rgb(102, 102, 102); font-size: 12px;
}
.cbl li:nth-child(4) span {
	background: url("../img/xf-h4.png") no-repeat center 10px / 34px auto rgb(255, 255, 255); color: rgb(102, 102, 102); font-size: 12px;
}
.cbl li:nth-child(5) span {
	background: url("../img/xf-h5.png") no-repeat center 10px / 34px auto rgb(255, 255, 255); color: rgb(102, 102, 102); font-size: 12px;
}
.cbl li:nth-child(1):hover span {
	background: url("../img/xf-b1.png") no-repeat center 10px / 34px auto rgb(188, 23, 23); color: rgb(255, 255, 255); font-size: 12px;
}
.cbl li:nth-child(2):hover span {
	background: url("../img/xf-b2.png") no-repeat center 10px / 34px auto rgb(188, 23, 23); color: rgb(255, 255, 255); font-size: 12px;
}
.cbl li:nth-child(3):hover span {
	background: url("../img/xf-b3.png") no-repeat center 10px / 34px auto rgb(188, 23, 23); color: rgb(255, 255, 255); font-size: 12px;
}
.cbl li:nth-child(4):hover span {
	background: url("../img/xf-b4.png") no-repeat center 10px / 34px auto rgb(188, 23, 23); color: rgb(255, 255, 255); font-size: 12px;
}
.cbl li:nth-child(5):hover span {
	background: url("../img/xf-b5.png") no-repeat center 10px / 34px auto rgb(188, 23, 23); color: rgb(255, 255, 255); font-size: 12px;
}
.sj-kefu-xuanfukuang {
	display: none;
}
@media all and (max-width:1280px)
{
.sj-kefu-xuanfukuang {
	width: 60px; right: 0px; bottom: 18%; display: block; position: fixed; z-index: 3333;
}
.sj-kefu-xuanfukuang li {
	transition:0.4s ease-in-out; height: 60px; margin-top: 0px;
}
.sj-kefu-xuanfukuang span {
	background: rgb(255, 255, 255); border-radius: 30px; border: 1px solid rgba(188, 23, 23, 0.5); transition:0.4s ease-in-out; border-image: none; width: 60px; height: 60px; text-align: center; color: white; padding-top: 45px; font-size: 12px; display: inline-block; box-sizing: border-box;
}
.sj-kefu-xuanfukuang li {
	transition:0.4s ease-in-out; height: 60px; margin-top: 0px;
}
.sj-kefu-xuanfukuang li:nth-child(1) span {
	background: url("../img/xf-b1.png") no-repeat center 13px / 35px auto rgb(188, 23, 23); color: rgb(255, 255, 255); font-size: 12px;
}
}
.logo {
	transition:0.8s ease-out 0.3s; display: inline-block; opacity: 0; transform: translateX(-100px);
}
header.sb .logo {
	opacity: 1; transform: translateX(0px);
}
header.sb .nav > ul > li > a {
	opacity: 1; transform: translateY(0px);
}
header.sb .sousuo {
	opacity: 1; transform: translateY(0px);
}
header.sb .lisnj {
	opacity: 1; transform: translateY(0px);
}
.nav > ul > li > a {
	opacity: 0; transform: translateY(100px);
}
.sousuo {
	opacity: 0; transform: translateY(100px);
}
.lisnj {
	opacity: 0; transform: translateY(100px);
}
.lisnj span {
	color: rgb(255, 255, 255); font-size: 24px;
}
.nav > ul > li:nth-child(1) > a {
	transition:0.8s ease-out 0.3s;
}
.nav > ul > li:nth-child(2) > a {
	transition:0.8s ease-out 0.4s;
}
.nav > ul > li:nth-child(3) > a {
	transition:0.8s ease-out 0.5s;
}
.nav > ul > li:nth-child(4) > a {
	transition:0.8s ease-out 0.6s;
}
.nav > ul > li:nth-child(5) > a {
	transition:0.8s ease-out 0.7s;
}
.nav > ul > li:nth-child(6) > a {
	transition:0.8s ease-out 0.8s;
}
.nav > ul > li:nth-child(7) > a {
	transition:0.8s ease-out 0.9s;
}
.nav > ul > li:nth-child(8) > a {
	transition:0.8s ease-out 1s;
}
.sousuo {
	transition:0.8s ease-out 1.1s;
}
.lisnj {
	transition:0.8s ease-out 1.2s;
}
.youqinglianjie {
	text-align: left; margin-top: 23px;
}
.youqinglianjie li {
	color: rgb(202, 202, 202); font-size: 14px; margin-right: 15px; vertical-align: top; display: inline-block;
}
.youqinglianjie li a {
	color: rgb(202, 202, 202); font-size: 14px;
}
.youqinglianjie li:hover a {
	color: rgb(255, 255, 255);
}
@media only screen and (max-width:1660px)
{
.footer dl dd a {
	font-size: 14px;
}
}
@media only screen and (max-width:1550px)
{
.divBox {
	width: 85%;
}
.nav ul > li {
	margin-right: 25px;
}
.sousuo input[type=text] {
	width: 180px; height: 32px;
}
.logo img {
	width: 66px;
}
.footer dl dd a {
	font-size: 13px;
}
}
