/* CSS Document */

.ibanner{ height:calc((100vw - 17px) *450 / 1920); margin:90px 0 0; position:relative;}
.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{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1; transition:all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940); transform:scale(1.08);}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transform:scale(1);}
.ibanner .swiper-pagination{ height:8px; bottom:20px;}
.ibanner .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; border-radius:4px; opacity:1; margin:0 6px !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ width:50px; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:block; width:56px; height:56px; border-radius:50%; background-size:auto 36% !important; margin-top:-28px;}
.ibanner .swiper-button-prev{ background:rgba(0,0,0,0.3) url(../image/prev.png) center no-repeat; left:1%;}
.ibanner .swiper-button-next{ background:rgba(0,0,0,0.3) url(../image/next.png) center no-repeat; right:1%;}

.main{ width:auto; overflow:visible; position:relative;}

.ibox{ position:relative; z-index:2;}
.ibox .con{ width:1260px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; padding:3.5em 0 0; position:relative;}
.ibox h2.title em{ display:block; line-height:1.95; color:#000; font-size:2.125em; position:relative; z-index:3;}
.ibox h2.title span{ display:block; line-height:1; color:#666; font-size:0.875em; text-transform:uppercase; margin:0 0 2.78em;}
.ibox h2.title i{ display:block; width:5em; height:2px; background:#00837e; margin:0 auto; position:relative; z-index:3;}

.box1 .con{ position:relative; z-index:3;}
.box1 .txt{ line-height:2.25; color:#333; font-size:16px; overflow:hidden; padding:2em 0 4em;}
.box1 .data{ font-size:15px; font-family:'Oswald', sans-serif; padding:88px 0; background-image:url(../image/bg1.jpg); background-repeat:no-repeat; background-attachment:fixed; clear:both; position:relative;}
.box1 .data ul{ display:block; overflow:hidden;}
.box1 .data ul li{ display:block; width:25%; position:relative; z-index:3; float:left;}
.box1 .data ul li::before{ content:''; display:block; width:3px; height:22px; background:#46c1b8; position:absolute; left:0; top:0; z-index:2;}
.box1 .data ul li::after{ content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:1;}
.box1 .data ul li:first-child::before,
.box1 .data ul li:first-child::after{ display:none;}
.box1 .data ul p{ display:block; height:2.22em; line-height:2.22em; color:#fff; font-size:1.2em; font-weight:normal; overflow:hidden; text-align:center;}
.box1 .data ul p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.box1 .data ul p b{ font-size:2.22em; margin:0 0.1em;}
.box1 .data ul p sub{ display:inline-block; line-height:2; color:#fff; font-weight:bold; font-size:inherit; vertical-align:bottom; margin:0 0 0 2px;}
.box1 .data ul span{ display:block; line-height:1; color:#ddd; text-align:center; padding:0.85em 0 0;}

.bg2{ background-image:url(../image/bg2.jpg); background-repeat:no-repeat; background-attachment:fixed;}

.box2{ padding:0 0 100px;}
.box2 ul{ display:block; font-size:16px; overflow:hidden; padding:44px 0 0; margin:0 -20px;}
.box2 ul li{ display:block; width:33.33%; float:left; position:relative;}
.box2 ul li a{ display:block; overflow:hidden; position:relative; margin:0 20px;}
.box2 ul li em{ display:block; background:#000; overflow:hidden; position:relative;}
.box2 ul li em img{ display:block; width:100%; position:relative; z-index:1; transition:all ease 0.5s;}
.box2 ul li em font{ display:block; width:36%; line-height:2.25; color:#fff; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; transition:all ease 0.5s; opacity:0;}
.box2 ul li em font::before,
.box2 ul li em font::after{ content:''; display:block; height:1px; background:#fff; transition:all ease 0.5s;}
.box2 ul li span{ display:block; line-height:2.15; color:#111; font-size:1.3125em; font-weight:bold; padding:0.33em 0 0;}
.box2 ul li .txt{ display:block; line-height:1.75; color:#666; font-size:0.9375em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box2 ul li a:hover em img{ opacity:0.4; transform:scale(1.01);}
.box2 ul li a:hover em font{ opacity:1;}
.box2 ul li a:hover em font::before{ transform:scale(0.12,1);}
.box2 ul li span:hover{ color:#00837e;}

.box3{ background:rgba(255,255,255,0.7); position:relative; padding:0 0 70px;}
.box3 ul{ display:block; padding:30px 0 0; margin:0 -10px;}
.box3 ul::before,
.box3 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 ul li{ display:block; width:14.285%; float:left;}
.box3 ul li a{ display:block; overflow:hidden; border:1px solid #bbb; margin:10px; position:relative; transition:all ease 0.5s;}
.box3 ul li img{ display:block; width:100%;}
.box3 ul li:hover a{ box-shadow:0 1px 3px 1px rgba(0,0,0,0.5);}

.box4{ padding:0 0 80px;}
.box4 .case{ display:block; font-size:16px; position:relative; margin:50px -20px 0;}
.box4 .case .swiper-container{ margin:0 54px;}
.box4 .case .swiper-slide{ display:block;}
.box4 .case .swiper-slide a{ display:block; background:#048682; padding:0 16px 16px;}
.box4 .case .swiper-slide a em{ display:block; overflow:hidden; overflow:hidden; position:relative; margin:0 -16px 10px;}
.box4 .case .swiper-slide a em img{ display:block; width:100%; transition:all ease 0.5s;}
.box4 .case .swiper-slide a em:hover img{ transform:scale(1.1);}
.box4 .case .swiper-slide a span{ display:block; line-height:2.3; color:#fff; font-size:1.0625em; font-weight:bold; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box4 .case .swiper-slide a span:hover{ color:#9aded9;}
.box4 .case .swiper-slide a p{ height:3.45em; line-height:1.725; color:#eee; font-size:0.875em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 .case .swiper-pagination{ display:none; height:4px; left:50%; bottom:20px; transform:translate(-50%,50%);}
.box4 .case .swiper-pagination-bullet{ vertical-align:top; width:12px; height:4px; background:#148cc2; border-radius:0; margin:0 2px !important; opacity:1;}
.box4 .case .swiper-pagination-bullet-active{ background:#70b344;}
.box4 .case .swiper-button-prev,
.box4 .case .swiper-button-next{ display:block; width:30px; height:50px; margin-top:-25px; background-size:auto 48% !important;}
.box4 .case .swiper-button-prev{ background:rgba(0,0,0,0.3) url(../image/prev.png) center no-repeat; left:0;}
.box4 .case .swiper-button-next{ background:rgba(0,0,0,0.3) url(../image/next.png) center no-repeat; right:0;}

.box5{ background-image:url(../image/bg5.jpg); background-repeat:no-repeat; background-attachment:fixed; padding:0 0 80px;}
.box5 h2.title em{ color:#fff;}
.box5 h2.title i{ background:#fff;}
.box5 ul{ display:block; padding:50px 0 0; margin:0 -10px;}
.box5 ul::before,
.box5 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box5 ul li{ display:block; width:14.285%; float:left;}
.box5 ul li a{ display:block; overflow:hidden; border:1px solid #bbb; margin:10px; position:relative; transition:all ease 0.5s;}
.box5 ul li img{ display:block; width:100%;}
.box5 ul li:hover a{ box-shadow:0 1px 3px 1px rgba(0,0,0,0.5);}

.box6{ background-image:url(../image/bg6.jpg); background-repeat:no-repeat; background-attachment:fixed; padding:0 0 100px;}
.box6 ul{ display:block; font-size:16px; padding:50px 0 0; margin:0 -20px;}
.box6 ul::before,
.box6 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box6 ul li{ display:block; width:33.33%; float:left;}
.box6 ul li a{ display:block; text-align:center; overflow:hidden; background:rgba(255,255,255,0.8); padding:40px 30px; box-shadow:1px 1px 6px 2px rgba(0,0,0,0.15); transition:all ease 0.5s; margin:0 20px;}
.box6 ul li img{ display:block; height:4.375em; margin:0 auto; transition:all ease 0.5s;}
.box6 ul li b{ display:block; line-height:3.64; color:#000; font-size:1.375em;}
.box6 ul li i{ display:block; width:3.75em; height:1px; background:#00837e; margin:0 auto 0.75em;}
.box6 ul li p{ display:block; line-height:2; color:#333; font-size:0.875em;}
.box6 ul li em{ display:block; width:10em; line-height:2.66; color:#fff; font-size:0.9375em; background:#00837e; border-radius:1.33em; margin:2em auto 0; cursor:pointer; transition:all ease 0.5s;}
.box6 ul li:hover a{ background:rgba(255,255,255,1);}
.box6 ul li:hover img{ transform:rotateY(180deg) translateY(-4px);}
.box6 ul li a em:hover{ font-style:italic; background:#2cadac;}



@media only screen and (max-width:1366px){
.box4 .case{ margin-left:0; margin-right:0;}

}

@media only screen and (max-width:768px){
.ibanner{ min-height:160px; margin-top:60px;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:30px; height:30px; margin-top:-15px;}
.ibanner .swiper-pagination{ display:none;}

.ibox .con{ width:calc(100% - 32px);}
.ibox h2.title{ font-size:13px; margin:-1em 0 0;}
.ibox h2.title span{ margin-bottom:2.5em;}
.ibox h2.title i{ margin-top:0.5em;}

.box1 .txt{ font-size:14px;}
.box1 .data{ font-size:14px; padding:50px 0;}
.box1 .data ul li{ width:50%; margin:1em 0;}
.box1 .data ul li:nth-child(3)::before,
.box1 .data ul li:nth-child(3)::after{ display:none;}
.box1 .data ul p{ font-size:inherit;}

.box2{ padding:0 0 30px;}
.box2 ul{ padding-top:34px;}
.box2 ul li{ width:100%; padding:0 0 20px;}
.box2 ul li span{ font-size:1.125em; line-height:2.5;}

.box3{ padding:0 0 50px;}
.box3 ul{ margin:0 -8px; padding-top:26px;}
.box3 ul li{ width:50%;}
.box3 ul li:nth-child(n+13){ display:none;}
.box3 ul li a{ margin:8px;}

.box4{ padding:0 0 60px;}
.box4 .case{ margin:34px -16px 0;}
.box4 .case .swiper-container{ margin:0 46px;}

.box5{ padding:0 0 50px;}
.box5 ul{ margin:0 -8px; padding-top:26px;}
.box5 ul li{ width:50%;}
.box5 ul li:nth-child(n+21){ display:none;}
.box5 ul li a{ margin:8px;}

.box6{ padding:0 0 40px;}
.box6 ul{ font-size:13px; padding-top:34px;}
.box6 ul li{ width:100%; margin:0 0 20px;}
.box6 ul li a{ padding:30px 30px;}
.box6 ul li i{ margin-bottom:1.25em;}
.box6 ul li p{ font-size:14px;}
.box6 ul li em{ font-size:14px; margin:1.5em auto 0;}


.box1 .data,
.bg2,
.box5,
.box6{ background-size:cover; background-attachment:local; background-position:center;}


}





















/**/