/* CSS Document */

.header{ background:rgba(0,0,0,0.5); border:0;}

.ibanner{ height:100vh; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide video{ display:block; min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;}
.ibanner .swiper-slide .bg{ display:none; width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:2; transition:all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940); transform:scale(1.3,1.3);}
.ibanner .swiper-slide .txt{ width:80%; color:#fff; font-size:32px; font-weight:bold; position:absolute; left:50%; top:42%; z-index:3; transform:translate(-50%,0);}
.ibanner .swiper-slide .txt p{ display:block; line-height:3;  }
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-pagination{ width:auto; height:auto; bottom:50%; left:auto; right:4%; transform:translate(0,50%);}
.ibanner .swiper-pagination-bullet{ display:block; width:7px; height:36px; background:#fff; border-radius:0; opacity:1; margin:20px 0 !important; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(0,0,0,0.4); opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:30px; height:30px; border-radius:50%; margin-top:-15px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:rgba(0,0,0,0.3) url(../image/prev.png) center no-repeat; left:12px;}
.ibanner .swiper-button-next{ background:rgba(0,0,0,0.3) url(../image/next.png) center no-repeat; right:12px;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:92%; max-width:1140px; 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:3em 0 2.5em;}
.ibox h2.title em{ display:block; line-height:1.5; color:#595959; font-size:2.25em;}
.ibox h2.title em a:hover{ color:#00f;}
.ibox h2.title i{ display:block; width:5em; height:5px; background:#00f; margin:1.5em auto 0;}
.ibox h2.title span{ display:block; line-height:1.625; color:#00f; font-size:1.5em; letter-spacing:0.4em;}
.ibox a.more{ display:block; width:9.5em; line-height:3.125; color:#fff; font-size:16px; text-align:center; overflow:hidden; background:#00f; border-radius:5px; transition:all ease 0.4s; margin:0 auto;}
.ibox a.more:hover{ background:#0c4879;}

.box1{ background:#fafafa; padding:70px 0 80px;}
.box1 .left{ width:50%;}
.box1 .right{ width:50%;}
.box1 h2.title{ text-align:left; padding:0;}
.box1 h2.title i{ margin-left:0;}
.box1 .txt{ line-height:1.75; color:#595959; font-size:16px; overflow:hidden;}
.box1 a.more{ overflow:hidden; margin:1.875em 0 0;}
.box1 p.desc{ display:block; line-height:1.5; color:#b5b5b5; font-size:24px; font-style:italic; padding:1.25em 0 0;}

.box2{ background:url(../image/bg2.jpg) center no-repeat; background-size:cover; padding:70px 0 80px;}
.box2 dl{ display:block; color:#fff; font-size:16px; overflow:hidden;}
.box2 dl dt{ display:block; width:28%; background:url(../image/arrow.png) right 2.5em bottom no-repeat; margin:1.5em 0; float:left;}
.box2 dl dt:last-child{ width:auto; background:none;}
.box2 dl dt b{ display:block; line-height:1.2; font-family:'Impact'; font-size:3.75em; font-weight:normal; white-space:nowrap;}
.box2 dl dd{ display:block; width:28%; float:left;}
.box2 dl dd:first-child{ margin-left:13%;}
.box2 dl dd:last-child{ width:auto;}
.box2 dl dd b{ display:block; width:1em; line-height:1.3; color:#409fd5; font-size:1.625em; font-family:'微软雅黑'; padding:0 0.6em 0 0; border-right:2px solid #409fd5; float:left; margin:0 0.77em 0 0;}
.box2 dl dd p{ display:block; line-height:1.4; font-size:1.125em; overflow:hidden; white-space:nowrap;}

.box3{ background:#fafafa; overflow:hidden;}
.box3 .picMarquee-left{ overflow:hidden; position:relative; margin:10px 0 0;}
.box3 .picMarquee-left .bd{}
.box3 .picMarquee-left .bd ul{ overflow:hidden; zoom:1; transition/:all ease 0.012s;}
.box3 .picMarquee-left .bd ul li{ float:left; overflow:hidden; text-align:center;}
.box3 .picMarquee-left .bd ul li a{ display:block; overflow:hidden; background:#fff; padding:4px; border:1px solid #ddd; border-radius:4px; margin:0 5px;}
.box3 .picMarquee-left .bd ul li a img{ display:block; width:210px; height:84px;}
.box3 .picMarquee-left .bd ul li .info{ display:none;}

.box3 .qiye{ font-size:16px; position:relative; margin:60px 0 0;}
.box3 .qiye .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box3 .qiye .swiper-slide a{ display:block; background:#000; overflow:hidden; position:relative;}
.box3 .qiye .swiper-slide a img{ display:block; width:100%; height:18.33vw; object-fit:cover; transition:all ease 0.4s; opacity:0.5;}
.box3 .qiye .swiper-slide a .txt{ width:21.25em; color:#fff; padding:1.875em; position:absolute; left:0%; top:20%;}
.box3 .qiye .swiper-slide a .txt::after{ content:''; display:block; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s; transform-origin:left center;}
.box3 .qiye .swiper-slide a .txt em{ display:block; line-height:1.2; font-size:1.5em; position:relative; z-index:3;}
.box3 .qiye .swiper-slide a .txt i{ display:block; width:5em; height:3px; background:#fff; margin:1em 0; position:relative; z-index:3;}
.box3 .qiye .swiper-slide a .txt p{ display:block; height:3em; line-height:1.5; overflow:hidden; position:relative; z-index:3;}
.box3 .qiye .swiper-slide a:hover img{ opacity:1;}
.box3 .qiye .swiper-slide a:hover .txt::after{ opacity:0.7; transform:scale(1.025,1); transform-origin:left center;}
.box3 .qiye .swiper-pagination{ display:none; height:2px; bottom:8%;}
.box3 .qiye .swiper-pagination-bullet{ width:20px; height:2px; background:#fff; border-radius:0; opacity:0.33; margin:0 5px !important; transition:all ease 0.4s;}
.box3 .qiye .swiper-pagination-bullet-active{ opacity:1;}

.box3 ul.qiye{ display:block; font-size:16px; overflow:hidden; padding:60px 0 0;}
.box3 ul.qiye li{ display:block; width:33.33%; overflow:hidden; float:left;}
.box3 ul.qiye li a{ display:block; background:#000; overflow:hidden; position:relative;}
.box3 ul.qiye li a img{ display:block; width:100%; height:18.33vw; object-fit:cover; transition:all ease 0.4s; opacity:0.5;}
.box3 ul.qiye li a .txt{ width:21.25em; color:#fff; padding:1.875em; position:absolute; left:0%; top:20%;}
.box3 ul.qiye li a .txt::after{ content:''; display:block; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s; transform-origin:left center;}
.box3 ul.qiye li a .txt em{ display:block; line-height:1.2; font-size:1.5em; position:relative; z-index:3;}
.box3 ul.qiye li a .txt i{ display:block; width:5em; height:3px; background:#fff; margin:1em 0; position:relative; z-index:3;}
.box3 ul.qiye li a .txt p{ display:block; height:3em; line-height:1.5; overflow:hidden; position:relative; z-index:3;}
.box3 ul.qiye li a:hover img{ opacity:1;}
.box3 ul.qiye li a:hover .txt::after{ opacity:0.7; transform:scale(1.025,1); transform-origin:left center;}

.box4{ background:#f5f5f5; padding:80px 0 80px;}
.box4 h2.title{ text-align:left; padding:0 0 2.5em;}
.box4 h2.title i{ margin-left:0;}
.box4 .txt{ line-height:1.77; color:#595959; font-size:18px;}
.box4 .info1{ display:flex; align-items:center; width:33%; height:340px; background:#fff; padding:30px; float:left;}
.box4 .pic1{ overflow:hidden;}
.box4 .pic1 img{ display:block; width:100%; height:592px;}
.box4 .pic2{ width:43.8%; overflow:hidden; padding:10px; background:#f5f5f5; float:left; margin:-192px 0 0; position:relative;}
.box4 .pic2 img{ display:block; width:100%;}
.box4 .info2{ display:flex; width:33%; flex-direction:column; justify-content:center; width:33%; height:320px; background:#fff; padding:30px; float:right; margin:-192px 3.5% 0 0; position:relative;}

.box5{ background:#fafafa; padding:0 0 80px;}
.box5 ul{ display:block; font-size:16px; overflow:hidden; margin:0 -1em;}
.box5 ul li{ display:block; width:33.33%; float:left;}
.box5 ul li .box{ overflow:hidden; position:relative; margin:0 1em;}
.box5 ul li a.title{ display:block; overflow:hidden;}
.box5 ul li a.pic img{ display:block; width:100%; height:155px; object-fit:cover;}
.box5 ul li a.title{ display:block; height:3em; line-height:1.5; color:#262626; font-size:14px; margin:1.45em 0 1em; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box5 ul li span{ display:block; line-height:1; color:#b3b3b3; overflow:hidden; margin:0 0 0.5em;}
.box5 ul li .txt{ display:block; height:4.5em; line-height:1.5; color:#808080; font-size:12px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box5 ul li a.view{ display:block; line-height:1.785; color:#707070; font-size:14px; text-decoration:underline; overflow:hidden; float:left; margin:1em 0 0; transition:all ease 0.4s;}
.box5 ul li a.title:hover{ color:#0160ae;}
.box5 ul li:hover a.view{ color:#0160ae;}
.box5 a.more{ display:none;}



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

.ibanner .swiper-slide .txt{ font-size:1.7vw;}
.ibanner .swiper-pagination-bullet{ width:5px; height:27px;}

}

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

.ibanner .swiper-slide video{ display:none;}
.ibanner .swiper-slide .bg{ display:block;}
.ibanner .swiper-slide .txt{ font-size:15px; width:calc(100% - 100px); top:48%; transform:translate(-50%,-50%);}
.ibanner .swiper-slide .txt p{ line-height:2.4;  }
.ibanner .swiper-pagination{ display:none;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:block;}

.ibox h2.title{ font-size:12px;}
.ibox h2.title em{ font-size:2em;}
.ibox h2.title i{ height:4px; margin-top:1.25em;}

.box1{ padding:40px 0 40px;}
.box1 .left,
.box1 .right{ width:auto; float:none;}
.box1 .txt{ padding:1em 0 0; font-size:15px;}

.box2{ padding:48px 0;}
.box2 dl:first-child{ float:left; width:72px; background:url(../image/arrows.png) center no-repeat; margin:0 4px 0 0;}
.box2 dl dt{ float:none; width:auto; background:none; margin:0;}
.box2 dl dt b{ font-size:26px; line-height:104px; text-align:center;}
.box2 dl dd{ width:auto; float:none; margin:0; overflow:hidden; padding:17px 0;}
.box2 dl dd:first-child{ margin:47px 0 0;}
.box2 dl dd b{ margin:0 12px 0 0; padding:0 14px 0 0;}
.box2 dl dd p{ font-size:1em; line-height:22px; font-size:12px;}

.box3 h2.title{ text-align:left;}
.box3 h2.title i{ margin-left:0;}
.box3 .picMarquee-left{ margin:0 15px 0;}
.box3 .picMarquee-left .bd ul li a{ padding:0; margin:0 15px 0 0;}
.box3 .picMarquee-left .bd ul li a img{ width:103px; height:42px;}
.box3 .qiye{ overflow:hidden; margin:40px 15px 0; font-size:12px;}
.box3 .qiye .swiper-slide a img{ height:200px;}
.box3 .qiye .swiper-slide a .txt{ top:8%; width:100%; box-sizing:border-box;}
.box3 .qiye .swiper-pagination{ display:block;}

.box4{ padding:48px 0;}
.box4 .txt{ font-size:14px; padding:1em 0;}
.box4 .info1{ width:auto; display:block; float:none; height:auto; padding:20px;}
.box4 .pic1 img{ height:auto;}
.box4 .pic2{ display:none;}
.box4 .info2{ display:block; width:auto; margin:0; padding:20px; height:auto;}
.box4 h2.title{ padding:14px 0 0;}

.box5{ padding:0 0 30px;}
.box5 ul li{ width:auto; float:none; display:none;}
.box5 ul li:first-child{ display:block;}
.box5 ul li a.view{ display:none;}
.box5 a.more{ display:block; color:#707070; text-decoration:underline; font-size:14px; text-align:left; background:none; margin:0.5em 0 0; line-height:3;}



}

@media only screen and (min-width:769px){

.swiper-wrapper{ transform:none !important;}
.box3 .qiye .swiper-slide{ width:50% !important;}
.box3 .qiye .swiper-slide-duplicate{ display:none;}

}

/**/