*{padding:0; margin:0;}
body{ font-family: 'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;font-size:1.1em; min-width:1000px; background-color: #ffffff;}
img {border:0px; display:block; }
ul,li,dt,dd,dl{list-style:none;}
a{color:#333333; text-decoration:none !important; cursor:pointer;-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.2s ease-in-out;}
div,p,span,a{word-wrap:break-word;text-decoration:none;}
a:hover{ color:#a72629; text-decoration:none;}
input{ outline:none;}
nput:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: rgb(0, 0, 0);
}


.header{width: 100%;position: relative; z-index:9999; background: #ffffff;min-height:55px;}
.header02{ box-shadow:2px 2px 8px #cccccc; }
.header_div{ width:100%; position: relative;}
.header_div_img{ z-index: 999; height:62px; display: block; margin: 12px 0px; float: left;}
.header_div_p{ font-size: 19px; color: #a72629; padding:30px 0px 35px 165px; }
.header_div_font{ font-size:32px; display: block; float: left; color: #000000; margin: 10px 0px; line-height:62px; margin-left: 10px;}
.header_div_top{ position: relative; float: right;}
.header_div_top_a01{ font-size:16px; color: #555c6e; margin-top: 12px; float: left;background: url(../images/a09.png) no-repeat left center; height: 20px; display:inline-block; padding-left: 25px; }
.header_div_top_a01:hover{background: url(../images/a08.png) no-repeat left center; color: #a72629;}
.header_div_top_a02{font-size:16px; color: #555c6e; margin-left: 10px; margin-top: 12px;float: left; height: 20px; display:inline-block;}
.header_div_top_a02:hover{ color: #a72629;}
.header_div_top_a02 a{margin-left:10px; color:#555c6e}
.header_div_top_a02 a:hover{ color:#a72629;}
.header_div_search{ display:inline-block; width: 220px; float: right; margin-top:7px;}
.header_div_nav{ position:relative; padding-top:18px; float: left; overflow: hidden;padding-bottom:10px;}
.header_div_nav a{color: #1a296b;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
    align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0.9375rem;}

.header_div_box_login{ overflow:hidden; float: right; margin-left: 30px; margin-top:17px;  height:39px; line-height:39px;}



/* 主菜单 */
.nav{display: block; padding: 10px 0px;}
.nav .nav_pc{ width: 100%;}
.nav ul li{float:left;position: relative; width: auto !important;box-sizing: border-box;z-index: 999; margin: 0px 35px;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.nav_pc_img{ display: inline-block; margin-left:3px;moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.nav_pc_li:hover .nav_pc_img{transform: rotate(180deg);
ms-transform: rotate(180deg); /* IE 9 */
moz-transform: rotate(180deg); /* Firefox */
webkit-transform: rotate(180deg); /* Safari and Chrome */
o-transform: rotate(180deg);
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; /* Opera */}
.nav ul li:before {content: "";position: absolute;bottom: 0;width: 0;border-bottom: solid 3px #a72629;}
.nav ul li:before {center:0;}
.nav ul li:hover {color: #a72629;}
.nav ul li:hover:before {width: 100%;}
.nav ul li:before {-webkit-transition: width .3s ease-in-out;transition: width .3s ease-in-out;}
.nav ul li .f_a{line-height:22px;display:block;text-align:center;font-size:18px;color:#292d37;text-decoration: none !important;}
.nav ul li:hover .f_a{color: #a72629; transition:all .3s}
.nav ul li .s_navbox{display:none;position: absolute;left:-50px;width:120px; top: 22px; border-radius: 5px; padding: 10px 0px; background: url(../images/a08.png) no-repeat center 0px; z-index: 9999;box-sizing: border-box}
.nav ul li .s_navbox .s_a{ background: #2e3035; border-radius: 5px; padding-bottom: 10px;}
.nav ul li .s_navbox .s_a a{color:#ffffff;font-size:15px;display:block;text-align: center;padding:8px 0px;}
.nav ul li .s_navbox .s_a a:hover{color:#a72629;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}
.header_div_box_user_li:hover .header_div_box_user_img{display: none !important;}
.header_div_box_user_li:hover .header_div_box_user_img02{display: block !important;}

.header_div_box{ float: right;}
.header_div_box_user{ float:left; padding-top:22px;}
.header_div_box_user_img{ height:19px; display: block;}
.header_div_box_user_img02{ height:19px; display: none;}
.header_div_box_right{ float:right; overflow: hidden; padding-top:30px; margin-left: 40px;}
.header_div_box_right span{ color: #C1C1C1; margin: 0px 8px; position: relative; top: -2px;}
.header_div_box_right a{font-size:16px; color: #333333;}
.header_div_box_right a:hover{color: #a72629;}
.header_div_box_right_a{color: #a72629 !important;}
.header_div_box_user_li:before{ border-bottom:0px !important;}

.sswiper_wrapper_font {  padding-right: 15px; min-height:440px; min-width: 900px;  padding-left: 15px;  margin-right: auto; z-index:999;  margin-left: auto;position: absolute;top: 50%; margin-top: -200px;overflow: hidden;}
@media (min-width: 942px) {
  .sswiper_wrapper_font {
    width: 900px;
	  left: 50%;
	  margin-left: -450px !important;
  }
}
@media (min-width: 992px) {
  .sswiper_wrapper_font {
    width: 970px;
	  left: 50%;
	  margin-left: -485px !important;
  }
}
@media (min-width: 1200px) {
  .sswiper_wrapper_font {
    width: 1170px;
	  left: 50%;
	  margin-left: -585px !important;
  }
}
@media (min-width: 1400px) {
  .sswiper_wrapper_font {
    width: 1400px;
	  left: 50%;
	  margin-left: -700px !important;
  }
}


/***********登录**********/
#con{ width:100%; height:100%; position: fixed; left:0; top:0; z-index: 9999; background:rgba(0,0,0,.4);display: none;transform: rotate(180deg);
ms-transform: rotate(180deg); /* IE 9 */
moz-transform: rotate(180deg); /* Firefox */
webkit-transform: rotate(180deg); /* Safari and Chrome */
o-transform: rotate(180deg);
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.popOut{ position:relative; width:340px; height:380px; top: 10px; padding: 20px; float: right;background: rgba(0,0,0,.6); overflow: hidden;border-radius:8px; z-index: 99999;
	-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.popOut_tab{ position:absolute; right: 20px; top:35px; z-index: 999; }
.popOut_tab li.hover{ z-index: 1; position: relative;}
.popOut_tab li.hover .popOut_tab_img{opacity: 1}
.popOut_tab li{  z-index: 9; position:absolute; top: 0px; cursor: pointer;}
.popOut_tab_img{height:30px !important;opacity: 0;}
.login_title{display: block; font-size: 21px; padding-top: 10px; color: #ffffff; width: 90%; margin: 0 auto; padding-bottom: 20px; position: relative;}
.popOut_tab_p{ display:none;}
.popOut_tab li:hover .popOut_tab_p{ display: block; position: absolute; right:40px; width:150px; top: 2px; height:26px;}
.popOut_tab_p img{ height:11px; position: absolute; right: -6px; top:7.5px;}
.popOut_tab_p p{ height:26px; display: block; font-size: 12px; width:auto; float: right;padding: 0px 10px; color: #ffffff; background:url(../images/a09.png) ; border-radius:5px;position: relative; z-index: 9; line-height:26px;}
.login_ewm{ background-color: #ffffff; border-radius: 10px; width: 180px; margin:30px auto 0 auto; height: 180px; padding: 10px;}
.login_ewm img{ width:160px;}
.login_ewm_font{ font-size:12px; color: #ffffff; display: block; text-align: center; padding-top: 20px;}
.login_font{ width:90%; margin: 0 auto; overflow: hidden; padding-top: 30px;}
.login_font_img{ width:110px; margin: 0 auto; display: block; height: 110px; border-radius: 50%;}
.login_font_p{ font-size:18px; display: block; text-align: center; padding:15px 0px 20px 0px; color: #ffffff;}
.login_font_p02{ font-size:14px; display: block; text-align: center; padding-top: 2px; color: #ffffff;}
#inputs input
{
    padding: 13px 15px 13px 35px;
    margin:20px auto 0px auto;
	display: block;
    width:90%; /* 353 + 2 + 45 = 400 */
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-size: 14px;
	 color: #ffffff;
	background-color: transparent;
}

.inputs_div{ position:relative; height: 48px;}
.user { background: url(../images/login-sprite.png) no-repeat; position: absolute; left:17px; top:2px; height: 40px; width: 25px; background-repeat:no-repeat; background-position: 5px center;}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

#phone
{
     background-position: 5px -103px !important;
}
#code
{
     background-position: 5px -154px !important;
}

#inputs input:focus
{
    background-color: transparent;
    border-color: #ffffff;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #ffffff inset;
    -webkit-box-shadow: 0 0 0 1px #ffffff inset;
    box-shadow: 0 0 0 1px #ffffff inset;
}

/*--------------------*/
#actions
{
    margin:40px 0 0 0;
}

#submit
{		
    background-color: #a72629;
    border-radius: 5px;
	font-size: 16px;
    height:44px;
	line-height: 44px;
    width:90%;
    cursor: pointer;
    color: #ffffff !important;
	display: block; 
	margin: 0 auto;
	border: 0px !important;
	text-align: center;
}

#submit:hover,#submit:focus
{		
    background-color: #9b2427;
}	

.popOut_close{ position:absolute; right: -26px; top: -22px; display: block;}
.popOut_close img{ width: 24px; height: 24px;}
.login_bottom{ overflow:hidden; width:90%; padding-top: 15px; margin: 0 auto;}
.login_bottom_input{ float:left; margin-top: 0px; background-color:transparent;}
.login_bottom_p{ font-size:12px; float: left; margin-left: 5px; color: #dddddd; line-height: 22px;}
.login_bottom_right{ float: right; font-size: 12px; color: #dddddd; text-decoration: none !important;line-height: 22px;}
.login_bottom_right:hover{ color:#ffffff;}




/*移动端导航*/
@media screen and (max-width:1023px) and (min-width: 0px){
   
	.people_list_left{ font-size:40px !important;}
	.people_list_div a{ line-height:40px !important;background-size: 20px auto !important;}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:10px !important;}
	.video_font{ width:100% !important;}
	.video_font_p02{ padding-top:2px !important; padding-bottom: 5px !important;}
	.video_font_p03{ padding-top: 5px !important;}
	.video_div{ width:35% !important; height: 19vw !important; }
	.video_font_p01{ font-size:26px !important;}
	.video_font_p03{ font-size:16px !important;}
	.sswiper_wrapper_font_title{ font-size: 50px !important;}
	.sswiper_wrapper_font_button_p{ margin-right: 20px !important;}
	.footer_p01{ font-size:17px !important;}
}
 .container{ min-width:900px !important;}

.footer{ background: #ffffff; position: relative; z-index: 99; padding:25px 0px;}
.footer_p01{ font-size:18px; display: block; color: #333333;}
.footer_p02{ font-size:15px; display: block; color: #999999; padding-top:5px;}
.footer02{ background: #ffffff; position: relative; z-index: 99; padding:35px 0px;}
.footer02_p{ font-size:14px; color: #666666; text-align: center; }
.footer_div{ padding:10px 20px; width: 30%; float: left;overflow: hidden;}



.footer .container{ position: relative;}
.footer_div01{ float: left; max-width: 30%; padding: 10px 20px; overflow: hidden;}
.footer_div03{ float:right; max-width: 30%; padding: 10px 20px; overflow: hidden;}
.footer_div02{ position:absolute; max-width: 30%; padding: 10px 20px; top:0px; left: 50%; margin-left: -60px;}
@media screen and (max-width:1200px){
	.footer_div03{ margin-right: 20px;}
}



@media screen and (max-width:1199px) and (min-width:1024px){
	.header_div_p{padding: 20px 0px 25px 160px;}
	.header_div_nav{ padding-top:10px;}
	.nav ul li .f_a{ line-height:30px;}
	.nav ul li{ margin: 0px 25px !important;}
}
@media screen and (min-width: 1200px) and (max-width:1399px) {
	.header_div_p{
		font-size:17px;
		padding: 30px 0px 35px 150px;
	}
	.nav ul li{ margin: 0px 30px !important;}

}


@media screen and (max-width:1219px) and (min-width: 0px){


}

@media screen and (max-width:1023px) and (min-width: 0px){
	.header .col-sm-6{ width: 100%;}
	.mian_list{ margin-left:0px !important;}
		
	
}
@media screen and (max-width:560px) and (min-width: 0px){
}
@media screen and (max-width:640px) and (min-width: 0px){
	
	.footer_bottom{ padding:15px 0px !important;}
	.footer_p01{ font-size:16px !important;}
	
}
@media screen and (min-width:1800px){
	.nav ul li{ margin: 0px 40px !important;}
	.sswiper_wrapper_font_button_p { margin-right:35px !important; }
}
@media screen and (min-width:1400px){

}

@media screen and (max-width:560px) and (min-width: 0px){

}

@media screen and (max-width:440px) and (min-width: 0px){

}

	
.login_ewm{ position:relative;}
.login_div{ position: absolute; width: 160px; height: 160px; z-index: 9999; top: 10px; left: 10px;background:url(../images/code_bg.png);}
.login_div_p{ display:block; text-align: center; font-size: 12px; color: #000; display: block; padding-top:6px;}
.login_div_img{ width:28px !important; display: block;margin: 0 auto; padding-top:55px;opacity:1 !important;}



.footer_down{ background: #002870; overflow: hidden; padding: 25px 0px;}
	.footer_down_font{ width: 1200px; margin: 0 auto; overflow: hidden; font-size: 14px; line-height:30px; text-align: center;}
	.footer_down_font_img{ display:inline-block; height: 14px; position: relative; top: 0px;}
	.footer_down_font_a{ display:inline-block; color: #6984B3; margin-left:3px; margin-right:12px; font-size: 14px;}
	.footer_down_font_a:hover{color: #ffffff; }
	.footer_down_font_span{ display:inline-block; color: #6984B3; font-size: 14px;}
	.footer_down_font_span02{ display:inline-block; color: #6984B3; font-size: 14px; margin-left:5px;}
	.footer_down_font_span02 a{ color: #6984B3 !important;}
	.footer_down_font_span02 a:hover{color: #ffffff !important; }


/************注册页面************/
.popOut_logon{ display:block; position: relative; overflow: hidden;}
.popOut_logon_title{display: block;font-size: 21px; text-align: center;padding-top:5px;color: #ffffff;width: 90%;margin: 0 auto;padding-bottom: 5px;position: relative;}
.inputs_div{ position:relative;}
.inputs_div_a{ position: absolute; top: 1px; right:16px; font-size: 14px; padding: 0px 15px;  height: 46px; line-height: 46px;border-radius: 5px;background-color: #a72629; color: #ffffff;}
.inputs_div_a:hover{background-color:#9b2427;color: #ffffff;}
.inputs_div_font{ position:relative; border: 1px solid #cccccc;background-position: 5px -203px !important; height:46px; border-radius: 5px;font-size: 14px;color: #ffffff;margin: 20px auto 0px auto;  background: url(../images/login-sprite.png) no-repeat;display: block;width: 90%;}
.inputs_div_font select option{ padding:4px 8px; background:#ffffff; color: #333333;}
.inputs_div_font select {outline:none;float: left; width:268px; height:22px;  color: #ffffff;margin-top:10px; line-height:22px; position: relative; border: 0px;padding:0px 35px 0px 35px;appearance:none; -moz-appearance:none; -webkit-appearance:none;background:url("../images/a16.png") no-repeat 240px center transparent;　}
select::-ms-expand { display: none; }
.login_bottom02{ overflow: hidden; position: relative;  width: 90%; margin: 0 auto; padding-top: 10px;}
.login_bottom02_left{ font-size:12px;color: #ffffff;display: block;}
#actions02{margin:20px 0 0 0;}
.popOut_logon_box{ overflow:hidden; position: relative;}
.popOut_logon_box_img{ height: auto; position: absolute; left:15px; top:14px; z-index: 99;}
.inputs_div_p{ position:absolute; top: 0px; right: 30px; line-height: 48px;  color: #ffffff; font-size: 14px;}
.inputs_div_a02{ position: absolute; top: 1px; right:16px; font-size: 14px; padding: 0px 15px;  height: 46px; line-height: 46px;border-radius:5px; background-color: #bbbbbb; color: #ffffff;}
