a,button,input,select,option,textarea{
    cursor:pointer;
}



  #topComMidNav {
	    width: 100%;
	    overflow: hidden;
	    font: 16px/32px hiragino sans gb, microsoft yahei, simsun;
	    border-bottom:1px solid #f8f8f8;
    }
    #topComMidNav .swiper-slide {
        height:3rem ;
        line-height:3rem ;
	    text-align:center;
    }
    #topComMidNav .swiper-slide span{

	    transition:all .3s ease;
	    display:block;
    }
    #topComMidNav .active span{
	    transform:scale(1.1);
	    color:#FF2D2D;
    }



.main_box {
	width: 85%;
	height: 100%;
	overflow: hidden;
	background: #333333;
	position: relative;
}

.my_clum {
	width: 100%;
	overflow: hidden;
}

.my_dlmg{
    margin:1rem 0;
    position:relative;
}

.my_clum .main_photo {
    display: block;
    margin: 1rem 5%;
    width: 20%;
    float: left;
}

.my_clum .main_photo img {
    display: block;
    width: 100%;
    max-height:3.5rem;
    max-width:3.5rem;
    border-radius:2rem ;
}

.my_clum .dl-zc {
    color: #FFFFFF;
    line-height: 2.5rem;
    font-size: 1.2rem;
    width: 65%;
    float: left;
    text-align: left;
    margin-top: 2rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/**************************************************/

.my_clum .my_clum_clum ul {
	overflow: hidden;
}

.my_clum .my_clum_clum ul li {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	float: left;
}

.my_clum .my_clum_clum ul li a {
	font-size: 1rem ;
	color: #FFFFff ;
	padding-left: 5rem;
    display: inline-block;
    width:100%;
    text-align: left;
}
.my_clum .my_clum_clum ul li:hover {
    background:#232323;
}


/*未登录目录*/

.my_clum .my_clum_clum ul li .my_index {
	background: url(../images/core/index_1.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_personal {
	background: url(../images/core/User_icon.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_zrc {
	background: url(../images/core/Itd_icon.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_zrm {
	background: url(../images/core/zrm_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_zx {
	background: url(../images/core/zx_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

/*个人目录*/

.my_clum .my_clum_clum ul li .my_zgz {
	background: url(../images/core/zgz_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}
.my_clum .my_clum_clum ul li .my_jl {
	background: url(../images/core/jianli_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .xg_jl {
	background: url(../images/core/xgjl_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_tdjl {
	background: url(../images/core/tdjl_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_tc {
	background: url(../images/core/tc_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

/*企业目录*/
.my_clum .my_clum_clum ul li .my_fbzw {
	background: url(../images/core/jianli_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_sjtj {
	background: url(../images/core/tj_icon_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_ZWLB {
	background: url(../images/core/zwgl_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_ssjl {
	background: url(../images/core/zgz_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_3DYC {
	background: url(../images/core/3DYC_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_WJL {
	background: url(../images/core/wjl_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

.my_clum .my_clum_clum ul li .my_ypjlk {
	background: url(../images/core/zx_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}


.my_clum .my_clum_clum ul li .my_jlcsj {
	background: url(../images/core/sc_2.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}


.my_clum_bg1 {
	background: #232323;
}


.my_clum ul li .Unlock {
	background: url(../images/core/Unlock_icon1.png) 2rem center no-repeat;
    background-size: 1.5rem auto;
}

/*********************************/


/*********************************/

.my_footbox {
	position: absolute;
	bottom: 10 ;
	left: 0;
}

.my_foot1 {
	width: 80%;
	border-top: 1px solid #232323;
	overflow: hidden;
	margin: 0 10%;
}

.my_foot1 ul {
	width: 80%;
	margin: 0 10%;
	overflow: hidden;
}

.my_foot1 .version li {
	float: left;
	font-size: 1rem;
	line-height: 2.4rem;
    width: 33.33%;
    text-align: center;
	color: #212121;
}

.my_foot1 .focus {
    color:#FFF ;
}


.my_foot1 .version li a {
	display: block;
	color: #F7F7F7;
}

.my_foot1 .cho_box{
    width:100%;
    margin:0.5rem ;
}
.my_foot1 .cho_box li{
width: 40%;
    border-radius: 5px;
    border: solid 1px #333333;
    float: left;
    margin: 3px 3%;
    text-align: center;
    color: #FFFFFF;
    line-height: 2rem;

}
/*.cho_box li a{
    border-radius:5px;
    border:solid 1px #444;
    width: 90%;
    margin: 10px 5%;
    color:#ccc;
}*/
.my_foot1 .cho_box .addicon_bg{
    background:#fff;
    color:#333;
}




/*The index menu 2016年10月25日17:02:22****************************************************************************/

.The_menu_clum {
	width: 100%;
	overflow: hidden;
}
			
.The_menu_clum h1 img {
	display: block;
	width: 3.6rem;
	margin: 4.5rem auto 0 auto;
    border-radius:2rem ;
}
			
.The_menu_clum h1 p {
	text-align: center;
	font-size: 1.2rem;
	line-height: 2.4rem;
	color: #cd3443;
	font-weight: normal;
}
			
.The_menu_clum ul {
	margin: 1rem auto 2rem auto;
	text-align: center;
	text-align-last: center;
}
			
.The_menu_clum ul li {
	width: 40%;
	display: inline-block;
	text-align: center;
	margin-bottom: 5px;
	background: #cd3443;
    height:80px;
    border-radius:5px;
}
			
.The_menu_clum ul li a {
	width: 100%;
	display: block;
	text-align: center;
	text-align-last: center;
}
			
.The_menu_clum ul li a img {
	width: 20% !important ;
	margin: 10px auto;
}
			
.The_menu_clum ul li a p {
	font-size: 1rem;
	margin-bottom: 10px;
	color: #fff;
}


.HR_clum{
    display: block;
    overflow: hidden;
    position: relative;
}

a.servicerphoto {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
}

.HR_Detail_Message{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    background: rgba(0,0,0,0.3);
    position:fixed;
    top:0;
    z-index:9999999999;
}

a.HR_card {
    display: block;
    width: 90%;
    padding: 5px 5%;
    overflow: hidden;
    color: #fff;
    background: #232323 url(/weixin/images/core/QR_code.png) 95% center no-repeat;
}

a.HR_card *{
    font-size:1rem;
}
.servicerphoto  img{
    width:3rem;
    height:3rem;
    border-radius:1.5rem;
    vertical-align: middle;
}
a.HR_card p {
    text-indent:3rem;
    display: inline-block;
    line-height: 3rem;
}

.HR_card_box{
    display:none ;
    position:fixed;
    top:10%;
    left:10%;
    width:80%;
    background:#fff;
    overflow:hidden;
    border-radius:3px;
    z-index:999999999999;
    padding-bottom:1rem;
}
.HR_card_box h1{
    font-size:1.3rem;
    line-height:3rem;
    height:3rem;
    background:#cd3443;
    color:#fff;
    border-radius:3px 3px 0 0;
    text-indent:1rem;
    margin-bottom:1rem;
}
.HR_card_box img{
    width:50%;
    margin: 0 25%;
    display:block;
}
.HR_card_box p{
    font-size:1rem;
    width:80%;
    margin:0 10%;
    line-height:2rem;
}
.HR_card_box .card_p1{
    color:#333;
    text-indent:2rem;
}
.HR_card_box .card_p1 b{     
    display: inline-block;
    font-size: 1.2rem;
    margin-left: 5px;
}
.HR_card_box .card_p1 .MS{
    color: #cd3443;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}
.HR_card_box .card_p1 .Sir{
    color: #00beff;
}
.HR_card_box .card_p2{
    text-indent:2em;
    color:#0d5d90;
}
.HR_card_box .card_p3{
    color:#cd3443;
    width:100%;
    margin:0;
    text-align:center;
}

.HR_card_box .card_name{
    font-size: 1.5rem;
    color: #cd3443;
    text-indent:0;
}
.HR_card_box .card_phone{
    background:url(/weixin/images/core/HR_phone.png) left center no-repeat;
    background-size: 1.5rem;
}
.HR_card_box .card_E-mail{
    background:url(/weixin/images/core/HR_E-mail.png) left center no-repeat;
     background-size: 1.5rem;
}
.HR_card_box .card_cz{
    background:url(/weixin/images/core/HR_cz.png) left center no-repeat;
     background-size: 1.5rem;
}
.HR_card_box .card_wx{
    background:url(/weixin/images/core/HR_wx.png) left center no-repeat;
     background-size: 1.5rem;
}
.HR_card_box .card_qq{
    background:url(/weixin/images/core/HR_qq.png) left center no-repeat;
     background-size: 1.5rem;
}

.Close_HR_bg{
    position:absolute;
    top:0;
    right:0;
    padding:1rem;
    color:#fff;
    font-size:1.5rem;
    line-height:1rem;
}

.Follow_Us_bg{
    background:rgba(0,0,0,0.7);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999999999999;
}

.Follow_Us{
    width:80%;
    overflow:hidden;
    background:#fff;
    border-radius:3px;
    margin: 30% 10%;
    padding:2rem 0;
    position:relative;
}

.Follow_Us img{
    width:50%;
    margin: 0 25%;
}

.Follow_Us p{
    width:90%;
    margin: 0 5%;
    color:#333;
    text-align:center;
    font-size:1rem;
    line-height:1.5rem;
}

.unbind {
    text-align:center ;
    color:#cd3443 ;
    font-size:1.2rem ;
}
.unbind_posi{
    position: absolute;
    top: 4rem;
    right: 0;
    padding: 1rem;
}

/****************************************************************/
.The_menu_YD {
       width: 75%;
    margin: 0 auto 3.6rem auto;
    overflow: hidden;
    text-align: center;
    background: #aa272d;
    padding: 1rem;
    color: #FFF;
    line-height:1.5rem ;
}
.The_menu_YD p{
    font-size:1rem;
    color:#fff;

}
.The_menu_YD a{
    display: block;
    width: 60%;
    line-height: 2.4rem;
    margin: 0.5rem 20%;
    text-align: center;
    background: #cd3443;
    color: #fff;
    border-radius: 3px;
}
/****************************************************************/


@media screen and (min-width: 320px) {
    html {font-size: 14px;}
}
 
@media screen and (min-width: 360px) {
    html {font-size: 15px;}
}
 
@media screen and (min-width: 400px) {
    html {font-size: 16px;}
}
 
@media screen and (min-width: 440px) {
    html {font-size: 17px;}
}
 
@media screen and (min-width: 480px) {
    html {font-size: 18px;}
}
 
@media screen and (min-width: 640px) {
    html {font-size: 20px;}
}