
.ctn1{padding:7% 0;}
.ctn1 h2{text-align: center;}
.ctn1 .item_box{display: block;}
.ctn1 .item_box .txt{width: 100%;text-align: center;}
.ctn1 .video_box{margin:40px auto;}

.ctn1 .video_des h2{text-align: center;margin-top: 10%;}
.ctn1 .video_des .des{text-align: center;margin-top: 3%;}
.ctn1 .video_des .des p{margin-top: 10px;}
.ctn1 .dow a{padding:1% 0;}
.ctn1 h3{margin-top: 10%;}
.ctn1 .sum{margin-top: 4%;text-align: center;line-height:1.8;color: #64728d;}
.ctn1 .tab_swiper .txt{bottom: 10%;left: 5%;}
.ctn1 .tab_swiper .txt span{margin-top: 5%;}
.ctn2 .item li{text-align: center;}
.ctn2 .item li a{width: 60%;padding:3.5% 0;margin:0;}
.cjwt{margin-top: 12%;}
.ctn2 .qa li{padding:28px 0 28px 4%;}
.ctn2 .qa li::after{content:"";top:35px;display: block;width: 21px;height: 21px;background: url(../images/pc-ebc/jia.png) no-repeat;}
.ctn2 .qa li.on::after{content:"";background: url(../images/pc-ebc/jian.png) no-repeat;}

.ctn1 .tab_swiper .img:hover img{transform:scale(1.01) translate(-50%, -50%);}

@media only screen and (max-width: 1400px){
	.fnt_36{font-size: 30px;}
	.fnt_20{font-size: 16px;}
	.fnt_18{font-size: 16px;}
	.w1280{width: 1100px;}
}
@media only screen and (max-width: 1280px){
	.w1280{width:94%;}
}
@media only screen and (max-width: 1024px){
	.fnt_36{font-size: 24px;}
	.ctn1 .video_des .des br{display: none;}
	.ctn2 .qa li::after{top:31px;}
}
@media only screen and (max-width: 800px){
	.cjwt{margin-top: 15%;}
	.ctn1 .item_box .txt p br{display: none;}
	.ctn2 .item li {margin-bottom: 20px;}
	.ctn2 .item li h2{text-align: center;}
	.ctn2 .qa li::after{left: 0px;}
}
.ctn1 .tab_swiper .img .ph_img{display: none;}
.ctn1 .butterfly_ph{display: none;}
.ctn3 .prize p img.ph_img_p{display: none;}
@media only screen and (max-width: 700px){
	.fnt_20{font-size: 14px;}
	.fnt_18{font-size: 14px;}
	.ctn1{padding:12% 0;}
	.ctn1 h3{font-size: 18px;margin-top: 15%;}
	.ctn1 h2{font-size: 18px;padding: 0 10px;}
	.ctn1 h2 br{display: none;}
	.ctn1 .video_box{width: 100%;}
	.ctn1 .dow a{padding:2% 0;}
	.ctn2 .item li{text-align: center;}
	.ctn2 .item li a{padding:2% 0;width: 80%;}
	.ctn2 .qa li{padding-left: 30px;}
	.ctn1 .item_box .txt p{text-align: left;}

	.banner .text h2{font-size: 30px;}
	.banner .text a{width: 35%;margin-top: 10%;}
	.ctn1 .video_des .des{text-align: left;}
	.ctn1 .video_des .con{background: #fff;padding:40px 30px;margin-top: 40px;overflow: hidden;border-left:4px solid #2386ee;}
	.ctn1 .video_des .con02{border-left-color: #00cdfe;}
	.ctn1 .video_des .con03{border-left-color: #a16fff;}
	.ctn1 .video_des h2{margin-top: 0px;margin-bottom: 15px;}
	.ctn1 .video_des .des p{margin-top: 15px;}
	
	.ctn1 .tab{display: none;}
	.ctn1 .tab_swiper .txt{right: 5%;}
	.ctn1 .tab_swiper .txt p.fnt_34{font-size: 18px;}
	.ctn1 .tab_swiper .txt span{margin-top: 2%;}
	.ctn1 .tab_swiper .txt span br{display: none;}
	
	.ctn1 .tab_swiper .img .pc_img{display: none;}
	.ctn1 .tab_swiper .img .ph_img{display: block;}

	.ctn1 .tab_swiper{border-radius: 0;margin-top: 7%;padding-bottom: 30px;}
	.ctn1 .tab_swiper .img{padding-top: 56%;}
	.ctn1 .tab_swiper .swiper-pagination{bottom: 0px;}
	.ctn1 .tab_swiper .swiper-pagination-bullet{width: 20px;border-radius: 0px;height: 3px;background: #c5c5c5;opacity: 1;}
	.ctn1 .tab_swiper .swiper-pagination-bullet-active{width: 30px;background: #518cd4;}

	.ctn1 .btn{margin-top: 8%;}
	.ctn1 .btn a{font-size: 18px;}

	.ctn2{padding-top: 12%;padding-bottom: 12%;}
	.ctn2 h3{font-size: 18px;}
	.ctn2 .item li h2{font-size: 18px;}
	.ctn2 .qa li{padding:18px 0 18px 6%;}
	.ctn2 .qa li::after{width: 10px;height: 10px;background-size: cover!important;top:24px;}
	.ctn2 .qa li:last-child{border-bottom: 0px;}

	.ctn1 .butterfly{display: none;}
	.ctn1 .dow{display: none;}
	.ctn1 .butterfly_ph{display: block;margin:30px 0;position: relative;padding-bottom: 10px;}
	.ctn1 .butterfly_ph .mySwiper{width: 85%;margin-top: 7%;}
	.ctn1 .butterfly_ph .slider_num{margin-top: 20px;color: #0258c1;}
	.ctn1 .butterfly_ph .slider_num b{font-weight: normal;}
	.ctn1 .butterfly_ph .swiper-pagination-progressbar{bottom: 0px;top: auto;}
	.ctn1 .butterfly_ph .swiper-slide{background:rgba(255,255,255,0.8);padding:28px;}
	.ctn1 .butterfly_ph .swiper-slide h5{font-size: 20px;margin-bottom: 15px;padding-bottom: 10px;position: relative;color: #0e53a5;font-weight: 700;}
	.ctn1 .butterfly_ph .swiper-slide h5:after{content: "";display: block;position: absolute;bottom: 0px;left: 0px;width: 80px;background: #0e53a5;height: 3px;}
	.ctn1 .butterfly_ph .swiper-slide p{color: #64728d;font-size: 14px;line-height: 1.5;height: 6em;}
	.ctn1 .butterfly_ph .edit2 h5{color: #07c3fd;}
	.ctn1 .butterfly_ph .edit2 h5:after{background:#07c3fd;}
	.ctn1 .butterfly_ph .edit3 h5{color: #a369fd;}
	.ctn1 .butterfly_ph .edit3 h5:after{background:#a369fd;}
	.ctn1 .butterfly_ph .edit4 h5{color: #b3a68b;}
	.ctn1 .butterfly_ph .edit4 h5:after{background:#b3a68b;}
	.ctn1 .butterfly_ph .edit5 h5{color: #04c0c6;}
	.ctn1 .butterfly_ph .edit5 h5:after{background:#04c0c6;}
	.ctn1 .butterfly_ph .swiper-pagination-bullet{height: 3px;width: 20%;background: #e0e3ea;border-radius: 0px;margin:0px;opacity: 1;}
	.ctn1 .butterfly_ph .swiper-pagination-bullet-active{background: #0258c1;}
	.ctn1 .butterfly_ph .swiper-pagination{bottom: 0px;}
	.ctn3 .prize p img.ph_img_p{display: inline-block;}
	.ctn3 .prize p img.pc_img_p{display: none;}
	.ctn3 .prize p{width:33.33%;float:left;margin:20px 0px 20px;padding:0 0px;text-align: center;}
	.ctn3 .prize p img{max-width: 100%;width:auto;}
	
}

@media only screen and (max-width: 700px){
	.banner{margin-top: 55px;}
	.banner .text{z-index: 3;}
	.banner .text.w1280{width: 86%;}
	.banner .banner_pic{bottom: 0px;left: 40%;}
	.ctn1 .c01{width: 86%;}
	.ctn1 .c03{width: 86%;}
	.ctn2 .w1280{width: 86%;}
	*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
     video::-webkit-media-controls-start-playback-button {
             display: none;
  }
  #videoPopup .video-box .close{
  	right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
  }
  #videoPopup .video-box .close span{
  	font-size: 12px;
    line-height: 20px;
  }
}