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

.footer{ background:#fff url(../images/common/foot_bg.jpg) center top repeat-x;}

.ibanner{ width:100vw; height:100vh; position:relative;}
.ibanner .swiper-slide{ display:block; overflow:hidden; position:relative;}
.ibanner .swiper-slide .bg{ width:100%; height:100vh; background-size:cover !important; position:relative; z-index:1;}
.ibanner .swiper-slide video{ display:none; width:100%; height:856px; background:#000; position:relative; z-index:1;}
.ibanner .swiper-slide .txt{ width:1320px; width/:80%; color:#fff; font-size:16px; text-shadow:5px 1px 6px rgba(0,0,0,0.5); position:absolute; left:50%; top:46%; transform:translate(-50%,-50%); z-index:3;}
.ibanner .swiper-slide .txt h4{ display:block; line-height:1; font-size:3.25em; font-size:4em;}
.ibanner .swiper-slide .txt p{ display:block; line-height:1; font-size:1.875em; padding:1em 0 0; font-size:2.25em;}
.ibanner .swiper-slide .txt a.btn{ display:block; width:10em; line-height:3; text-align:center; background:#015daf; border-radius:1.5em; transition:all ease 0.4s; margin:2.5em 0 0;}
.ibanner .swiper-slide .txt a.btn:hover{ background:#015daf;}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ transition:all ease 0.8s; transition-delay:0.5s; opacity:1; transform:translate(-50%,-50%);}
.ibanner .swiper-pagination{ display:none; height:26px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; background-clip:content-box; padding:6px; border:1px solid rgba(255,255,255,0); border-radius:50%; opacity:1; margin:0 12px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ border-color:rgba(255,255,255,1); opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:40px; height:40px; margin-top:-20px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2.6%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2.6%;}

.main{ display:block; width:100%; position:absolute; left:0; top:100vh; transform:translate(0,-100%); z-index:98;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1320px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-size:16px; text-align:center; overflow:hidden; padding:3.75em 0 2.5em;}
.ibox h2.title em{ display:block; line-height:1.75; color:#333; font-size:2.25em;}
.ibox h2.title span{ display:block; line-height:3; color:#6981a0; font-weight:normal;}
.ibox h2.title span{ line-height:2; padding:1em 0 0;}
.ibox a.more{ display:block; width:10em; line-height:3; color:#fff; font-size:16px; text-align:center; background:#015daf; border-radius:1.5em; transition:all ease 0.4s; margin:0 auto;}
.ibox a.more:hover{ background:#015daf;}

.box0{ padding:48px 0;}
.box0 ul{ display:flex; justify-content:space-between; align-items:flex-end; font-size:16px; position:relative; margin:0 -8px;}
.box0 ul li{ display:block; width:25%;}
.box0 ul li a{ display:block; line-height:4; color:#333; text-align:center; background:#fff; overflow:hidden; border-radius:1em 0; margin:1em 8px 0; transition:all ease 0.4s;}
.box0 ul li a img{ display:inline-block; vertical-align:top; height:1.75em; margin:1.125em 0.5em 0 0; transition:all ease 0.4s;}
.box0 ul li a:hover{ color:#fff; background:#015daf; border-radius/:0 0 1em 1em; padding:0.25em 0;}
.box0 ul li a:hover img{ filter:brightness(0) invert(1);}



@media only screen and (max-width:1440px){



}

@media only screen and (max-width:768px){

.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 30px); min-width:0;}

.ibanner,
.ibanner .swiper-slide .bg,
.ibanner .swiper-slide video{ height:calc(60vw + 60px);}
.ibanner .swiper-slide .txt{ font-size:16px; top:51%; padding:30px 0 0;}
.ibanner .swiper-slide .txt h4{ font-size:1.75em; line-height:1.5; font-size/:2em; width:9em;}
.ibanner .swiper-slide .txt p{ font-size:1em; line-height:1.5; padding:0.75em 0 0;}
.ibanner .swiper-slide .txt a.btn{ width:7.5em; line-height:2.25; border-radius:1.125em; margin:2em 0 0;}
.ibanner .swiper-pagination{ height:18px; bottom:4.5%;}
.ibanner .swiper-pagination-bullet{ width:8px; height:8px; padding:4px; margin:0 8px !important;}

.main{ position:static; transform:none;}

.box0{ padding:8px 0 20px;}
.box0 ul{ flex-wrap:wrap;}
.box0 ul li{ width:100%;}
.box0 ul li a{ background:#f6f6f6; text-align:left; padding:0 0 0 1.5em; margin:0.75em 8px 0;}
.box0 ul li a img{ height:1.5em; margin:1.25em 0.625em 0 0;}

.ibox h2.title{ font-size:14px; padding:2.5em 0 1em;}
.ibox h2.title em{ font-size:2em;}
.ibox h2.title span{ line-height:1.75; padding:0.625em 0;}
.ibox a.more{ width:7.5em; line-height:2.25; border-radius:1.125em; font-size:14px;}

.footer{ background:#f6f6f6;}




}





/**/