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

/* banner */
.ibanner{ width:100vw; height:760px; 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;}
.ibanner .swiper-pagination{ display:block; height:10px; bottom:24px;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:5px; opacity:1; margin:0 10px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ width:48px; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

.main{ width:auto;}

.data{ color:#2e384d; font-size:16px; background:#f5f6f9; padding:1.75em 0;}
.data ul{ display:block; width:1360px; overflow:hidden; margin:0 auto;}
.data ul li{ display:block; width:20%; text-align:center; float:left;}
.data ul li em{ display:block; line-height:1.27; font-size:1.375em; overflow:hidden;}
.data ul li b{ font-size:2.1818em; margin-right:0.125em;}
.data ul li span{ display:block; line-height:2.33; font-size:1.125em;}

.ibox{ overflow:hidden; position:relative;}
.ibox .con{ width:1360px; 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:1.75em 0 0;}
.ibox h2.title em{ display:block; line-height:2.43; color:#333; font-size:2.625em; font-weight:bold; overflow:hidden;}
.ibox h2.title span{ display:block; line-height:1; color:#93939c; font-size:1.125em; overflow:hidden;}
.ibox a.more{ display:block; width:9.625em; line-height:2.625; color:#ec8c38; font-size:16px; text-align:center; background:#fff; border:1px solid #ec8c38; border-radius:2.75em; margin:0 auto; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#ec8c38;}

.box1{ background:url(../images/icons/bg1.png) center top no-repeat; padding:0 0 80px;}
.box1 p.tab{ display:block; font-size:18px; text-align:center; overflow:hidden; padding:2.5em 0;}
.box1 p.tab a{ display:inline-block; vertical-align:top; width:11.33em; line-height:2.66; color:#fff; text-align:center; background:#cbceda; border-radius:1.33em; margin:0 0.8em; transition:all ease 0.4s;}
.box1 p.tab a.cur{ background:#ec8c38;}
.box1 dl.list{ display:none; font-size:16px; overflow:hidden; margin:0 -14px; padding:0 0 60px;}
.box1 dl.list dd{ display:block; width:33.33%; float:left;}
.box1 dl.list dd a{ display:block; background:#f5f6f9; padding:1.75em 1.75em 0.5em; border-left:4px solid #f5f6f9; overflow:hidden; position:relative; margin:10px 14px 32px; transition:all ease 0.4s;}
.box1 dl.list dd img{ display:block; height:100%; position:absolute; right:0; top:0;}
.box1 dl.list dd h5{ display:block; line-height:2.25; color:#333; font-size:1.5em; font-weight:normal; transition:all ease 0.4s;}
.box1 dl.list dd p{ display:block; line-height:2.875; color:#999; overflow:hidden;}
.box1 dl.list dd span{ display:block; line-height:2.4; color:#f02f2f; overflow:hidden;}
.box1 dl.list dd em{ font-size:1.875em; margin-right:0.25em;}
.box1 dl.list dd a:hover{ background:#f9f7f5; border-color:#ec8c38; transform:translateY(-10px);}
.box1 dl.list dd a:hover h5{ color:#ec8c38;}
.box1 dl.list dt{ display:block; overflow:hidden; clear:both; padding:20px 0 0;}

.box2{ height:840px; background:#f3f3f3 url(../images/icons/bg2.png) center top no-repeat; padding:28px 0 0; box-sizing:border-box;}
.box2 h2.title{ text-align:left;}
.box2 h2.title em{ color:#fff;}
.box2 h2.title span{ color:rgba(255,255,255,0.6);}
.box2 h2.title a{ display:block; line-height:1.125; color:#999; float:right;}
.box2 h2.title a:hover{ color:#1c67d6;}
.box2 dl{ display:block; font-size:16px; overflow:hidden; padding:58px 0 0;}
.box2 dl dt{ display:block; width:748px; color:#fff; overflow:hidden; float:left;}
.box2 dl dt a.pic{ display:block; float:right; margin-left:60px;}
.box2 dl dt a.pic img{ display:block; width:386px; height:490px;}
.box2 dl dt a.title{ display:block; line-height:2.215; font-size:1.75em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 dl dt i{ display:block; width:2em; height:3px; background:#fff; overflow:hidden;}
.box2 dl dt .txt{ height:13em; line-height:1.86; font-size:0.875em; padding:2.15em 0 0; opacity:0.7;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:7;
}
.box2 dl dt p.sub{ display:block; overflow:hidden; padding:54px 0 0;}
.box2 dl dt p.sub em{ display:block; line-height:1; font-size:1.125em;}
.box2 dl dt p.sub img{ display:block; height:52px; float:left; filter:brightness(0) invert(1); opacity:0.6; margin:18px 52px 0 0;}
.box2 dl dd{ display:block; float:left;}
.box2 dl dd a{ display:block; overflow:hidden; margin:0 0 34px 24px; position:relative;}
.box2 dl dd a img{ display:block; width:180px; height:228px;}
.box2 dl dd .shade{ width:100%; height:100%; box-sizing:border-box; color:#fff; text-align:center; padding:1.875em 1em 0; background:rgba(28,103,214,0.8); position:absolute; left:0; top:0; transition:all ease 0.4s; opacity:0; visibility:hidden;}
.box2 dl dd .shade em{ display:block; line-height:2.22; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 dl dd .shade i{ display:block; width:1.5em; height:2px; background:#fff; margin:0 auto;}
.box2 dl dd .shade .txt{ height:7.4em; line-height:1.85; font-size:0.8125em; padding:1.85em 0 0; opacity:0.7;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.box2 dl dd a:hover .shade{ opacity:1; visibility:visible;}

.box3{ padding:0 0 64px;}
.box3 ul{ display:block; font-size:16px; background:url(../images/icons/srv_bg.png) center no-repeat; background-size:auto 100%; overflow:hidden; padding:5em 0 2.5em;}
.box3 ul li{ display:block; width:35%; padding:2.875em 0;}
.box3 ul li:nth-child(3){ width:30%; margin-right:5%;}
.box3 ul li:nth-child(4){ width:30%; margin-left:5%;}
.box3 ul li:nth-child(odd){ text-align:right; float:left;}
.box3 ul li:nth-child(even){ text-align:left; float:right;}
.box3 ul li em{ display:block; line-height:1.5; color:#333; font-size:1.5em; overflow:hidden;}
.box3 ul li em img{ display:block; height:1.32em; margin-top:0.09em;}
.box3 ul li:nth-child(odd) em img{ float:right; margin-left:1.125em;}
.box3 ul li:nth-child(even) em img{ float:left; margin-right:1.125em;}
.box3 ul li p{ display:block; height:3em; line-height:1.5; color:#666; overflow:hidden; padding-top:0.5em; margin-bottom:-1em;}
.box3 ul li:nth-child(odd) p{ padding-right:3.75em;}
.box3 ul li:nth-child(even) p{ padding-left:3.75em;}

.box4{ padding:0 0 80px;}
.box4 dl{ display:block; width:calc(33.33% - 28px); font-size:16px; padding:24px 0 60px; float:left; margin-left:42px;}
.box4 dl:first-child{ margin-left:0;}
.box4 dl dt{ display:block; overflow:hidden; padding:0 0 1em;}
.box4 dl dt h3{ display:block; line-height:5.625em; font-weight:normal; overflow:hidden;}
.box4 dl dt h3 em{ color:#333; font-size:1.5em;}
.box4 dl dt h3 a{ display:block; color:#999; float:right;}
.box4 dl dt h3 a:hover{ color:#1c67d6;}
.box4 dl dt a.pic{ display:block; overflow:hidden; position:relative;}
.box4 dl dt a.pic img{ display:block; width:100%;}
.box4 dl dt a.pic span{ display:block; width:100%; box-sizing:border-box; line-height:3; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0.5em; background:rgba(0,0,0,0.5); transition:all ease 0.4s; position:absolute; left:0; bottom:0;}
.box4 dl dt a.pic:hover span{ background:rgba(28,103,214,0.8);}
.box4 dl dd{ display:block; line-height:3; overflow:hidden;}
.box4 dl dd span{ display:block; color:#999; float:right; margin-left:2em;}
.box4 dl dd a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1em; background:url(../images/icons/dot.png) left center no-repeat;}
.box4 dl dd a:hover{ color:#1c67d6;}

.box5{ background:#f3f3f3; padding:0 0 64px;}
.box5 ul{ display:block; overflow:hidden; margin:0 -4px; padding:44px 0 52px;}
.box5 ul li{ display:block; width:20%; float:left;}
.box5 ul li a{ display:block; overflow:hidden; border-radius:4px; margin:4px;}
.box5 ul li a img{ display:block; width:100%;}
.box5 a.more{ background:none;}

@media only screen and (max-width:1440px){
.ibanner{ height:726px;}

.data ul,
.ibox .con{ width:1300px;}

.box2 dl dt{ width:718px;}
.box2 dl dt a.pic{ margin-left:30px;}
.box2 dl dd a{ margin-left:14px;}
}












/**/