@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; background:#2A80B9}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

@media all and (max-width:1440px){
body { min-width:inherit;}
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#B39161;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1200px; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:1000px;}
}
@media all and (max-width:1100px){
.w100 { width:90%; max-width:750px}
}

h1 { font-size:24px; text-align:center; line-height:150px; color:#fff}
.login { width:800px; margin:0 auto; background:#fff; padding:50px 0}
.login img { width:150px; height:150px; display:block; margin:0 auto; border-radius:50%}
.login .xuzhi { padding:20px}
.login h3 { text-align:center; padding-top:30px; font-size:16px; font-weight:bold; padding-bottom:20px}
.login .inp1 { width:400px; margin:0 auto; border:1px #ddd solid; border-radius:20px; line-height:40px; padding:0 15px; display:block; text-align:center}
.login .inp2 { width:120px; margin:20px auto 0; border-radius:20px; line-height:40px; display:block; text-align:center; color:#fff; background:#FF6E97; font-weight:bold; font-size:16px}

@media all and (max-width:1100px){
h1 { font-size:18px; line-height:100px;}
.login { width:90%}
.login .inp1 { width:80%}
}



.lanmu { height:50px; background:#FF6E97; position:relative; z-index:8888}
.lanmu .fr { padding-top:7px; width:300px; position:relative}
.lanmu .fr .inp3 { width:270px; margin:0 auto; border:1px #ddd solid; border-radius:20px; line-height:34px; padding:0 10px; display:block; background:#fff}
.lanmu .fr .inp4 { position:absolute; right:10px; top:10px; bottom:10px; width:30px; opacity:0; z-index:222; cursor:pointer}
.lanmu .fr i { font-size:18px; position:absolute; right:10px; top:7px; display:block; width:30px; text-align:center; height:34px; line-height:34px; z-index:11}

.lanmu ul { float:left}
.lanmu ul li { float:left; padding-right:40px; position:relative}
.lanmu ul li h3 { color:#fff; font-size:16px; color:#fff; line-height:50px}
.lanmu ul li h3 i { padding-left:10px}
.lanmu ul li h4 { position:absolute; left:-10px; width:120px; top:50px; line-height:40px; background:#FF6E97; display:none}
.lanmu ul li h4 a { display:block; line-height:40px; padding-left:10px; color:#fff; border-top:1px #FF5584 solid}
.lanmu ul li h4 a:hover { background:#fff; color:#FF6E97}
.lanmu ul li:hover h4 { display:block}

@media all and (max-width:1100px){
.lanmu .fr { position:absolute; top:60px; right:0}
}
.index_list { width:1140px; position:relative; z-index:887; margin:20px auto; padding:30px; column-count: 5; background:#fff; column-gap: 15px; /* 列间距 */}
.index_list ul li { break-inside: avoid-column; margin-bottom: 10px;}
.index_list ul li a { display:block; position:relative; overflow:hidden}
.index_list ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.index_list ul li h3 { text-align:right; line-height:34px; height:34px; background:#FF6E97; color:#fff}
.index_list ul li h3 b { display:block; float:left; padding-left:10px}
.index_list ul li h3 font { display:block; float:right; margin-right:10px; padding:0 5px; background:#FF5584; line-height:20px; margin-top:7px}
.index_list ul li a:hover img { transform: scale(1.05);}

@media all and (max-width:1440px){
.index_list { width:1000px; padding:20px; column-count: 4;}
}
@media all and (max-width:1100px){
.index_list { width:90%; max-width:750px; padding:20px; column-count: 3; margin-top:80px}
}
@media all and (max-width:500px){
.index_list { width:90%; padding:10px; column-count: 2;}
}


.content { width:95%; margin:15px auto; max-width:1200px; background:#fff;}
.content .con_title { width:90%; margin:0 auto; padding:20px 0 10px 0; border-bottom:1px #ddd dashed}
.content .con_title h1 { line-height:42px; color:#343434; text-align:left; font-size:24px}
.content .con_title h3 { color:#888}

.content .con_text { width:90%; margin:0 auto; padding:20px 0; font-size:16px; line-height:28px}
.content .con_text img { display:block; max-width:100%; margin:0 auto}


@media all and (max-width:500px){
.content .con_title h1 { line-height:32px; font-size:18px; padding:10px 0}
}
header { position:relative}
header .bd { height:200px; overflow: hidden;}
header .bd ul li a { height:200px; display:block;}
header .bd ul li img { display:none;}


@media all and (max-width:1100px){
header .bd { height:auto; overflow: hidden;}
header .bd ul li a { height:auto; display:block;}
header .bd ul li img { display:block; width:100%}
}


header .hd {
	position: absolute;
	left: 0;
	bottom: 10px;
	right: 0;
	text-align: center;
	z-index: 2
}
header .hd ul li {
	display: inline-block;
	padding: 0 10px
}

header .hd ul li i {
	display: block;
	color: #FF6E97;
	cursor: pointer;
}

header .hd ul li.on i {
	color: #fff
}

header .prev {
	position: absolute;
	left: 2.5%;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	z-index: 111;
	opacity: 0;
}

header .next {
	position: absolute;
	right: 2.5%;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	z-index: 111;
	opacity: 0;
}
header:hover .prev { opacity: 1;}
header:hover .next { opacity: 1;}

header .prev i {
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 46px;
	color: #000;

}

header .next i {
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 46px;
	color: #000
}

header .prev i:hover {
	color: #6d6d6d
}

header .next i:hover {
	color: #6d6d6d
}




.user_1 { height:350px; background:#FF6E97;}
.user_1 img { display:block; padding-top:40px; height:280px; float:left; margin-right:50px}
.user_1 h1 { padding-top:30px; text-align:left; line-height:60px}
.user_1 h3 { color:#fff; line-height:46px; font-size:16px}
.user_1 h4 { color:#fff; line-height:46px; font-size:16px; font-weight:bold}
.user_1 h4 font { margin-right:10px; padding:5px 5px; background:#FF5584; line-height:20px;}

.user_2 { background:#fff;}
.user_2 .w100 { padding:20px}
.user_2 ul { overflow:hidden}
.user_2 ul li { float:left; width:25%; padding-bottom:15px}
.user_2 ul li img { display:block; width:95%; margin:0 auto}
.user_2 .con_text { padding:20px 0; font-size:16px; line-height:28px}
.user_2 .con_text img { display:block; max-width:100%; margin:0 auto}
.user_2 h2 { font-size:18px; padding-bottom:10px; line-height:40px}



@media all and (max-width:1100px){

.user_1 { height:auto; padding:20px 0;}
.user_1 img { display:block; padding-top:0px; height:auto; float:none; margin:0 auto; width:90%; max-width:500px}
.user_1 h1 { padding-top:10px; line-height:40px}
.user_1 h3 { line-height:32px;}
.user_1 h4 { line-height:32px; font-weight:bold}
.user_2 ul li { width:50%;}
}