﻿::selection{background: #E60112; color: white; /* Safari */} 
::-moz-selection{background: #E60112; color: white; /* Firefox */ } 

html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(about:blank); _background-attachment:fixed; height:100%;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }
body, button, input, select, textarea, h1, h2, h3, h4, div, h5, h6, i { color:#333; font: normal 14px Microsoft YaHei,微软雅黑,Arial;}
body{ height:100%}
ul, ol, li { list-style:none; }
a { text-decoration: none; color:#333; font-size:13px; transition: all .25s ease; blr:expression(this.onFocus=this.blur()); /* IE Opera */}
a:hover { color:#E60112; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
img { border: 0; vertical-align:middle}
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
.warp{ width:100%; position:relative; max-width:1200px; margin:0 auto;}
.warp.warp_news{max-width:900px;}
.warp2{ width:100%; position:relative; max-width:1100px; margin:0 auto;}
.warp3{ width:100%; position:relative; max-width:100px; margin:0 auto;}
.warp4{ width:100%; position:relative; max-width:1000px; margin:0 auto;}
.warp_100 {width:100%; position:relative; margin:0 auto;}

.J_movePic {
	-webkit-transition: all 700ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: all 700ms cubic-bezier(0.39, 0.575, 0.565, 1);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.common_banner{ width: 100%; height:512px; overflow: hidden;}
.common_banner_new{ width: 100%; height:250px; overflow: hidden;}

/* head */
.head {height:100px; width: 100%; z-index: 999; background: #040000;}
.head.white {background: #fff;}
.head.index{ position: absolute; background:linear-gradient(to bottom,rgba(0,0,0, 0.8) 0%,rgba(0,0,0, .4) 30%, rgba(0,0,0, .2) 70%, rgba(0,0,0, 0) 100%);}
.head.index_white{ position: absolute; background:linear-gradient(to bottom,rgb(250, 255, 255, .6) 0%,rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);}
.head .head_warp{ width:1300px; margin:0 auto;}
@media only screen and (max-width: 1200px) {
.head .head_warp{ width:1200px;}
}
.head .logo{ float:left; width:200px; height:60px; margin-top: 20px;}
.head .head_right{ float:right; position:relative;}
.head_warp .top { text-align:right; overflow:hidden; float: right;}
.head_warp .top div{float:right;}
/* .head_warp .top .top_tel{ background:url(../images/tel.png) no-repeat left; padding-left:35px; font-size:15px; height:60px; line-height:60px; font-weight:bold; color:#555} */
.head_warp .top .top_ss{ margin-left:20px; position: relative;}
.head_warp .top .top_ss .ss_l{ float:left; margin:38px 0px 0px 60px; height:30px; width: 150px; border:1px solid rgba(255,255,255, 0); text-indent:0.5em; color:#666;font-size: 12px; outline:none; background: rgba(255,255,255,0.1);}
.head_warp .top .top_ss .ss_b{ position: absolute; right: 0px; background:url(../images/search.png) no-repeat center; width:25px; height:24px; border:0; margin-top:42px; overflow:hidden; display:block; cursor:pointer}
.head_warp .top.white .top_ss .ss_l {background: rgba(0,0,0,0.1);}
/* .head_right .top .top_lx{ height:60px; line-height:60px;}
.head_right .top .top_lx span{float:left; overflow:hidden; height:40px; line-height:40px; margin-top:10px;}
.head_right .top .top_lx span .nothing01{ float:left; height:40px; line-height:40px; font-size:16px; background:url(../images/lx_bj.png) no-repeat left; padding:0px 20px;}
.head_right .top .top_lx .subsidiary{ padding-right:48px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; background:url(../images/zg_bj.png) 93px center no-repeat;}
.head_right .top .top_lx .subsidiary .nothing01{ padding-right:0}

.head_right .top .top_lx .subsidiary .subsidiary_list{ position:absolute; z-index:2; width:132px; top:50px; padding-top:0; margin-left:-1px; height:0; text-align:left; overflow:hidden; line-height:30px; transition: all .3s ease;}
.head_right .top .top_lx .subsidiary:hover{ border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/zg_bjhover.png) 93px center no-repeat}
.head_right .top .top_lx .subsidiary:hover .subsidiary_list{ height:90px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:132px; padding-bottom:10px; background-color:#FFF;}
.head_right .top .top_lx .subsidiary:hover .nothing01{ color:#333}
.head_right .top .top_lx .subsidiary .subsidiary_list li{ background:#fff;}
.head_right .top .top_lx .subsidiary .subsidiary_list li a{ float:left; width:132px; color:#555; text-indent:20px; font-size:16px;}
.head_right .top .top_lx .subsidiary .subsidiary_list li a:hover{ color:#E60112;} */


.nav-box { float:right; position:relative;}
.nav-box ul {height:70px; padding:0px 0px; margin-bottom:5px; margin-right:-12px; padding-top: 20px;}
.nav-box ul li { float:left; padding:0 12px; height:70px; color:#fff;line-height:70px; font-size:18px;}
.nav-box ul li .nav_hr { float:left; color:#fff;line-height:70px; font-size:18px; font-weight: 600}
.head.white .nav-box ul li .nav_hr, .head.index_white .nav-box ul li .nav_hr {color: #333;}
.nav-box ul li .nav_hr:hover, .head.index_white .nav-box ul li .nav_hr:hover { text-decoration:none; color:#E60112;}

.nav-box .nav-line { position:absolute; left:0; bottom:0px; height:4px; line-height:4px; font-size:0; width:52px; background:#E60112; color:#E60112;}

.nav-box ul li dl{position:absolute; width:1920px; left:50%; top:90px; margin-left:-1190px; height:0px; line-height:50px; overflow:hidden; background:rgba(0,0,0,0.5); filter:alpha(opacity=50); z-index:10; transition: all .25s ease; z-index:2;}
.nav-box ul li:hover dl{ height:50px;}
.nav-box ul li dl dd{ margin:0 auto; height:50px; width:1200px; text-align:center;}
.nav-box ul li dl dd a{ font-size:15px; color:#fff; margin:0 10px;}
.nav-box ul li dl dd a:hover{ color:#ddd;}






/*底部*/
.foot{ padding:0px 0; overflow:hidden; background:#140a0a; padding-bottom:50px;}
.foot .foot_nav{ float:left; margin:58px 0px 0px 35px; overflow:hidden;display:block;}
.foot .foot_nav h3{ font-size:20px; color:#fff; margin-bottom:20px; padding-left:70px;}
.foot .foot_nav h3.aa{ font-size:20px; color:#fff; margin-bottom:20px; padding-left:100px;}
.foot .foot_nav ul{ border-left:1px solid #626b75; padding-left:70px;width:200px; }
.foot .foot_nav ul.foot_nav_bk{ border-left:1px solid #626b75 padding-left:90px; margin:0px 0px 0px 30px; height:180px; width:160px;}
.foot .foot_nav ul li{ line-height:34px;}
.foot .foot_nav ul li .foot_hr{ width:160px;font-size:15px; color:#999;}
.foot .foot_nav ul li .foot_hr:hover{color:#ccc;}
.foot .foot_nav ul li dl{ height:0; overflow:hidden; background:#110707; padding:0 10px; transition: all .5s ease; }
.foot .foot_nav ul li.fl_nav dl{ width:110px;}
.foot .foot_nav ul li.fl_nav dl a{}
.foot .foot_nav ul li:hover dl{ padding:10px; height:auto}
.foot .foot_nav ul li dl a{ float:left; width:100%; font-size:15px; line-height:35px; color:#999;}
.foot .foot_nav ul li dl a:hover{ color:#ccc}


.foot .foot_tel{ float:left; padding-top:50px;}
.foot .foot_tel p{ line-height:50px;color:#fff; padding-left:45px;}
.foot .foot_tel .t_1{ font-size:20px; background:url(../images/footer01.png) no-repeat left;}
.foot .foot_tel .t_2{ font-size:32px;}
.foot .foot_tel .t_3{ font-size:20px; background:url(../images/footer02.png) no-repeat left;}
.foot .foot_tel .t_3 i,.foot .foot_tel .t_4 i{ font-size:14px;color:#fff;}
.foot .foot_tel .t_3 i a{ font-size:14px;color:#fff;}
.foot .foot_tel .t_4{ font-size:20px; background:url(../images/footer04.png) no-repeat left;}
.foot .foot_pic{ float:right; padding:105px 100px 0px 0px;}
.foot .foot_pic p{ font-size:16px; color:#fff; padding:10px 0px 0px 10px;}

.footer{ height:50px; line-height:50px; background:#110707}
.footer .footer_con{ height:50px; line-height:50px; text-align:center; color:#fff; font-size:17px;}
.footer .footer_con a{ color:#fff; font-size:17px;}

#topcontrol{ width:44px; height:44px; background:url(../images/return.png) no-repeat; background-position:left center;}
#topcontrol:hover{ background:url(../images/return02.png) no-repeat;transition: all .25s ease; }

.party_banner,
.news_banner {
	height: 600px;
	background-image: url(../images/party/banner.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.news_banner {
	background-image: url(../images/news/banner.jpg);
}

@media screen and (max-width: 1000px) {
    html {
        width: 1200px;
		overflow-x: auto;
    }
	.head {width: 1200px;}
}