.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
	overflow: hidden;
}
.gray{
	background-color: #f2f7fc;
}
body{
	padding-bottom: 4rem;
}
.head img{
	width: 100%;
	display: block;
}
.info_list{
	padding: 0 0.8rem;
	box-sizing: border-box;
}
.info_list li{
	width: 29vw;
	height: 29vw;
	float: left;
	margin-right: 2.5vw;
	margin-top: 3vw;
	background-color: #fff;
	border-radius:0.3rem ;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.info_list li img{
	width: 50%;
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
}
.info_list li span{
	display: inline-block;
	text-align: center;
	width: 100%;
	color: #1e1e1e;
}
.info_list li:nth-child(3n){
	margin-right: 0;
}
.release_head{
	width: 100%;
	height: 60vw;
	background: url(../images/banner1.png) no-repeat;
	background-size: 100% 100%;
	padding: 0 1rem;
	box-sizing: border-box;
}
.release_head li{
	float: left;
	margin-right: 4.39vw;
	margin-top: 1.2rem;
	position: relative;
}
.release_head li a{
	color: #fff;
	font-size: 4vw;
}
.underline::after{
	content: "";
	position: absolute;
	width: 2rem;
	bottom: -.3rem;
	left: calc(50% - 1rem);
	height: 2px;
	background-color: #fff;
}
.release_title{
	margin-bottom: .5rem;
}
.release_left{
	float: left;
}
.release_right{
	float: right;
}
.release_content{
	padding: 0 .7rem;
	box-sizing: border-box;
}
.release_left h3{
	font-weight: bold;
	color: #4183eb;
	position: relative;
}
.icon_xj{
	display: inline-block;
	width: .8rem;
	height: .5rem;
	position: absolute;
	right: -1.2rem;
	top: calc(50% - 0.25rem);
	background:url(../images/xj.png) no-repeat;
	background-size: 100% 100%;
}
.release_right{
	position:relative ;
	padding-right: 1rem;
}
.release_right a{
	color: #989898;
	font-size: 0.8rem;
}
.icon_yja{
	display: block;
	width: .5rem;
	height: .6rem;
	position:absolute ;
	background: url(../images/jt_a.png) no-repeat;
	background-size: 100% 100%;
	right: 0;
	top: calc(50% - .2rem);
}
.release_content li{
	background-color: #fff;
	padding: .5rem 1rem;
	box-sizing: border-box;
	padding-right:2rem ;
	position: relative;
	margin-bottom: .8rem;
}
.release_content li h3{
	color: #535154;
	margin-bottom: .5rem;
}
.release_content li p{
	color: #b2b2b2;
	font-size: .9rem;
}
.icon_xjb{
	position: absolute;
	width: .4rem;
	height: .8rem;
	right: 1rem;
	top: calc(50% - .4rem);
	display: block;
	background: url(../images/jt_b.png) no-repeat;
	background-size: 100% 100%;
}
.consult_head img{
	width: 100%;
	display: block;
}
.consult_info{
	padding: 0 .8rem;
	box-sizing: border-box;
	margin-top: 1rem;
}
.consult_info li{
	background-color: #fff;
	border-radius: .3rem;
	padding: .5rem .8rem;
	position: relative;
	margin-bottom: .6rem;
}
.consult_left{
	float:left ;
	overflow: hidden;
	border-radius: 50%;
	width: 3.8rem;
	margin-right: 1rem;
}
.consult_left img{
	width: 100%;
	display: block;
}
.consult_mid{
	float: left;
	width: 56vw;
	overflow: hidden;
	word-break: break-all;
}
.consult_mid h3{
	color: #1e1e1e;
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
}
.consult_mid p{
	color: #414141;
	letter-spacing: 0.1rem;
}
.consult_mid span{
	color: #6c6c6c;
}
.consult_mid .job_red{
	color: #fff;
	background-color:#f86b5d ;
	font-size: .8rem;
	padding: 0.03rem .4rem;
	letter-spacing: .1rem;
	border-radius: .2rem;
	margin-left: 0.6rem;
}
.consult_mid .job_blue{
	color: #fff;
	background-color:#3b89ee ;
	font-size: .8rem;
	padding: 0.03rem .4rem;
	letter-spacing: .1rem;
	border-radius: .2rem;
	margin-left: 0.6rem;
}
.consult_mid .red{
	color: #f86b5d;
}
.consult_mid .type{
	font-size: .8rem;
}
.consult_mid .time{
	position: absolute;
	font-size: .8rem;
	bottom: .5rem;
	right: 1rem;
}
.share_head img{
	width: 100%;
	display: block;
}
.share_content{
	background-color: #fff;
	width: 92%;
	margin:0 auto ;
	padding: 2rem .8rem;
	box-sizing: border-box;
	margin-top: -2rem;
	position: relative;
	z-index: 2;
	border-radius: .2rem;
}
.title{
	margin-bottom: 1.2rem;
}
.title h3{
	text-align: center;
	color: #f86b5d;
	font-size: 4.5vw;
	font-weight: bold;
	display: block;
	position:relative;
}
.line_left{
	position: absolute;
	width: 8vw;
	height: 1px;
	background-color: #f86b5d;
	left: 23vw;
	top: calc(50% - 1px);
}
.line_right{
	position: absolute;
	width: 8vw;
	height: 1px;
	background-color: #f86b5d;
	right: 23vw;
	top: calc(50% - 1px);
}
.share_left{
	float: left;
	width: 55vw;
	overflow: hidden;
	word-break: break-all;
	color: #8798af;
}
.share_right{
	float: right;
	background-color: #f86b5d;
	color: #fff;
	padding: 0.1rem 0.5rem;
	font-size: .9rem;
	border-radius: 0.2rem;
}
.share_content li{
	border-bottom: 1px solid #dddddd;
	padding: .5rem .2rem;
}
.study_head img{
	width: 100%;
	display: block;
}
.search{
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	left: calc(50% - 38%);
	top: 15vw;
	width: 76%;
	padding: .1rem .5rem;
	box-sizing: border-box;
	border-radius: .2rem;
}
.search input{
	border: none;
	background: none;
	height: 1.5rem;
	float: left;
	width: 80%;
	display: block;
	color: #fff;
}
.icon_search{
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	background: url(../images/search.png) no-repeat;
	background-size: 100% 100%;
	float: right;
	margin-top: .2rem;
}
.law{
	width:90%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: .3rem;
	position: relative;
	z-index: 2;
	margin-top: -1.5rem;
	margin-bottom: .8rem;
}
.law li{
	display: inline-block;
	width: 32%;
	text-align: center;
	color: #b6b6b6;
	letter-spacing: .1rem;
	padding: .5rem 0;
}
.law li span{
	display: inline-block;
	padding: .1rem 0;
	width: 100%;
	font-size: .8rem;
}
.law li:nth-child(1) span{
	border-right: 1px solid #cbcbcb;
}
.law li:nth-child(2) span{
	border-right: 1px solid #cbcbcb;
}
.study_content{
	width:90%;
	margin: 0 auto;
}
.study_content li{
	padding: .8rem .5rem;
	background-color: #fff;
	border-radius:.3rem;
	margin-bottom: .6rem;
}
.new_photo{
	float: left;
	width: 25vw;
	overflow: hidden;
	border-radius: .3rem;
	margin-right: 3vw;
}
.new_photo img{
	width: 100%;
	display: block;
}
.new_info{
	overflow: hidden;
	word-break: break-all;
}
.new_info h3{
	color: #343434;
	margin-bottom: .8rem;
}
.new_time{
	float: left;
	color: #8a939a;
	font-size: .9rem;
}
.new_date{
	float: right;
	color: #8a939a;
	font-size: .9rem;
}
.study_list{
	display: none;
}
.active{
	color: #fa6d51;
}
.person_title{
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	margin-bottom: .8rem;
	position: relative;
}
.title_left{
	float: left;
	font-size: 1.2rem;
	color: #fff;
	margin: 0 1rem;
}
.title_right{
	float: right;
	font-size: 1.2rem;
	color: #fff;
	margin: 0 1rem;
}
.person_head{
	background:url(../images/jb.png) no-repeat;
	background-size: 100%;
	padding: .8rem 0;
	position: relative;
	min-height: 9rem;
	margin-bottom: 2rem;
}
.four_person_head{
	background:url(../images/blue_head.jpg) no-repeat;
	background-size: 100%;
	padding: .8rem 0;
	position: relative;
	min-height: 12rem;
	margin-bottom: 2rem;
}
.person_info{
	position: absolute;
	bottom: 1.5rem;
	left: 17vw;
}
.person_info span{
	text-align: center;
	color: #fff;
	display: block;
	font-size: 1.1rem;
	letter-spacing: .1rem;
	padding-bottom: .8rem;
}
.integrating_number{
	position: absolute;
	bottom: 2rem;
	right: 1rem;
}
.icon_fz{
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	background: url(../images/ff.png) no-repeat;
	background-size: 100% 100%;
}
.integrating_number p{
	display: inline-block;
}
.integrating_number p span{
	color: #22d8dc;
	font-size: 1.5rem;
	font-weight: bold;
	margin-right: .2rem;
}
.info_photo{
	width: 5rem;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #afeeed;
}
.info_photo img{
	width: 100%;
	display:block;
}
.person_photo{
	width:18vw;
	height: 18vw;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.person_photo img{
	width: 100%;
	display: block;
}
.greeting{
	text-align: center;
	color: #fff;
	margin-top: .6rem;
}
.integration h4{
	float: left;
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.1rem;
	margin-left: .8rem;
}
.integration span{
	font-size: .5rem;
	font-weight: normal;
	position: absolute;
	right: -1.6rem;
	top: 0;
}
.exchange{
	width: 90%;
	margin: 1rem auto;
	background-color: #fff;
	border-radius: .3rem;
	padding:3% 4%;
	box-sizing: border-box;
}
.exchange li{
	display: inline-block;
	width: 46%;
	text-align: center;
	color: #fff;
	letter-spacing: .1rem;
	padding: .5rem 0;
}
.exchange li:nth-child(1){
	background: url(../images/jf.png) no-repeat;
	background-size: 100% 100%;
	float: left;
}
.exchange li:nth-child(2){
	background: url(../images/gg.png) no-repeat;
	background-size: 100% 100%;
	float: right;
}
.exchange li span{
	display: inline-block;
	padding: .1rem 0;
	width: 100%;
}
.register{
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0 .8rem 0 .8rem;
	border-radius: .2rem;
}
.center_content{
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0 .8rem 0 .8rem;
	border-radius: .2rem;
}
.center_title h3{
	font-weight: bold;
	padding: .8rem 0;
	color: #333333;
	letter-spacing: .1rem;
	font-size: .95rem;
}
.icon_rl{
	display:block;
	width: 2.6rem;
	height: 2.6rem;
	background: url(../images/rl.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-right: .5rem;
}
.icon_tv{
	display:block;
	width: 2.6rem;
	height: 2.6rem;
	background: url(../images/tv.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-right: .5rem;
}
.icon_lw{
	display:block;
	width: 2.6rem;
	height: 2.6rem;
	background: url(../images/lw.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-right: .5rem;
}
.center_mid{
	float: left;
}
.center_content li{
	padding: .8rem 0;
	border-top: 1px solid #ecf1fb;
}
.center_mid>p span{
	color: #fff;
	padding:0 .2rem;
	background-color: #fd5b5b;
	font-size: .9rem;
	border-radius: .2rem;
	margin-left: .3rem;
}
.center_mid p:nth-child(2){
	position: relative;
	padding-left: 1.3rem;
	font-size: .8rem;
	color: #848484;
	margin-top: .2rem;
}
.center_right{
	float: right;
	text-align: center;
	background-color: #5b8dfd;
	padding: .2rem .8rem;
	font-size: .9rem;
	border-radius: .7rem;
	margin-top: .6rem;
}
.center_right a{
	color: #fff;
}
.icon_star{
	width: 1rem;
	height: 1rem;
	background: url(../images/star.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: calc(50% - .5rem);
}
.register li{
	border-bottom: 1px solid #dddddd;
	padding: 1.1rem .5rem;
	box-sizing: border-box;
}
.register li:last-child{
	border: none;
}
.register p{
	float: left;
	color: #5b5a5a;
	position: relative;
	padding-left: 2rem;
	font-size: .95rem;
}
.register p i{
	display: block;
	width: 1.4rem;
	height: 1.2rem;
	position: absolute;
	left: 0;
	top:calc(50% - 0.6rem) ;
}
.integral{
	width: 90%;
	margin: 0 auto;
	background: url(../images/sl.png) no-repeat;
	background-size: 100% 100%;
	padding: 5%;
	padding-bottom: 10%;
	box-sizing: border-box;
	position: absolute;
	left: calc(50% - 45%);
	top: 4.5rem;
}
.integral h1{
	text-align: center;
	color: #fff;
	font-size: 2rem;
	margin-top: -.5rem;
}
.integral h1 span{
	font-size: .6rem;
	margin-left: .3rem;
	vertical-align: top;
}
.integral_img{
	float: left;
	width: 2.6rem;
	border-radius: 50%;
}
.integral_img img{
	width: 100%;
	display: block;
}
.integral_mine p{
	float: left;
	color: #fff;
	margin-left: .6rem;
	margin-top: .5rem;
	font-size: 1rem;
} 
.icon_register{
	background: url(../images/iregister.png) no-repeat;
	background-size: 100% 100%;
}
.icon_read{
	background: url(../images/iread.png) no-repeat;
	background-size: 100% 100%;
}
.icon_relay{
	background: url(../images/irelay.png) no-repeat;
	background-size: 100% 100%;
}
.icon_mine{
	background: url(../images/imine.png) no-repeat;
	background-size: 100% 100%;
}
.icon_jl{
	background: url(../images/f1.png) no-repeat;
	background-size: 100% 100%;
}
.icon_sc{
	background: url(../images/f2.png) no-repeat;
	background-size: 100% 100%;
}
.icon_jf{
	background: url(../images/f3.png) no-repeat;
	background-size: 100% 100%;
}
.icon_xx{
	background: url(../images/f4.png) no-repeat;
	background-size: 100% 100%;
}
.icon_jb{
	background: url(../images/f5.png) no-repeat;
	background-size: 100% 100%;
}
.register p span{
	color: #5dc1ff;
}
.register_button{
	float: right;
	color: #fff;
	background:url(../images/l.png) no-repeat;
	background-size: 100% 100%;
	padding: .2rem .2rem;
	width: 15vw;
	text-align: center;
	font-size: .8rem;
	border-radius: .2rem;
}
.register_yj{
	float: right;
	color: #fff;
	background:url(../images/jt_b.png) no-repeat;
	background-size: 100% 100%;
	width: 3vw;
	height: 5vw;
	background-size: 100% 100%;
	text-align: center;
	font-size: .8rem;
}
.quit{
	width: 90%;
	margin: 0 auto;
	display: block;
	background-color:#2098e8 ;
	color: #ffffff;
	text-align: center;
	font-size: 1.1rem;
	padding: .5rem 0;
	margin-top: 1rem;
	border-radius: .2rem;
}
.release_a{
	background-color: #4283ec;
	padding: .8rem 0;
	position: relative;
	height: 1.2rem;
}
.release_a h3{
	margin-bottom: 0;
	min-height: 6vw;
}
.icon_fh{
	display: block;
	position: absolute;
	left: 5vw;
	top: calc(50% - 3vw);
	width: 6vw;
	height: 6vw;
	background: url(../images/fh.png) no-repeat;
	background-size: 100% 100%;
}
.icon_sy{
	display: block;
	position: absolute;
	right: 5vw;
	top: calc(50% - 3.5vw);
	width: 7vw;
	height: 7vw;
	background: url(../images/sy.png) no-repeat;
	background-size: 100% 100%;
}
/*.联系我们*/

.contact_banner {
	width: 100%;
}

.contact_banner img {
	display: block;
	width: 100%;
}

.contact_list {
	background-color: #ffffff;
	box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 3;
}

.contact_list_content {
	float: left;
	width: 50%;
	text-align: center;
	font-size: .875rem;
	position: relative;
}

.contact_list_content span {
	display: block;
	position: absolute;
	font-size: .58rem;
	color: #999999;
	top: 0.5rem;
	right: 3rem;
}

.contact_list .contact_list_content p {
	padding: 0.8rem 0.1rem;
	display: inline-block;
	color: #666666;
}


.contact_content li {
	width: 100%;
	background-color: #ffffff;
	padding: 0.9rem 0.7rem;
	box-sizing: border-box;
	border-bottom: 0.1rem solid #ECECEC;
}

.contact_content li p {
	float: left;
	font-size: .875rem;
}

.contact_content li i {
	float: right;
	color: #007bff;
	font-size: 1.2rem;
}
.contact_content{
	display: none;
}
.active{
	color: #3c96fb!important;
    border-bottom: 0.15rem solid #3c96fb
}
.cc_video{
	width:100%;
	height:100%;
}
.cc_video video{
	width:100%;
}
.video_content{
	padding: 1rem 0.6rem;
	background-color: #fff;
	margin-top: 0.1rem;
	
}
.video_list{
	margin-top: 0.5rem;
}
.video_list li{
	margin-bottom: 0.5rem;
	background-color: #fff;
	padding: 0.5rem 0.6rem;
	box-sizing: border-box;
}
.article_title{
	padding: 0.5rem 0.7rem;
	box-sizing: border-box;
	margin-top: .3rem;
}
.article_title h2{
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
.article_title span{
	color: #8f8f8f;
}
.article_content{
	padding: 0.5rem 0.7rem;
	box-sizing: border-box;
	text-align: justify;
	font-size: 1rem;
	color: #666666;
	line-height: 1.5rem;
}
.search_box{
	padding: .5rem .6rem;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
}
.search_info{
	position:relative;
	height: 2rem;
	border-radius:.3rem ;
	overflow: hidden;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
}
.search_box input{
	background: none;
	border: none;
	display:block;
	width: 68%;
	padding: .3rem .4rem;
	font-size: 1rem;
	height: 1.5rem;
}
.search_box span{
	display:block;
	width: 28%;
	text-align: center;
	background-color: #007BFF;
	color: #fff;
	padding: .3rem 0;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1rem;
}
.new_place{
	float: left;
    color: #8a939a;
    font-size: .9rem;
}
.art_content{
	width: 100%;
	margin-top: .5rem;
}
.art_content li{
	padding: .8rem .8rem;
    background-color: #fff;
    border-radius: .3rem;
    margin-bottom: .6rem;
    box-sizing: border-box;
}
footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	padding: .1rem 0;
	border-top: 1px solid #e7e7e7;
}
footer li{
	width: 32.2%;
	display:inline-block;
	text-align: center;
	font-size: 1rem;
	color: #666666;
}
footer li img{
	width: 100%;
	display: block;
}
footer li a p{
	margin-top: -.2rem;
	color: #666666;
}
.icon_study{
	width: 2rem;
	height: 2rem;
	display: inline-block;
}
.icon_service{
	width: 2rem;
	height: 2rem;
	display: inline-block;
}
.icon_my{
	width: 2rem;
	height: 2rem;
	display: inline-block;
}
.myself{
	width: 90%;
	margin: 0 auto;
}
.red_box{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	width: 100%;
	height:10rem ;
	background-color: #4283ec;
}
.myself_title{
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 1;
}
.myself_title h3{
	font-weight: normal;
	font-size: 1.3rem;
	padding-top: .5rem;
}
.myself_content{
	text-align: center;
	border-radius: 0.4rem;
	background-color: #fff;
	margin-top: .5rem;
	margin-bottom: .5rem;
	position: relative;
}
.myself_content_person{
	width: 4.4rem;
	height: 4.4rem;
	position:relative;
	left: calc(50% - 2.2rem);
	top: 1.5rem;
	border-radius: 50%;
	border: 3px solid #fff;
	overflow: hidden;
}
.myself_content_person img{
	width: 100%;
	display: block;
}
.myself_content h4{
	margin-bottom: 0.3rem;
}
.myself_content li{
	display: inline-block;
	width: 32%;
	margin-top: 0.2rem;
	border-right: 1px solid #bfbfbf;
}
.myself_content li:last-child{
	border: none;
}
.myself_content p{
	color: #9a9a9a;
}
.myself_content li span{
	color: #9a9a9a;
	font-size: .9rem;
}
.myself_content ul{
	margin-top: 0.3rem;
	padding: 0.8rem 0 0.8rem 0;
	margin-bottom: .2rem;
}
.hui{
	background-color: #f1f2f5;
}
.icon_myself_left{
	width: 3.6rem;
	height: 1.5rem;
	display: block;
	position: absolute;
	background: url(../images/rz.png) no-repeat;
	background-size: 100% 100%;
	left: 12%;
	top: -0.75rem;
}
.icon_myself_right{
	width: 3.7rem;
	height: 1.5rem;
	display: block;
	position: absolute;
	background: url(../images/qd.png) no-repeat;
	background-size: 100% 100%;
	right: 12%;
	top: -0.75rem;
}
.myself_list{
	border-radius: 0.4rem;
	background-color: #fff;
	position: relative;
	margin-top: .6rem;
	padding: 0.2rem 0.4rem;
}
.myself_list li{
	box-sizing: border-box;
	padding-right: 2rem;
	position: relative;
	padding: 0.5rem 0;
	border-bottom: 1px solid #bfbfbf;
}
.myself_list li a{
	color: #666666;
}
.myself_list li:last-child{
	border: none;
}
.myself_list li .icon_dj{
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	background: url(../images/dj.png) no-repeat;
	background-size: 100% 100%;
	right: 0.8rem;
	top: calc(50% - 0.4rem);
}
.tel{
	text-align: center;
	color: #fff;
	margin-top: 2rem;
}
.mine_list{
	background-color: #fff;
	padding: 1rem;
	box-sizing: border-box;
}
.mine_list li{
	float: left;
	width: 33%;
	margin-bottom: 1rem;
}
.mine_list li:nth-child(1){
	border-right: 1px solid #d5d5d5;
}
.mine_list li:nth-child(2){
	border-right: 1px solid #d5d5d5;
}
.mine_list li p{
	color: #666666;
	font-size: .9rem;
	text-align: center;
}
.mine_title{
	font-size: .95rem;
	color: #666666;
	margin-bottom: 1rem;
}
.icon_ls{
	width: 2rem;
	height: 2rem;
	display: block;
	background: url(../images/ls.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	
}
.icon_sj{
	width: 2rem;
	height: 2rem;
	display: block;
	background: url(../images/sj.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	
}
.icon_fy{
	width: 2rem;
	height: 2rem;
	display: block;
	background: url(../images/fy.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	
}
.icon_gz{
	width: 2rem;
	height: 2rem;
	display: block;
	background: url(../images/gz.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	
}
.index{
	height: 100%;
	background: url(../images/index.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 0;
}
.icon_gt{
	width: 3rem;
	height: 3rem;
	display: block;
	background: url(../images/gt.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.icon_gn{
	width: 3rem;
	height: 3rem;
	display: block;
	background: url(../images/gn.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.hz li{
	float: left;
	width: 50%;
	text-align: center;
}
.hz li a{
	color: #0663ca;
}
.hz{
	width: 100%;
	position: fixed;
	bottom: 35vw;
}
.hz li span{
	background-color: #fff;
	width: 70%;
	display: block;
	margin: 0 auto;
	padding: .3rem .5rem;
	border-radius: 1rem;
	margin-top: .4rem;
}
.consult_mid .work{
	color: #a4a4a4;
	font-size: .9rem;
}
.jiange{
	width: 100%;
	height: 1rem;
	background-color: #fff;
}
.ly{
	position: relative;
	font-size: 1rem;
	color: #ff6068;
	background: #fff;
	width: 100%;
	padding-bottom: .6rem;
}
.ly span{
	display: block;
	float: right;
	padding-right: 2rem;
	position: relative;
}
.icon_xg{
	width: 1rem;
	height: 1rem;
	background: url(../images/xg.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	right: .8rem;
	top: .2rem;
}
.person_info_word{
	background: #fff;
	width:100%;
	margin: 0 auto;
	padding:0.8rem 0.8rem 0.2rem 2rem;
	box-sizing: border-box;
	margin: .6rem auto;
	padding-bottom: 1.4rem;
}
.jiange{
	width:100%;
	height:1rem;
	background: #fff;
}
.person_info_word_title{
	color:#acacac;
	position: relative;
}
.person_info_word_title::after{
	content:"";
	position: absolute;
	width:0.2rem;
	height:1rem;
	background-color: #3491ee;
	left:-1rem;
	top:calc(50% - 0.5rem);
}
.person_info_word_title span{
	font-size: 0.8rem;
	margin-left: 0.5rem;
}
.icon_dz{
	width:1.3rem;
	height:1.3rem;
	background: url(../images/dz.png) no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	right:1.5rem;
	top:0rem;
}
.person_info_word_num{
	position:absolute;
	top:0.1rem;
	right:0.5rem;
	font-size: 1rem!important;
	color: #3491ee;
}
.person_info_word_content{
	text-align: justify;
	font-size: 0.9rem;
	color: #5b5b5b;
	margin:0.3rem 0;
}
.person_info_word_reply{
	color: #5b5b5b;
	font-size: 0.9rem;
}
.addgreen{
	color:#3491ee;
	margin: 0.5rem 0;
	font-size: 1rem;
	margin-bottom: 0.3rem;
}
.person_info_word_reply span{
	font-size: 0.8rem;
	color:#acacac;
	margin-top: 0.2rem;
	display: block;
}
.word_box{
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	display: none;
}
.word_text{
	width: 80%;
	margin: 0 auto;
	min-height:20rem ;
	background-color: #fff;
	border-radius: .3rem;
	margin-top: 8rem;
	overflow: hidden;
}
.word_text textarea{
	width: 100%;
	height: 100%;
	display: block;
	border: none;
	padding: 1rem;
	box-sizing: border-box;
	line-height: 1.2rem;
	letter-spacing: .1rem;
	font-size: 1rem;
} 
.aj{
	width: 80%;
	margin: 0 auto;
}
.aj_left{
	float: left;
	width: 47%;
	display: block;
	background-color: #fff;
	text-align: center;
	margin-top: 1rem;
	padding: .5rem 0;
	border-radius:.3rem ;
}
.aj_right{
	float: right;
	width: 47%;
	display: block;
	background-color: #fff;
	text-align: center;
	margin-top: 1rem;
	padding: .5rem 0;
	border-radius:.3rem ;
}
.integration_list{
	width: 90%;
	margin: 0 auto;
}
.integration_list li{
	width: 31.3%;
	float: left;
	margin-right: 3%;
	margin-bottom: 1rem;
}
.integration_list li:nth-child(3n){
	margin-right: 0;
}
.integration_list_img img{
	width: 100%;
	display: block;
}
.integration_info{
	font-size: .9rem;
	padding: .15rem 0;
	margin-top: .5rem;
	color: #ffffff;
	text-align: center;
	border-radius: 0.3rem;
	overflow: hidden;
	background: url(../images/cs.png) no-repeat;
	background-size: 100% 100%;
}
.head{
	position: relative;
}
.integrating_system{
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: .2rem;
	margin-top: 1rem;
	position: relative;
	padding: .5rem .5rem;
	box-sizing: border-box;
}
.integrating_system span{
	display: inline-block;
	width: 30%;
	text-align: center;
}
.integrating_system li{
	border-bottom: 1px solid #e4e4e4;
	margin-top: .5rem;
	padding: .5rem 0;
}
.integrating_system li span{
	width: 30%;
	display: inline-block;
}
.person_first{
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	margin: 0 auto;
	border: 2px solid #ffc41f;
	position: relative;
}
.person_second{
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	margin: 0 auto;
	border: 2px solid #c4c4c4;
	position: relative;
}
.person_third{
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	margin: 0 auto;
	border: 2px solid #bda583;
	position: relative;
}
.person_first .jg{
	position: absolute;
	width: 1.8rem;
	display: block;
	bottom: -.2rem;
	right: -.6rem;
	z-index: 1;
}
.person_third .tg{
	position: absolute;
	width: 1.8rem;
	display: block;
	bottom: -.2rem;
	right: -.6rem;
	z-index: 1;
}
.person_second .yg{
	position: absolute;
	width: 1.8rem;
	display: block;
	bottom: -.2rem;
	right: -.6rem;
	z-index: 1;
}
.person_first img{
	border-radius: 50%;
	display: inline-block;
	width: 100%;
}
.person_second img{
	border-radius: 50%;
	display: inline-block;
	width: 100%;
}
.person_third img{
	border-radius: 50%;
	display: inline-block;
	width: 100%;
}
.lb li span{
	float: left;
	line-height: 3rem;
}
.number{
	font-weight: bold;
	color: #a6a6a6;
	font-size: 1.5rem;
}
.ranking{
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: .2rem;
	position: relative;
	z-index: 1;
	margin-top: -1rem;
	padding: .8rem 0;
}
.ranking p{
	float: left;
	width: 50%;
	text-align: center;
	font-size:3.8vw;
}
.ranking p:nth-child(1){
	border-right: 1px solid #d1d1d1;
	box-sizing: border-box;
	padding-left: 1rem;
	position: relative;
}
.ranking p .pm{
	color: #f86b5d;
	font-weight: bold;
}
.icon_jp{
	display: inline-block;
	width: 4vw;
	height: 4vw;
	background: url(../images/jp.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 1.5vw;
	top: calc(50% - 2vw);
}
.jf_head{
	width: 100%;
	height: 8rem;
	background: url(../images/lt.png) no-repeat;
	background-size: 100% 100%;
	position:relative;
}
.jf_left{
	float: left;
	margin-left: 1rem;
	margin-top: 2rem;
}
.jf_photo{
	float:left;
	width: 16vw;
	border-radius: 50%;
	overflow: hidden;
}
.jf_photo img{
	width: 100%;
	display: block;
}
.jf_left span{
	display: inline-block;
	color: #fff;
	font-size: 1.3rem;
	margin-top:1rem ;
	margin-left: .8rem;
}
.jf_right{
	position: absolute;
	width: 25vw;
	right: 0;
	top: 13vw;
}
.jf_right img{
	width: 100%;
	display: block;
}
.icon_fw{
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/fw.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.icon_zx{
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/zx.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.gift_title{
	padding: .6rem 0;
	padding-left: 1rem;
	box-sizing: border-box;
}
.gift_title span{
	vertical-align: top;
	font-size: 1.2rem;
	margin-left: .5rem;
} 
.gift_list  a{
	color: #999999;
}
.gift_list li{
	float: left;
	width: 33.333%;
	margin-left: -1px;
	margin-top: -1px;
	text-align: center;
	border: 1px solid #ececec;
	box-sizing: border-box;
	padding: 4vw 0;
}
.gift_img{
	width:13vw;
	margin: 0 auto;
}
.gift_img img{
	width: 100%;
	display: block;
}
.hj{
	width: 100%;
	height: .8rem;
	background-color: #f0f2f5;
}
.jf{
	text-align: center;
}
.jf li{
	width: 40vw;
	display: inline-block;
	border-radius: .2rem;
	overflow: hidden;
	margin: 0 2vw;
}
.jf li img{
	width: 100%;
	display: block;
}
