@charset "utf-8";
/* CSS Document */
*{
	font-family:Roboto,Arial,"Helvetica Neue", Helvetica,  "sans-serif"
}
.btn{
	line-height: 1 !important;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
	letter-spacing: 0.42px;
    margin: 0;
    padding: 15px 75px;
    border-radius: 3px;
    background-size: 200%;
    background-position: right;
    -webkit-transition: 0.5s ease;
	cursor: pointer;
}
.btn:hover{
	background-position: left;
}
/***************banner*****************/
.banner{
	max-height:calc(100vh - 70px);
	overflow: hidden;
}
.banner .word-box{
    position: absolute;
    left: 7.5%;
    top:40%;
    width: 85%;
    z-index: 3;
	line-height: 1;
	transform: translateY(-50%);
}
.banner .word-box p{
	font-size:8rem;
	color:#fff;
	text-transform: uppercase;
}
.btns{
	margin-top: 50px;
	color: #ffffff;
    background-image: linear-gradient(90deg, #7b8d2e 0%, #7b8d2e 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	border:1px solid #fff;
}
.btns:hover{
	border:1px solid #7b8d2e;
}

/**/
.fl30 {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: stretch;
}

.swiper1 .swiper-pagination {
    position: absolute;
    width: 100% !important;
    bottom:25%;
    z-index: 2;
}
.swiper1 .swiper-pagination .swiper-pagination-bullet {
    height: 3px !important;
    width: 50px !important;
    margin: 0 5px !important;
    background:#fff;
	opacity: 1;
	border-radius: 0;
	position: relative;
}
 .swiper1 .swiper-pagination-bullet:after{
	content:"";
	position:absolute;
	height:3px;
	background:#7b8d2e;
	left:0;
	bottom:0;
}
.swiper1 .swiper-pagination-bullet-active:after{
  animation:bannerwidth 5s forwards linear;
}
@keyframes bannerwidth{
  0%{
    width:0;
  }
  100%{
    width:100%;
  }
}
/**************公司简介****************/
.home-news{
	background:#7b8d2e;
}

.swiper2 .swiper-slide .img {
    display: block;
    width: 100%;
    opacity: 0.5;
	padding-bottom: 18px;
}
.swiper2 .swiper-slide-active .img{
    opacity: 1;
}
.carousel-item--content{
	display:none;
}
.swiper2 .swiper-slide-active .carousel-item--content{
    display: block;
	padding: 0 2em 3em;
	text-align: center;
}
.swiper2 .swiper-slide-active .carousel-item--content h3{
	margin-top: 1.5em;
	color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 10px;
}
.swiper2 .swiper-slide-active .carousel-item--content p{
	display:none;
	color: #fff;
    font-size: 16px;
    line-height: 24px;
}
.swiper2 .prev2{
    width: 40px;
    height: 40px;
    margin-top: -20px;
    left: 80px;
    background:url(../images/arrow.png) center no-repeat;
	background-size: 100%;
	transform: rotate(180deg);
}
.swiper2 .next2{
    width: 40px;
    height: 40px;
    margin-top: -20px;
    right: 80px;
    background:url(../images/arrow.png) center no-repeat;
	background-size: 100%;
}

/***************tcy8722太阳集团官方版产品*****************/
.home-product .container{
	display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    margin-bottom: 15vh;
}
.in-title {
    font-size: 30px;
    line-height: 34px;
	margin: 120px 0;
    text-align: center;
}
.home-product .item {
    cursor: pointer;
    height: 41.6666666667vw;
    margin: 0;
    max-height: 600px;
    overflow: hidden;
    position: relative;
    width: 50%;
	padding-top: 6.94vw;
}
.vehicle-item--video-overlay {
    display: block;
    height: 600px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
	opacity: 0;
	transition: all .3s;
}
.vehicle-item--logo {
    display: block;
    height: 32px;
    margin-bottom: 0;
	font-size:32px;
	text-align: center;
	font-family:"Century Gothic","Open Sans", Helvetica, Arial, "sans-serif";
}
.vehicle-item--static img{
	margin:0 auto;
}
.vehicle-item--title {
    font-size: 16px;
    margin-top: 10px;
	display: block;
    line-height: 20px;
    margin-bottom: 80px;
    text-align: center;
}
.home-product .item:hover .vehicle-item--video-overlay {
	opacity: 1;
	transition: all .5s;
}

.big-bg{
	max-height:100vh;
	overflow:hidden;
	position: relative;
	margin:100px 0;
}
.big-bg .word-wrap{
	position:absolute;
	z-index: 1;
	right:0;
	bottom:40px;
	padding:0 15%;
	text-align: right;
}
.big-bg .word-wrap h2{
	font-size:120px;
	color:#fff;
	text-align: right;
	line-height: 1;
	font-weight: bold;
}
.big-bg .word-wrap p{
	font-size:30px;
	color:#fff;
}
.big-bg .word-wrap .btns{
	margin-top:30px;
}

/*****************下载内容*******************/
.footer_pc {
    width: 100%;
    height: 750px;
    background: #ffffff;
}
.footer_pc .wrap {
    width: 100%;
    height: 625px;
    background: #F7F8FA;
    position: relative;
}
.footer_pc .wrap .left {
    position: absolute;
    top: 166px;
    left: 11.11%;
}
.footer_pc .wrap .left .logo {
    font-size: 32px;
    line-height: 38px;
    color: #000F16;
    text-align: left;
	max-width:140px;
}
.footer_pc .wrap .left .title {
    font-size: 48px;
    line-height: 60px;
    color: #000F16;
    margin-top: 6px;
    font-weight: 300;
}
.footer_pc .wrap .left .line {
    width: 30px;
    height: 1px;
    background: #00BEBE;
    margin: 20px 0;
}
.footer_pc .wrap .left .value p {
    font-size: 20px;
    line-height: 32px;
    color: #000F16;
}
.footer_pc .wrap .center {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 621px;
    width: 320px;
}
.footer_pc .wrap .center img{
	margin:0 auto;
}
.footer_pc .wrap .right {
    position: absolute;
    bottom: 120px;
    right: 20%;
    text-decoration: none;
}
.footer_pc .wrap .right .qr_code {
    display: block;
    width: 152px;
	margin:0 auto;
}
.footer_pc .wrap .right .title {
    font-size: 30px;
    line-height: 60px;
    color: #000F16;
    margin: 5px 0 30px;
    text-align: center;
    font-weight: 300;
}