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

@media only screen and (max-width:1440px){
.ibox .con{ width:auto;}

.box1 h2,
.box1 .txt{ margin-left:10.8%;}
.box1 h3{ margin:0 0 0 10.8%;}
.box1 ul{ margin-left:-6px; margin-right:-6px;}

.box2 ul{ margin:0 4%;}

.box3{ padding-left:0; padding-right:0;}
.box3 .newsBox{ padding-bottom:6%;}
.box3 .newsBox dl dt{ margin-right:5%;}
.box3 .newsBox dl dt img{ width:360px; height:360px;}
.box3 .newsBox dl dd p{ max-width:30%;}
.box3 .newsBox dl dd p font{ font-size:26px;}
.box3 .newsBox dl dd a.pic img{ width:164px; height:164px;}
.box3 .newsBox dl dd a.title{ font-size:24px;}
.box3 .newsBox dl dd span{ font-size:18px;}
}

@media only screen and (max-width:768px){
.ibanner{ margin-top:60px;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}
.ibanner .swiper-pagination{ transform:scale(0.7); transform-origin:center bottom; bottom:6%;}

.ibox .con{ padding:0;}

.box1{ padding:0 0 30px;}
.box1 img.pic{ height:72px; margin:4% 2% 0 0;}
.box1 h2{ margin:16px 0 4px 4%; font-size:16px;}
.box1 h2 em{ padding:0.5em 0 0;}
.box1 .txt{ line-height:1.75; font-size:15px; margin:0 0 8% 4%;}
.box1 h3{ margin:0; line-height:2; font-size:18px; padding:0 0 10px;}
.box1 h3 span{ font-weight:bold;}
.box1 h3 em{ float:none; font-size:14px; margin:6px -30px 0 0; line-height:1.8;}
.box1 h3 em a{ display:block; float:left; margin:0 30px 0 0;}
.box1 ul{ margin-bottom:24px;}
.box1 a.more{ font-size:12px;}

.box2{ padding:0 0 20px; margin-bottom:-20px;}
.box2 h2{ padding:10px 0 0;}
.box2 h2 em{ font-size:24px; line-height:1.25;}
.box2 h2 span{ font-size:16px;}
.box2 p.intro{ font-size:14px; padding:1.25em 0;}
.box2 ul{ margin:0; font-size:16px;}
.box2 ul li{ width:100%; padding:10px 0 20px;}
.box2 ul li img{ height:6em;}
.box2 ul li span{ line-height:3;}
.box2 ul li p{ padding:0; margin:0 -4px;}
.box2 ul li p em{ width:calc(50% - 8px); margin:0 4px 12px; float:left; font-size:14px; line-height:2.75;}

.box3{ padding-bottom:40px;}
.box3 h3{ font-size:24px;}
.box3 .newsBox{ border-radius:8px;}
.box3 .newsBox i.l{ background-size:48% auto;}
.box3 .newsBox i.r{ background-size:36px auto;}
.box3 .newsBox i.b{ background-size:30px auto; right:1.5%; bottom:1.5%;}
.box3 .newsBox{ padding:0 12px 24px;}
.box3 .newsBox h4{ font-size:20px; padding:1.4em 0;}
.box3 .newsBox ul{ font-size:13px;}
.box3 .newsBox ul li{ width:100%; padding-bottom:20px; padding-top:0;}
.box3 .newsBox ul li:last-child{ padding-bottom:0;}
.box3 .newsBox ul li::before{ left:10px;}
.box3 .newsBox ul li a{ font-size:16px; padding-left:20px;}
.box3 .newsBox ul li a::before{ height:7px;}
.box3 .newsBox ul li span{ padding-left:4px; padding-top:0.2em;}
.box3 .newsBox ul li .txt{ padding-left:4px;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.box1{ padding-top:20px;}
.box1 img.pic{ height:130px;}
.box1 h2{ margin-bottom:16px;}
.box1 .txt{ margin-bottom:4%;}

.box2 ul li{ width:33.33%;}
.box2 ul li img{ height:5.5em;}
.box2 ul li p{ margin:0;}
.box2 ul li p em{ width:calc(100% - 12px); float:none; margin-left:auto; margin-right:auto;}

.box3 .newsBox i.b{ right:1%; bottom:2%;}
.box3 .newsBox dl dt{ margin-right:3%;}
.box3 .newsBox dl dt img{ width:240px; height:240px;}
.box3 .newsBox dl dd p font{ font-size:18px; background-size:auto 0.8em;}
.box3 .newsBox dl+dl dd+dd{ padding:20px 0 0;}
.box3 .newsBox dl dd a.pic img{ width:110px; height:110px;}
.box3 .newsBox dl dd a.title{ font-size:18px; padding-left:38px;}
.box3 .newsBox dl dd a.title::before{ width:12px; height:12px; left:4px; margin-top:-6px;}
.box3 .newsBox dl dd span{ font-size:14px; padding-left:38px;}
}

@media only screen and (max-width:767px){
.box3 .newsBox dl{ display:block; padding:0 0 20px;}
.box3 .newsBox dl+dl{ padding:20px 0 0;}
.box3 .newsBox dl dt{ float:none; margin:0 0 12px;}
.box3 .newsBox dl dt img{ width:100%; height:auto;}
.box3 .newsBox dl+dl dd+dd{ padding:12px 0 0;}
.box3 .newsBox dl dd p{ max-width:31.5%;}
.box3 .newsBox dl dd p font{ font-size:14px; background-size:auto 1em;}
.box3 .newsBox dl dd a.pic{ margin-right:14px;}
.box3 .newsBox dl dd a.pic img{ width:112px; height:112px;}
.box3 .newsBox dl dd a.pic::after{ right:-19px;}
.box3 .newsBox dl dd a.title{ padding-left:22px; font-size:16px;}
.box3 .newsBox dl dd a.title::before{ width:10px; height:10px; margin-top:-5px;}
.box3 .newsBox dl dd span{ padding-left:22px; font-size:13px;}
}