@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#fff;line-height:26px; margin:0; padding:0; font-family:"youyuan","微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1200px; background:#1a1a1a}

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:#fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#ddd;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:1280px; margin:0 auto}

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


.height10 { height:80px}
@media all and (max-width:1100px){
.height10 { height:70px}
}


header { position: absolute; z-index:8888; left:0; top:0; right:0; height:70px; background:rgba(255,255,255,0.1)}
header .logos { float:left; padding-top:15px}
header .logos img { display:block; height:40px} 

header nav { float:left; padding-right:20px; display:none}
header nav ul li { float:left; line-height:70px; font-size:16px;}
header nav ul li a { display:block; padding:0 20px; font-size:16px}

header .head_r { float:right; padding-top:15px; width:40px; margin-left:20px}
header .head_r i { display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#252525; border-radius:50%; color:#aaa}
header .head_r i:hover { color:#cc3648}
header .head_r a.sousuo { display:none}

header .head_ss { float:right; padding-top:15px; position:relative; width:300px}
header .head_ss .inp1 { display:block; width:290px; height:38px; line-height:38px; background:#252525; border-radius:20px; color:#fff; padding-left:15px}
header .head_ss .inp2 { position:absolute; right:0; top:15px; bottom:0; width:80px; cursor:pointer; opacity:0; z-index:222}
header .head_ss h3 { position:absolute; z-index:33; right:10px; top:15px; bottom:0; line-height:40px; color:#888}
header .head_ss h3 i { padding-right:5px}

header .head_r2 { display:none}

@media all and (max-width:1100px){
header { height:60px; background:rgba(0,0,0,0.9); position:fixed}
header .logos { padding-top:10px}
header .head_ss { display:none}

header .head_r { padding-top:15px; width:auto}
header .head_r i { width:30px; height:30px; line-height:30px;}
header .head_r a { float:left; margin-left:10px}
header .head_r a.sousuo { display:block}

header nav { position:fixed; left:0; top:60px; right:0; background:#1a1a1a}
header nav ul li { float:none; line-height:50px; border-bottom:1px #666 solid}

header .head_ss { position:fixed; right:20px; top:60px; width:90%;}
header .head_ss .inp1 { width:90%; float:right}

header .head_r2 { display:block; float:left}
header .head_r2 i { display:block; font-size:16px; line-height:60px; color:#ccc}
}



.banner { width:1280px; margin:0 auto; margin-top:80px; position:relative}
.banner .bd ul li { position:relative}
.banner .bd ul li img { display:block; width:100%}
.banner .bd ul li h4 { position:absolute; left:30px; bottom:120px; float:left; padding:0 15px; font-size:12px; background:rgba(0,0,0,0.5); color:#ddd}
.banner .bd ul li h3 { position:absolute; left:30px; bottom:70px; font-size:36px; color:#fff; line-height:40px}
.banner .bd ul li h5 { position:absolute; left:30px; bottom:30px; font-size:14px; color:#ddd; line-height:30px}

.banner .hd { position:absolute; right:30px; bottom:30px}
.banner .hd ul li { float:left; padding-left:20px; cursor:pointer}
.banner .hd ul li img { display:block; height:60px; border:2px #101010 solid}
.banner .hd ul li.on img { border:2px #cc3648 solid}

@media all and (max-width:1100px){
.banner { width:auto; margin-top:60px}
.banner .hd { position: relative; right:auto; bottom:auto; margin-top:15px; overflow:hidden}
.banner .hd ul li { padding-left:10px}
.banner .hd ul li img { height:30px}


.banner .bd ul li h4 { display:none}
.banner .bd ul li h3 { position:absolute; left:20px; bottom:50px; font-size:24px; line-height:30px}
.banner .bd ul li h5 { position:absolute; left:20px; bottom:20px; font-size:12px; line-height:20px}


}


.index_lm { width:1280px; margin:40px auto 30px auto; position:relative; height:40px}
.index_lm ul li { float:left; padding-right:20px}
.index_lm ul li a { display:block; width:100px; font-size:16px; line-height:40px; background:#252525; border-radius:20px; text-align:center}
.index_lm ul li a:hover { background:#CC3648}

@media all and (max-width:1100px){
.index_lm { display:none}
}


.index_1 { width:1280px; margin:0 auto; margin-top:30px; position:relative;}
.index_1 h2 { float:left; font-size:18px; color:#fff; line-height:30px; margin-bottom:15px}
.index_1 h3 { float:left; padding-left:20px; color:#ccc; line-height:30px;}
.index_1 h3 span { color:#CC3648}

.index_1 .index_list { clear:both; overflow:hidden; min-height:400px}
.index_1 .index_list ul { width:1296px}
.index_1 .index_list ul li { float:left; width:216px; padding-bottom:90px}
.index_1 .index_list ul li a { display:block; width:200px; position:relative; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_1 .index_list ul li img { display:block; width:100%; border-radius:10px}
.index_1 .index_list ul li p { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_1 .index_list ul li p i { position:absolute; text-align:center; line-height:40px; width:40px; left:50%; margin-left:-20px; top:50%; margin-top:-20px; border-radius:50%; font-size:18px; color:#fff; transform:scale(1.2); -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; background:#252525}
.index_1 .index_list ul li p i:hover { background:#CC3648}

.index_1 .index_list ul li a:hover p { display:block}
.index_1 .index_list ul li a:hover p i { transform:scale(1)}
.index_1 .index_list ul li h4 { position:absolute; bottom:0; right:15px; font-size:12px; color:#fff; line-height:24px}
.index_1 .index_list ul li h3 { position:absolute; left:0px; bottom:-35px; font-size:15px; color:#fff; padding-left:0}
.index_1 .index_list ul li h5 { position:absolute; left:0px; bottom:-60px; font-size:12px; color:#ccc}
.index_1 .index_list ul li a h3:hover { color:#CC3648}



@media all and (max-width:1100px){
.index_1 { width:90%; margin-top:20px; clear:both}
.index_1 h2 { font-size:16px;}
.index_1 h3 { float:right; padding-left:0}
.index_1 h3 a { color:#aaa}

.index_1 .index_list { min-height:auto}
.index_1 .index_list ul { width:auto}
.index_1 .index_list ul li { width:25%; padding-bottom:90px}
.index_1 .index_list ul li a { width:95%; margin:0 auto}

.index_1 .index_list ul li h3 { bottom:-55px; line-height:20px; overflow:hidden}
.index_1 .index_list ul li h5 { bottom:-80px;}

}






.index_2 { width:1280px; margin:0 auto; margin-top:30px; position:relative;}
.index_2 h2 { float:left; font-size:18px; color:#fff; line-height:30px; margin-bottom:15px}
.index_2 h3 { float:left; padding-left:20px; color:#ccc; line-height:30px;}
.index_2 h3 a { color:#aaa}
.index_2 h3 a:hover { color:#CC3648}

.index_2 .index_xw { clear:both; overflow:hidden}
.index_2 .index_xw ul { width:1296px}
.index_2 .index_xw ul li { float:left; width:216px; padding-bottom:130px}
.index_2 .index_xw ul li a { display:block; width:200px; position:relative; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_2 .index_xw ul li img { display:block; width:100%; border-radius:10px}
.index_2 .index_xw ul li p { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_2 .index_xw ul li p i { position:absolute; text-align:center; line-height:40px; width:40px; left:50%; margin-left:-20px; top:50%; margin-top:-20px; border-radius:50%; font-size:18px; color:#fff; transform:scale(1.2); -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; background:#252525}
.index_2 .index_xw ul li p i:hover { background:#CC3648}

.index_2 .index_xw ul li a:hover p { display:block}
.index_2 .index_xw ul li a:hover p i { transform:scale(1)}
.index_2 .index_xw ul li h3 { position:absolute; left:0px; bottom:-84px; height:72px; font-size:15px; color:#fff; padding-left:0; line-height:24px}
.index_2 .index_xw ul li a h3:hover { color:#CC3648}



footer { background:#252525; padding:40px 0; text-align:center}

@media all and (max-width:1100px){
footer { line-height:30px; padding:15px 0}


}





.index_lm2 { width:1280px; margin:0 auto; margin-top:20px; position:relative; height:40px}
.index_lm2 ul li { float:left; padding-right:20px}
.index_lm2 ul li a { display:block; padding:0 20px; font-size:16px; line-height:40px; background:#252525; border-radius:20px; text-align:center}
.index_lm2 ul li a:hover { background:#CC3648}
.index_lm2 ul li a.on { background:#CC3648}


@media all and (max-width:1100px){
.index_lm2 { display:none}
}


.news_list { width:1280px; margin:0 auto; margin-top:30px; position:relative;}
.news_list .index_list { float:left; width:850px}
.news_list .index_list .list ul li { margin-bottom:20px; border-bottom:1px #333 solid; padding-bottom:20px}
.news_list .index_list .list ul li a { position:relative; padding:0 0 0 280px; display:block; height:142px}
.news_list .index_list .list ul li img { display:block; border-radius:10px; position: absolute; left:0; top:0; width:254px; height:142px;}

.news_list .index_list .list ul li h4 { font-size:14px; color:#aaa; line-height:24px; padding-top:10px}
.news_list .index_list .list ul li h3 { font-size:18px; color:#fff; line-height:26px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news_list .index_list .list ul li h5 { position:absolute; left:280px; bottom:0px; font-size:12px; color:#aaa;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}


@media all and (max-width:1100px){
.news_list { width:90%; margin-top:20px;}
}





.pages { height:80px; text-align:center}
.pages ul li { display:inline; margin:0 5px}
.pages ul li a { text-align:center; background:#252525; border-radius:3px; padding:5px 10px; color:#aaa; border:1px #666 solid}
.pages ul li a:hover { color:#cc3648; border:1px #cc3648 solid}
.pages ul li.on a { background:#cc3648; color:#fff; border:1px #cc3648 solid}


.news_list .index_list .list ul li a:hover h3 { color:#cc3648}



.news_list .index_right { float:right; width:350px}
.news_list .index_right h2 { font-size:24px; color:#fff; height:50px}
.news_list .index_right ul li { position:relative; padding-bottom:30px}
.news_list .index_right ul li a { display:block; padding-left:140px}
.news_list .index_right ul li img { display:block; border-radius:10px; position: absolute; left:0; top:0; width:124px; height:70px;}
.news_list .index_right ul li h3 { font-size:14px; color:#fff; height:50px; overflow:hidden; line-height:24px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news_list .index_right ul li h5 { font-size:12px; color:#aaa; line-height:20px}

.news_list .index_right ul li a:hover h3 { color:#cc3648}



@media all and (max-width:1100px){
.news_list { width:90%; margin-top:20px;}
}


.nowsite { width:1280px; margin:0 auto; margin-top:20px; color:#aaa; font-size:12; height:20px}
.nowsite a { color:#ccc}
.nowsite a:hover { color:#fff}



@media all and (max-width:1100px){
.nowsite { width:90%;}

}

.news_list .news_content { float:left; width:850px; padding-bottom:50px}
.news_list .news_content .con_f { padding-bottom:20px; border-bottom:1px #333 solid}
.news_list .news_content .con_f h1 { font-size:24px; line-height:30px; padding-bottom:10px}
.news_list .news_content .con_f h3 { font-size:14px; color:#aaa; line-height:20px}

.news_list .news_content .con_c { padding:20px 0; font-size:16px; line-height:32px; color:#ccc}
.news_list .news_content .con_c p { padding-bottom:15px}
.news_list .news_content .con_c img { max-width:100%}

.news_list .news_content .con_b { padding-top:10px; border-top:1px #333 solid; text-align:right; color:#aaa; line-height:30px}





.list_px { width:1280px; margin:0 auto; padding-top:30px}
.list_px h3 { float:right; font-size:14px; line-height:30px; color:#aaa}
.list_px h3 span { color:#cc3648; padding:0 5px}
.list_px h2 { height:40px; border-bottom:1px #333 solid}
.list_px h2 a { display:block; float:left; padding:0 5px; font-size:18px; margin-right:10px; height:38px}
.list_px h2 a.on { color:#cc3648; border-bottom:2px #cc3648 solid}


@media all and (max-width:1100px){
.list_px { width:90%; padding-top:0px;}
.list_px h3 { float:none; text-align:right; line-height:20px; padding-bottom:10px}
.list_px h2 a { font-size:14px}
}


.content { height:500px; position:relative}
.content .bg1 { position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background-position-y: 50%;
    filter: blur(100px) saturate(180%);
    -webkit-filter: blur(100px) saturate(180%);
    -ms-transform: translateZ(0);}
.content .w100 { padding-top:100px; position:relative; z-index:222}
.content img { display:block; float:left; height:380px; border-radius:10px}

.content .con_jj { position:relative; height:380px; float:right; width:960px}
.content .con_jj h1 { font-size:24px; line-height:40px; font-weight:bold}
.content .con_jj h3 { font-size:14px; color:#aaa; padding-bottom:20px}
.content .con_jj ul li { color:#fff; font-size:14px; line-height:24px; padding:5px 0}
.content .con_jj ul li.ft { width:10%}
.content .con_jj ul li h4 { float:left; color:#aaa}
.content .con_jj ul li h5 { color:#aaa}
.content .con_jj ul li span { font-size:16px; color:#cc3648;}

.content .con_jj .bf { position:absolute; bottom:0; width:110px; height:40px; left:0}
.content .con_jj .bf a { display:block; font-size:16px; line-height:36px; height:40px; text-align:center; color:#fff; background: linear-gradient(90deg, #cc3648, #cc3648); border-radius:20px}

@media all and (max-width:1440px){
.content .con_jj { width:780px}
}

@media all and (max-width:1100px){
.content { height:auto}
.content .w100 { padding-top:70px;}
.content img { display:block; float:none; height:auto; width:40%; margin:0 auto; border-radius:10px}

.content .con_jj { height:auto; float:none; width:90%; margin:0 auto}
.content .con_jj h1 { padding-top:20px}
.content .con_jj ul li.ft { width:33.3%}
.content .con_jj ul li.ft2 { width:33.3%; float:left}
.content .con_jj ul li.ft3 { clear:both}
.content .con_jj .bf { position:relative; bottom:auto; left:auto; padding-top:15px}

}

@media all and (max-width:560px){
.content .con_jj ul li.ft { width:50%}
.content .con_jj ul li.ft2 { width:50%; float:left}
}


.content2 { width:1280px; margin:0 auto; padding-top:30px}

.content2 .con_right { float:right; width:350px}
.content2 .con_right h2 { font-size:24px; color:#fff; height:40px}
.content2 .con_right ul li { position:relative; line-height:40px; border-bottom:1px #333 solid}
.content2 .con_right ul li span { display:block; float:left; width:25px; line-height:40px; color:#aaa; font-weight:bold; padding-left:10px}
.content2 .con_right ul li:nth-child(1) span { color:#fc4274}
.content2 .con_right ul li:nth-child(2) span { color:#ff8155}
.content2 .con_right ul li:nth-child(3) span { color:#fcb80a}


.content2 .con_left { float:left; width:900px}
.content2 .con_left h2 { font-size:24px; color:#fff; height:40px}

.content2 .con_left .list1 { overflow:hidden; padding-bottom:20px}
.content2 .con_left .list1 ul li { float:left; width:16.6%; padding:0 0 10px 0}
.content2 .con_left .list1 ul li a { display:block; line-height:40px; border-radius:5px; text-align:center; background:#2f2f2f; width:90%}
.content2 .con_left .list1 ul li a:hover { color:#cc3648}

.content2 .con_left .list2 { overflow:hidden; padding-bottom:30px}

.content2 .con_left .list3 { overflow:hidden; padding-bottom:30px}
.content2 .con_left .list3 ul { width:915px}
.content2 .con_left .list3 ul li { float:left; width:183px; padding-bottom:90px}
.content2 .con_left .list3 ul li a { display:block; width:168px; position:relative; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.content2 .con_left .list3 ul li img { display:block; width:100%; border-radius:10px}
.content2 .con_left .list3 ul li p { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.content2 .con_left .list3 ul li p i { position:absolute; text-align:center; line-height:40px; width:40px; left:50%; margin-left:-20px; top:50%; margin-top:-20px; border-radius:50%; font-size:18px; color:#fff; transform:scale(1.2); -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; background:#252525}
.content2 .con_left .list3 ul li p i:hover { background:#CC3648}

.content2 .con_left .list3 ul li a:hover p { display:block}
.content2 .con_left .list3 ul li a:hover p i { transform:scale(1)}
.content2 .con_left .list3 ul li h4 { position:absolute; bottom:0; right:15px; font-size:12px; color:#fff; line-height:24px}
.content2 .con_left .list3 ul li h3 { position:absolute; left:0px; bottom:-35px; font-size:15px; color:#fff; padding-left:0}
.content2 .con_left .list3 ul li h5 { position:absolute; left:0px; bottom:-60px; font-size:12px; color:#ccc;overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.content2 .con_left .list3 ul li a h3:hover { color:#CC3648}



@media all and (max-width:1100px){
.content2 { width:90%; padding-top:20px}

.content2 .con_right { display:none}
.content2 .con_left { float:none; width:auto}
.content2 .con_left h2 { font-size:18px}
.content2 .con_left .list1 ul li { width:33.3%}
}


.video { width:1280px; margin:0 auto; height:530px; background:#252525}
.video .video_left { float:left; width:900px; height:530px; background:#000;}
.video .video_left video { display:block; width:100%; height:100%}

.video .video_left h2 { font-size:18px; line-height:40px; padding:50px 0 10px 50px}
.video .video_left h3 { font-size:16px; line-height:32px; padding:0 0 0 50px; color:#aaa}
.video .video_left h3 span { color:#fff; padding:0 5px}
.video .video_left h4 { padding:10px 0 0px 50px}
.video .video_left h4 a { display:block; float:left; margin-right:20px; line-height:36px; padding:0 30px; border-radius:5px; cursor:pointer}
.video .video_left h4 a.a1 { background:#444}
.video .video_left h4 b { display:block; padding-bottom:10px}
.video .video_left h4 a.a2 { background:#666;}
.video .video_left h4 a.a3 { background:#cc3648; color:#fff}

.video .video_right { float:right; width:350px; padding-top:20px}
.video .video_right h2 { font-size:18px; color:#fff; height:40px}
.video .video_right ul li { float:left; width:45%; padding:0 0 10px 0}
.video .video_right ul li a { display:block; line-height:40px; border-radius:5px; text-align:center; background:#2f2f2f; width:95%}
.video .video_right ul li a:hover { color:#cc3648}
.video .video_right ul li a.on { background:#cc3648; color:#fff}




.video_title { width:1280px; margin:0 auto; padding-top:20px}
.video_title h1 { font-size:24px; line-height:40px}
.video_title h3 { font-size:14px; color:#aaa; padding-bottom:10px}

@media all and (max-width:1100px){
.video { width:100%; height:auto}
.video .w100 { width:100%; height:auto}
.video .video_left { float:none; width:auto; height:300px;}
.video .video_right { float:none; width:90%; margin:0 auto; padding-top:20px; overflow:hidden; padding-bottom:15px}
.video .video_right ul li { width:30%}

.video_title { width:90%; padding-bottom:50px}
}





.tc { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:88888}
.tc .tc_c { position:absolute; left:50%; top:50%; width:500px; height:260px; margin-left:-250px; margin-top:-130px; background:#222; border-radius:10px; z-index:33}
.tc .tc_c h2 { font-size:18px; line-height:40px; padding:30px 0 10px 30px}
.tc .tc_c h3 { font-size:16px; line-height:32px; padding:0 0 0 30px; color:#aaa}
.tc .tc_c h3 span { color:#fff; padding:0 5px}
.tc .tc_c h4 { padding:10px 0 0px 30px}
.tc .tc_c h4 a { display:block; float:left; margin-right:20px; line-height:36px; padding:0 30px; border-radius:5px; cursor:pointer}
.tc .tc_c h4 a.a1 { background:#444}
.tc .tc_c h4 b { display:block; padding-bottom:10px}
.tc .tc_c h4 a.a2 { background:#666;}
.tc .tc_c h4 a.a3 { background:#cc3648; color:#fff}
.tc .tc_b { position:absolute; left:0; top:0; right:0; bottom:0;z-index:22}


@media all and (max-width:1100px){
.tc .tc_c { left:5%; width:90%; margin-left:0px;}
.tc .tc_c h2 { padding:20px 0 10px 20px}
.tc .tc_c h3 { font-size:14px; line-height:26px; padding:0 0 0 20px;}
.tc .tc_c h4 { padding:10px 0 0px 20px}

.tc .tc_c h4 a { margin-right:15px; padding:0 20px;}
}