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

/*
.header{ background:none;}
.header h1.logo a{ background-image:url(../images/common/logo.png);}
ul.nav li a{ color:#fff;}
*/

/* banner */
.ibanner{ width:100vw; height:480px; position:relative; margin:114px 0 0;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ width:100%; height:100%; background-size:cover !important; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.ibanner .swiper-slide .box h2{ display:block; line-height:3.5; color:#fff; font-size:72px; text-align:center; position:relative; z-index:2; padding:200px 0 0;}
.ibanner .swiper-slide .box a.btn{ display:block; width:254px; line-height:40px; color:#44e5ff; font-size:18px; text-align:center; background:rgba(255,255,255,0.9); border:1px solid #44e5ff; position:relative; z-index:2; margin:0 auto; transition:all ease 0.4s;}
.ibanner .swiper-slide .box a.btn:hover{ color:#fff; background:#44e5ff;}
.ibanner .control{ display:block; height:12px; position:absolute; left:50%; bottom:32px; z-index:5; transform:translateX(-50%);}
.ibanner .swiper-pagination{ display:block; height:12px; position:static;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:6px; opacity:1; margin:0 10px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ background:#44e5ff; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:32px; height:32px; background-size:auto 50% !important; top:50%; transform:translateY(-50%); margin:0;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:-36px;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:-36px;}

.bz{ back:#f5fafb; padding:48px 0 44px;}
.bz ul{ display:block; width:1140px; overflow:hidden; margin:0 auto;}
.bz ul li{ display:block; width:20%; float:left;}
.bz ul li img{ display:block; width:112px; height:112px; background:#395f90; border:8px solid #d7e1ea; border-radius:50%; margin:0 auto; transition:all ease 0.4s;}
.bz ul li span{ display:block; line-height:5; color:#34507e; font-size:16px; text-transform:uppercase; text-align:center; transition:all ease 0.4s;}
.bz ul li:hover img{ background:#44e5ff; border-color:#d9f7fc;}
.bz ul li:hover span{ color:#44e5ff;}

.ibox{ overflow:hidden; position:relative;}

.ibox .con{ width:1140px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:4.25; color:#333; font-size:36px; text-align:center;}
.ibox a.more{ display:block; width:154px; line-height:42px; color:#44e5ff; font-size:16px; text-align:center; border:2px solid #44e5ff; border-radius:23px; margin:0 auto; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#44e5ff;}

.box1{ padding:0 0 68px;}
.box1 ul{ display:block; margin:0 -26px;}
.box1 ul::before,
.box1 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box1 ul li{ display:block; width:25%; float:left; padding:0 0 30px;}
.box1 ul li a{ display:block; width:266px; position:relative; transition:all ease 0.4s; margin:0 auto;}
.box1 ul li a img{ display:block; width:260px; height:270px; border:3px solid #eceef1; border-radius:3px; box-shadow:0 0 20px rgba(209,209,209,0.35); transition:all ease 0.4s; margin:0 auto;}
.box1 ul li a span{ display:block; line-height:56px; color:#333; font-size:15px; font-family:"Nunito Light"; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; z-index:3;}
.box1 ul li a:hover img{ border-color:#44e5ff; box-shadow:0 0 20px rgba(68,229,255,0.35);}
.box1 ul li a:hover span{ color:#44e5ff; font-weight:bold;}

.box2{ background:#f5fafb; padding:0 0 60px;}
.box2 ul{ display:block; overflow:hidden; margin:0 -15px; padding:16px 0 0;}
.box2 ul li{ display:block; width:14.285%; overflow:hidden; position:relative; float:left;}
.box2 ul li a{ display:block; overflow:hidden; position:relative;}
.box2 ul li a img{ display:block; width:136px; height:136px; box-sizing:border-box; border:3px solid #395f90; border-radius:50%; margin:0 auto; transition:all ease 0.4s;}
.box2 ul li a span{ display:block; line-height:24px; color:#395f90; font-size:14px; font-family:"Nunito Light"; text-align:center; padding:16px 0;}
.box2 ul li a:hover img{ border-color:#44e5ff;}
.box2 ul li a:hover span{ color:#44e5ff; font-weight:bold;}


























/**/