﻿@charset "UTF-8";
* {
		margin: 0;
		padding: 0;
		list-style: none;
}
.imgHeight{
    position: absolute !important;
    bottom: 50px !important;
}


img {
		transition: all 1s;
}
/* img:hover{
	transform: scale(0.8);
} */


/* 产品世界 */
.menu {
		width: 100%;
		height: 135px;
		background-color: #FFFFFF;
		border-bottom: 1px solid #e6e6e6;
}
.menu .menuSub {
		width: 1280px;
		height: 100%;
		margin: 0 auto;
}
.menuSub .menuSubLeft {
		width: 330px;
		height: 100%;
		float: left;
		line-height: 135px;
		font-size: 15px;
		color: #333333;
}
.menuSubLeft .local {
		left: 16px;
}
/* .menuSubLeft>img{
	position: relative;
	top: 5px;
	margin-right: 15px;
} */
.menuSubLeft a {
		margin-left: 10px;
}
.menuSub .menuSubRight {
		width: 950px;
		height: 100%;
		float: right;
		position: relative;
}
.menuSubRight ul {
		position: absolute;
		right: 0;
}
.menuSubRight ul li {
		height: 135px;
		float: left;
		line-height: 130px;
		margin-right: 42px;
}
.menuSubRight ul li a img {
		margin-bottom: 5px;
		margin-right: 6px;
		display: none;
}
.menuSubRight ul li a {
		color: #333333;
		font-size: 15px;
		display: block;
		height: 100%;
}
.menuSubRight .productLi {
		margin-right: 0;
}
/* 产品切换轮播 */
.cpChange {
		width: 100%;
		height: 580px;
		position: relative;
		background-color: #f0f6f7;
}
.cpChangeSub {
		width: 1280px;
		height: 100%;
		margin: 0 auto;
}
.cpChange .cpChangeSub .swiper-pagination {
		bottom: 20px;
}
.cpChangeSub .swiper-slide {
		height: 580px;
}
.cpChange .swiper-next {
		position: absolute;
		top: 275px;
		z-index: 1000;
		right: 50%;
		transition: all 1s;
		outline: none;
		cursor: pointer;
}
.cpChange .swiper-prev {
		position: absolute;
		top: 275px;
		z-index: 1000;
		left: 20%;
		outline: none;
		transition: all 1s;
		cursor: pointer;
}
.cpChangeSub .swiper-pagination-bullet-active {
		border: none;
		background-color: #ca0d16;
}
.cpChangeSub .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
}
/* 轮播里面样式 */
.cpChangeSub .slideLeft {
		width: 600px;
		height: 432px;
		float: left;
		margin-top: 64px;
}
.slideLeft img {
		width: 600px;
		height: 432px;
		border-radius: 5px 5px;
		margin-left: 56px;
}
.cpChangeSub .slideRight {
		width: 540px;
		height: 480px;
		float: right;
}
.slideRight .slideRightSub {
		width: 480px;
		height: 370px;
		margin-top: 100px;
}
.slideRightSub .slideRightSubOne {
		height: 60px;
		font-size: 36px;
		color: #ca0d16;
		font-weight: bold;
}
.slideRightSub .slideRightSubTwo {
		height: 45px;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		border-bottom: 1px solid #4e705f;
}
.slideRightSub .slideRightSubThree {
		height: 140px;
		border-bottom: 1px solid #4e705f;
}
.slideRightSubThree ul {
		margin-top: 20px;
}
.slideRightSubThree ul li {
		width: 50%;
		float: left;
		margin-bottom: 14px;
		height: 20px;
}
.slideRightSub .slideRightSubFour {
		height: 60px;
		margin-top: 35px;
}
.slideRightSubFour a {
		display: block;
		width: 160px;
		height: 50px;
		background-color: #ca0d16;
		text-align: center;
		line-height: 50px;
		color: #FFFFFF;
		border-radius: 30px;
		transition: all 1s;
}
.slideRightSubFour a:hover {
		border-radius: 0px;
		box-shadow: 0px 0px 10px #6C3;
}
/* 产品分类模块 */
.cpFenlei {
		width: 100%;
}
.cpFenleiSub {
		width: 1280px;
		margin: 0 auto;
}
.cpFenleiGgc {
		width: 1280px;
}
.cpFenleiGgc .title {
		width: 100%;
		height: 150px;
		text-align: center;
		line-height: 205px;
		font-size: 28px;
		font-weight: bold;
		color: #333333;
}
.cpFenleiGgc .content {
		width: 100%;
		overflow: hidden;
		margin-bottom: 30px;
}
.content ul li {
		width: 425px;
		height: 520px;
		float: left;
		transition: all 1s;
}
.content ul {
		overflow: hidden;
}
.content ul li:hover .contentBrief {
		background-color: #ebebeb;
		margin-top: 10px;
}
.content ul li .contentBrief {
		width: 410px;
		height: 505px;
		margin: 10px auto;
		box-shadow: 0px 0px 20px #ebebeb;
		transition: all 1s;
		border-radius: 5px 5px;
}
.content ul li:hover .contentBrief img {
		transform: scale(1.05);
}
.contentBrief div {
		width: 80%;
		margin: 0 auto;
}
.contentBrief .contentBriefOne {
		width: 380px;
		height: 311px;
		margin: 0 auto;
		overflow: hidden;
}
.contentBriefOne img {
		width: 381px;
		height: 274px;
		margin: 24px 8px 15px -1px;
}
}
.contentBrief .contentBriefTwo {
		margin-bottom: 20px;
}
.contentBriefTwo span {
		font-size: 30px;
		color: #20b95f;
		font-family: Arial, Helvetica, sans-serif;
}
.contentBriefTwo p {
		font-size: 14px;
		color: #999999;
		margin: 8px auto;
}
.contentBrief .contentBriefThree {
		font-size: 14px;
		color: #999999;
}
.contentBrief .contentBriefFour {
		margin-top: 40px;
}
.contentBriefFour a {
		display: block;
		width: 95px;
		height: 30px;
		border-radius: 30px;
		font-size: 14px;
		color: #FFFFFF;
		text-align: center;
		line-height: 30px;
		background-color: #ca0d16;
		transition: all .5s;
}
.contentBriefFour a:hover {
		border-radius: 0px;
		box-shadow: 0 0 10px #ca0d16;
}
/* 产品详情 */
.cpxqBanner {
		width: 100%;
		position: relative;
		top: 90px;
		margin-bottom: 85px;
		overflow: hidden;
}
.cpxqBanner img {
		width: 100%;
}
.local {
		margin: 10px 20px 10px 0;
		position: relative;
		left: 10px;
		top: 8px;
}
.localWeizhi {
		position: relative;
		top: 5px;
		margin-right: 10px;
}
/* menu下面的图片 */
.menuNextTp {
		width: 100%;
		height: 730px;
		position: relative;
		transition: all 1s;
		overflow: hidden;
		margin-top: 90px;
		background-color: #fef0f1;
}
.menuNextTpSub .menuNextTpSubLeft .swiper-slide{
    /*width: 760px !important;*/
    height: 540px !important;
    /*overflow: hidden;*/
}
.menuNextTpSub {
		width: 1280px;
		height: 100%;
		margin: 0 auto;
}
.menuNextTpSubLeft {
		float: left;
		width: 750px;
		height: 540px;
		margin-top: 80px;
		overflow: hidden;
}
.menuNextTpSubLeft .swiper-slide img {
		width: 100%;
}
.menuNextTpSubLeft .swiper-containerDJD .swiper-pagination {
		left: -350px;
		bottom: 55px;
}
.menuNextTpSubLeft .swiper-next {
		width: 50px;
		position: absolute;
		top: 45%;
		right: 841px;
		height: 50px;
		outline: none;
		cursor: pointer;
		background: url(../images/arrowAllRight.png) no-repeat;
		z-index: 1000;
}
.menuNextTpSubLeft .swiper-prev {
		width: 50px;
		position: absolute;
		top: 45%;
		left: 312px;
		height: 50px;
		outline: none;
		cursor: pointer;
		background: url(../images/arrowAllLeft.png) no-repeat;
		z-index: 1000;
}
.menuNextTpSubRight {
		width: 450px;
		float: right;
		margin-top: 77px;
		background-color: #ebeef5;
		height: auto;
		border-radius: 5px 5px;
}
.menuNextTpSubRightOne {
		width: 91%;
		color: #ca0d16;
		font-size: 26px;
		margin: 0 auto;
		margin-bottom: 20px;
		margin-top: 30px;
}
.menuNextTpSubRightTwo {
		width: 90%;
		margin: 0 auto;
		font-size: 18px;
		color: #333333;
		position: relative;
}
.menuNextTpSubRightTwo::after {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background-color: #ca0d16;
		position: absolute;
		top: 50px;
}
.menuNextTpSubRightThree {
		width: 90%;
		margin: 0 auto;
		margin-top: 59px;
		height: 379px;
		font-size: 15px;
		line-height: 30px;
}
.menuNextTpSubRightThree p {
		width: 90%;
		padding-left: 20px;
		margin-bottom: 5px;
		background: url(../images/jstdPoint.png) no-repeat 0% 50%;
}

.menuNextTpSubRightThree::-webkit-scrollbar {
		display: none;
}
.menuNextTpSubRightThree ul {
		width: 100%;
}
.menuNextTpSubRightThree ul li {
		width: 90%;
		color: #333333;
		font-size: 14px;
		list-style: disc;
		margin: 0 auto;
		margin-bottom: 20px;
}
.menuNextTp > img {
		width: 100%;
}
.menuNextTpSub {
		width: 1280px;
		height: 100%;
		margin: 0 auto;
}
.menuNextTp .menuNextTpHead {
		width: 1280px;
		height: 160px;
		font-size: 36px;
		font-weight: bold;
		color: #FFFFFF;
		z-index: 100;
		position: absolute;
		text-align: center;
		line-height: 160px;
		top: 0;
}
.menuNextTpFoot {
		width: 1280px;
		height: 80px;
		position: absolute;
		bottom: -100%;
		transition: all 1s;
		z-index: 1000;
}
.menuNextTpFoot ul li {
		width: 319px;
		height: 80px;
		float: left;
		line-height: 80px;
		text-align: center;
		background-color: #15ac53;
		font-size: 18px;
		border-right: 1px solid rgba(255, 255, 255, .3);
}
.menuNextTpFoot ul li a {
		color: #FFFFFF;
		display: block;
		height: 100%;
		width: 100%;
		transition: all 1s;
}
.menuNextTpFoot ul li a:hover {
		background-color: #ca0d16;
}
/* 技术特点 */
.jstd {
		width: 100%;
		overflow: hidden;
}
.jstd .jstdSub {
		width: 1280px;
		height: 650px;
		margin: 0 auto;
}
.jstdSub .jstdSubHead {
		width: 100%;
		height: 190px;
		position: relative;
		top: -100%;
		transition: all 1s;
		margin-top: 20px;
}
.jstdSubHead span {
		display: block;
		width: 100%;
		height: 60%;
		text-align: center;
		line-height: 190px;
		font-size: 26px;
		font-weight: bold;
		color: #ca0d16;
		transition: all 1s;
}
.jstdSubHead p {
		text-align: center;
		font-size: 18px;
		color: #cccccc;
		font-family: HelveticaNeueBoldCond;
		font-weight: bold;
}
.jstdSub .jstdSubLeft {
		width: 45%;
		height: 400px;
		float: left;
		position: relative;
		left: -100%;
		transition: all 1s;
		overflow: hidden;
	margin: 0 auto;
	margin-left: 40px;
	border-radius: 5px 5px;
}
.jstdSubLeft img {
		width: 100%;
/*		height: 100%;*/
}
.jstdSubLeft img:hover {
		transform: scale(1.1);
}
.jstdSub .jstdSubRight {
		width: 50%;
		height:460px;
		float: right;
		position: relative;
		right: -100%;
		transition: all 1s;
	
}
.jstdCspzRight img {
		width: 100%;
}
.jstdCspzRight {
		overflow: hidden;
}
.jstdCspzRight img:hover {
		transform: scale(1.1);
}
.jstdSubRightContent {
		width: 80%;
		height: 100%;
		margin: 0 auto;
}
.jstdContentOne {
		width: 100%;
		height: 43px;
		font-size: 24px;
		color: #111312;
		line-height: 22px;
		font-weight: bold;
		border-bottom: 1px solid #ca0d16;
}
.jstdContentTwo ul li {
		padding-left: 20px;
		margin-bottom: 10px;
		background: url(../images/jstdPoint.png) no-repeat 0% 50%;
}
.jstdContentTwo::-webkit-scrollbar{
    display: none;
}
.jstdContentTwo p {
		background: url(../images/jstdPoint.png) no-repeat 0% 50%;
		padding-left: 20px;
		margin-bottom: 22px;
		font-size: 14px;
		line-height: 37px;
	    color:#666666;
}
.jstdContentTwo{
	margin-top: 86px;
	/*overflow-y: auto;*/
	height: 270px;
	
}
/* 技术特点的车身配置 */
.jstdCspz {
		width: 1280px;
		height: 500px;
		margin: 0 auto;
}
.jstdCspz .jstdCspzLeft {
		width: 50%;
		height: 100%;
		float: left;
		position: relative;
		left: -100%;
		transition: all 1s;
}


.jstdCspz .jstdCspzRight {
		width: 45%;
		height: 400px;
		float: right;
		position: relative;
		right: -100%;
		transition: all 1s;
	margin: 0 auto;
	margin-right: 40px;
	border-radius: 5px 5px;
}
.jstdCspzLeft .jstdSubRightContent {
		height: 65%;
		float: right;
		margin-right: 90px;
}
}
.jstdCspzLeft .jstdSubRightContent .jstdContentOne {
		line-height: 150px;
}
.jstdCspzLeft .jstdContentTwo::-webkit-scrollbar {
		display: none;
		background-color: #cccccc;
}
.jstdCspzLeft .jstdContentTwo::-webkit-scrollbar-thumb {
		background-color: #000000;
}
/* 技术特点的轮播 */
.jstdLunbo {
		width: 1280px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 100px;
		left: -100%;
		transition: all 1s;
}
.jstdLunbo .gallery-top img {
		width: 100%;
		height: 100%;
}
.gallery-top .swiper-slide {
		height: 700px;
}
.jstdLunbo .swiper-next {
		position: absolute;
		top: 350px;
		z-index: 1000;
		right: 50px;
		cursor: pointer;
		transition: all 1s;
}
.gallery-thumbs .swiper-slide {
		cursor: pointer;
}
.jstdLunbo .swiper-prev {
		position: absolute;
		top: 350px;
		z-index: 1000;
		left: 50px;
		cursor: pointer;
		transition: all 1s;
}
.gallery-thumbs .swiper-wrapper .swiper-slide {
		height: 140px;
		margin-top: 10px;
}
.gallery-thumbs .swiper-slide img {
		width: 100%;
		height: 100%;
}
.gallery-top {
		height: 80%;
		width: 100%;
}
.gallery-thumbs {
		height: 20%;
		box-sizing: border-box;
		padding: 10px 0;
		margin-top: 10px;
}
.gallery-thumbs .swiper-slide {
		height: 100%;
		opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
		opacity: 1;
}
/* 参数配置 */
.cspz {
		width: 100%;
		height: 550px;
		overflow: hidden;
}
.cspz table:nth-child(2) {
		display: none;
}
.cspzSub {
		width: 1280px;
		height: 190px;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 20px;
}
.cspzSub .jstdSubHead {
		width: 100%;
		height: 190px;
		position: relative;
		bottom: -100%;
		transition: all 1s;
}
.cspzBrief {
		width: 1280px;
		margin: 0 auto;
		height: 330px;
		position: relative;
		left: 100%;
		transition: all 1s;
}
.cspzBrief table {
		width: 1310px;
		height: 340px;
}
.cspzBrief tr td {
		text-align: center;
}
/*
.cspzBrief tr{
	height: 42px;
}
*/
.cspzBrief .cspzBriefLeft {
		width: 50%;
		height: 100%;
		float: left;
}
.cspzBriefOne {
		width: 240px;
		height: 100%;
		float: left;
}
.cspzBriefOne ul li {
		width: 80%;
		height: 40px;
		float: right;
		line-height: 40px;
		padding-left: 50px;
		margin-bottom: 1px;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
}
.cspzBriefTwo {
		width: 329px;
		height: 100%;
		float: right;
}
.cspzBriefTwo ul li {
		width: 100%;
		height: 40px;
		float: right;
		line-height: 40px;
		padding-left: 70px;
		margin-bottom: 1px;
		color: #333333;
}
.cspzBrief .cspzBriefRight {
		width: 50%;
		height: 100%;
		float: right;
}
/* 相关案例 */
.xgal {
		width: 100%;
		height: auto;
		padding-bottom: 60px;
		overflow: hidden;
}
.xgalBrief > div {
		transition: all 1s;
}
.xgalBriefLeftTwo:hover .xgalBrief > div {
		background-color: #ebebeb;
		box-shadow: 0 0 10px #ca0d16;
}
.xgalSub {
		width: 1280px;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
}
.xgalSub .jstdSubHead {
		width: 100%;
		height: 190px;
		position: relative;
		bottom: -100%;
		transition: all 1s;
		margin-top: 20px;
}
.xgalBrief {
		width: 100%;
		height: 360px;
		position: relative;
		bottom: -100%;
		transition: all 2s;
}
.xgalBrief .xgalBriefLeft {
		width: 406px;
		height: 100%;
		float: left;
		transition: all 1s;
		margin-left: 2px;
}
.xgalBrief img:hover {
		transform: scale(1.05);
}
.xgalBriefLeftOne {
		width: 100%;
		height: auto;
		overflow: hidden;
}
.xgalBriefLeftOne img {
		width: 100%;
}
.xgalBriefLeftTwo {
		width: 100%;
		height: 80px;
		transition: all 1s;
}
.xgalBriefLeftTwo span {
		width: 100%;
		display: block;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
}
.xgalBriefLeftTwo p {
		width: 100%;
		display: block;
		height: 40px;
		text-align: center;
		font-size: 14px;
		color: #999999;
}
.xgalBrief .xgalBriefCenter {
		width: 410px;
		height: 100%;
		float: left;
		transition: all 1s;
}
.xgalBrief .xgalBriefRight {
		width: 410px;
		height: 100%;
		float: right;
		transition: all 1s;
}
/* 新闻动态 */
.newsDynamic {
		width: 100%;
		height: 360px;
		margin-bottom: 30px;
}
.newsDynamicSub {
		width: 1280px;
		height: 100%;
		margin: 0 auto;
}
.newsDynamicSubLeft {
		width: 560px;
		height: 100%;
		float: left;
}
.newsDynamicSubRight {
		width: 720px;
		height: 100%;
		float: right;
		background-color: #f7f7f7;
}
.newsDynamicSubRightOne {
		width: 80%;
		height: 110px;
		margin: 0 auto;
		font-size: 24px;
		color: #333333;
		line-height: 150px;
		transition: all 1s;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
}
.newsDynamicSubRightOne:hover {
		font-size: 26px;
}
.newsDynamicSubRightTwo {
		width: 80%;
		height: 170px;
		margin: 0 auto;
		font-size: 14px;
		color: #666666;
		line-height: 25px
}
.newsDynamicSubRightThree {
		width: 78%;
		height: 80px;
		font-size: 14px;
		color: #666666;
		background: url(../images/time.png) no-repeat;
		margin: 0 auto;
		padding-left: 20px;
}
/* 公司动态 */
.gsdt {
		width: 100%;
}
.gsdtSubHead {
		width: 1280px;
		height: 60px;
		background-color: #ca0d16;
		margin: 0 auto;
		line-height: 60px;
		color: #FFFFFF;
		font-size: 18px;
		font-weight: bold;
}
.gsdtSubHead span {
		margin-left: 20px;
}
.gsdtBody {
		width: 1280px;
		margin: 0 auto;
}
.gsdtBody ul li {
		width: 100%;
		height: 180px;
		border-bottom: 1px solid #e6e6e6;
		transition: all 1s;
}
.gsdtBody ul li:hover {
		background-color: #f5f5f5;
}
.gsdtBodyLeft {
		width: 70%;
		height: 50%;
		float: left;
		line-height: 120px;
		font-size: 20px;
		color: #333333;
		padding-left: 20px;
		transition: all 1s;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
}
.gsdtBodyLeft span {
		transition: all 1s;
}
.gsdtBodyLeft span:hover {
		color: #cfcfcf;
		font-size: 25px;
}
.gsdtBodyRight {
		width: 19%;
		height: 50%;
		float: right;
		font-size: 14px;
		color: #666666;
		line-height: 120px;
		text-align: right;
		padding-right: 30px;
		transition: all 1s;
}
.gsdtBodyRight:hover {
		font-size: 20px;
}
.gsdtBodyBrief {
		clear: both;
		width: 97%;
		height: 50%;
		font-size: 14px;
		color: #666666;
		margin: 0 auto;
}
.gsdtBodyBrief:hover {
		color: black;
}
.gsdtBodyBrief span {
		line-height: 25px;
}
/* 公司新闻的详情页 */
.gsxw {
		width: 1280px;
		height: 165px;
		margin: 0 auto;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
}
.gsxwOne {
		width: 100%;
		height: 85px;
		font-size: 30px;
		color: #333333;
		text-align: center;
		line-height: 115px;
}
.gsxwTwo {
		width: 100%;
		height: 8px;
		font-size: 14px;
		color: #666666;
		text-align: center;
}
/* 公司新闻的介绍 */
.gsxwContent {
		width: 1280px;
		margin: 0 auto;
		margin-bottom: 30px;
		margin-top: 30px;
		line-height: 30px;
		color: #333333;
}
.gsxwContent img {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
}
.gsxwContentOne {
		margin-top: 52px;
}
.gsxwContentOne ul li {
		margin-bottom: 10px;
		font-size: 14px;
		color: #333333;
		text-indent: 2em;
}
.gsxwContentTwo ul li {
		margin-bottom: 10px;
		font-size: 14px;
		color: #333333;
}
.gsxwContentThree > ul > li {
		font-size: 14px;
		color: #333333;
}
.gsxwContentThree ul li ul li {
		margin-left: 30px;
		margin-bottom: 5px;
}
.wenzi {
		width: 20%;
		margin-left: 30px;
}
.gsxwContentFour {
		margin-top: 20px;
		padding-bottom: 60px;
}
.gsxwContentFour > ul > li {
		margin-bottom: 10px;
		font-size: 14px;
		color: #333333;
}
.gsxwContentFour ul li ul li {
		margin-bottom: 10px;
		font-size: 14px;
		color: #333333;
}
.newsContentFoot {
		width: 1280px;
		height: 100px;
		margin: 0 auto;
}
.newsContentFootLeft {
		width: 415px;
		height: 60px;
		float: left;
		margin-right: 20px;
		background-color: #f5f5f5;
		background-image: url(../images/arrowLeftNews.png);
		background-repeat: no-repeat;
		line-height: 60px;
		background-position: 5% 50%;
}
.newsContentFootLeft a {
		margin-left: 50px;
		color: #666666;
		height: 60px;
		display: inline-block;
		white-space: nowrap;
		width: 85%;
		overflow: hidden;
		text-overflow: ellipsis;
}
.newsContentFootCenter {
		width: 415px;
		height: 60px;
		float: left;
		background-color: #10a54d;
		text-align: center;
		line-height: 60px;
}
.newsContentFootCenter a {
		color: #FFFFFF;
		height: 60px;
		display: block;
}
.newsContentFootRight {
		width: 415px;
		height: 60px;
		float: right;
		background-color: #f5f5f5;
		background-image: url(../images/arrowRightNews.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		text-align: right;
		line-height: 60px;
}
.newsContentFootRight a {
		height: 60px;
		margin-right: 50px;
		color: #666666;
		display: inline-block;
		white-space: nowrap;
		width: 85%;
		overflow: hidden;
		text-overflow: ellipsis;
}
/* 联系我们 */
.contact {
		width: 100%;
}
.contactWe {
		width: 1280px;
		margin: 0 auto;
		overflow: hidden;
}
.contactWe .contactWeOne {
		width: 100%;
		height: 240px;
		overflow: hidden;
}
.contactWeOne span {
		width: 100%;
		height: 100px;
		display: block;
		font-size: 36px;
		color: #cccccc;
		text-align: center;
		line-height: 170px;
		font-family: HelveticaNeueBoldCond;
}
.contactWeOne p {
		width: 100%;
		height: 60px;
		font-size: 24px;
		color: #595959;
		text-align: center;
		line-height: 40px;
		font-family: SourceHanSansCN-Bold;
}
.contactWeOne div {
		width: 100%;
		height: 80px;
		font-size: 15px;
		color: #595959;
		text-align: center;
}
.contactWeOne > div {
		height: 100%;
		position: relative;
		bottom: 100%;
		transition: all 1s;
}
.contactWeTwo {
		width: 100%;
		height: 510px;
		overflow: hidden;
}
.contactWeTwoLeft {
		width: 760px;
		height: 100%;
		float: left;
		background-color: #F5F5F5;
		position: relative;
		left: -100%;
		transition: all 1s;
}
.contactWeTwoRight {
		width: 520px;
		height: 510px;
		float: right;
		background: url(../images/contact.png) no-repeat;
		position: relative;
		right: -100%;
		transition: all 1s;
}
.contactWeTwoLeftOne {
		width: 640px;
		margin: 0 auto;
		margin-top: 60px;
}
.contactInfoLeft {
		width: 760px;
		height: 100%;
		float: left;
		background-color: #f5f5f5;
}
.contactInfoLeft > div {
		width: 85%;
		margin: 0 auto;
}
.infoLeftOne input {
		width: 610px;
		height: 50px;
		outline: none;
		border: none;
		color: #a6a6a6;
		padding-left: 15px;
		font-size: 15px;
		border-radius: 5px;
		margin-top: 5px;
}
.infoLeftOne {
		height: 100px;
		margin-top: 60px;
}
.infoLeftOne .infoLeftName {
		width: 100%;
		height: 60px;
		color: #404040;
		font-size: 18px;
		margin-bottom: 5px;
}
.infoLeftOne .infoLeftTel {
		width: 100%;
		height: 60px;
		color: #404040;
		font-size: 18px;
}
.infoLeftTwo {
		width: 625px;
		height: 170px;
		color: #404040;
		font-size: 18px;
}
.yzm {
		width: 625px;
		height: 60px;
		margin-top: 30px;
}
.yzm .infoLeftYzm {
		float: left;
}
.yzm .infoRightYzm {
		float: right;
		width: 200px;
		height: 50px;
		background-color: #e7e7e7;
		color: #20b95e;
		margin-top: 5px;
		border-radius: 5px;
		text-align: center;
		line-height: 50px;
		font-size: 30px;
		cursor: pointer;
}
.yzm .infoRightYzm img {
		width: 100%;
		height: 100%;
		display: block;
}
.yzm .infoLeftYzm input {
		width: 400px;
		height: 50px;
		outline: none;
		border: none;
		color: #a6a6a6;
		padding-left: 15px;
		font-size: 15px;
		border-radius: 5px;
		margin-top: 5px;
}
.infoLeftTwo textarea {
		width: 610px;
		height: 130px;
		border: none;
		outline: none;
		margin-top: 10px;
		padding: 15px 0 0 15px;
		font-size: 15px;
		color: #a6a6a6;
}
.infoLeftThree {
		height: 90px;
		position: relative;
}
.infoLeftThree .infoThreeSubmit {
		width: 200px;
		height: 48px;
		background-color: #ca0d16;
		border-radius: 30px;
		text-align: center;
		color: white;
		line-height: 48px;
		font-size: 16px;
		position: absolute;
		top: 20px;
		outline: none;
		border: none;
		cursor: pointer;
}
.contactInfo .contactInfoRight {
		width: 520px;
		height: 100%;
		float: left;
		background: url(../image/contactWeTp.png) no-repeat;
}
.contactWeTwoRight div {
		width: 60%;
		margin: 0 auto;
}
.contactWeTwoRightOne {
		height: 170px;
		background: url(../images/contactWeTel.png) no-repeat 0% 65%;
}
.contactWeTwoRightTwo {
		height: 70px;
		font-size: 36px;
		color: #FFFFFF;
}
.contactWeTwoRightTwo::after {
		content: "";
		display: block;
		width: 40px;
		height: 4px;
		background-color: #FFFFFF;
		margin-top: 25px;
}
.contactWeTwoRightThree ul li {
		margin-bottom: 15px;
		color: #FFFFFF;
		font-size: 15px;
}
.contactWeTwoRightThree ul {
		margin-top: 65px;
}
.contactWeThree {
		width: 1280px;
		height: 512px;
		margin: 0 auto;
		background-color: #e6e6e6;
		margin-bottom: 60px;
		overflow: hidden;
		opacity: 0;
		transition: all 3s;
		margin-top: 20px;
}
.contactWeThree .contactWeMap {
		width: 1260px;
		height: 500px;
		padding: 6px 10px;
}
/* 旅游风景 */
.splunboOne{
	width: 845px;
	height: 100%;
	float: left;
	overflow: hidden;
}
.spLunbo .spLunboLeft{
	width: 845px;
	height: 380px;
	float: left;
}
.spLunboLeft .bofang{
    top: 36%;
    left: 46%;
    cursor: pointer;
    z-index: 1000;
}
.spLunboLeft video{
	width: 845px;
	height: 380px;
	object-fit:fill;
}
.spLunboLeft img{
    position: absolute;
}
.spWord{
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color:#999999;
}
.spLunboTwo{
	width: 410px;
	height: 100%;
	float: right;
	overflow: hidden;
}
.spLunboTwo .AOne{
	overflow: hidden;
}
.spLunboTwo .AOne:hover img{
	transform: scale(1.1);
}
/*
.spLunboTwo:hover{
	box-shadow: 0 0 10px #000;
}
*/


.lvfj {
		width: 1280px;
		height: 160px;
		margin: 0 auto;
		position: relative;
		border-top: 1px solid #f7f7f7;
}
.lvfj img {
		position: absolute;
		bottom: 22px;
		left: 43%;
}
.lvfjOne {
		width: 100%;
		height: 130px;
}
.lvfjOne span {
		display: block;
		width: 100%;
		height: 80px;
		text-align: center;
		line-height: 110px;
		font-size: 28px;
		color: #ca0d16;
		font-weight: bold;
}
.lvfj p {
		text-align: center;
		font-size: 18px;
		color: #e0e0e0;
		font-weight: bold;
}
.lvfjTwo {
		width: 100%;
		height: 140px;
		border-bottom: 1px solid #90d6a7;
		color: #666666;
}
/* 视频轮播 */
.spLunbo {
		width: 1280px;
		height: 430px;
		margin: 0 auto;
		overflow: hidden;
		display: none;
}
.spLunbo .swiper-slide {
		height: 440px;
}
.spLunbo .swiper-pagination-bullet-active {
		border: none;
		background-color: #6bf1a2;
}
/* 所有电动车 */
.allElectricCehicle {
		width: 1280px;
		margin: 30px auto;
}
.allElectricCehicle ul {
		overflow: hidden;
}
.allElectricCehicle ul li {
		width: 410px;
		float: left;
		margin-bottom: 20px;
		margin-top: 10px;
		cursor: auto;
		margin-right: 23px;
	transition: all 1s;
}
.allElectricCehicle ul li:hover{
	margin-top: 10px;
    box-shadow: 0 0 10px #000;
}
.allElectricCehicle ul li:hover img {
		transform: scale(1.1);
}
.allElectricCehicle ul li div {
		display: block;
		width: 100%;
		margin: 0 auto;
		transition: all 1s;
}
.allElectricCehicle .AOne {
		width: 100%;
		overflow: hidden;
		height: 300px;
}
.newsOne img {
		width: 100%;
}
.allElectricCehicle .ATwo {
		width: 100%;
		height: 60px;
}
.AOne img {
		height: auto;
		width: 100%;
		position: relative;
}
.ATwo span {
		display: block;
		width: 100%;
		height: 50%;
		color: #999999;
		font-weight: bold;
		text-align: center;
		font-size: 14px;
}
.ATwo p {
		width: 100%;
		height: 50%;
		text-align: center;
		font-size: 14px;
}
.left {
		float: left;
	width: 100%;
}
.right {
		float: right;
	width: 100%;
}
/*分页*/
.fy {
		clear: both;
		width: 100%;
		height: 30px;
		margin: 0 auto;
		margin-top: 30px;
		font-size: 14px;
		text-align: center;
		padding-bottom: 30px;
}
.fy b {
		display: inline-block;
		width: 24px;
		height: 24px;
		border-radius: 0;
		background-color: #ca0d16;
		line-height: 24px;
		margin: 0 4px;
		color: #fff;
		font-weight: 100;
		text-align: center;
}
.fy a {
		display: inline-block;
		padding: 0 8px;
		height: 24px;
		text-align: center;
		line-height: 24px;
		margin: 0 5px;
		font-size: 14px;
}
.fy a b {
		display: none;
}
.swiper-containerDJD .swiper-slide img {
		width: 100%;
		height: 100%;
		border-radius: 5px 5px;
}
.swiper-containerDJD .swiper-button-next {
		color: #ffffff;
}
.swiper-containerDJD .swiper-button-prev {
		color: #ffffff;
}
/*产品详情的二级菜单*/
.cpxqMenuSub {
		width: 1280px;
		height: 135px;
		margin: 0 auto;
		position: relative;
}
.cpxqMenuSub .productLi {
		margin-right: 0;
}
.cpxqMenuSubLeft {
		width: 50%;
		height: 135px;
		float: left;
		line-height: 135px;
}
.cpxqMenuSubRight {
		width: 50%;
		height: 135px;
		float: right;
}
.cpxqMenuSubRight ul {
		position: absolute;
		right: 0;
}
.cpxqMenuSubRight ul li {
		float: left;
		height: 100%;
		line-height: 135px;
		margin-right: 40px;
}
.cpxqMenuSubRight ul li a img {
		margin-bottom: 5px;
		margin-right: 6px;
		display: none;
}
.cpxqMenuSubRight ul li a .newShow {
		display: initial;
		-ms-display: block;
}
.cpxqMenuSubRight ul li a:hover {
		color: #ca0d16;
}
.phoneNavigation, .phoneCaseCenter, .phoneNews, .phoneAboutOne, .phoneAboutTwo, .totalShop, .shopCase, .yjdh, .case2, .news2, .sjj_nav {
		display: none;
}
.back {
		position: fixed;
		right: 0;
		bottom: 50px;
		z-index: 1000000;
}
.goBack {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: #ca0d16;
		margin: 0 auto;
		position: relative;
		cursor: pointer;
		opacity: .8;
		right: 100px;
}
.goBack i {
		position: absolute;
		top: 12px;
		left: 15px;
		font-size: 20px;
		color: white;
		z-index: 1000;
}
.backTop {
		position: relative;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: #ca0d16;
		margin: 0 auto;
		margin-top: 10px;
		cursor: pointer;
		opacity: .8;
		transition: all 2s;
		right: 100px;
}
.backTop i {
		position: absolute;
		top: 12px;
		left: 15px;
		font-size: 20px;
		color: white;
}
.sp_nav span {
		background-color: rgb(33, 185, 95);
}
.swiper-containerabc {
		position: relative;
}
/*细节图改版*/
/*
img {
		display: block;
}
*/
.dh ul {
		position: relative;
		overflow: hidden;
		width: 1280px;
		height: 400px;
		margin: 60px auto 0;
}
.dh ul li {
		float: left;
		width: 252px;
		overflow: hidden;
		height: 100%;
		position: relative;
		cursor: pointer;
	border: 2px solid #ffffff;
}
.dh ul li a {
		display: block;
		width: 100%;
		height: 100%;
}
.dh ul li img {
		 height:100%; 
}
.dh ul li .layer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: rgba(27, 29, 36, 0.75);
		height: 100%;
}
.dh ul li .layer .p1 {
		position: absolute;
		bottom: 5px;
		left: 10px;
}
.dh ul li .layer .p2 {
		position: absolute;
		bottom: 5px;
		right: -200%;
}
.dh ul li .layer .p2 b, .dh ul li .layer .p2 span {
		display: block;
		font-weight: bold;
		font-size: 20px;
}
.dh ul li .layer .p1 b, .dh ul li .layer .p1 span {
		display: block;
		font-weight: bold;
		font-size: 14px;
}
/*
.dh ul li.curr {}
 .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} 
*/
.col1 {
		color: #00A39A;
}
.col2 {
		color: #fff;
}
.cpsj {
		width: 1280px;
		margin: 0 auto;
		margin-top: 70px;
		margin-bottom: 30px;
}
.cpsj span {
		display: block;
		width: 100%;
		height: 60%;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		color: #ca0d16;
		transition: all 1s;
}
.cpsj p {
		text-align: center;
		font-size: 18px;
		color: #cccccc;
		font-family: HelveticaNeueBoldCond;
		font-weight: bold;
}



.spLunboRight {
	width: 410px;
	height: auto;
	float: right;
	margin-left: 30px;
	overflow: hidden;
}
.spLunboRight img{
	 height: 100%; 
	position: relative;
    left: -95px;
    top: -30px;
}


/*-------------电器核心系统-----------------------------------*/


.style1 {
    
    text-align: 12%;
    position: absolute;
    top: 96px;
    left: 160px;
    margin: -5% 0 0 -15%;
    background-color: #ca0d16;
    width: 75px;
    height: 25px;
    font-size: 15px;
    padding-top: 4px;
    text-align: center;
}


.style1 h4 {
    

   font-size: 13px;
   text-align:center;
   font-weight:bold;
   color:#fff
}

.txt1 {
    
   margin-top: -51px;
   margin-left: 19px;
   font-size: 14px;
   line-height: 28px;
}

.kailong {
    margin-top: 105px;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:8px solid #ca0d16;
}
/*-------------下部份样式-----------------------*/

.style2 {
    text-align: 12%;
    position: absolute;
    top: 252px;
    left: 160px;
    margin: -5% 0 0 -15%;
    background-color: #ca0d16;
    width: 75px;
    height: 25px;
    font-size: 15px;
    padding-top: 4px;
    text-align: center;
}


.style2 h4 {
   font-size: 13px;
   text-align:center;
   font-weight:bold;
   color:#fff
}

.kailong1 {
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ca0d16;
    margin-top: 112px;
}

.txt2 {
    margin-top: -50px;
    margin-left: 19px;
    font-size: 14px;
    line-height: 28px;
}

/*-------------下面部份样式-----------------------*/

.style11 {
    text-align: 12%;
    position: absolute;
    top: 103px;
    left: 132px;
    margin: -5% 0 0 -15%;
    background-color: #ca0d16;
    width: 75px;
    height: 25px;
    font-size: 15px;
    padding-top: 4px;
    text-align: center;
}

.style11 h4 {
   font-size: 13px;
   text-align:center;
   font-weight:bold;
   color:#fff
}


.style12 {
    text-align: 12%;
    position: absolute;
    top: 258px;
    left: 132px;
    margin: -5% 0 0 -15%;
    background-color: #ca0d16;
    width: 75px;
    height: 25px;
    font-size: 15px;
    padding-top: 4px;
    text-align: center;
}

.style12 h4 {
   font-size: 13px;
   text-align:center;
   font-weight:bold;
   color:#fff
}

/*-------------下面部份样式结束-----------------------*/

.bannerP{
    position: absolute;
    top: 50%;
    width: 100%;
}
.bannerP1{
    width: 100%;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 0 0 10px #0c2426;
}
.bannerP2{
    width: 100%;
    color: #ffffff;font-size: 22px;
    text-align: center;
}
