﻿@charset "utf-8";
/* CSS Document */
html{}
body{}

/* CSS reset */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-family:Microsoft YaHei;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
ul, ol, em { list-style: none outside none; }
h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%;}

/* Q_Main */

.Q_Main { position: relative; margin-left: auto; margin-right: auto; min-width: 320px; max-width: 640px; overflow: hidden; }
a { text-decoration: none;  }

/* Wap_Tops */

.Wap_Tops { margin: 0 auto; overflow: hidden; text-align: left; background-color: #0011c8; }
.Wap_Tops .cts1 { width: 100%; margin: 3% 3% 3% 3%; }

/* Wap_cts */

.Wap_cts { margin: 0 auto; overflow: hidden; text-align: left; }
.Wap_cts .cts { width: 100%; margin: 5% 3% 3% 3%; }
.Wap_cts .cts ul { width: 100%; margin: 0%; }
.Wap_cts .cts li { width: 100%; margin: 5% 0% 5% 0%; height:80px;line-height:80px; border-bottom: 1px #cacaca solid; }
.Wap_cts .cts .t1 { width: 100%; margin: 5% 0% 5% 0%; height:80px;line-height:80px; border-bottom: 1px #cacaca solid; }
.Wap_cts .cts .t2 { width: 100%; margin: 5% 0% 5% 0%; height:80px;line-height:80px; border-bottom: 0px #cacaca solid;color:#ff0000; }

/* wap_ttdv */

.Q_Main .wap_ttdv { width: 100%; margin: 0 auto; overflow: hidden; text-align: center;color:#ffffff;margin-top:50px; }
.Q_Main .wap_ttdv .tt1 { width: 80%; margin: 0 auto; overflow: hidden; text-align: center; color: #ffffff; font-size:30px; }
.Q_Main .wap_ttdv .tt2 { width: 90%; margin: 0 auto; overflow: hidden; text-align: center; color: #ffffff; margin-top:20px; line-height:180%; }

/* wap_ttdv1 */

.Q_Main .wap_ttdv1 { width: 100%; margin: 0 auto; overflow: hidden; text-align: center; color: #ffffff; margin-top: 0px; }
.Q_Main .wap_ttdv1 .tt1 { width: 80%; margin: 0 auto; overflow: hidden; text-align: center; color: #ffffff; font-size: 25px; }

/* wap_ttdv2 */

.Q_Main .wap_ttdv2 { width: 100%; margin: 0 auto; overflow: hidden; text-align: center; background-color: #ffffff;}
.Q_Main .wap_ttdv2 .tt1 { width: 80%; margin: 0 auto; overflow: hidden; text-align: center; color: #b9b9b9; margin-top: 20px; margin-bottom: 60px; line-height: 180%; }


/* wap_idv */

.Q_Main .wap_idv { width: 100%; margin: 0 auto; overflow: hidden; text-align: left;position:relative; }
.Q_Main .wap_idv img { width: 100%; }
.Q_Main .wap_idvv { width: 68%; margin: 0 auto; overflow: hidden; text-align: left; margin-bottom: 40px; margin-top: 8px; }
.Q_Main .wap_idvv img { width: 100%; }
/*posi_png*/
.Q_Main .wap_idv .posi_png { width: 12%; position: absolute; top: 49%; left: 45%; }
.Q_Main .wap_idv .posi_png img { width: 100%; }

/* wx_bgs */
.Q_Main .wx_bgs { position: fixed; top: 0px; left: 0; z-index: 999; height: 100vh; overflow: hidden; display: none; }
.Q_Main .wx_bgs img { width: 100%; }

/* ldvs2 */
.ldvs1 { width: 100%; margin: 0 auto; overflow: hidden; margin-bottom: 500px; }
.ldvs2 { width: 100%; margin: 0 auto; overflow: hidden; }


@media screen and (min-width:320px) { body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

