.index_banner{width: 100%;height: 70vh;}
.index_banner .swiper-slide{overflow:hidden;}
.index_banner .swiper-slide .slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index_banner .swiper-slide .txt{height: 100%;padding-top: 100px;display: flex;flex-direction: column;justify-content: center;color: #fff;}
.index_banner .swiper-slide  h2{font-weight: bold;font-size: 5em;margin-bottom: 30px;line-height: 1;}
.index_banner .swiper-slide  p{font-size: 3em;}
.index_banner .swiper-pagination{bottom: 30px;}
.index_banner .swiper-pagination-bullet{width: 23px;height: 23px;background: none;position: relative;opacity: 1;}
.index_banner .swiper-pagination-bullet::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8px;height: 8px;border-radius: 50%;background-color: #fff;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #fff;}

.index_bg{background: url(../images/index_bg1.jpg) no-repeat center/cover fixed;}
.index_case ul{display: flex;flex-wrap: wrap;}
.index_case ul li{width: calc(25% - 16px);margin: 0 20px 20px 0;transition: all .3s ease-out;}
.index_case ul li:nth-child(4n){margin-right: 0;}
.index_case ul li .img{width: 100%;padding-top: 64%;position: relative; }
.index_case ul li .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.index_case ul li .cover{width: 100%;height: 0;background-color: rgba(0, 0, 0, .3);position: absolute;top: 0;left: 0;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;overflow: hidden;transition: all .3s ease-out;}
.index_case ul li .cover *{width: 50%;height: 40px;line-height: 38px;border: 1px solid #fff;text-align: center;border-radius: 5px;font-size: 1.6em;margin: 10px 0;}
.index_case ul li .cover *:hover{background-color: var(--primary-color);border-color: var(--primary-color);color: #fff;}
.index_case ul li .txt{background-color: #fff;border: 1px solid #cacaca;padding: 30px 25px;line-height: 1;}
.index_case ul li .txt .title{font-size: 2.4em;}
.index_case ul li .txt .others{margin-top: 20px;display: flex;justify-content: space-between;align-items: flex-end;}
.index_case ul li .txt .others p{font-size: 2em;}
.index_case ul li .txt .others span{font-size: 1.4em;color: #999;}
.index_case ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.index_case ul li:hover .txt{border-color: transparent;}
.index_case ul li:hover .cover{height: 100%;}

.index_bar{background-color: var(--primary-color);color: #fff;}
.index_bar .logo{height:60px;}
.index_bar .item{display: flex;align-items: flex-end;}
.index_bar .txt{margin-right: 30px;}
.index_bar .item p{font-size: 1.8em;margin-top: 20px;}
.index_bar .item h3{font-size: 2.4em;}
.index_bar .right{display: flex;flex-direction: column;justify-content: space-between;}
.index_bar .right p{font-size: 2.4em;line-height: 1;}
.index_bar .right h3{font-size: 3em;}
.index_bar .right .popupBtn{font-size: 1.8em;background-color: #fff;color: var(--primary-color);}

.index_videos ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_videos ul li{width: calc(33.3% - 10px);margin-bottom: 20px;cursor: pointer;overflow: hidden;}
.index_videos ul li .inner{padding-top: 56%;position: relative;}
.index_videos ul li img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .8s ease-out;}
.index_videos ul li .play{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3) url(../images/ico_play.png) no-repeat center;}
.index_videos ul li:hover img{transform: scale(1.05);}
.index_videos ul li .popupSection{cursor: default;}
.index_videos ul li .popupSection video{max-width: 100%;max-height: 100%;}
.index_videos ul li .popupSection .video{position: relative;}
.index_videos ul li .popupSection .close{width:30px;height:30px;background: url(../images/ico_close.png) no-repeat center/contain;position: absolute;top: -20px;right: -15px;cursor: pointer;}

.index_reviews{background: url(../images/index_bg1.jpg) no-repeat center/cover fixed;}/*background-color: #f8f8f8;*/
.swiper_index_reviews{padding-bottom: 60px;}
.swiper_index_reviews .swiper-slide{background-color: #fff;border-radius: 8px;padding: 30px 20px;height: auto;}
.swiper_index_reviews .swiper-slide .title{font-size: 2.4em;text-align: center;}
.swiper_index_reviews .swiper-slide .img{padding-top: 55%;position: relative;overflow: hidden;margin: 20px 0;}
.swiper_index_reviews .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .8s ease-out;}
.swiper_index_reviews .swiper-slide .desc{font-size: 1.6em;}
.swiper_index_reviews .swiper-slide:hover .img img{transform: scale(1.05)}
.swiper_index_reviews .swiper-button-prev,
.swiper_index_reviews .swiper-button-next{top: auto;bottom: 0;background-color: var(--primary-color);padding: 5px 50px;}
.swiper_index_reviews .swiper-button-next{left: 50.5%;}
.swiper_index_reviews .swiper-button-prev{right: 50.5%;left: auto;}
.swiper_index_reviews .swiper-button-prev::after,
.swiper_index_reviews .swiper-button-next::after{font-size: 16px;color: #fff;font-weight: bold;}

.index_news .list .pic{width: 50%;height: auto;overflow: hidden;}
.index_news .list .pic img{width: 100%;height: 100%;object-fit: cover;transition: all .8s ease-out;}
.index_news .list .pic:hover img{transform: scale(1.05);}
.index_news .list ul{width: calc(50% - 40px);}
.index_news .list ul li a{display: flex;justify-content: space-between;align-items: center;padding: 30px 0;border-bottom: 1px solid #eee;}
.index_news .list ul li:first-child a{border-top: 1px solid #eee;}
.index_news .list ul li .txt{width: calc(80%);}
.index_news .list ul li .title{font-size: 2.4em;margin-bottom: 10px;}
.index_news .list ul li .desc{font-size: 1.6em;color: #666;}
.index_news .list ul li .date{font-size: 1.8em;color: #999;}

.page_banner{width: 100%;height: 30vw;}

.ui-lightbox{ position:relative;}
.ui-lightbox i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3) url(../images/ico_play.png) no-repeat center;}

.page_about .about .img{width: 48%;}
.page_about .about .img img{width: 100%;}
.page_about .about .txt{width: 52%;position: relative;}
.page_about .about .txt .title{background-color: var(--primary-color);padding: 20px 70px;margin: 20px 0 20px -30px;display: inline-block;line-height: 1;color: #fff;}
.page_about .about .txt .title h2{font-size: 3em;margin-bottom: 10px;}
.page_about .about .txt .title h3{font-size: 2em;}
.page_about .about .txt .desc{padding-left: 40px;}
.page_about .about .txt .desc p{font-size: 1.6em;padding: 5px 0;}

.page_about .counters{background: url(../images/bg_counters.jpg) no-repeat center/cover;}
.page_about .counters ul{display: flex;justify-content: space-around;align-items: center;}
.page_about .counters ul li{text-align: center;display: flex;flex-direction: column;align-items: center;}
.page_about .counters ul li .icon{width: 80px;height: 80px;border-radius: 100%;background-color: var(--primary-color);padding: 20px;}
.page_about .counters ul li .counter{font-size: 5em;}
.page_about .counters ul li p{font-size: 2.4em;}

.page_about .tab{display: flex;}
.page_about .tab .nav li{width: 320px;padding: 20px 40px;display: flex;align-items: center;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.page_about .tab .nav li:last-child{border-bottom: 1px solid #e5e5e5;}
.page_about .tab .nav li.on,
.page_about .tab .nav li:hover{box-shadow: 0 0 10px #ccc;}
.page_about .tab .nav li b{font-size: 5em;margin-right: 10px;color: #555;}
.page_about .tab .nav li h3{font-size: 1.6em;}
.page_about .tab .nav li p{font-size: 2.4em;}
.page_about .tab .img{height: auto;width: 60%;position: relative;left: -50px;}
.page_about .tab .img img{width: 100%;height: 100%;object-fit: cover;}
.page_about .tab .cont{width: calc(50% - 320px);}
.page_about .tab .cont li{display: none;}
.page_about .tab .cont li.on{display: block;}
.page_about .tab .cont li .title h3{line-height: 1;color: #555;}
.page_about .tab .cont li .title b{font-size: 4em;}
.page_about .tab .cont li .title span{font-size: 1.6em;}
.page_about .tab .cont li .title h4{font-size: 2.4em;}
.page_about .tab .cont li .title h4::after{content: '';display: block;width: 2em;height: 3px;background-color: var(--primary-color);margin: 10px 0 30px;}
.page_about .tab .cont li .desc{font-size: 1.6em;}

.page_about .adv{display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 60px;}
.page_about .adv ul{width: 70%;}
.page_about .adv ul li{width: 48%;padding-left: 50px;background-repeat: no-repeat;background-position: left top;background-size: 40px;margin-top: 40px;}
.page_about .adv ul li:first-child{background-image: url(../images/ico_counter05.png);}
.page_about .adv ul li:nth-child(2){background-image: url(../images/ico_counter06.png);}
.page_about .adv ul li:nth-child(3){background-image: url(../images/ico_counter07.png);}
.page_about .adv ul li:last-child{background-image: url(../images/ico_counter08.png);}
.page_about .adv ul li h3{font-size: 2.4em;margin-bottom: 10px;}
.page_about .adv ul li p{font-size: 1.6em;line-height: 1.8;color: #666;}
.page_about .adv .img{width: 26%;}
.page_about .adv .img img{width: 100%;height: 100%;object-fit: cover;}

.page_contact .cont .info{width:35%;}
.page_contact .cont .info h2{font-size: 3em;color: #000;font-weight: normal;line-height: 1.4;}
.page_contact .cont .info p{font-size: 1.6em;color: #333;margin: 30px 0;line-height: 2;}
.page_contact .cont .info .ewm .title{font-size: 2.4em;color: #000;margin-bottom: 10px;}
.page_contact .cont .info .ewm ul li{float: left;margin-right: 30px;}
.page_contact .cont .info .ewm ul li:last-child{margin-right: 0;}
.page_contact .cont .info .ewm ul li img{height: 120px;}
.page_contact .cont .map{width:60%;height: auto;}

.page_container .tags{font-size: 14px;margin:30px 0 10px;}
.page_container .tags ul li{float: left;font-size: 14px;padding: 4px 10px;border: 1px solid #dfdfdf;border-radius: 2px;margin: 0 4px 4px;}
.page_container .tags ul li:first-child{border: 0;padding: 4px 0;}



.contact_list_hd{border-top:1px solid #ddd;overflow:hidden;padding-bottom:3.2rem;padding-top:3.2rem}
@media (max-width:1201px){
	.contact_list_hd{padding-bottom:0;padding-top:2rem}
}
@media (max-width:668px){
	.contact_list_hd{padding-top:20px}
}
.contact_list_hd>ul{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;list-style:none;margin:0 -1.2rem;padding:0}
@media (max-width:1201px){
	.contact_list_hd>ul{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}
}
.contact_list_hd>ul>li{padding:0 1.2rem;width:20%}
@media (max-width:1201px){
	.contact_list_hd>ul>li{margin-bottom:2rem;width:33.33%}
}
@media (max-width:668px){
	.contact_list_hd>ul>li{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px;width:100%}
}
.contact_list_hd>ul>li .item{}
.contact_list_hd>ul>li .item_t{color:rgba(0,0,0,.9);display:block;font-size:1.3rem;font-weight:700;line-height:1em;margin:0 0 1.8rem;-webkit-transition:all .5s;transition:all .5s}
@media (max-width:1201px){
	.contact_list_hd>ul>li .item_t{margin:0 0 20px}
}
.contact_list_hd>ul>li .item_list{list-style:none;margin:0;padding:0}
.contact_list_hd>ul>li .item_list>li{color:#000;display:block;font-size:16px;font-weight:lighter;margin-bottom:1.8rem}
@media (max-width:1440px){
	.contact_list_hd>ul>li .item_list>li{font-size:14px}
}
.contact_list_hd>ul>li .item_list>li span{color:#aaa;display:block;font-weight: bold; font-size:14px;line-height:1em; margin-bottom: 5px;}
@media (max-width:1440px){
	.contact_list_hd>ul>li .item_list>li span{font-size:15px; }
}
.contact_list_hd>ul>li .item_list>li.font_style{}
.contact_list_hd>ul>li.on .item_t{color:#238a76}




.contact_form h2{font-size: 3em;color: #000;font-weight: normal;text-align: center;margin-bottom: 40px;}
.contact_form .section{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact_form .section input{width: calc(33.333% - 27px);height: 64px;background-color: #f4f4f4;padding: 0 16px;font-size: 1.6em;color: #000;}
.contact_form textarea{width: 100%;height: 180px;background-color: #f4f4f4;padding: 16px;font-size: 1.6em;border: none;margin-top: 38px;}
.contact_form .submit{display: flex;align-items: center;justify-content: center;width: 24%;padding: 12px 0;margin: 30px auto 0;text-align: center;color: #fff;font-size: 1.6em;border: none;position: relative;background: var(--primary-color);cursor: pointer;transition: all 0.3s ease-in-out;}
.contact_form .submit i{width: 25px;height: 10px;background: url(../images/icon08.png) no-repeat center/16px;margin-left: 10px;transition: all 0.5s ease;}
.contact_form .submit:hover{opacity: .9;}
.contact_form .submit:hover i{margin-left: 15px;}

.pagebar{background: url(../images/bg_counters.jpg) no-repeat center/cover;position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.pagebar .left{width: 50%;background-image: linear-gradient(to right, rgba(0,0,0,.9) , rgba(0,0,0,0));display: flex;flex-direction: column;align-items: flex-start;justify-content: center;padding: 64px 0 56px 56px;}
.pagebar .left .logo{height: 60px;}
.pagebar .left .ico{margin: 20px 0;}
.pagebar .left p{font-size: 3em;color: #fff;}
.pagebar .right{margin-right: 56px;}
.pagebar .right li{float: left;margin-right: 70px;text-align: center;}
.pagebar .right li.yyBtn{cursor: pointer;}
.pagebar .right li h2{font-size: 2em;color: #fff;font-weight: normal;margin-top: 10px;}
.pagebar .right li p{font-size: 1.6em;color: rgba(255,255,255,.6)}

.page_container{display: flex;flex-wrap: wrap;justify-content: space-between;}

.slide_left{width: 200px;}
.slide_right{width: calc(100% - 230px);}
.slide_left .section{padding: 20px 30px 25px;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.02), 0px 7px 27px 0px rgba(0, 0, 0, 0.03);margin-bottom: 30px;}
.slide_left .section .title{font-size: 2em;color: var(--primary-color);}
.slide_left .section .title::after{content: '';width: 100%;height: 1px;background-color: #ccc;margin: 15px 0 20px;display: block;}
.slide_left .section ul li:not(:last-child){margin-bottom: 15px;}
.slide_left .section ul li a{font-size: 1.4em;display: flex;align-items: center;color: #666;}
.slide_left .section ul li a span{width: 16px;height: 16px;line-height: 16px;font-size: 12px;text-align: center;background-color:#B3B3B3;color: #fff;margin-right: 10px;}
.slide_left .section ul li a span.on{background-color: var(--primary-color);}
.slide_left .section ul li a:hover{color: var(--primary-color);}
.slide_left .section ul li.on a{color: var(--primary-color); font-weight: bold;}

.list_pro{display: flex;flex-wrap: wrap;}
.list_pro li{width: calc(33.333% - 20px);margin: 0 30px 30px 0;}
.list_pro li:nth-child(3n){margin-right: 0;}
.list_pro li .img{width: 100%;padding-top: 65%;position: relative;overflow: hidden;}
.list_pro li .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition: all .5s ease-out;}
.list_pro li .txt{padding: 20px;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.02), 0px 7px 14px 0px rgba(0, 0, 0, 0.06);font-size: 1.6em;}
.list_pro li:hover .img img{transform: scale(1.05);}

.list_news{padding: 30px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.02), 0px 0px 27px 0px rgba(0, 0, 0, 0.06);}
.list_news li:not(:first-child){margin-top: 30px;padding: 30px 0;border-top: 1px solid #eee;}
.list_news li a{display: flex;flex-wrap: wrap;justify-content: space-between;}
.list_news li .img{width: 20%;overflow: hidden;}
.list_news li .img img{width: 100%;}
.list_news li .txt{width: calc(80% - 30px);}
.list_news li .txt .title{font-size: 2em;}
.list_news li .txt .desc{font-size: 1.4em;color: #666;margin: 10px 0;}
.list_news li .txt .others{font-size: 1.4em;color: #999;}
.list_news li .txt .others span{padding-left: 20px;background-repeat: no-repeat;background-position: left center;background-size: 16px;}
.list_news li .txt .others span:first-child{background-image: url(../images/ico_date.png);margin-right: 30px;}
.list_news li .txt .others span:last-child{background-image: url(../images/ico_view.png);}

.detail{padding: 30px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.02), 0px 0px 27px 0px rgba(0, 0, 0, 0.06);}
.detail .top{display: flex;justify-content: space-between;align-items: flex-start;}
.detail .title{font-size: 2.4em;width: calc(100% - 180px);}
.detail .btn{width: 140px;display: flex;justify-content: space-between;}
.detail .btn li{background-color: var(--primary-color);padding: 5px;}
.detail .btn img{height: 30px;}
.detail .others{border: 1px solid #eee;border-left: 0;border-right: 0;padding: 12px 0;margin: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.detail .others li{width: 33.333%;color: #777;padding: 8px 0;font-size: 1.4em;}
.detail .main p{font-size: 1.5em;line-height: 1.8em;padding: 10px 0;}
.detail .main img{margin: 10px 0;}
.detail .turn_page{display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid #eee;padding: 20px 0;margin-top: 30px;}
.detail .turn_page li{width: 45%;font-size: 1.4em;}
.detail .turn_page li:last-child{text-align: right;}

@media screen and (max-width: 1920px){
}

@media screen and (max-width: 1279px){
    .index_banner{height: 100vh;}
    .index_case ul li{width: 100%;margin-right: 0;}
    .index_bar{text-align: center;}
    .index_bar .logo{margin: 0 auto;}
    .index_bar .txt{margin-right: 0;}
    .index_bar .item{flex-wrap: wrap;align-items: center;justify-content: center;}
    .index_bar .item h3{margin: 20px 0;text-align: center;}
    .index_bar .right{justify-content: center;align-items: center;width: 100%;}
    .index_videos ul li{width: 100%;}
    .index_news .list .pic{width: 100%;}
    .index_news .list ul{width: 100%;}
    .index_news .list ul li .date{font-size: 1.4em;}
    .index_news .list ul li:last-child a{border-bottom: 0;}

    .page_banner{height: 40vh;}

    .page_about .about .img{width: 100%;}
    .page_about .about .txt{width: 100%;}
    .page_about .about .txt .title{width: 100%;padding: 20px;margin: 0 0 10px;}
    .page_about .about .txt .desc{padding-left: 0;}

    .page_about .counters ul li .icon{width: 50px;height: 50px;padding: 10px;}
    .page_about .counters ul li .counter{font-size: 2em;}
    .page_about .counters ul li p{font-size: 1.4em;}

    .page_about .tab{background-color: #f4f4f4;flex-wrap: wrap;}
    .page_about .tab .nav{width: 100%;display: flex;overflow-x: auto;}
    .page_about .tab .nav li{width: auto;padding: 10px 20px;border-bottom: 1px solid #e5e5e5;}
    .page_about .tab .nav li:last-child{border-right: 1px solid #e5e5e5;}
    .page_about .tab .nav li.on, 
    .page_about .tab .nav li:hover{background-color: var(--primary-color);box-shadow: 0;color: #fff;}
    .page_about .tab .nav li.on b, 
    .page_about .tab .nav li:hover b{color: #fff;}
    .page_about .tab .nav li b{line-height: 1;}
    .page_about .tab .nav li h3{white-space: nowrap;}
    .page_about .tab .nav li p{line-height: 1.2;font-size: 1.4em;white-space: nowrap;}
    .page_about .tab .img{display: none;}
    .page_about .tab .cont{width: 100%;margin-top: 10px;padding: 30px 20px 0;}
    .page_about .tab .cont li .title b{font-size: 3em;}

    .page_about .adv{flex-wrap: wrap;}
    .page_about .adv ul{width: 100%;}
    .page_about .adv ul li{width: 100%;}
    .page_about .adv .img{width: 100%;margin-top: 20px;}

    .page_contact .cont .info{width: 100%;}
    .page_contact .cont .info h2{font-size: 2.4em;}
    .page_contact .cont .map{width: 100%;height: 50vh;margin-top: 30px;}
    .contact_form .section input{width: 100%;margin-bottom: 10px;}
    .contact_form textarea{margin-top: 0;}
    .contact_form .submit{width: 100%;margin-top: 10px;}
    .pagebar{width: 100%;flex-wrap: wrap;position: relative;z-index: 1;}
    .pagebar::before{content: '';background-image: linear-gradient(to bottom, rgba(0,0,0,.9) , rgba(0,0,0,0));position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .pagebar .left{width: 100%;background: none;padding: 20px;align-items: center;}
    .pagebar .left p{font-size: 1.6em;}
    .pagebar .right{width: 100%;margin-right: 0;padding-bottom: 40px;display: flex;justify-content: space-around;}
    .pagebar .right li{margin-right: 0;}
    .pagebar .right li img{width: 50px;margin: 0 auto;}
    .pagebar .right::after{display: none;}

    .slide_left{display: none;}
    .slide_right{width: 100%;}

    .list_news{padding: 20px;}
    .list_news li .img{width: 100%;height: 30vw;}
    .list_news li .txt{width: 100%;margin-top: 20px;}
	.index_news .list ul li .title{font-size: 2em;}
	.index_news .list ul li .desc{font-size: 1.5em;}

    .list_pro li{width: 100%;margin-right: 0;}

    .detail{padding: 20px;}
    .detail .top{flex-wrap: wrap;}
    .detail .title{width: 100%;line-height: 1.2;font-size: 2em;}
    .detail .btn{width: 100%;justify-content: space-between;margin-top: 20px;}
    .detail .btn img{height: 15px;}
    .detail .others li{width: auto;padding: 2px 0;}
    .detail .turn_page li{width: 100%;}
    .detail .turn_page li:last-child{text-align: left;margin-top: 10px;}
}