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

.header .head{ margin:0 3%;}

.ibanner{ margin-top:0; height:49.375vw; width:100vw; max-height:none;}
.ibanner .swiper-slide img{ display:block; width:100%; height:100%; object-fit:cover;}
.ibanner .swiper-pagination{ height:11px; bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:11px; height:11px; background:#afafaf; border-radius:50%; margin:0 6px !important;}
.ibanner .swiper-pagination-bullet-active{ width:11px; background:#0052fe;}
.ibanner .style1 .swiper-pagination-bullet-active{ background:#0052fe;}
.ibanner .style2 .swiper-pagination-bullet-active{ background:#fff;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:26px; height:52px; top:57%; margin-top:-26px;}
.ibanner .swiper-button-prev{ background-image:url(../images/prev.png); left:2.5%;}
.ibanner .swiper-button-next{ background-image:url(../images/next.png); right:2.5%;}

.box1{ padding:0 0 70px;}
.box1 h2{ line-height:1; color:#333; font-size:41px; font-weight:bold; margin:72px 0 0 17.8%;}
.box1 h2 em{ display:block; font-size:1.4146em; padding:0.3em 0 0;}
.box1 .txt{ color:#4d4d4d; font-size:17px; margin:3em 0 3em 17.8%;}
.box1 img.pic{ display:block; float:right; margin:4% 18% 0 0;}
.box1 h3{ line-height:3.9em; font-size:19px; margin:0 7% 0 17.8%; padding:0;}
.box1 h3 em{ display:block; font-size:0.95em; float:right;}
.box1 h3 em a{ color:#4d4d4d; font-size:inherit; padding:0; background:none; margin-left:1.35em; display:inline; float:none;}
.box1 h3 em a:hover{ background:none;}
.box1 ul{ margin-left:calc(7% - 6px); margin-right:calc(7% - 6px); margin-bottom:50px;}
.box1 ul li .box{ margin:6px;}
.box1 a.more{ display:block; width:15.5em; line-height:3.2857em; color:#666; font-size:14px; text-align:center; padding:1px; position:relative; margin:0 auto; transition:all ease 0.4s;}
.box1 a.more em{ display:inline-block; vertical-align:top; transition/:all ease 0.4s;}
.box1 a.more i{ display:inline-block; vertical-align:top; font-family:'simsun'; color:rgba(255,255,255,0); font-weight:bold; text-indent:-8px; transition:all ease 0.4s; opacity:0;}
.box1 a.more::after{ content:''; display:block; width:100%; height:100%; border:1px solid #888; box-sizing:border-box; position:absolute; left:0; top:0; transition:all ease 0.4s;}
.box1 a.more:hover{ color:#4d4d4d;}
.box1 a.more:hover em{ font-size:1.379em;}
.box1 a.more:hover i{ color:#000; text-indent:15px; opacity:1;}
.box1 a.more:hover::after{ transform/:scale(1.1);}

.box2{ background:url(../images/bg2.png) center bottom no-repeat; padding:0 0 220px; margin-bottom:-40px;}
.box2 h2{ line-height:1; color:#333; text-align:center; padding:66px 0 0;}
.box2 h2 em{ display:block; font-size:48px; font-weight:bold;}
.box2 h2 span{ display:block; font-size:36px; font-weight:500; padding:0.6em 0 0;}
.box2 p.intro{ display:block; line-height:2; color:#4d4d4d; font-size:17px; text-align:center; padding:3.5em 0;}
.box2 ul{ display:block; font-size:20px; overflow:hidden; margin:0 13%;}
.box2 ul li{ display:block; width:33.33%; float:left;}
.box2 ul li img{ display:block; height:7.5em; margin:0 auto;}
.box2 ul li span{ display:block; line-height:3.9; color:#333; text-align:center;}
.box2 ul li p{ display:block; text-align:center; overflow:hidden; padding:0 1em;}
.box2 ul li p em{ display:block; max-width:358px; line-height:2.5; color:#333; background:url(../images/btn.png) left top repeat-x; background-size:auto 100%; border-radius:0.5em; margin:1.2em auto 0;}

.box3{ padding:0 7% 100px;}
.box3 h3{ line-height:2.4; color:#333; font-size:47px; font-weight:bold; padding:0.9em 0 0; margin:0;}
.box3 .newsBox{ background:url(../images/n_bg.png) left top repeat-x; padding:0 4% 4.5%; border:1px solid #7e9ffc; border-radius:16px; position:relative;}
.box3 .newsBox::before,
.box3 .newsBox::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}
.box3 .newsBox i.l{ display:block; width:100%; height:100%; background:url(../images/news_lt.png) left top no-repeat; border-radius:16px 0 0; position:absolute; left:0; top:0; z-index:1;}
.box3 .newsBox i.r{ display:block; width:100%; height:100%; background:url(../images/news_rt.png) right top no-repeat; position:absolute; right:-1px; top:-1px; z-index:1;}
.box3 .newsBox i.b{ display:block; width:20%; height:20%; background:url(../images/arr_b.png) right bottom no-repeat; position:absolute; right:2.5%; bottom:2.5%; z-index:1;}
.box3 .newsBox:nth-child(4) i.b{ background-image:url(../images/arr_r.png);}
.box3 .newsBox *{ position:relative; z-index:3;}
.box3 .newsBox h4{ display:block; line-height:1.33333333; color:#fff; font-size:27px; font-weight:normal; padding:2.22em 0 1.7em;}
.box3 .newsBox h4 img{ display:block; height:1.33333333em; overflow:hidden; float:left; margin-right:0.55em;}
.box3 .newsBox ul{ display:block; font-size:15px; overflow:hidden;}
.box3 .newsBox ul li{ display:block; width:50%; float:left; position:relative; box-sizing:border-box; padding:3em 4% 0 1.8em;}
.box3 .newsBox ul li:nth-child(-n+2){ padding-top:0;}
.box3 .newsBox ul li::before{ content:''; display:block; width:1px; height:100%; background:#0052fe; position:absolute; left:4px; top:0;}
.box3 .newsBox ul li a{ display:block; line-height:1.62; color:#333; font-size:1.73em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; margin-left:-1em; padding-left:1em;}
.box3 .newsBox ul li a::before{ content:''; display:block; width:7px; height:8px; background:#0052fe; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-4px;}
.box3 .newsBox ul li a:hover{ color:#0052fe;}
.box3 .newsBox ul li span{ display:block; line-height:2.6; color:#808080; padding:0.66em 0 0;}
.box3 .newsBox ul li .txt{ height:4em; line-height:2; color:#808080;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .newsBox dl{ display:flex; padding:0 0 32px;}
.box3 .newsBox dl+dl{ display:block; padding:32px 0 0; border-top:1px solid #c0c0c0;}
.box3 .newsBox dl dt{ display:block; float:left; flex-shrink:0; margin-right:7%;}
.box3 .newsBox dl dt img{ display:block; width:410px; height:410px;}
.box3 .newsBox dl dd{ display:flex; flex:auto; justify-content:space-between; align-items:center; overflow:hidden;}
.box3 .newsBox dl+dl dd{ display:block;}
.box3 .newsBox dl+dl dd+dd{ padding:32px 0 0;}
.box3 .newsBox dl dd p{ display:block; max-width:226px;}
.box3 .newsBox dl dd p img{ display:block; display:block; width:100%;}
.box3 .newsBox dl dd p font{ display:block; line-height:1; color:#333; font-size:31px; background:url(../images/n_mark.png) right center no-repeat; margin:1.16em 0 0;}
.box3 .newsBox dl dd a.pic{ display:block; float:left; margin-right:22px; position:relative;}
.box3 .newsBox dl dd a.pic::after{ content:''; display:block; width:1px; height:200%; background:#0052fe; position:absolute; right:-32px; top:-50%;}
.box3 .newsBox dl dd a.pic img{ display:block; width:189px; height:189px;}
.box3 .newsBox dl dd a.title{ display:block; max-height:3em; line-height:1.5; color:#333; font-size:28px; overflow:hidden; padding:0.3575em 0; padding-left:44px; position:relative;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .newsBox dl dd a.title::before{ content:''; display:block; width:20px; height:20px; background:#0052fe; border-radius:50%; position:absolute; left:0; top:1.1075em; margin-top:-10px;}
.box3 .newsBox dl dd span{ display:block; line-height:2.275; color:#808080; font-size:22px; overflow:hidden; padding-left:44px;}







































/**/