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

.ibanner{ width:100vw; overflow:hidden; position:relative; z-index:1; margin:90px 0 0;}
.nivoSlider{ height:880px; max-height:calc(100vh - 90px); background:#FFF; overflow:hidden; position:relative; background-position:center !important;}
.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; object-fit:cover;}
.nivoSlider .nivo-slice{ display:block; position:absolute; z-index:5; height:100%; background-position-y:center !important;}
.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:20px; height:6px; line-height:99; background:#fff; overflow:hidden; opacity:0.4; margin:0 8px; cursor:pointer; float:left;}
.nivoSlider .nivo-controlNav a.active{ background:#e22434; opacity:1;}
/*切换按钮*/
.nivoSlider .nivo-directionNav{ display:none !important;}
.nivoSlider .nivo-directionNav a.nivo-prevNav,
.nivoSlider .nivo-directionNav a.nivo-nextNav{ display:none; width:60px; height:60px; line-height:999; overflow:hidden; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); z-index:99; cursor:pointer;}
.nivoSlider .nivo-directionNav a.nivo-prevNav{ background:url(../images/icons/prev.png) center no-repeat; left:25px;}
.nivoSlider .nivo-directionNav a.nivo-nextNav{ background:url(../images/icons/next.png) center no-repeat; right:25px;}

.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:18px; text-align:center; overflow:hidden;}
.ibox h2.title span{ display:block; line-height:1.8; color:#e22434; text-transform:uppercase;}
.ibox h2.title em{ display:inline-block; vertical-align:top; line-height:1.5; color:#333; font-size:2em; position:relative;}
.ibox h2.title em::after{ content:''; display:block; width:14px; height:14px; border:5px solid #e22434; border-radius:50%; position:absolute; right:6px; top:0; z-index:-1;}

.box1{ padding:60px 0 30px;}
.box1 .flex{ display:flex; flex-wrap:wrap;}
.box1 .l{ display:flex; width:33%; flex-shrink:0; flex-direction:column; justify-content:space-between;}
.box1 h2.title{ text-align:left;}
.box1 .slogan{ font-size:16px; flex:auto; padding:3.75em 0 0;}
.box1 .slogan b{ display:block; width:1em; line-height:1.42; color:#e22434; font-size:1.5em; float:left; margin:0 0.66em 0 0;}
.box1 .slogan span{ display:block; width:1em; line-height:1.4; color:#434343; font-size:1.125em; overflow:hidden; padding:0.22em 0.5em 0 0; float:left;}
.box1 a.view{ display:block; width:150px; line-height:50px; color:#fff; font-size:14px; text-align:center; background:#e22434; border-radius:4px;}
.box1 a.view::after{ content:''; display:inline-block; vertical-align:top; width:20px; height:20px; padding:7px; background:#fff; background-clip:content-box; border:1px solid #fff; border-radius:50%; box-sizing:border-box; margin:25px 0 -25px 1em; transform:translateY(-50%); transition:all ease 0.25s;}
.box1 a.view:hover::after{ padding:5px;}
.box1 .r{ overflow:hidden; flex:1;}
.box1 .txt{ line-height:2; color:#666; font-size:16px; overflow:hidden; padding:2.5em 0 3.25em;}
.box1 .pic{ overflow:hidden; border-radius:20px;}
.box1 .pic img{ display:block; width:100%; transition:all ease 0.4s;}
.box1 .pic:hover img{ transform:scale(1.1);}

.box1 ul.data{ display:flex; justify-content:space-between; font-size:16px; overflow:hidden; padding:70px 0 0;}
.box1 ul.data li{ display:block; width:calc(25% - 15px); text-align:center; background:#f5f5f5; padding:20px 0; border-radius:6px; box-sizing:border-box;}
.box1 ul.data li:first-child{ border:0;}
.box1 ul.data li em{ display:block; height:3.25em; line-height:3.25em; color:#e22434; overflow:hidden;}
.box1 ul.data li b{ font-size:2.25em; margin-right:0.3em;}
.box1 ul.data li span{ display:block; line-height:1.5; color:#434343;}

.box2{ padding:60px 0 0;}
.box2 .recomd{ width:100vw; height/:66vw; position:relative; margin:48px 0 0;}
.box2 .recomd .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box2 .recomd .swiper-slide a{ display:block; overflow:hidden; position:relative;}
.box2 .recomd .swiper-slide a img{ display:block; width:100%; height/:66vw;}
.box2 .recomd .swiper-button-prev,
.box2 .recomd .swiper-button-next{ display:block; width:48px; height:48px; margin-top:-24px; background-size:contain !important; filter:brightness(0) invert(1);}
.box2 .recomd .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:40px;}
.box2 .recomd .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:40px;}
.box2 .recomd .swiper-button-prev:hover,
.box2 .recomd .swiper-button-next:hover{ filter:brightness(1) invert(0);}

.box3{ padding:60px 0 0;}
.box3 ul{ display:flex; font-size:16px; position:relative; margin:48px 0 0;}
.box3 ul::before{ content:''; display:block; width:100vw; height:100%; background:#c31b2a; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.box3 ul li{ display:flex; justify-content:center; width:33.33%; color:#fff; padding:140px 0 170px; position:relative; z-index:3;}
.box3 ul li:nth-child(odd){ background:#dd2331;}
.box3 ul li a{ display:flex; justify-content:center; align-items:flex-start; padding:0 0 170px;}
.box3 ul li a::after{ content:''; display:block; width:1px; height:130px; background:#fff; opacity:0.4; position:absolute; left:50%; bottom:170px;}
.box3 ul li a img{ display:block; width:5em; height:auto; font-size:0.875em; margin:0 1em 0 0; transition:all ease 0.4s;}
.box3 ul li a span{ display:block; line-height:3.5; font-size:0.875em; text-transform:uppercase; writing-mode:tb; opacity:0.8;}
.box3 ul li a b{ display:block; width:1em; line-height:1.1875em; font-size:2em; transform:translateY(-6px);}
.box3 ul li a:hover img{ transform:scale(1.1);}

.box4{ background:#f5f5f5; overflow:hidden; padding:60px 0 140px;}
.box4 .flex{ display:flex; flex-wrap:wrap; align-items:flex-end;}
.box4 .l{ display:flex; width:62.5%; flex-shrink:0; flex-direction:column; justify-content:space-between; margin-right:4%;}
.box4 h2.title{ text-align:left;}
.box4 ul{ display:block; background:#fff; padding:34px 40px; border-radius:30px; overflow:hidden; margin:48px 0 0;}
.box4 ul li{ display:block; padding:25px 0; overflow:hidden;}
.box4 ul li span{ display:block; width:70px; line-height:24px; color:#e22434; font-size:14px; text-align:center; float:left; margin-right:30px;}
.box4 ul li span em{ display:block; line-height:44px; font-size:3em; font-weight:bold; padding:6px 0 0;}
.box4 ul li a{ display:block; line-height:26px; color:#5a5a5a; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 ul li a:hover{ color:#e22434;}
.box4 ul li p{ display:block; height:48px; line-height:24px; color:#999; font-size:13px; padding:10px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 a.view{ display:block; width:148px; line-height:48px; color:#e22434; font-size:14px; text-align:center; border:1px solid #e22434; border-radius:4px; transition:all ease 0.4s; margin:50px 0 0;}
.box4 a.view:hover{ color:#fff; background:#e22434;}
.box4 p.link{ display:block; flex:1; overflow:hidden;}
.box4 p.link a{ display:block; overflow:hidden; background:#e22434; border-radius:30px; position:relative; margin:34px 0 0;}
.box4 p.link a img{ display:block; width:100%; height:280px; object-fit:cover; transition:all ease 0.4s;}
.box4 p.link a span{ display:block; line-height:1; color:#fff; font-size:24px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; transition:all ease 0.4s;}
.box4 p.link a:hover img{ transform:scale(1.1); opacity:0.2;}
.box4 p.link a:hover span{ opacity:1;}
.box4 .jiameng{ color:#fff; font-size:14px; text-align:center; background:url(../images/icons/jiameng_bg.jpg) center top no-repeat; background-attachment:fixed; padding:35px 0 70px; border-radius:40px; margin:80px 0 0;}
.box4 .jiameng b{ display:block; line-height:4; font-size:2.5em;}
.box4 .jiameng b font{ margin:0 0.25em;}
.box4 .jiameng a{ display:block; width:148px; line-height:48px; color:#fff; font-size:14px; text-align:center; border:1px solid #fff; border-radius:4px; transition:all ease 0.4s; margin:0 auto;}
.box4 .jiameng a:hover{ color:#e22434; background:#fff;}


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

.ibanner{ margin:60px 0 0;}
.nivoSlider{ height:60vw; height:41.83vw; max-height:none; background-size:100% auto !important;}
.nivoSlider .nivo-slice{ background-size:100vw auto !important;}
.nivoSlider .nivo-controlNav{ bottom:6.5%;}
.nivoSlider .nivo-controlNav a{ opacity:0.8; width:18px; height:4px; margin:0 4px;}

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

.box1{ padding:0 0 0;}
.box1 .flex{ display:block; position:relative; padding:0 0 70px;}
.box1 .l{ display:block; width:auto;}
.box1 h2.title{ text-align:center;}
.box1 .slogan{ font-weight:bold; text-align:center; line-height:1.5; font-size:15px; padding:1.5em 0 0;}
.box1 .slogan b{ display:inline; float:none; margin:0 4px 0 0; font-size:inherit; line-height:inherit;}
.box1 .slogan span{ display:inline; font-size:inherit; line-height:inherit; padding:0; width:auto; float:none;}
.box1 a.view{ width:120px; line-height:40px; font-size:13px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.box1 a.view::after{ width:14px; height:14px; padding:4px; margin:20px 0 -20px 0.75em;}
.box1 .txt{ font-size:14px; padding:1em 0 1.5em;}
.box1 .pic{ border-radius:10px;}
.box1 ul.data{ padding:20px 0 0; flex-wrap:wrap; font-size:13px;}
.box1 ul.data li{ width:calc(50% - 7px); margin:12px 0 0; padding:16px 0;}
.box1 ul.data li em{ transform:translateY(-2px);}
.box1 ul.data li b{ margin-right:0.2em;}

.box2{ padding:0 0 0;}
.box2 .recomd{ margin:28px 0 0;}
.box2 .recomd .swiper-button-prev,
.box2 .recomd .swiper-button-next{ width:30px; height:30px; margin-top:-15px;}
.box2 .recomd .swiper-button-prev{ left:10px;}
.box2 .recomd .swiper-button-next{ right:10px;}

.box3{ padding:0 0 0;}
.box3 ul{ padding:0; display:block; margin:24px -15px 0;}
.box3 ul li{ width:auto; display:block; padding:0;}
.box3 ul li a{ display:block; text-align:center; padding:28px 0;}
.box3 ul li a::after{ display:none;}
.box3 ul li a img{ margin:0 auto 1.25em; width:3em;}
.box3 ul li a b{ width:auto; line-height:1; font-size:1.125em; transform:translateY(-28px);}
.box3 ul li a span{ writing-mode:inherit; line-height:1; padding:1em 0 0; transform:translateY(18px);}

.box4{ padding:0 0 40px;}
.box4 .flex{ display:block;}
.box4 .l{ display:block; width:auto; margin:0;}
.box4 h2.title{ text-align:center;}
.box4 ul{ padding:12px 16px; border-radius:20px; margin:30px 0 0;}
.box4 ul li{ padding:12px 0;}
.box4 ul li a{ font-size:16px;}
.box4 ul li p{ line-height:20px; height:40px; padding:6px 0 0;}
.box4 ul li span{ font-size:13px; width:60px; margin-right:16px;}
.box4 ul li span em{ font-size:2.5em; line-height:36px; padding:5px 0 0;}
.box4 a.view{ width:118px; line-height:38px; font-size:13px; margin:30px auto 0;}
.box4 p.link{ display:flex; justify-content:space-between;}
.box4 p.link a{ width:48%; border-radius:8px; background:#000;}
.box4 p.link a img{ height:120px; opacity:0.8;}
.box4 p.link a:hover img{ transform:scale(1); opacity:0.8;}
.box4 p.link a span{ opacity:1; font-size:16px;}
.box4 .jiameng{ border-radius:10px; padding:32px 0; margin:36px 0 0;}
.box4 .jiameng b{ font-size:18px; width:13em; margin:0 auto; line-height:1.5;}
.box4 .jiameng b font{ display:none;}
.box4 .jiameng a{ width:118px; line-height:38px; font-size:13px; margin:20px auto 0;}









}





/**/