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

@media (min-width:992px){/*md*/

.title_bg{ padding:40px 0 30px 0; text-align:center}
.title_bg .title_en{ font-size:18px; color:#cccccc; background-color:#047dc2; height:5px; display:inline-block; width:120px;}
.title_bg .title_cn{ font-size:28px; padding-bottom:15px}
.title_bg .title_cn h2{ background-color: #ffffff; font-size:36px; text-align:center}
.title_bg .title_cn em{ font-size:14px; font-weight:bold; margin-top:20px}
.title_bg .title_cn em a{ color:#555555; text-decoration:none}
.title_bg .title_cn em a img{ float:right; margin-left:10px}

.pdesc h2{ font-size:24px; padding:20px 0; line-height:150%; color:#555555}
.pdesc p{ line-height:200%; font-size:18px; color:#333333; text-indent:2rem; margin-bottom:50px}
.pdesc div{ text-align:center; display:none}

#box_upload{ background:url(../images/upload_bg.jpg) center center no-repeat; height:1080px; padding:0px}
#box_upload .title_bg .title_cn h2{ background: none; font-weight: normal;}
#box_upload .main_box{position:relative; }
#box_upload .main_box ul{ background:url(../images/icon_15.png) center center no-repeat;height:830px}
#box_upload .main_box li{ position:absolute; float:left; width:200px}
#box_upload .main_box li i{ display:block; margin: 0 auto; width:104px; height:104px}
#box_upload .main_box li h3{ font-size:18px; line-height:150%; font-weight:normal; color:#333333; margin-top:10px; text-align:center }
#box_upload .main_box li:first-child { left:540px}
#box_upload .main_box li:first-child i{ background:url(../images/icon_8.png) center center no-repeat} 
#box_upload .main_box li:nth-child(2) { left:820px; top:140px}
#box_upload .main_box li:nth-child(2) i{ background:url(../images/icon_9.png) center center no-repeat} 
#box_upload .main_box li:nth-child(3) { left:880px; top:440px}
#box_upload .main_box li:nth-child(3) i{ background:url(../images/icon_10.png) center center no-repeat} 
#box_upload .main_box li:nth-child(4) { left:700px; top:670px}
#box_upload .main_box li:nth-child(4) i{ background:url(../images/icon_11.png) center center no-repeat} 
#box_upload .main_box li:nth-child(5) { left:400px; top:680px}
#box_upload .main_box li:nth-child(5) i{ background:url(../images/icon_12.png) center center no-repeat} 
#box_upload .main_box li:nth-child(6) { left:200px; top:440px}
#box_upload .main_box li:nth-child(6) i{ background:url(../images/icon_13.png) center center no-repeat} 
#box_upload .main_box li:nth-child(7) { left:260px; top:140px}
#box_upload .main_box li:nth-child(7) i{ background:url(../images/icon_14.png) center center no-repeat} 

#box_upload .main_box li:hover h3{ color:#047dc2}

}

@keyframes slide_show {
  from {opacity:0;}
  to {opacity:1;}
}
@-webkit-keyframes slide_show {
  from {opacity:0}
  to {opacity:1;}
}



@media (max-width:991px){/*md*/


#preload,#shows{ display:none
}


.swiper-container {
	width: 100%;
	height:220px;
	z-index: 100; background:url(../images/banner_upload.jpg) center center no-repeat; background-size: auto 220px
}




.swiper-slide .swiper_h2 { display:block;font-size:20px; line-height:150%; margin-left:5%; width:90%;max-width: 90%;bottom: calc(80% - 75px);}
.swiper-slide .swiper_h3{ display:block; font-size:14px; margin-left:5%;	bottom: calc(65% - 75px);width:90%;max-width: 90%;}

.swiper_h2 {
    font-size: 18px;
    line-height: 100%;
}

.swiper_h3 {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.1em;
    display: inline;
    position: absolute;
    max-width: 80%;
    white-space: normal;
    left: 0;
    bottom: calc(35% - 25px);
    margin-left: 18%;
    font-weight: normal;
}

.title_bg .title_cn { background:none}

.title_bg{ padding:40px 0 30px 0; text-align:center}
.title_bg .title_en{ font-size:18px; color:#cccccc; background-color:#047dc2; height:5px; display:inline-block; width:120px;}
.title_bg .title_cn{ font-size:28px; padding-bottom:15px}
.title_bg .title_cn h2{ background-color: #ffffff; font-size:28px; text-align:center}
.title_bg .title_cn em{ font-size:14px; font-weight:bold; margin-top:20px}
.title_bg .title_cn em a{ color:#555555; text-decoration:none}
.title_bg .title_cn em a img{ float:right; margin-left:10px}

.pdesc h2{ font-size:24px; padding:20px 0; line-height:150%; color:#555555}
.pdesc p{ line-height:200%; font-size:16px; color:#555555; text-indent:2em; margin-bottom:20px}
.pdesc div{ text-align:center; padding:0 2%}
.pdesc div img{ width:96%}

#box_upload{ background:url(../images/upload_bg.jpg) center center no-repeat; height:900px; padding:0px}
#box_upload .title_bg .title_cn h2{ background: none; font-weight: normal;}
#box_upload .main_box ul{ background: none}
#box_upload .main_box li{  float:left; width:50%; margin-bottom:10px}
#box_upload .main_box li i{ display:block; margin: 0 auto; width:104px; height:104px}
#box_upload .main_box li h3{ font-size:16px; line-height:150%; font-weight:normal; color:#333333; margin-top:10px; text-align:center }
#box_upload .main_box li:first-child { left:540px}
#box_upload .main_box li:first-child i{ background:url(../images/icon_8.png) center center no-repeat} 
#box_upload .main_box li:nth-child(2) i{ background:url(../images/icon_9.png) center center no-repeat} 
#box_upload .main_box li:nth-child(3) i{ background:url(../images/icon_10.png) center center no-repeat} 
#box_upload .main_box li:nth-child(4) i{ background:url(../images/icon_11.png) center center no-repeat} 
#box_upload .main_box li:nth-child(5) i{ background:url(../images/icon_12.png) center center no-repeat} 
#box_upload .main_box li:nth-child(6) i{ background:url(../images/icon_13.png) center center no-repeat} 
#box_upload .main_box li:nth-child(7) i{ background:url(../images/icon_14.png) center center no-repeat} 


#box_ys1 img{ width:100%}

}