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

.ibanner{ width:1320px; height:408px; overflow:hidden; position:relative; z-index:1; margin:96px auto 0;}
.nivoSlider{ height:408px; background:#FFF; overflow:hidden; position:relative;}
.nivoSlider a.nivo-imageLink{ display:block; width:100vw; 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;}
.nivoSlider .nivo-slice{ display:block; position:absolute; z-index:5; height:100%;}
.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:22px; z-index:9; transform:translateX(-50%);}/*分页按钮*/
.nivoSlider .nivo-controlNav a{ display:block; width:32px; height:6px; line-height:99; background:#fff; overflow:hidden; margin:0 8px; cursor:pointer; float:left;}
.nivoSlider .nivo-controlNav a.active{ background:#f36416; opacity:1;}
.nivoSlider .nivo-directionNav a.nivo-prevNav,
.nivoSlider .nivo-directionNav a.nivo-nextNav{ display:none;}/*切换按钮*/

.main{ display:block; width:auto;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1320px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:2.2; font-size:14px; text-align:center; padding:2em 0 1.66em; padding:1.5em 0 1.25em; padding:0.25em 0 0; line-height:2;}
.ibox h2.title em{ display:block; color:#4a4a4a; font-size:2em; font-weight:normal;}
.ibox h2.title span{ display:block; line-height:1; color:#666; font-weight:normal;}
.ibox a.more{ display:block; width:4em; line-height:2; color:#f58345; font-size:18px; background:url(../images/icons/more.png) right center no-repeat; background-size:auto 1em; padding:0 1.5em 0 0; transition:all ease 0.4s;}

.box1{ padding:0 0 22px;}
.box1 ul.cate{ display:block; width:246px; font-size:14px; background:#f6f6f6; padding:0.375em 0.875em 0.75em; overflow:hidden; float:left; margin:0 10px 14px 0;}
.box1 ul.cate li{ display:block; overflow:hidden; border-bottom:1px dashed #ddd;}
.box1 ul.cate li a{ display:block; line-height:2.75; padding:0 0.75em; transition:all ease 0.4s;}
.box1 ul.cate li a:hover{ color:#fff; background:#f58345;}

.box1 ul.list{ display:block; font-size:14px; overflow:hidden;}
.box1 ul.list li{ display:flex; justify-content:flex-end; width:25%; float:left;}
.box1 ul.list li a{ display:block; width:190px; overflow:hidden; padding:14px; border:1px solid #ddd; margin:0 0 16px 0; transition:all ease 0.4s;}
.box1 ul.list li a i{ display:block; overflow:hidden;}
.box1 ul.list li a i img{ display:block; width:100%; height:190px; object-fit:contain; transition:all ease 0.4s;}
.box1 ul.list li a span{ display:block; line-height:1.75; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0 0; transition:all ease 0.4s;}
.box1 ul.list li a:hover{ background:#f58345; border-color:#f58345;}
.box1 ul.list li a:hover i img{ transform:scale(1.12);}
.box1 ul.list li a:hover span{ color:#fff;}

.box2{ background:#f6f6f6; padding:0 0 40px;}
.box2 .recomd{ width:34%; overflow:hidden; position:relative; float:left; margin:0 40px 0 0;}
.box2 .recomd .swiper-slide{ display:block; 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:320px; object-fit:cover; transition:all ease 0.4s;}
.box2 .recomd .swiper-slide a span{ display:block; width:100%; box-sizing:border-box; line-height:3; color:#fff; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 124px 0 12px; background:rgba(0,0,0,0.6); position:absolute; left:0%; bottom:0;}
.box2 .recomd .swiper-slide a:hover img{ transform:scale(1.05);}
.box2 .recomd .swiper-pagination{ display/:none; width:auto; height:10px; padding:19px 0; left:auto; right:0; bottom:0;}
.box2 .recomd .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:50%; opacity:1; margin:0 12px 0 0 !important; vertical-align:top; transition:all ease 0.4s;}
.box2 .recomd .swiper-pagination-bullet-active{ background:#f58345; opacity:1;}
.box2 .recomd .swiper-button-prev,
.box2 .recomd .swiper-button-next{ display:none; width:40px; height:40px; margin-top:-20px; background-size:contain !important;}
.box2 .recomd .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2.6%;}
.box2 .recomd .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2.6%;}
.box2 .list{ display:flex; justify-content:space-between; height:320px; font-size:15px; background:#fff; padding:0.75em 1.25em 0; overflow:hidden; box-sizing:border-box;}
.box2 .list ul{ display:block; width:48%;}
.box2 .list ul li{ display:block; line-height:2.75em; overflow:hidden; padding:0 4px; border-bottom:1px dashed #ddd;}
.box2 .list ul li span{ display:block; color:#999; font-size:14px; float:right; margin-left:1.5em;}
.box2 .list ul li a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 1em; position:relative; transition:all ease 0.4s;}
.box2 .list ul li a::before{ content:''; display:block; width:5px; height:5px; background:#f58345; border-radius:50%; position:absolute; left:0; top:50%; transform:translate(0,-50%);}
.box2 .list ul li a:hover{ color:#f58345;}

.box3{ position:relative; padding:0 0 20px;}
.box3 ul{ display:block; font-size:14px; overflow:hidden; margin:0 -7px;}
.box3 ul li{ display:block; width:16.6666%; float:left;}
.box3 ul li a{ display:block; overflow:hidden; padding:10px; border:1px solid #ddd; margin:0 7px 14px; transition:all ease 0.4s;}
.box3 ul li a i{ display:block; overflow:hidden;}
.box3 ul li a i img{ display:block; width:100%; height:186px; object-fit:contain; transition:all ease 0.4s;}
.box3 ul li a span{ display:block; line-height:1.5; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0 0; transition:all ease 0.4s;}
.box3 ul li a:hover{ background:#f58345; border-color:#f58345;}
.box3 ul li a:hover i img{ transform:scale(1.12);}
.box3 ul li a:hover span{ color:#fff;}



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


}

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

.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 30px);}

.ibanner{ min-width:0; height:204px; margin:60px 0 0; overflow:hidden;}
.nivoSlider{ width:1920px; height:408px; margin-left:50%; transform:translateX(-50%) scale(0.5); transform-origin:center top;}
.nivoSlider .nivo-controlNav{ bottom:26px;}
.nivoSlider .nivo-controlNav a{ width:36px; height:8px; margin:0 10px;}

.main{ padding:0;}

.ibox h2.title{ font-size:12px; padding/:1.5em 0 1.375em; padding:0.75em 0 0.5em;}
.ibox h2.title em{ line-height:2; font-size:1.875em;}
.ibox h2.title span{ line-height:1.625;}
.ibox a.more{ font-size:15px; background-image:url(../images/icons/more_m.png); margin:0 auto;}

.box1 ul.cate{ width:auto; float:none; margin:0; display:none;}
.box1 ul.list{ margin:0 -6px;}
.box1 ul.list li{ display:block; width:50%;}
.box1 ul.list li a{ width:auto; margin:0 6px 12px; padding:8px;}
.box1 ul.list li a i{ background/:#000;}
.box1 ul.list li a i img{ opacity/:0.96; height:calc(50vw - 39px);}

.box2 .recomd{ width:auto; float:none; margin:0;}
.box2 .recomd .swiper-slide a span{ font-size:14px; padding-right:102px;}
.box2 .recomd .swiper-pagination{ height:8px; padding:17px 0;}
.box2 .recomd .swiper-pagination-bullet{ width:8px; height:8px; margin:0 10px 0 0 !important;}

.box2 .list{ display:block; height:auto; padding:10px 16px 16px; font-size:14px; margin:15px 0 0;}
.box2 .list ul{ width:auto;}
.box2 .list ul li span{ font-size/:13px;}

.box3{ padding:0 0 30px;}
.box3 ul{ margin:0 -6px;}
.box3 ul li{ width:50%;}
.box3 ul li a{ margin:0 6px 12px; padding:8px;}
.box3 ul li a i img{ height:calc(50vw - 39px);}



























}





/**/