@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}


#box_gn1 { background: url(../images/auto_1.jpg) no-repeat; height:600px; background-position:75% 100%; overflow:hidden; }
#box_gn1 .main_box { padding-top:100px; position:relative}
#box_gn1 .main_box dl:first-child,#box_gn1 .main_box dl:nth-child(2){ clear:both; float:left; width:40%; }
#box_gn1 .main_box dl dt{ height:100px; line-height:100px; font-size:32px; color:#047dc2}
#box_gn1 .main_box dl dd{ font-size:18px; line-height:200%; text-indent:2rem }
#box_gn1 .main_box dl:nth-child(3){top:0px; position:absolute; right:0px; width:30%}
#box_gn1 .main_box dl:nth-child(3) dd{ width:100%}
#box_gn1 .main_box dl:nth-child(3) dd:first-child{ margin-top:110px; margin-right:180px; position:absolute}
#box_gn1 .main_box dl:nth-child(3) dd:nth-child(2){ margin-top:165px; margin-right:110px; position:absolute; text-align:center}
#box_gn1 .main_box dl:nth-child(3) dd:nth-child(3){ margin-top:465px; margin-right:50px; position:absolute; text-align:center}
#box_gn1 .main_box dl:nth-child(3) dd:nth-child(4){ margin-top:525px; margin-right:40px; position:absolute}

#box_gn1 .main_box dl:nth-child(3) dd:hover{ color:#047DC2}

#box_gn2 { background: url(../images/auto_2.png) no-repeat; height:650px; background-position:25% 100%; overflow:hidden; }
#box_gn2 .main_box { padding-top:100px}
#box_gn2 .main_box dl{ clear:both; float: right; width:48%; }
#box_gn2 .main_box dl dt{ height:100px; line-height:100px; font-size:32px; color:#047dc2}
#box_gn2 .main_box dl dd{ font-size:18px; line-height:200%;}
#box_gn2 .main_box dl dd font{ font-size:26px; color:#047dc2; font-weight:bold}


}


@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_auto.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%;}

.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:18px; color:#333333; text-indent:2rem; margin-bottom:50px}



.pdesc p{ line-height:200%; font-size:16px; color:#555555; text-indent:2em; margin-bottom:20px}

#box_gn1 { background: url(../images/auto_1.jpg) no-repeat; height:600px; background-position:100% 100%; overflow:hidden; background-size:100% auto }
#box_gn1 .main_box { padding-top:0px;}
#box_gn1 .main_box dl:first-child,#box_gn1 .main_box dl:nth-child(2){ clear:both;  width:95%; margin:0 auto}
#box_gn1 .main_box dl dt{ height:60px; line-height:60px; font-size:28px; color:#047dc2}
#box_gn1 .main_box dl dd{ font-size:16px; line-height:200%; text-indent:2em }
#box_gn1 .main_box dl:nth-child(3){ width:100%; display:none}
#box_gn1 .main_box dl:nth-child(3) dd{ clear: both; width:95% ; text-align:right; padding-right:5%}

#box_gn1 .main_box dl:nth-child(3) dd:hover{ color:#047DC2}

#box_gn2 { background: url(../images/auto_2.png) no-repeat; height:800px; background-position:100% 100%; overflow:hidden; background-size:100% auto}
#box_gn2 .main_box { padding-top:100px}
#box_gn2 .main_box dl{ clear:both; width:95%; margin:0 auto }
#box_gn2 .main_box dl dt{ height:60px; line-height:60px; font-size:28px; color:#047dc2}
#box_gn2 .main_box dl dd{ font-size:16px; line-height:200%;}
#box_gn2 .main_box dl dd font{ font-size:26px; color:#047dc2; font-weight:bold}



#box_ys1 img{ width:100%}
}