@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1350px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.header{ background:#241512; padding:15px 0;}
.header img{ max-height:90px;}
.nav a{ margin-left:80px; font-size:16px; color:#fff; display:inline-block;}



.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide img{ transition: all 7s; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 7s; -moz-transition: all 7s; -ms-transition: all 7s; -o-transition: all 7s; }
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.banner .swiper-button-next,.banner  .swiper-button-prev{ width: 50px; height: 50px; background-size: 50px 50px; margin: 0; margin-top: -25px;}
.banner .swiper-button-next{ right: 80px; background-image: url(../images/1index2_05.png);}
.banner .swiper-button-prev{ left: 80px; background-image: url(../images/1index2_03.png);}



.dowebok li{ display:inline-block;}


.main01box{ padding:50px 100px;}
.dowebok01 li{ min-width:230px; text-align:center;}
.dowebok01 li b{ font-size:20px; font-weight:normal; display:block; text-align:center;}
.dowebok01 .img{ height:150px; position:relative;}
.dowebok01 .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}

.indextitle { text-align:center; margin-bottom:60px;}
.indextitle b{ font-weight:normal; font-size:40px; display:block; line-height:1;}
.indextitle span{ display:block; font-size:14px; text-transform:uppercase; color:#333; margin:25px 0; line-height:1;}
.indextitle .line{ background:#999999; width:55px; height:2px; margin:0 auto;}

.main01{ padding:40px 0 90px;}

.main02{ padding:90px 0; background:#f6f6f6;}

.dowebok02 li{ width:3.6rem; height:4.7rem; overflow:hidden;margin-right:28px;}
.dowebok02 li img{ width:100%; height:100%; object-fit:cover; }


.mores{ padding:60px 0; text-align:center;}
.mores a{ display:inline-block; cursor:pointer; line-height:50px; padding:0 60px; background:#ff9e01; color:#fff; font-size:16px;}

.main02txt{ text-align:center;}
.main02txt p{ font-size:30px; color:#000000;}
.main02txt p strong{ font-weight:normal; color:#ff9e01;}


.main03{ padding:90px 0;}

.main03box li{ width:50%}
.main03box li img{ width:100%;}

.main04 { padding-bottom:80px;}
.main04 ul{ justify-content: flex-start;}
.main04 ul li{ width:31%; margin:1%; cursor:pointer; position:relative;}
.main04 ul li .btn{ opacity:0; width:40px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background-image:url(../images/play.png); background-size:100% 100%;}
.main04 ul li:hover .btn{ opacity:1;}
.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}

.main04 ul li a{ display:block;}
.main04 ul li img{ width:100%;}

.main04txt{ text-align:center;}
.main04txt p{font-size:30px; color:#000000;}

.main05{ padding:90px 0; background:#f6f6f6;}
.main05title{ margin-bottom:40px; text-align:center;}
.main05title b{ font-size:50px; font-weight:normal;}
.main05title b img{ vertical-align:middle; margin-left:20px;}

.main05 li{ box-shadow:0 0 10px rgba(0,0,0,.1); width:48%; margin:1%; background:#fff; border-radius:10px; padding:20px;}
.main05 li .lititle{ margin-bottom:15px; color:#5b65dd; font-size:30px; position:relative;}
.main05 li .lititle b{ max-width:calc(100% - 60px); display:inline-block; background:#fff; line-height:1; position:relative; z-index:1;padding-right:20px;}
.main05 li .lititle span{ font-weight:bold; width:60px; padding-left:20px; background:#fff; display:inline-block; line-height:1;position:relative; z-index:1;}
.main05 li .lititle:after{ content:""; height:1px; width:100%; position:absolute; top:50%; border-bottom:1px dashed #999;}
.main05 li p{ font-size:24px; color:#4b4b4b;}

.footer{ background:#241512; padding:80px 0;}
.footer .fotle img{ max-height:90px; margin-bottom:20px;}
.fotle p{ color:#fff; font-size:16px;}
.footer .fotle{ max-width:calc(100% - 140px);}
.fotri{ max-width:120px; text-align:center; color:#fff; font-size:16px;}
.fotri img{ max-width:120px; display:block; margin-bottom:10px;}

.videos{    display: none;
    position: fixed;
    left:0;
    top:0; width:100%; height:100%;
    z-index: 100; background:rgba(0,0,0,.5);}
.videos video{ position:absolute; left:50%; background:#fff; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:1200px; max-height:90%; width:95%;}

@media screen and (max-width:1480px){
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .main01{ padding:20px 0 40px;}
	 .main01box{ padding:20px 40px 30px;}
	 .dowebok01 .img{ height:100px; margin-bottom:20px;}
	 .dowebok01 li{ min-width:200px;}
	 .main02,.main03,.main04,.main05{ padding:40px 0;}
	 .indextitle{ margin-bottom:40px;}
	 .indextitle b{ font-size:30px;}
	 .main02txt p,.main04txt p{ font-size:20px;}
	 .mores{ padding:40px 0;}
	 .main05title b{ font-size:30px;}
	 .main05title b img{ width:40px;}
	 .main05title{ margin-bottom:30px;}
	 .main05 li .lititle{ font-size:20px;}
	 .main05 li p{ font-size:16px;}
	}
@media screen and (max-width:960px){
	.w1200{ padding-left:15px; padding-right:15px;}
	.header img{ max-height:40px; max-width:100%;}
	.header .logo{ width:20%;}
	.header .nav{ width:75%; text-align:right;}
	.header .nav a{ margin:0; text-align:center; font-size:14px; padding:0 5px;}
	.banner .swiper-slide{ height:18rem;}
	.banner .swiper-button-next{ right:10px;}
	.banner .swiper-button-prev{ left:10px;}
	.main01box{ padding:20px;}
	.dowebok01 li{ min-width:100px;}
	.dowebok01  .img{ height:40px;}
	.main01{ padding-bottom:20px;}
	.indextitle b{ font-size:24px;}
	.indextitle span{ margin:15px 0;}
	.indextitle{ margin-bottom:20px;}
	.dowebok02 li{ width:5rem; height:7rem; margin-right:15px;}
	.dowebok01 li b{ font-size:16px;}
	.mores a{ padding:0 20px; line-height:40px; font-size:14px;}
	.main02txt{ padding:0 15px;}
	.main02txt p, .main04txt p{ font-size:16px;}
	.main03box li{ width:100%;}
	.main03{ padding-bottom:0;}
	.main04{ padding-top:10px;}
	.main04 ul li{ width:48%;}
	.main05title b{ font-size:22px;}
	.main05 li{ width:100%;}
	.main05 li .lititle{ font-size:18px;}
	 .main05 li p{ font-size:14px;}
	 .footer .fotle img{ max-height:50px;}
	 .fotle p{ font-size:14px;}
	 .fotri{ width:100px; font-size:14px;}
	 .fotri img{ width:100%;}
	 .footer{ padding:40px 0;}
	 .indextitle b{ font-size:20px;}
	}