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

*{  -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }  
body,html{ max-width:750px; min-width:320px; height:100%; padding:0; margin:0 auto; font-family:Microsoft YaHei; font-size:22px; color:#505050; background-color:#CCC8C8;}
a img { border:0;}
p,ul,li,h3,h4,dl,dt,dd{ display:block; list-style:none; padding:0; margin:0; text-decoration:none}

img, li ,ul,p{ padding:0; margin:0;}

input{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; padding:0; margin:0; outline:none; }
textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; }
a{ outline:none; text-decoration:none; color:#2e2e2e; }
a:link,a:hover{ text-decoration:none; }

/* 优化 */
.optimize{ display: none; }

/* 公用样式 */
.container-fluid, .row{ max-width: 750px;  padding:0 0; margin:0 0  }
.form-group, .form-horizontal{max-width: 750px;}
.form-horizontal .form-group  { margin-left:0; margin-right:0  }
.a-bnm{ cursor:pointer}
.gh{ margin:0 0; padding: 0 0}
.img-bg{width:100%; height:auto;}


.banner{width:100%;height:auto; position: relative;} 
.banner .hd { width: 100%; height: 5px; position: absolute; z-index: 1; bottom: 0; text-align: center; }
.banner .hd ul { position: absolute; bottom: 1.7rem; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); display:none;}
.banner .hd ul li { width: 1rem; height: 0.3rem; background: #ffffff; margin: 0 0.1rem; float: left; overflow: hidden; text-indent: 1000px;}
.banner .hd ul .on { background: #006cb8; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; height: auto; }
.banner .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor:pointer;}

.cont1{width:100%; height:auto; background:#6a4297; padding-bottom:10%;}
.cont1 .cont1_tit{width:100%; height:auto; padding:7% 0 3% 0; text-align:center;}
.cont1 .wenzi{width:90%; margin:0 auto; line-height:2.5rem; font-size:1.3rem; color:#ffffff;}
.cont1 .wenzia{width:90%; margin:0 auto; text-align:center; line-height:1.7rem; font-size:1.2rem; color:#ffffff;}
.cont1 a {cursor:pointer; color:#ffffff;}

.cont2{width:100%;height:auto; background:#82378d; padding-bottom:6%;}
.cont2 .cont2_tit{width:100%; height:auto; padding:0 0 4% 0; text-align:center;}
.cont2 .cont2_nei{width:90%; height:auto; margin:0 auto; padding:2.6% 0 2.6% 0;}

.cont3{width:100%; height:auto;}
.cont3 .cont3_nei{width:100%; height:auto; margin:0 auto;}
.cont3 .cont3_nei a{cursor:pointer;}
.cont3 .cont3_wenz{width:100%; height:auto; margin:0 auto; text-align:center; font-size:1.2rem; color:#e8c4b3; padding:3% 0 0 0;}
.padda{padding:1% 0 0 0;}
.paddb{padding:3% 0 5% 0;}

.cont4{width:100%; height:auto; position: relative;}
.cont4 .ljzx{width:43%; height:14%; position:absolute; bottom:4%; left:6%; cursor:pointer;}
.cont4 .ljqg{width:43%; height:14%; position:absolute; bottom:4%; right:6%;}
.cont4 .dxbz{cursor:pointer;}

.cont5{width:100%; height:auto; position: relative;}
.cont5 .ljzxa{width:43%; height:13%; position:absolute; bottom:7%; left:6%; cursor:pointer;}
.cont5 .ljqga{width:43%; height:13%; position:absolute; bottom:7%; right:6%;}
.cont5 .dexjq{cursor:pointer;}

.cont6{width:100%; height:auto; position: relative;}
.cont6 .ljzxb{width:43%; height:13%; position:absolute; bottom:10%; left:6%; cursor:pointer;}
.cont6 .ljqgb{width:43%; height:13%; position:absolute; bottom:10%; right:6%;}
.cont6 .tyxjq{cursor:pointer;}

.dan{width:100%; height:auto; position:fixed; top:15%; z-index:100; display:none;}
.dan .guanbi{width:15%; height:8%; position:absolute; top:0; right:0; border:none;  cursor:pointer;}
.dan .cbbda{width:53%; height:6%; position:absolute; top:40%; left:22.5%; border:none; background:none;}
.dan .cbbdb{width:53%; height:6%; position:absolute; top:50.7%; left:22.5%; border:none; background:none;}
.dan .cbbdc{width:53%; height:6%; position:absolute; top:61.5%; left:22.5%; border:none; background:none;}
.dan .btn_tj{width:65%; height:10%; position:absolute; top:71%; left:16%; border:none; background:none;}



@media (max-width: 1920px) {
   html {
        max-width: 100%;
		margin: 0 auto;
    }
}

@media screen and (min-width:320px) and (max-width:359px){
        html {font-size:65%;}
		.dan .cbbda{width:62%; position:absolute; top:40%; left:18%; font-size:15px;}
		.dan .cbbdb{width:62%; position:absolute; top:50.7%; left:18%; font-size:15px;}
		.dan .cbbdc{width:62%; position:absolute; top:61.5%; left:18%; font-size:15px;}
		 
}

@media screen and (min-width:360px) and (max-width:419px){
        html {font-size:80%;}
		.dan .cbbda{width:62%; position:absolute; top:40%; left:18%; font-size:15px;}
		.dan .cbbdb{width:62%; position:absolute; top:50.7%; left:18%; font-size:15px;}
		.dan .cbbdc{width:62%; position:absolute; top:61.5%; left:18%; font-size:15px;}

		 
}
@media screen and (min-width:420px) and (max-width:750px){
        html {font-size:100%;}
		 
}




@media screen and (min-width: 750px) {
    
	 
}