/* CSS Document */
@media all{
.MarketS_banner{ padding:40px 10px; background:url(../images/MarketSupport_bannerBg.jpg) no-repeat center center / cover;}
.MarketS_banner_txt{ padding:30px 20px 30px 30px; position:relative;}
.MarketS_banner_border{ height:100%; width:120px; border-bottom:1px solid #fff; border-top:1px solid #fff; border-left:1px solid #fff; position:absolute; left:0; top:0;}
.MarketS_banner_border::before,.MarketS_banner_border::after{ content:''; position:absolute; right:0; height:25px; border-right:1px solid #fff; top:0;}
.MarketS_banner_border::after{ top:auto; bottom:0;}
.MarketS_banner_p{ padding:15px 20px 25px; background-color:#1b63b8; border-left:3px solid #599b62; width:auto; max-width:410px;}
.MarketS_banner_p h3,.MarketS_banner_p p{ color:#fff;}
.MarketS_part02{ padding:20px 0;}
.MarketS_part02 li{ margin-bottom:15px; padding:15px 20px; box-shadow:0 1px 3px 0 #CCC; border-radius:2px;}
.MarketS_part03{ background-color:#fafafa; padding:20px 0; text-align:center; margin-bottom:25px;}
.MarketS_part03 h4,.MarketS_part04 h4{ position:relative; padding-bottom:15px; margin-bottom:20px;}
.MarketS_part03 h4::after,.MarketS_part04 h4::after{ position:absolute; content:''; width:60px; border-bottom:2px solid #c7000b; left:50%; margin-left:-30px; bottom:0;}

.MarketS_part03 ul li{ position:relative; margin:25px 15px; border:1px solid #f1f1f1; padding:10px;}
.MarketS_part03 .MarketS_part03_num{ position:absolute; top:-18px; left:-10px; color:#f4f4f4; font-size:36px; line-height:1;}
.MarketS_part03 ul li p{ font-size:14px; margin-top:10px;}
.MarketS_part03 ul li img{ cursor:pointer;}
.MarketS_part04{ margin-top:25px; border:1px solid #d2d2d2; text-align:center; padding-top:15px; margin-bottom:25px;}
.MarketS_part04 li{ padding:10px;}
.MarketS_part04 li >div{ margin-bottom:10px; box-shadow:0 2px 3px 0 #ccc; display:inline-block; cursor:pointer;}


}

@media (min-width:768px){
.MarketS_banner{ padding-left:60px;}
.MarketS_part02 li{ float:left; width:31%; height:220px;}
.MarketS_part02 li + li{ margin-left:3.5%;}
.MarketS_part02 li h5{ font-size:16px; color:#212121; font-weight:bold;}
.MarketS_part03 ul li,.MarketS_part04 li{ float:left; width:20%; margin:10px 2.5%;}
.MarketS_part03 ul li p{ height:40px;}
.MarketS_part04 li{ padding:0;}
.MarketS_part04 li img{ max-width:100%;}
.MarketS_part04 li p{ font-size:12px; height:35px;}
.MarketS_part04 li >div .MarketS_part04_menban{ position:absolute; height:0; width:100%; background:url(../images/MarketSupport_xiazaiW.png) rgba(0,0,0,0.3) no-repeat center center / 30px; top:0; left:0; transition:ease height 0.3s; -moz-transition:ease height 0.3s; -ms-transition:ease height 0.3s; -o-transition:ease height 0.3s; -webkit-transition:ease height 0.3s;}
.MarketS_part04 li >div:hover .MarketS_part04_menban{ height:100%;}
.MarketS_part03 h4,.MarketS_part04 h4{ font-size:22px;}


}