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

/*
.ibanner{ width/:100vw; min-width:1220px; height:850px; overflow:hidden; position:relative; z-index:1;}
.ibanner .info{ display:flex; flex-direction:column; align-items:center; width:1200px; color:#fff; font-size:16px; position:absolute; left:50%; top:46%; transform:translate(-50%,-50%); z-index:9;}
.ibanner .info em{ display:block; line-height:1.5; color:#fff; font-size:2.75em; font-weight:bold; text-align:center;}
.ibanner .info p{ display:block; width:68%; line-height:2; color:#eee; text-align:center; margin:0.375em auto 0;}
.nivoSlider{ height:850px; background:#FFF; overflow:hidden; position:relative;}
.nivoSlider a.nivo-imageLink{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:6;}
.nivoSlider a.nivo-imageLink img{ display:none; width:100%; height:100%; position:absolute; top:0; left:0;}
.nivoSlider .nivo-slice{ display:block; position:absolute; z-index:5; height:100%;}
.nivoSlider .nivo-box{ display:block; position:absolute; z-index:5;}
.nivoSlider .nivo-caption{ display:none;}
.nivoSlider .nivo-controlNav{ z-index:1; position:absolute; left:50%; bottom:26px; z-index:9; transform:translateX(-50%);}
.nivoSlider .nivo-controlNav a{ display:block; width:12px; height:12px; line-height:99; background:#fff; border:2px solid #005beb; border-radius:50%; overflow:hidden; opacity:0.4; margin:0 8px; cursor:pointer; float:left;}
.nivoSlider .nivo-controlNav a.active{ background:#005beb; opacity:1;}
.nivoSlider .nivo-directionNav a.nivo-prevNav,
.nivoSlider .nivo-directionNav a.nivo-nextNav{ display:block; width:32px; height:32px; color:rgba(255,255,255,0); background-size:contain !important; cursor:pointer; position:absolute; top:50%; z-index:99;}
.nivoSlider .nivo-directionNav a.nivo-prevNav{ background:url(../images/icons/left_arrow.png) center no-repeat; left:25px;}
.nivoSlider .nivo-directionNav a.nivo-nextNav{ background:url(../images/icons/right_arrow.png) center no-repeat; right:25px;}
*/

.ibanner{ height:850px; position:relative;}
.ibanner .swiper-slide{ display:block; overflow:hidden; position:relative;}
.ibanner .swiper-slide .bg{ width:100vw; height:850px; background-size:cover !important; position:relative; z-index:1;}
.ibanner .txt{ display:flex; flex-direction:column; align-items:center; width:1200px; color:#fff; font-size:16px; position:absolute; left:50%; top:48%; transform:translate(-50%,-20%); z-index:9; opacity:0;}
.ibanner .txt h4{ display:block; line-height:1.5; color:#fff; font-size:2.75em; font-weight:bold; text-align:center;}
.ibanner .txt p{ display:block; width:68%; line-height:2; color:#eee; text-align:center; margin:0.375em auto 0;}
.ibanner .swiper-slide-active .txt,
.ibanner .swiper-slide-duplicate-active .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:block; width:32px; height:32px; margin-top:-0px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/left_arrow.png) center no-repeat; left:25px;}
.ibanner .swiper-button-next{ background:url(../images/icons/right_arrow.png) center no-repeat; right:25px;}

.ibox{ position:relative; z-index:2;}
.ibox .con{ width:1200px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; color:#333; font-size:16px; font-weight:normal; text-align:center; padding:2.5em 0 1.5em;}
.ibox h2.title em{ display:block; line-height:2; color:#333; font-size:1.75em; font-weight:bold;}
.ibox h2.title span{ display:block; max-width:62.5%; line-height:2; color:#666; font-size:0.9375em; margin:0 auto;}

.box1{ background:#f6f6f6; padding:0 0 60px;}
.box1 ul{ display:block; font-size:16px; overflow:hidden; margin:0 -22px;}
.box1 ul li{ display:block; width:33.33%; float:left;}
.box1 ul li a{ display:block; text-align:center; overflow:hidden; background:#fff; padding:12%; border-radius:3px; box-shadow:0 1px 20px 0 rgba(0,0,0,0.1); position:relative; margin:22px; transition:all ease 0.4s;}
.box1 ul li a img{ display:block; height:5em; margin:0 auto; transition:all ease 0.4s;}
.box1 ul li a h4{ display:block; line-height:2.5; color:#333; font-size:1.25em; padding:0.5em 0 0; transition:all ease 0.4s;}
.box1 ul li a p{ display:block; height:3.6em; line-height:1.8; color:#999; font-size:0.9375em; text-align:center;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box1 ul li a font{ display:block; line-height:1.5; color:#666; font-size:0.875em; margin:2em 0 0; transition:all ease 0.4s;}
.box1 ul li a:hover{ background:#f6f6f6;}
.box1 ul li a:hover img{ transform:scale(1.1);}
.box1 ul li a h4:hover,
.box1 ul li a font:hover{ color:#005beb;}

.main .data{ font-size:14px; background:url(../images/icons/bg_data.png) center no-repeat; background-attachment:fixed; position:relative; padding:20px 0 50px;}
.main .data h2.title em{ color:#fff;}
.main .data h2.title span{ color:#fff; padding:1em 0 0;}
.main .data ul{ display:flex; font-size:16px; overflow:hidden; justify-content:space-evenly; margin:0 10%; padding:20px 0;}
.main .data ul li{ display:block; width:20.8%; text-align:center; padding:28px 0; border:1px dashed #fff; border-radius:20px; box-sizing:border-box; position:relative; z-index:3;}
.main .data ul li img{ display:block; height:2.5em; margin:0 auto 0.375em;}
.main .data ul p{ display:block; line-height:1.4; color:#fff; font-size:2.5em; overflow:hidden;}
.main .data ul p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.main .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;}
.main .data ul span{ display:block; line-height:1.375; color:#fff;}

.box2{ position:relative; padding:0 0 60px;}
.box2 ul{ display:block; font-size:16px; overflow:hidden; margin:0 -14px;}
.box2 ul li{ display:block; width:33.33%; float:left;}
.box2 ul li a{ display:block; overflow:hidden; margin:12px 14px; transition:all ease 0.4s; cursor:pointer;}
.box2 ul li a:hover{ border-color:#005beb;}
.box2 ul li a i{ display:block; overflow:hidden; position:relative;}
.box2 ul li a i::before{ content:''; display:block; width:100%; height:100%; background:rgba(0,91,235,0.85) url(../images/icons/more.png) center no-repeat; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s; transform:translateY(100%);}
.box2 ul li a i img{ display:block; width:100%; transition:all ease 0.4s; transform-origin:center top;}
.box2 ul li a em{ display:block; line-height:1.5; color:#333; font-size/:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.75em 6px 0; transition:all ease 0.4s;}
.box2 ul li a p{ display:block; line-height:2.25; color:#666; font-size:0.875em; margin:0 6px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box2 ul li a:hover i::before{ transform:translateY(0);}
.box2 ul li a:hover i img{ transform:scale(1.05);}
.box2 ul li a:hover em{ color:#005beb;}

.box3{ background:url(../images/icons/bg3.jpg) center no-repeat; background-attachment:fixed; padding:0 0 70px;}
.box3 h2.title em{ color:#fff;}
.box3 h2.title span{ color:#fff;}
.box3 p.tab{ display:flex; justify-content:center; background:#fff; overflow:hidden; border-bottom:2px solid #005beb; margin:10px 0 0;}
.box3 p.tab a{ display:block; line-height:5.4; color:#333; font-size:15px; text-align:center; flex:1; transition:all ease 0.4s;}
.box3 p.tab a.cur{ color:#fff; background:#005beb;}
.box3 ul.tbox{ display:block; font-size:16px; background:#fff; overflow:hidden;}
.box3 ul.tbox li{ display:none; overflow:hidden; padding:3% 5% 3.5%;}
.box3 ul.tbox li i.pic{ display:block; width:30.5%; overflow:hidden; float:left;}
.box3 ul.tbox li i.pic img{ display:block; width:100%; height:220px;}
.box3 ul.tbox li .info{ overflow:hidden; padding:0 0 0 10%; margin:6px 0 0;}
.box3 ul.tbox li h4{ display:block; line-height:1.5; color:#333; font-size:1.5em; font-weight:normal; position:relative; transition:all ease 0.4s;}
.box3 ul.tbox li h4 img{ display:block; width:1.35em; position:absolute; left:-2.5em; top:50%; transform:translateY(-50%);}
.box3 ul.tbox li .txt{ height:6em; line-height:2; color:#666; font-size:0.875em; margin:1.25em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box3 ul.tbox li a.view{ display:block; width:9em; line-height:2.5; color:#666; font-size:0.875em; text-align:center; border:1px solid #999; border-radius:3px; margin:2em 0 0; transition:all ease 0.4s;}
.box3 ul.tbox li a.view:hover{ color:#fff; background:#005beb; border-color:#005beb;}

.box4{ overflow:hidden; padding:0 0 60px;}
.box4 ul{ display:block; overflow:hidden; margin:0 -10px;}
.box4 ul li{ display:block; width:20%; float:left;}
.box4 ul li a{ display:block; overflow:hidden; padding:10px; border:1px solid #ddd; position:relative; margin:10px; transition:all ease 0.4s;}
.box4 ul li a img{ display:block; width:100%; transition:all ease 0.4s;}
.box4 ul li a:hover{ border-color:#005beb;}
.box4 ul li a:hover img{ transform:scale(1.1);}

.main .slogan{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:280px; line-height:1; color:#fff; font-size:36px; text-align:center; background:url(../images/common/slogan_bg.jpg) center no-repeat; background-attachment:fixed; padding:20px 0 0;}
.main .slogan a{ display:block; width:9.2em; line-height:2.4; color:#fff; font-size:15px; text-align:center; border:1px solid #fff; border-radius:2.4em; margin:3em auto 0; transition:all ease 0.4s;}
.main .slogan a:hover{ color:#005beb; background:#fff;}


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

.ibanner{ height:56vw; margin:60px 0 0;}
.ibanner .swiper-slide .bg{ height:56vw;}
.ibanner .txt{ width:auto; max-width:calc(100% - 30px); font-size:12px; top:40%;}
.ibanner .txt h4{ font-size:2em; width:7em;}
.ibanner .txt p{ display:none;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:28px; height:28px; margin-top:-32px;}
.ibanner .swiper-button-prev{ left:10px;}
.ibanner .swiper-button-next{ right:10px;}
/*
.nivoSlider{ width:1920px; zoom:0.25; margin-left:50%; transform:translateX(-50%);}
.nivoSlider .nivo-directionNav a.nivo-prevNav,
.nivoSlider .nivo-directionNav a.nivo-nextNav{ width:96px; height:96px; top:44%; transform:translateY(-50%);}
.nivoSlider .nivo-directionNav a.nivo-prevNav{ left:50%; margin-left:-190vw;}
.nivoSlider .nivo-directionNav a.nivo-nextNav{ right:50%; margin-right:-190vw;}
*/

.ibox .con{ width:calc(100% - 30px);}
.ibox h2.title{ font-size:14px; padding:1.5em 0 0.5em;}
.ibox h2.title span{ max-width:none;}

.box1{ padding:0 0 40px;}
.box1 ul{ font-size:14px;}
.box1 ul li{ width:100%;}
.box1 ul li a{ margin:10px 22px;}

.main .data{ padding:0 0 20px;}
.main .data ul{ margin:0; flex-wrap:wrap; padding:14px 0 0; font-size:14px;}
.main .data ul li{ width:44%; margin:0 0 5%;}

.box2{ padding:0 0 40px;}
.box2 ul{ font-size:14px;}
.box2 ul li{ width:100%;}

.box3 p.tab{ flex-wrap:wrap; justify-content:flex-start;}
.box3 p.tab a{ width:50%; height:3.5em; line-height:1.25; font-size:14px; display:flex; justify-content:center; align-items:center; flex:none; flex-shrink:0; box-sizing:border-box; padding:0 1em;}
.box3 ul.tbox{ font-size:14px;}
.box3 ul.tbox li{ padding:5% 5% 3%;}
.box3 ul.tbox li i.pic{ width:auto; float:none; margin:0;}
.box3 ul.tbox li i.pic img{ height:auto;}
.box3 ul.tbox li .info{ padding:0 0 0 2em; margin:16px 0 0;}
.box3 ul.tbox li h4{ font-size:1.25em;}
.box3 ul.tbox li h4 img{ width:1.5em; height:1.5em; left:-1.6em; box-sizing:border-box; padding-right:6px; object-fit:contain;}
.box3 ul.tbox li .txt{ font-size:13px;}
.box3 ul.tbox li a.view{ margin:1.5em 0 2em;}

.box4{ padding:0 0 40px;}
.box4 ul{ margin:0 -6px;}
.box4 ul li{ width:50%;}
.box4 ul li a{ margin:6px; padding:0 10px;}

.main .slogan{ font-size:22px; height:48vw; padding:2vw 0 0;}
.main .slogan a{ font-size:14px; margin-top:2em;}


}















/**/