/*通用类*/
*{
	margin:0;
	padding:0;		
}
body{		
	margin:0 auto;
	font-size:14px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	text-align:justify;	
	color:#333;
	overflow-x:hidden;
	position:relative;
	min-width: 1200px;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#333;
	text-decoration:none !important;	
	outline:none !important;
}
a:hover{
	color:#ff0000;	
}
ul{
	list-style-type:none;	
	margin:0;
}
dl{
	margin:0;
	padding:0;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
.ck_device{
	position:absolute;
	top:-300px;
}

/*所有设备公用 CSS*/
.wrapin{
	width:1200px;
	margin-left:auto;
	margin-right:auto;	
}

/*total*/



.header-mb{
	width:100%;
	height:50px;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:#fff;
	border-bottom:1px solid #ccc;
}
.header-mb .logo{
	float:left;
	margin-left:3%;
}
.header-mb .logo img{
	display:block;
	height:50px;
	width:auto;
}
.header-mb-zw{
	height:51px;
	clear:both;
}
.nav-mb{
	position:fixed;
	right:0;
	top:0;
	z-index:100;	
	width:100%;
	height:100%;	
	padding-top:50px;
	display:none;
}
.nav-mbshow{
	display:block;
	background:url("../images/bg_22.png");	
}
.menu-btn{
	width:40px;
	height:30px;
	border:1px solid #ddd;
	border-radius:5px;	
	position:fixed;
	right:3%;
	top:10px;
	background:#fff url("../images/menu.png") no-repeat center center;
	z-index:110;
}
.menu-btnshow{
	background-image:url("../images/menu_close.png");	
}
.nav-mb dl{
	width:90%;
	margin:0 auto;	
	font-size:14px;
}
.nav-mb a{
	display:block;	
}
.nav-mb dt{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ccc;	
	
}
.nav-mb .par2{
	background:url("../images/add_btn.png") no-repeat right center;
}
.nav-mb .down dt{
	
}
.nav-mb .down .par2{
	background-image:url("../images/close_btn.png");
}
.nav-mb dd{
	line-height:30px;	
	display:none;
}
.nav-mb .down dd{
	display:block;	
}
.nav-mb dd a{
	color:#666;	
	padding:0 10px;
}



/*total*/

/*hm首页*/


.header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	color:#444;
}
.header_t{
	height: 28px;
	line-height: 28px;
	background:#eee;
	border-top:2px solid #ff0000;
	border-bottom:1px solid #fff;
	font-size:13px;
}
.headerafter .header_t{
	display: none;
}
.header_t .tel{
	float: right;
	font-weight: bold;
	font-size:14px;
	padding-left:22px;
	background:url("../images/head_tel.png") no-repeat left center;
}
.header_b{
	height: 99px;
	background:rgba(255,255,255,0.5);
}
.headerafter .header_b{
	background:#fff;
}
.headerafter{
	box-shadow:0 0 10px rgba(0,0,0,0.15);
}
.header_b .logo{
	float: left;
	display: block;
	margin-top:23px;
	height: 52px;
}
.header_b .logo img{
	display: block;
	height: 50px;
}
.header_b .fg{
	height: 49px;
	float: left;
	margin:28px 10px;
	border-left:1px solid #f00;
}
.header_b .logo_tip{
	float: left;
	margin-top:34px;
	display: block;
    width:212px
}
.nav{
	float: right;
}
.nav_in{
	float: left;
	margin-left:50px;
	/* position: relative; */
	z-index: 100;
}
.nav_in .par{
	display: block;
	height: 99px;
	line-height: 99px;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	min-width: 62px;
	position: relative;
}
.nav_in:hover .par i,.now_hover .par i{
	display: block;
	height: 3px;
	width: 62px;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left:-31px;
	background:#f00;
}
.nav_in:hover .par,.now_hover .par{
	color:#f00;
}
.nav_in .kul{
		width: 100%;
	position: absolute;
	top: 89px;
	left: 0%;
	display: none;
	z-index: 100;
	
	
}
.nav_in ul{
	width: 100%;
	position: absolute;
	top: 99px;
	left: 0%;
	display: none;
	z-index: 100;
	background-color: rgba(51,51,51,1)
}

.nav_in .kuan{
	width: 1200px;
	margin: 25px auto;
}
.nav_in .kuan .kuanleft{ width:65%;float:left;color:#6B6B6B;font-size:26px;}
.nav_in .kuan .kuanleft .linex{width:50px; border-bottom: #E91216 3px solid; padding-top: 10px;}
.nav_in .kuan .kuanright{ width:35%;float:left;}
.nav_in:hover ul{
	display: block;
}
.nav_in li{
	display: block;
	margin-bottom:10px;
}
.nav_in li a{
	display: block;
	height: 40px;
	line-height: 40px;
	border-radius:0px;
	text-align: left;
	color:#fff;
	padding-left: 14px;
	border-bottom: #6B6B6B 1px solid;
	
}
.nav_in li a:hover{
	background:#e30003;
}

.cm_banner img{
	display: block;
	width: 100%;
	height:auto;
}


/*hm 首页*/

/*所有设备公用 CSS*/

/* PC大屏幕 big star*/
@media screen and (min-width: 768px) {

.visible-lg {display: block !important;}
.visible-lg-block {display: block !important;}
.visible-lg-inline {display: inline !important;}
.visible-lg-inline-block {display: inline-block !important;}
.hidden-lg{display:none !important;}

.wrapin{
	width:1300px;	
}

.main{
	position: relative;
	z-index: 20;
	width: 100%;
	margin-top:-456px;	
}

.ba_out{
	height: 624px;
	height: 1080px;
	width: 100%;
	position: relative;	
	overflow:hidden;
}

.banner{
	width:1920px;	
	position:absolute;
	overflow:hidden;
	left: 50%;
	margin-left:-960px;
	top: 0;
	height: 1080px;		
	cursor:pointer;		
}
.ba_out .cbtn{
	width: 40px;
	height: 60px;
	position: absolute;
	top: 282px;
	z-index: 50;
	cursor: pointer;
}
.ba_out .my-prev{
	left: 20px;
	background:url("../images/ba_pre.png") no-repeat center center;
}
.ba_out .my-next{
	right: 20px;
	background:url("../images/ba_next.png") no-repeat center center;
}
.banner .swiper-wrapper{
	width: 1920px;
	height: 1080px;
}
.banner .swiper-slide{
	width:1920px;	
	height: 1080px;
	background-repeat:no-repeat;
	background-position:top center;
}
.banner .swiper-slide img{
	display:block;
	width:100%;
	height:1080px;
}
.banner .swiper-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:10px;
  width: 100%;
}
.banner .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.banner .swiper-pagination-bullet-active {
  background: #fff;
}

.h_hot{
	width: 1240px;
	margin:0 auto;
}
.hot_item{
	width: 580px;
	height: 260px;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	background:#fff;
	position: relative;
	float: left;
	margin:0 20px 40px 20px;
}
.hot_item .photo{
	float: right;
	display: block;
	width: 280px;
	height: 206px;
	margin:25px 25px 0 0;
}
.hot_item .photo img{
	display: block;
	width: 280px;
	height: 206px;
}
.hot_item .intro{
	float: left;
	width: 220px;
	padding-left:30px;
	color:#222;
}
.hot_item .name{
	height: 92px;
	line-height: 92px;
	position: relative;
	font-size:20px;
	font-weight: bold;	
}
.hot_item .name i{
	display: block;
	width: 60px;
	height: 2px;
	background:#f00;
	position: absolute;
	left: 0;
	top: 70px;
}
.hot_item .tip{
	font-size:24px;
	line-height: 30px;
}
.hot_item .more{
	margin-top:20px;
	display: block;
}


.h_about{
	width: 1200px;
	margin:20px auto 60px auto;
}
.h_about .titlem{
	display: none;
}
.h_about .photo{
	width: 492px;
	height: 324px;
	float: left;
	display: block;
}
.h_about .photo img{
	display: block;
	width: 492px;
	height: 324px;
}
.h_about .intro{
	float: right;
	width: 672px;
}
.h_about .title{
	height: 54px;
	line-height: 44px;
	position: relative;
	font-size:22px;
	position: relative;
	font-weight: bold;
}
.h_about .title i{
	display: block;
	width: 40px;
	height: 2px;
	background:#f00;
}
.h_about p{
	font-size:16px;
	line-height: 32px;
}
.h_about strong{
	color:#f00;
}
.h_about .more{
	display: block;
	width: 135px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background:#f00;
	color:#fff;
	margin-top:25px;
}
.h_about .more:hover{
	background:#d70003;
}

.h_pros{
	width: 900px;
	float: left;
	margin-bottom:40px;
}

.hp_item{
	border-bottom:1px solid #eee;
	padding:25px 0;
}
.hp_item .photo{
	display: block;
	width: 266px;
	height: 170px;
	float: left;
	margin-right:14px;
}
.hp_item .photo img{
	display: block;
	width: 266px;
	height: 170px;
}
.hp_item .name{
	line-height: 30px;
	font-size:16px;
}
.hp_item p{
	color:#999;
	line-height: 1.6;
}
.hp_item .date{
	float: left;
	line-height: 32px;
	color:#ccc;
}
.hp_item .read{
	float: right;
	line-height: 32px;
	color:#ccc;
	padding-left:22px;
	background:url("../images/read.png") no-repeat left center;
}

.h_navs{
	float: right;
	width: 270px;
}
.hn_item{
	width: 270px;
	height: 293px;
	margin-bottom:20px;
	position: relative;
}
.hn_item1{
	background:url("../images/hn1.png") no-repeat left top;
	background-size:100% 100%;
}
.hn_item2{
	background:url("../images/hn2.png") no-repeat left top;
	background-size:100% 100%;
}
.hn_item .ico{
	display: block;
	position: absolute;
	left: 42px;
	top: 42px;
}
.hn_item dl{
	position: absolute;
	left: 42px;
	top: 120px;
	color:#fff;
}
.hn_item dt{
	height: 40px;
	line-height: 40px;
	font-size:20px;
	font-weight: bold;
}
.hn_item dd{
	height: 32px;
	line-height: 32px;
	font-size:12px;
}
.hn_item .more{
	display: block;
	width: 132px;
	height: 30px;
	line-height: 30px;
	border:1px solid #fff;
	text-align: center;
	color:#fff;
	position: absolute;
	left: 42px;
	top: 210px;
}
.hn_item .more:hover{
	background:#fff;
	color:#f00;
}

.footerm{
	display: none;
}


.footer_top{
	height: 180px;
	background:#000;
	border-top:3px solid #f00;
}
.footer_top .wrapin{
	position: relative;
}
.ft_left{
	width: 296px;
	height: 210px;
	float: left;
	position: relative;
	margin-right: 100px;
}
.ft_line{
	width: 316px;
	height: 6px;
	background:url("../images/ft_line.png") no-repeat left top;
	position: absolute;
	top: -8px;
	left: -10px;
}
.ft_left .ft_logo{
	display: block;
	margin:15px auto;
	padding-top: 30px;
}
.ft_left .wps{
	width: 240px;
	margin:0 auto;
}
.ft_left .wps dl{
	width: 88px;
	float: left;
	margin:5px 16px;
	text-align: center;
}
.ft_left .wps img{
	display: block;
	width: 88px;
	height: 88px;
}
.ft_left .wps dd{
	height: 32px;
	line-height: 32px;
	color:#fff;
}
.ft_ct{
	float: left;
	width: 460px;
	height: 200px;
	border-right:1px solid #666;
	margin:50px 30px 0 25px;
	line-height: 38px;
}
.ft_ct a{
	float: left;
	color:#999;
	margin-right:25px;
}
.ft_rt{
	width: auto;
	float: left;
	margin-top:10px;
	color:#fff;
	padding-right: 50px;
}
.ft_rt dt{
	height: 38px;
	line-height: 38px;
	font-size:16px;
}
.ft_rt dd{
	height: 30px;
	line-height: 30px;
	float:left;padding-right:20px;
}
.ft_rt dd a{
	color:#999;
}
.ft_rt dd a:hover{
	color:#fff;
}
.footer_bottom{
	text-align: center;
	line-height: 2;
	background:#fff;
	padding:15px 0;
	color:#989898;
	font-size:12px;
}

.fr_bar{
	position: fixed;
	right: 0;
	z-index: 100;
	top: 50%;
	margin-top:-122px;
	border:1px solid #fff;
	border-bottom:0;
}
.fr_fls{
	position: relative;
	z-index: 100;
	cursor: pointer;
}
.fr_fls .btn{
	display: block;
	width: 60px;
	height: 60px;
	border-bottom:1px solid #fff;
}
.fr_fls .btn img{
	display: block;
	width: 60px;
	height: 60px;
}
.fr_fls .con{
	width: 200px;
	background:#f00;
	position: absolute;
	right: 60px;
	bottom: 1px;
	z-index: 100;
	color:#fff;
	display: none;
}
.fr_fls:hover .con{
	display: block;
}
.fr_fls ul{
	padding:12px;
	line-height: 1.8;
}
.fr_fls .qqa{
	display: block;
	line-height: 3;
	color:#fff;
	padding:0 10px;
}
.fr_fls dl{
	padding:15px;
}
.fr_fls dt{
	line-height: 3;
}


.pr_hot{
	height: 52px;
	background:#f5f5f5;
}
.pr_hot .keys{
	line-height: 52px;
}
.pr_hot .keys span,.pr_hot .keys a{
	float: left;
	margin-right:5px;
}
.pr_hot .keys a{
	margin-right:15px;
}
.pr_search{
	width: 234px;
	height: 30px;
	border-radius:15px;
	background:#fff;
	float: right;
	margin-top:11px;
	position: relative;
}
.pr_search .text{
	height: 30px;
	line-height: 30px;
	width: 219px;
	background:none;
	padding-left:15px;
	border:0;
}
.pr_search .sub{
	width: 50px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	background:url("../images/pr_sub.png") no-repeat center center;
}

.pr_left{
	float: left;
	width: 358px;
	padding:20px 0;
}
.pr_left .head{
	height: 80px;
	line-height: 80px;
	position: relative;
	font-size:20px;
	font-weight: bold;
	color:#f00;
}
.pr_left .head i{
	display: block;
	width: 38px;
	height: 2px;
	background:#f00;
	position: absolute;
	left: 0;
	top: 60px;
}
.pr_left li{
	height: 43px;
	border-bottom:1px solid #ddd;
}
.pr_left li a{
	display: block;
	line-height: 43px;
	font-size:16px;
	color:#999;
}
.pr_left li a:hover,.pr_left li a.hover{
	color:#f00;
	background:url("../images/hover.png") no-repeat right center;
}

.pr_right2{
	width: 774px;
	float: right;
	padding:20px 0;
}
	
.pr_right2 .head{
	height: 80px;
	line-height: 80px;
	position: relative;
	font-size:32px;	
	margin-bottom:40px;
	clear: both;
}
.pr_right2 .head i{
	display: block;
	width: 40px;
	height: 2px;
	background:#f00;
	position: absolute;
	left: 0;
	bottom: 0;
}
.pr_right{
	width: 774px;
	float: right;
	padding:20px 0;
}
.pr_right .head{
	height: 80px;
	line-height: 80px;
	position: relative;
	font-size:32px;	
	margin-bottom:40px;
	clear: both;
}
.pr_right .head i{
	display: block;
	width: 40px;
	height: 2px;
	background:#f00;
	position: absolute;
	left: 0;
	bottom: 0;
}
.pr_right .photo{
	float: right;
}
.pr_right .intro{
	width: 445px;
	float: left;
	font-size:16px;
	line-height: 1.8;
}
.pr_right .intro em{
	color:#f00;
}
.pr_right .intro2{
	width: 100%;
	float: left;
	font-size:16px;
	line-height: 1.8;
}

.pr_right .intro2 h2{ border-bottom: 1px #DFD9D9 solid; margin-bottom:10px; padding-bottom: 10px;}
.pr_right .intro2 em{
	color:#f00;
}	


	
.pr_right li{
	height: 46px;
	line-height: 46px;
	clear: both;
	
}
.pborder{border-bottom:1px dotted #ccc;}
.pr_right li a{
	display:inline-block;
	max-width:700px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pr_right li .read{
	float: right;
	color:#999;
	padding-left:18px;
	background:url("../images/read.png") no-repeat left center;
}
.page{
	text-align: center;
	margin-top:20px;
	height: 32px;
	line-height: 32px;
}
.page a{
	display: inline-block;
	margin:0 5px;
	height: 32px;
	line-height: 32px;
	padding:0 12px;
	background:#eee;
}
.page a:hover,.page a.now{
	color:#fff;
	background:#ea594f;
}

/* PC大屏幕 big end*/
}

.pr_right .intro2 img{max-width: 100%; height: auto;}
.pc_news_ul { margin:10px 20px; border-top:1px solid #dddddd; display:block; overflow:hidden;}
.pc_news_ul li { padding:25px 0px; border-bottom:1px dashed #e6e6e6; display:block; overflow:hidden; height: 160px}
.pc_news_ul li .img { width:30%; max-width:200px; height:auto; max-height:180px; float:left; overflow:hidden;}
.pc_news_ul li .img img{width:auto; max-width:200px; height:auto; max-height:180px; float:left; overflow:hidden;}
.pc_news_ul li .con { width:67%; height:auto; overflow:hidden; float:right;}
.pc_news_ul li .con .date { display:block; font-size:15px; color:#888888; line-height:30px; font-style:italic;}
.pc_news_ul li .con .tit { display:block; font-size:18px; font-weight:bold; line-height:30px; margin-top:10px;}
.pc_news_ul li .con .tit a { color:#333333;}
.pc_news_ul li .con .tit a:hover { color:#df1819;}
.pc_news_ul li .con .info { display:block; font-size:14px; color:#666666; line-height:30px; margin-top:10px;}

.link { display:block; overflow:hidden; padding:0px; margin:20px 0px 0px 0px; float:none; width:100%; border-top: solid 1px #EDEAEA; padding-top: 10px;}
.link a { display:block; overflow:hidden; line-height:35px; font-size:14px;}

.mains{ padding:10px 0; width:100%; margin:0 auto;}
.main_a{padding:60px 0; line-height:32px;}
.main_a .db,.mains .db,.main_2 .db{ font-size:30px; color:#333; line-height:45px; text-align:center; font-weight:bold; margin-bottom:40px}
.main_a .xb,.mains .xb,.main_2 .xb{ text-align:center; margin:-20px 5% 40px; font-size:18px}

.recruit{font-size: 16px;height: 55px;background: #cf1213; color:#fff;line-height: 55px;padding: 0 20px;font-weight: bold;}
.recruit .tit1, .recruit-li1 .tit1{width: 58%;float: left;}
.recruit .tit2, .recruit-li1 .tit2{width: 23%;float: left;}
.recruit .tit3, .recruit-li1 .tit3{width: 23%;float: left;}
.recruit .tit4, .recruit-li1 .tit4{width: 19%;float: left;}

.recruit-li1{ position:relative; padding:18px 20px 34px; cursor:pointer; }
.recruit-li1 .tit5{width: 15px;height: 100%;position: absolute;right: 30px;top: 0;background: url(arrow_icon01.png) no-repeat center;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s;}
.recruitcon li {background: #fafafa; border-top: 1px solid rgba(0,0,0,.1);}
.recruitcon li:last-child{border-bottom: 1px solid rgba(0,0,0,.1);}
.recruitcon li:nth-child(2n) {background: #fff;}
.recruit-li2{ padding:30px; background:#ebebeb; font-size:15px; display:none; line-height: 25px}
.recruit-li1.active .tit5{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);}

.clear{clear:both;}
.proinfo{ width: 100%; margin: 35px auto; line-height: 30px;font-size: 14px; }
.proinfo img{ width: 100%; height: auto;}
.proinfo .tit{ font-size: 18px; font-weight: bold; width: 99%; margin: 0 auto 20px;background-color: #f3f3f3; height:50px; line-height: 50px; padding-left: 1%;}

.agentlist{ width: 100%; margin: 0 auto;}
.agentlist ul li{ border:1px solid #F1EFEF; margin: 25px auto; height: 245px;}
.agentlist ul li .agentimg{ width: 50%;float:left;}
.agentlist ul li .agentimg img{ width:100%; height: auto}
.agentlist ul li .agentinfo{ width: 50%;float:left;}
.agentlist .agentinfo .ti{ font-size: 16px; font-weight: bold;padding: 10px 20px;}
.agentlist .agentinfo .ti img{ height:45px; width: auto; vertical-align: middle; padding-right: 20px}
.agentlist .agentinfo .tinfo{ font-size: 14px; line-height: 25px;padding: 0px 20px 10px;}
.agentlist .agentinfo .tinfo .moree{ text-align: center; margin-top: 10px;}
.agentlist .agentinfo .tinfo .moree a{ display: block; padding: 1px 0px; border: #D9CDCE 1px solid; width: 80px;}
.agentlist .agentinfo .tinfo .moree a:hover{ background-color: #E0171A; color: #ffffff;border: #ffffff 1px solid;}

.honorlist{width: 100%; margin:0 auto}
.honorlist ul li{float:left; width: 46%; margin: 20px 1.8%; border: 1px solid #DDD8D8; text-align: center}
.honorlist ul li img{ width: 100%;height:auto}

.rightimg img{ padding-left: 20px;}
.pagepage{margin:60px auto 20px auto; width:100%; text-align:center;}
.pagepage a{
	display:inline-block;
	height:25px;
	line-height:25px;
	width:25px;
	border:1px solid #dcdcdc;
	margin:0 3px;
	text-decoration:none;
	color:#333
}

 
.pagepage a:hover,.pagepage a.hover{
	color:#fff;
	background:#563418;
	border:#563418 1px solid;
}
.prenext{ width:100%; margin:0 auto; border-top:#CCC 1px dashed; padding:30px 0; line-height:35px;}