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

.ibanner{ height:750px; position:relative; margin:102px 0 0;}
.ibanner .txt{ width:1200px; color:#fff; font-size:16px; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%);}
.ibanner .txt h4{ line-height:1; font-size:3.75em;}
.ibanner .txt p{ line-height:1; font-size:2.25em; padding:1em 0 1.35em;}
.ibanner .txt i{ display:block; width:10em; height:4px; background:#fff;}
.ibanner .swiper-slide{ display:block; height:100%; background:#000; overflow:hidden; position:relative;}
.ibanner .swiper-slide .bg{ width:100vw; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:2; transition:1s linear 2s; transform:scale(1,1); opacity:0.6;}
.ibanner .swiper-slide-active .bg,
.ibanner .swiper-slide-duplicate-active .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-pagination{ height:12px; bottom:30px;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:50%; opacity:0.4; margin:0 8px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ background:#f5b01f; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:block; width:32px; height:32px; margin-top:-16px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:1.5%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:1.5%;}

.main{ width:auto;}

.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; font-size:16px; font-weight:normal; text-align:center; overflow:hidden; padding:60px 0 40px;}
.ibox h2.title span{ display:block; line-height:1.1; color:#ccc; font-size:2.125em; text-transform:uppercase;}
.ibox h2.title em{ display:block; line-height:2; color:#1f3971; font-size:2em; position:relative;}
.ibox h2.title b{ display:block; line-height:2; color:#444; font-size:2em; position:relative;}

.box1{ padding:0 0 80px;}
.box1 .news{ padding:80px 0 0;}
.box1 .news > .swiper-pagination{ height:auto; bottom:auto; top:0;}
.box1 .news > .swiper-pagination .swiper-pagination-bullet{ width:9em; height:auto; line-height:2.8; color:#434343; font-size:15px; text-align:center; background:#f6f6f6; border:0; border-radius:1.4em; opacity:1; margin:0 8px;}
.box1 .news > .swiper-pagination .swiper-pagination-bullet-active{ color:#fff; background:#f5b01f;}

.box1 .inner{ background:#fff; opacity:0; z-index:1; transition:all ease 0.8s;}
.box1 .inner.swiper-slide-active{ opacity:1; z-index:9;}
.box1 .inner::before,
.box1 .inner::after{ content:''; display:block; overflow:hidden; clear:both;}
.box1 .inner .swiper-container{ width:46%; float:left; margin:16px 5% 0 0;}
.box1 .inner .swiper-slide a.pic{ display:block; overflow:hidden;}
.box1 .inner .swiper-slide a.pic img{ display:block; width:100%; height:476px; height:355px; object-fit:cover;}
.box1 .inner .swiper-slide a.pic span{ display:block; width:100%; box-sizing:border-box; line-height:3.25; color:#fff; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.6); padding:0 110px 0 1em; position:absolute; left:0; bottom:0; z-index:1;}
.box1 .inner .swiper-slide a.title{ display:block; height:2.5em; line-height:1.25; color:#333; font-size:24px; font-weight:bold; margin:28px 22px 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box1 .inner .swiper-slide .txt{ display:block; height:72px; line-height:24px; color:#333; font-size:14px; padding:22px 0 0; border-top:1px solid #e2e2e2; margin:24px 22px 80px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box1 .inner .swiper-pagination{ height:10px; padding:21px 0; bottom:0; width:auto; left:auto; right:10px;}
.box1 .inner .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:1px solid #fff; border-radius:50%; opacity:1; margin:0 5px !important; vertical-align:top; transition:all ease 0.4s;}
.box1 .inner .swiper-pagination-bullet-active{ background:#fff; opacity:1;}

.box1 .inner ul{ display:block; overflow:hidden;}
.box1 .inner ul li{ display:block; padding:16px 0; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.box1 .inner ul li a.title{ display:block; line-height:2; color:#1f3971; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box1 .inner ul li a.title:hover{ color:#f5b01f;}
.box1 .inner ul li span{ display:block; line-height:1.5; color:#bbb; font-size:14px; overflow:hidden; padding:0.4em 0 0;}
.box1 .inner ul li p{ display:block; line-height:2; color:#787878; font-size:14px; padding:4px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.box2{ padding:220px 0 0; position:relative;}
.box2 .bg{ width:100vw; height:540px; background:url(../images/icons/bg2.jpg) center top no-repeat; background-attachment:fixed; position:absolute; left:50%; top:0; margin-left:-50vw;}
.box2 .con{ position:relative; z-index:3;}
.box2 .flex{ display:flex; align-items:flex-start;}
.box2 .flex > span{ display:block; width:46%; line-height:60px; color:#fff; font-size:76px; font-family:Arial; text-align:right; margin:264px 1.5% 0 0; flex-shrink:0;}
.box2 .r{ background:#f6f6f6; padding:48px 40px 56px; overflow:hidden; flex:1;}
.box2 h2.title{ text-align:left; padding:0;}
.box2 h2.title i{ display:block; width:3.125em; height:4px; background:#f5b01f; margin:0 0 4px;}
.box2 .txt{ height:12em; line-height:2; color:#434343; font-size:16px; padding:1.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6;
}
.box2 a.more{ display:block; width:11.875em; line-height:3.125em; color:#fff; font-size:16px; text-align:center; background:#f5b01f; border-radius:1.5625em; margin:20px auto 0;}
.box2 a.more:hover{ background:#1f3971;}

.box3{ padding:80px 0;}
.box3 ul{ display:block; font-size:16px; overflow:hidden; position:relative; margin:0 -20px;}
.box3 ul li{ display:block; width:50%; float:left;}
.box3 ul li a{ display:block; background:#1f3971; position:relative; overflow:hidden; margin:20px;}
.box3 ul li a img{ display:block; width:100%; height:auto; transition:all ease 0.4s;}
.box3 ul li a span{ display:block; line-height:1; color:#fff; font-size:1.875em; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.box3 ul li a:hover img{ transform:scale(1.1); opacity:0.6;}

.box4{ background:#f5f5f5; overflow:hidden; padding:60px 0;}
.box4 .con{ overflow:hidden;}
.box4 .coop{ overflow:hidden; margin-right:-120px;}
.box4 .coop .swiper-wrapper{ transition-timing-function:linear;}
.box4 .coop .swiper-slide a{ display:block; overflow:hidden; background:#fff;}
.box4 .coop .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.box4 .coop .swiper-slide a:hover img{ transform:scale(1.1);}
.box4 .coop .swiper-button-prev,
.box4 .coop .swiper-button-next,
.box4 .coop .swiper-pagination{ display:none;}



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

.ibanner{ height:62.5vw; margin:60px 0 0;}
.ibanner .txt{ width:calc(100% - 40px); font-size:13px; top:48%;}
.ibanner .txt h4{ font-size:1.875em;}
.ibanner .txt p{ font-size:1.125em;}
.ibanner .txt i{ height:3px;}
.ibanner .swiper-pagination{ height:10px; bottom:16px;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; margin:0 6px !important;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

.ibox .con{ width:calc(100% - 30px);}
.ibox h2.title{ font-size:12px; padding:3em 0 1.5em;}
.ibox h2.title span{ font-size:1.75em;}

.box1{ padding:0 0 40px;}
.box1 .news{ padding:50px 0 0;}
.box1 .news > .swiper-pagination .swiper-pagination-bullet{ font-size:13px; width:7.5em; margin:0 4px;}
.box1 .inner .swiper-container{ width:auto; float:none; margin:0;}
.box1 .inner .swiper-slide a.pic img{ height:64vw;}
.box1 .inner .swiper-pagination{ height:10px; bottom:14px;}
.box1 .inner .swiper-pagination-bullet{ width:8px; height:8px; margin:0 6px !important;}
.box1 .inner ul{ padding:4px 0 0;}
.box1 .inner ul li{ padding:10px 0;}
.box1 .inner ul li a.title{ font-size:15px;}
.box1 .inner ul li span{ font-size:13px; padding:0.25em 0 0;}
.box1 .inner ul li p{ font-size:13px;}

.box2{ padding:40px 0 0;}
.box2 .bg{ height:292px;}
.box2 .flex{ display:block;}
.box2 .flex > span{ margin:0; width:auto; line-height:1.75; font-size:36px; text-align:left; padding:0 8px 8px;}
.box2 .r{ padding:36px 15px;}
.box2 h2.title{ padding:0;}
.box2 .txt{ font-size:14px; padding:0.5em 0 0; height:auto; -webkit-line-clamp:6;}
.box2 a.more{ font-size:13px;}

.box3{ padding:30px 0;}
.box3 ul{ margin:0 -5px;}
.box3 ul li a{ margin:5px;}
.box3 ul li a span{ font-size:16px;}

.box4{ padding:30px 0;}
.box4 .coop{ margin:0;}




}





/**/