@charset "UTF-8";
*{ margin:0; padding:0; border:0;font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif;}


/*公共*/
h2{
	font:600 40px/40px '微软雅黑';
}

p{
	font: 14px/22px '微软雅黑';
	color:#666;
}
ul li{
	list-style:none;
}
a{
	font-size:16px;
}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/

}
a:visited{text-decoration:none; /*指已经访问过的链接*/

}
a:hover{text-decoration:none;/*指鼠标在链接*/}a:active{text-decoration:none;}/* 指正在点的链接*/
.cl{clear: both;}


/*title开始*/
.title-logo{
	width:400px;
	margin:0 auto;
	padding:5px 0;
	position:relative;
}
.title-logo img{
	padding:10px;
	width:100%;
}
.title-logo p{
	padding:10px;
	margin:0;
	font:14px/20px '微软雅黑';
	color:#00a09b;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.title-logo .title-left-bor{
	border-left:1px solid #b5b6b6;
	width:2px;
	height:40px;
	position: absolute;
	top:15px;
	left:50%;
}

.tel{
	margin-left: 60px;
}

.telicon{
	float: left;
}
/*title结束*/

/*nav开始*/
.nav > li:hover .dropdown-menu {
	display: block;
}
.navbar-default {
	background-color: #1e1f1f;
	border-color: #e7e7e7;
}
.navbar {
	border-radius: 0px;
}
.navbar {
	border: 0px solid transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li:hover>a {
	display: inline-block;
	color: #fff;
	border-bottom:9px solid rgba(0,160,155,0.6);
	font:16px/8px '微软雅黑';
	/*background-color: transparent;*/
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active:focus>a, .navbar-default .navbar-nav>.active:hover>a {
	color: #fff;
	/*background-color: #e7e7e7;*/
}
.navbar-default .navbar-nav>li>a {
	color: #b5b6b6;
	font:14px/17px '微软雅黑';
	font-weight: bold;
}
.navbar-nav>li>a {
	padding:0;
}
.navbar-nav>li{
	padding:18px 0;
	height:40px;
}
.nav{
	width:100%;
}
.nav>li {
	width:7.9%;
}
.navbar {
	margin-bottom: 0px;
}
.nav>li>p {
	color: #b5b6b6;
	font:16px/17px '微软雅黑';
}
/*nav结束*/

/*banner开始*/
.bannerbox {
	margin: 0 auto;
	max-width:2560px;
}

.bannerbox img{
	width: 100%;
    display: block;
}
/*banner结束*/

.img{
    width: 100%;
    display: block;
}

.ztitle{
    width: 618px;
    height: 50px;
    margin: 0 auto;
    margin-top: 76px;
    margin-bottom: 54px;
    font-size: 52px;
    font-weight: bold;
    color: #00A09B;
    letter-spacing: 4px;
    line-height: 50px;
}

.videos{
    width: 850px;
    height: 460px;
    margin: 0 auto;
}

.videobg{
    margin: 0 auto;
    max-width: 2560px;
    height: 422px;
    background: url("../images/greenpp@2x.png") no-repeat center center;
    background-size: 100% 100%;
    margin-top: -286px;
    padding-top: 318px;
}

.videoword{
    width: 1028px;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
}

.fhzmtit{
    width: 311px;
    height: 82px;
    margin: 0 auto;
    margin-top: 71px;
    margin-bottom: 50px;
}

.fhzmcon{
    width: 1130px;
    height: 598px;
    margin: 0 auto;
}

.fhzmcon .left{
    width: 470px;
    height: 100%;
    float: left;
}

.fhzmcon .right{
    width: 640px;
    height: 100%;
    float: right;
}

.fhzmcon .left .tit{
    color: #262626;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 30px;
}

.fhzmcon .left .con{
    margin-top: 26px;
}

.fhzmcon .left .con p{
    color: #636363;
    font-size: 15px;
    line-height: 28px;
}

.fhzmcon .left .pic{
    margin-top: 48px;
    padding-left: 50px;
}

.fhzmcon .left .pic div{
    width: 172px;
    height: 103px;
    float: left;
    margin-right: 28px;
    margin-bottom: 26px;
}

.fgsaid{
    margin: 0 auto;
    max-width: 2560px;
    height: 680px;
    padding-top: 68px;
    background: url("../images/fgsaidbg@2x.png") no-repeat center center;
    background-size: 100% 100%;
}

.fgsaidtit{
    width: 300px;
    height: 80px;
    margin: 0 auto;
}

.fgsaidbox{
    width: 1100px;
    height: 380px;
    margin: 0 auto;
    margin-top: 51px;
}

.videos2{
    width: 512px;
    height: 152px;
    float: left;
    margin-top: 146px;
}

.fgspeech{
    width: 550px;
    height: 379px;
    float: right;
    background: url("../images/fgwordbg@2x.png") no-repeat;
    background-size: 100% 100%;
}

.speech{
    width: 250px;
    height: 155px;
    margin-top: 133px;
    margin-left: 76px;
    font-size: 15px;
    line-height: 28px;
    color: #636363;
}

.meetingtit{
    width: 392px;
    height: 82px;
    margin: 0 auto;
    margin-top: 71px;
    margin-bottom: 54px;
}

.meetingbox{
    width: 1034px;
    height: 405px;
    margin: 0 auto;
}

.meet1,.meet2{
    width: 265px;
    height: 100%;
    float: left;
}

.meet1{
    margin-right: 10px;
}

.meetingbox .meetword{
    width: 396px;
    height: 204px;
    float: right;
    margin-top: 52px;
    background: url("../images/greybg1@2x.png") no-repeat right bottom;
    background-size: 355px 150px;
}

.meetingbox .meetlogo{
    width: 286px;
    height: 31px;
    margin-top: 44px;
    float: right;
}

.meetword p{
    color: #262626;
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
}

.meetword span{
    display: block;
    width: 344px;
    margin-top: 26px;
    font-size: 15px;
    line-height: 28px;
    color: #636363;
}

.branduptit{
    width: 392px;
    height: 82px;
    margin: 0 auto;
    margin-top: 78px;
    margin-bottom: 51px;
}

.brandupbox{
    width: 1097px;
    height: 353px;
    margin: 0 auto;
}

.upbox1{
    width: 396px;
    float: left;
}

.upbox1 .meetword{
    width: 396px;
    height: 162px;
    float: right;
    margin-top: 59px;
    background: url("../images/greybg1@2x.png") no-repeat right bottom;
    background-size: 355px 150px;
}

.upbox1 .meetlogo{
    width: 286px;
    height: 31px;
    margin-top: 39px;
    float: right;
}

.upbox2{
    width: 604px;
    height: 100%;
    float: right;
}

.researchtit{
    width: 392px;
    height: 82px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 42px;
}

.researchbox{
    width: 1100px;
    height: 321px;
    margin: 0 auto;
}

.researchbox .photo{
    width: 640px;
    height: 321px;
    float: left;
    margin-right: 49px;
}

.dialog{
    width: 350px;
    float: right;
    text-align: right;
    color: #262626;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 36px;
    margin-top: 16px;
}

.researchbox .hairlogo{
    width: 128px;
    height: 14px;
    float: right;
    background: url("../images/hairmeetlogo@2x.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 4px;
}

.yinhao{
    float: left;
    width: 38px;
    height: 32px;
    margin-top: 55px;
}

.yinhaoword{
    float: right;
    width: 350px;
    margin-top: 71px;
    color: #636363;
    font-size: 15px;
    line-height: 28px;
}

.greyline{
    width: 408px;
    border-top: 2px solid #e3e3e3;
    margin-top: 19px;
    margin-bottom: 19px;
    float: right;
}

.trendstit{
    width: 392px;
    height: 76px;
    margin: 0 auto;
    margin-top: 78px;
    margin-bottom: 51px;
}

.trendscon{
    width: 1090px;
    height: 321px;
    margin: 0 auto;
}

.trendscon .tit{
    color: #262626;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 2px;
    margin-top: 17px;
}

.trendscon .logo{
    width: 128px;
    height: 14px;
    float: left;
    background: url("../images/hairmeetlogo@2x.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 4px;
}

.trendscon .word{
    margin-top: 30px;
}

.trendscon .word p{
    color: #00A09B;
    font-size:24px;
    line-height: 38px;
    letter-spacing: 2px;
}

.trendscon .photo{
    width: 816px;
    height: 100%;
    float: right;
}

.neweratit{
    width: 633px;
    height: 82px;
    margin: 0 auto;
    margin-top: 79px;
    margin-bottom: 45px;
}

.newerabox{
    margin: 0 auto;
    height: 353px;
    max-width: 2560px;
    background: url("../images/greybg1@2x.png") repeat-x center 71px;
    background-size: 100% 161px;
}

.erabox{
    width: 1098px;
    height: 353px;
    margin: 0 auto;
}

.erabox .left{
    float: left;
    width: 397px;
    height: 100%;
}

.erabox .right{
    float: right;
    width: 604px;
    height: 100%;
}

.erabox .left .tit{
    color: #262626;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 54px;
}

.erabox .left .con{
    width: 359px;
    color: #636363;
    font-size: 15px;
    line-height: 28px;
    margin-top: 28px;
}

.erabox .left .logo{
    width: 286px;
    height: 31px;
    float: right;
    margin-top: 65px;
}

.hearttit{
    width: 429px;
    height: 82px;
    margin: 0 auto;
    margin-top: 81px;
    margin-bottom: 44px;
}

.heartbox{
    width: 1088px;
    height: 412px;
    margin: 0 auto;
    background: url("../images/zjline2@2x.png"),url("../images/hairmeetlogo@2x.png"),url("../images/heartphoto@2x.png");
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: left top,10px 368px,right top;
    background-size: 122px 181px,286px 31px,928px 412px;
    padding-top: 280px;
}

.heartbox div{
    margin-left: 10px;
}

.heartbox div p{
    color: #262626;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
}






/*contactus开始*/
.contactus{
    width: 100%;
    height: 506px;
    background-color: #1F1F1F;
    margin: 0 auto;
    padding-top: 76px;
}

.formbox{
    width: 1117px;
    height: 350px;
    margin: 0 auto;
    background: url("../images/formbg@2x.png") no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}

.formbox .word{
    position: absolute;
    top: 118px;
    left: 279px;
    width: 157px;
    height: 114px;
}

.formbox .word p{
    color: #06CCC6;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
}

.formbox .forms{
    position: absolute;
    top: 101px;
    left: 537px;
    width: 330px;
    height: 166px;
}

.formbox .qrbox{
    position: absolute;
    top: 125px;
    left: 966px;
    width: 91px;
    height: 91px;
    background: url("../images/qrbg@2x.png") no-repeat center center;
    background-size: 100% 100%;
}

.formtit{
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
    margin-bottom: 16px;
}

.forminp{
    margin-bottom: 15px;
}

.forminp input{
    width: 100%;
    height: 36px;
    padding-left: 14px;
}

.subbtn{
    display: block;
    width: 130px;
    height: 35px;
    margin: 0 auto;
    background-color: #009690;
    color: #fff;
}

.qrimg{
    width: 78px;
    height: 78px;
    margin-top: 6px;
    margin-left: 6px;
}

.qrimg img{
    width: 100%;
    display: block;
}
/*contactus结束*/

/*footer开始*/
.footer{
    background-color: #2B2B2B;
}
.footer p{
    padding:10px 0;
    font:12px/24px '微软雅黑';
    color:#b5b6b6;
}
/*footer结束*/