@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:8%;
}
.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;
}

.hairmeet{
    width: 337px;
    height: 88px;
    margin: 0 auto;
    margin-top: 76px;
    margin-bottom: 69px;
}

.qyhair{
    width: 1100px;
    height: 362px;
    margin: 0 auto;
}

.lefthair{
    width: 619px;
    height: 100%;
    float: left;
}

.righthair1{
    width: 397px;
    height: 163px;
    float: right;
    margin-top: 37px;
    background: url("../images/greybg1@2x.png") no-repeat right bottom;
    background-size: 356px 151px;
}

.righthair2{
    width: 286px;
    height: 31px;
    float: right;
    margin-top: 29px;
    background: url("../images/hairmeetbg@2x.png") no-repeat;
    background-size: 100% 100%;
}

.righthair1 .tit{
    font-size:26px;
    font-weight:bold;
    color:#262626;
    line-height:26px;
}

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

.qyyears{
    margin: 0 auto;
    margin-top: -58px;
    max-width: 2560px;
    height: 518px;
    background: url(../images/yearsbg@2x.png) no-repeat center center;
    background-size: 100% 100%;
    padding-top: 97px;
}

.upyear , .downyear{
    width: 1090px;
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
    margin: 0 auto;
}

.yearsbox{
    width: 345px;
    height: 170px;
    border: 1px solid #575757;
    padding: 28px 30px 0 24px;
    box-sizing: border-box;
}

.yearsbox .yearnum{
    color: #00A09B;
    font-size: 42px;
    font-weight: bold;
}

.yearsbox .nian{
    color: #00A09B;
    font-size: 18px;
}

.yearsbox .yearcon{
    color: #C7C7C7;
    font-size: 14px;
    margin-top: 18px;
    letter-spacing: 1px;
}

.yearsbox:hover{
    background: url("../images/borderbg@2x.png") no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
    border: 1px solid #00a09b;
}

.downyear{
    margin-top: 28px;
}

.thelogo{
    width: 311px;
    height: 92px;
    margin: 0 auto;
    margin-top: 79px;
    margin-bottom: 51px;
}

.uplogo{
    width: 1095px;
    height: 227px;
    margin: 0 auto;
}

.downlogo{
    width: 1095px;
    height: 200px;
    margin: 0 auto;
    margin-top: 43px;
}

.qlogo{
    width: 33.3%;
    height: 100%;
    float: left;
}

.qlogo .square{
    width: 81px;
    height: 81px;
    margin-bottom: 18px;
}

.qlogo p{
    font-size: 14px;
    line-height: 26px;
}

.qlogo p .tit{
    color: #262626;
    font-weight: bold;
}

.qlogo .short{
    width: 121px;
    height: 81px;
    margin-bottom: 18px;
}

.qlogo .middle{
    width: 163px;
    height: 81px;
    margin-bottom: 18px;
}

.qlogo .long{
    width: 265px;
    height: 81px;
    margin-bottom: 20px;
}

.qlogo .logo6box{
    width: 172px;
    height: 200px;
    margin-left: 46px;
}

.cultrue{
    width: 199px;
    height: 90px;
    margin: 0 auto;
    margin-top: 78px;
    margin-bottom: 62px;
}

.culbox{
    width: 1097px;
    height: 480px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.culleft{
    width: 400px;
    height: 480px;
    float: left;
}

.culright1{
    width: 594px;
    height: 337px;
    float: right;
    margin-top: 50px;
    background: url("../images/squarebg@2x.png") no-repeat right bottom;
    background-size: 548px 324px;
}

.culright2{
    width: 330px;
    height: 35px;
    float: right;
    margin-top: 42px;
    background: url("../images/longhairmeet@2x.png") no-repeat;
    background-size: 100% 100%;
}

.box1{
    width: 332px;
    height: 100%;
    float: left;
}

.box2{
    width: 223px;
    height: 100%;
    float: left;
}

.box1 .tit{
    color: #262626;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 14px;
    margin-bottom: 21px;
}

.box1 .con{
    color: #636363;
    font-size: 16px;
    margin-bottom: 45px;
}

.box2 .tit{
    color: #262626;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom: 21px;
}

.box2 .con{
    color: #636363;
    font-size: 16px;
    margin-bottom: 45px;
}

.box2 .con p{
    line-height: 28px;
    font-size: 16px;
}

.qyyears{
    margin: 0 auto;
    margin-top: -58px;
    max-width: 2560px;
    height: 518px;
    background: url(../images/yearsbg@2x.png) no-repeat center center;
    background-size: 100% 100%;
    padding-top: 97px;
}

.start{
    margin: 0 auto;
    max-width: 2560px;
    height: 660px;
    padding-top: 93px;
    background-image: url(../images/startbg@2x.png) ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.starttit{
    width: 395px;
    height: 51px;
    margin: 0 auto;
}

.fagesay{
    width: 1123px;
    height: 493px;
    margin: 0 auto;
    border: 1px solid rgba(31,31,31,0);
    margin-top: 24px;
    background-image: url(../images/fgbg@2x.png) ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.sayword{
    width: 715px;
    margin-top: 110px;
    margin-left: 346px;
}

.fagename{
    width: 715px;
    margin-top: 34px;
    margin-left: 346px;
}

.sayword p{
    color: #636363;
    font-size: 14px;
    line-height: 28px;
}

.sayword p span{
    color: #00a09b;
}

.fagename div{
    color: #20A198;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.fagename p{
    color: #636363;
    font-size: 14px;
    line-height: 28px;
}

.ourteam{
    width: 269px;
    height: 89px;
    margin: 0 auto;
    margin-top: 79px;
    margin-bottom: 60px;
}

.teambox{
    width: 1097px;
    height: 389px;
    margin: 0 auto;
}

.teamleft{
    width: 385px;
    height: 100%;
    background: url("../images/zjline@2x.png") no-repeat left bottom;
    background-size: 181px 122px;
    float: left;
}

.teamright{
    width: 665px;
    height: 100%;
    float: right;
}

.teamleft .tit{
    font-weight: bold;
    font-size: 26px;
    color: #262626;
    margin-top: 87px;
    margin-left: 58px;
}

.teamleft .con{
    font-size: 20px;
    color: #636363;
    margin-top: 46px;
    margin-left: 58px;
}

.teamleft .con p{
    line-height: 32px;
  font-size:16px;
}

.teamleft .con p span{
    font-weight: bold;
}

/*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;
}

.formtit span{
    color: #8c8c8c;
}

.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结束*/