@charset "utf-8";
/* CSS Document */
@font-face {
    /* font-properties */
    font-family: impact;
    src:url('fonts/IMPACT Regular.woff'),  
    url('fonts/IMPACT Regular.ttf'),
    url('fonts/IMPACT Regular.eot'); /* IE9 */
}
@font-face {
    /* font-properties */
    font-family: IFZMHJW;
    src:url('fonts/FZMHJW.ttf'),  
    url('fonts/FZMHJW.ttf'),
    url('fonts/FZMHJW.ttf'); /* IE9 */
}


.phone{ font-family:impact; font:impact}
.header{ position:fixed; top:0px; height:87px; background:#fff; z-index:9999; width:100%;}
.strserverd:hover{ background:#ed1f23 url(../images/jiujiu_logo1.png) no-repeat right bottom;}
@media (max-width: 1440px){
	.strserverd:hover{ background-size: 228px auto;}
}
.strserverd{ width:calc(20% - 1px); height:calc(100% - 90px); background:#f4f4f4; position:absolute;bottom:100%; border-left:1px solid #fff; cursor:pointer}
.strserverd:nth-child(2){ left:20%;}
.strserverd:nth-child(3){ left:40%;}
.strserverd:nth-child(4){ left:60%;}
.strserverd:nth-child(5){ left:80%;}
.pages2{ height:100%; position:relative;}
.sertitle{ font-family:IFZMHJW; font-size: 70%; line-height:450%; color:#d33114;text-transform:uppercase; margin-top: 20%;}

.strserverd:hover .sertitle{ color:#fff}
.sersontitle>span{ color:#888888; font-size:45%; line-height:400%; padding:0px; margin:0px; position:inherit; padding:10px 15%}
.strserverd:hover .sersontitle>span{ color:#fff;background:#141414; color:#fff;}
.sercontent{color:#888888; font-size:30%; line-height:200%; padding:0 20%; text-align:left}
.strserverd:hover .sercontent{ color:#fff}

.proindexlist{ width:100%; height:calc(100% - 90px); position:absolute; bottom:0px;}
.proimg{ width:25%; height:33.33%; position:absolute; overflow:hidden;}


.proimg:nth-child(1),.proimg:nth-child(2),.proimg:nth-child(3),.proimg:nth-child(4){ top:0%;  left:-25%;}
.proimg:nth-child(5),.proimg:nth-child(6),.proimg:nth-child(7),.proimg:nth-child(8){ top:33.33%; right:-25%;}
.proimg:nth-child(9),.proimg:nth-child(10),.proimg:nth-child(11),.proimg:nth-child(12){ top:66.66%; left:-25%;}
.prorigs{ position:relative; width:100%; height:100%;}
.zhezhao{ position:absolute; left:0px;top:0px; background:#000; width:100%; height:100%; opacity:0.5}
.proico{ position:absolute; left:50%; margin-left:-25px;  width:49px; height:57px; z-index:999; bottom:-57px;}

.indextjpage{ width:100%; height:calc(100% - 90px); position:absolute; bottom:0px;}


/*圆环*/
/*--- index page ---*/
.pie-title-center { display: inline-block;position: relative;text-align: center;}
.jiujiu_logo{ position: absolute; top: 150px; left: 50%; margin-left: -60px;}
.pie-value {display: block;position: absolute;height: 40px;top: 43%; left: 0;right: 0; margin-top: -20px;line-height: 40px;font-family:"微软雅黑"; font-size:52px; color:#ed1f23; font-weight:bold;}
/*--- //index page ---*/
.demo_zz{ position:absolute; top:53%; left:0; right:0;}
.demo_zz1{ font-family:"微软雅黑"; font-size:20px; color:#383838; font-weight:bold;}
.demo_zz2{ font-family:"微软雅黑"; font-size:17px; color:#383838;}

/*数字++++++++++*/
.digital{width: 100%;height:auto;}
.main{width: 100%;margin:0 auto;}
.mumping_mun li{width: 100%; overflow:hidden;}
.mumping_mun p{font-size: 17px;font-family:"微软雅黑"; color:#313131;vertical-align: bottom; display: table-cell;height:45px; text-indent:13px;}
.mun_top1{font-size: 32px;font-weight: bold; font-family:"微软雅黑"; color:#ed1f23;vertical-align: bottom; display: table-cell;height:45px;}
.mumping_mun h2{font-size: 45px;font-weight: bold; font-family:"微软雅黑"; color:#ed1f23;float: left;vertical-align: bottom; display: table-cell;height:45px; line-height:45px; margin:0px; padding:0px;}


.brand{ width:100%; margin:0 auto; overflow:hidden;height: 100%; position:relative; background:url(../images/pinpai_bg.jpg) no-repeat center center; background-size:100% 100%;}
.brand_tit{ text-align:center; height:266px; overflow:hidden;}
.brand_tit .title{ margin-top:81px;}
.brand_tit .title1{ line-height:80px; font-family:"微软雅黑"; font-size:15px; color:#494949; margin-top:3px;}
.brand_tit .title2{ width:50px; height:1px; background-color:#494949; margin:0 auto; margin-top:20px;}
.brand_nr{ width:90%; margin:0 auto; overflow:hidden; margin-bottom:5%;}
@media only screen and (width: 1920px) {
    .brand_nr {
        width:70%;
		margin:0 auto;
		margin-bottom:5%;
    }
}
.brand_left{ float:left; width:430px; height:430px; margin-top:5%;}
.brand_x{ float:left; margin-left:6%; width:2px; height:370px; background:url(../images/brand_x.jpg) repeat-y center center;}
.brand_right{ float:right; width:54%;}
.zz{ float:left;font-size: 35px;font-weight: bold; font-family:"微软雅黑"; color:#ed1f23;vertical-align: bottom; display: table-cell;height:45px;}

.bg{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.bg1{ float:left; width:25%; overflow:hidden;}
.bg2{ float:left; width:50%; position:relative; overflow:hidden;}
.bg2 p{ position:absolute; top:16%; left:50%; text-align:center; font-family:"微软雅黑"; font-size:37px; color:#938556; font-weight:bold; margin-left:-185px; line-height:75px; }
.bg2 p span{opacity:0}
.bg3{ float:left; width:25%; overflow:hidden;}
.bg1_1, .bg1_2, .bg2_1, .bg3_1, .bg3_2{ overflow:hidden;}
.bg1_1 img, .bg1_2 img, .bg2_1 img, .bg3_1 img, .bg3_2 img{transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s;}
.bg1_1:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg1_2:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg2_1:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg3_1:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg3_2:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}

.bg img {
    border: 0px;
	float:left;
}

.customer{ width:100%; margin:0 auto; overflow:hidden; background-color:#f4f4f4;}
.customer_tit{ text-align:center; height:267px; overflow:hidden;}
.customer_tit .title{ margin-top:57px;}
.customer_tit .title1{ line-height:65px; font-family:"微软雅黑"; font-size:15px; color:#494949; margin-top:3px;}
.customer_tit .title2{ width:50px; height:1px; background-color:#494949; margin:0 auto; margin-top:17px;}
.customer_nr{ width:100%; margin:0 auto; overflow:hidden;}
.customer_nr ul li{ width:16.6%; height:43px; overflow:hidden; float:left; margin-bottom:80px;transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s;}
.customer_nr ul li:hover{ background-position:center top;}
.customer_li1{ background:url(../images/kh_tu1.jpg) no-repeat; background-position: center -43px;}
.customer_li2{ background:url(../images/kh_tu2.jpg) no-repeat; background-position: center -43px;}
.customer_li3{ background:url(../images/kh_tu3.jpg) no-repeat; background-position: center -43px;}
.customer_li4{ background:url(../images/kh_tu4.jpg) no-repeat; background-position: center -43px;}
.customer_li5{ background:url(../images/kh_tu5.jpg) no-repeat; background-position: center -43px;}
.customer_li6{ background:url(../images/kh_tu6.jpg) no-repeat; background-position: center -43px;}
.customer_li7{ background:url(../images/kh_tu7.jpg) no-repeat; background-position: center -43px;}
.customer_li8{ background:url(../images/kh_tu8.jpg) no-repeat; background-position: center -43px;}
.customer_li9{ background:url(../images/kh_tu9.jpg) no-repeat; background-position: center -43px;}
.customer_li10{ background:url(../images/kh_tu10.jpg) no-repeat; background-position: center -43px;}
.customer_li11{ background:url(../images/kh_tu11.jpg) no-repeat; background-position: center -43px;}
.customer_li12{ background:url(../images/kh_tu12.jpg) no-repeat; background-position: center -43px;}


.footer{ width:100%; margin:0 auto; overflow:hidden; position:absolute; bottom:0px; text-align:left; }
.footer1{ width:100%; margin:0 auto; background-color:#313131; height:355px;}
.footer ul, .footer ol, .footer li { list-style: none; margin: 0; padding: 0; }
.foot_db{ width:1281px; margin:0 auto; overflow:hidden;}
.d_part1{ float:left; width:795px; margin-top:52px;}
.d_part1 ul{ float:left; margin-right:41px;}
.d_part1 ul li{ font-size:12px; color:#878787; line-height:26px;}
.d_part1 ul li a{ color:#878787; text-decoration:none;}
.d_part1 ul li.tit{ font-size:14px; color:#cccccc; line-height:62px;}
.d_x{ width:1px; height:277px; background-color:#4c4b4f; opacity:0.5; float:left; margin-top:43px;}
.d_part2{ float:left; margin-top:61px;}
.d_part2 p{ font-size:12px; color:#b2b2b2; line-height:30px; margin: 0 0 0 40px;}
.d_part3{ float:right; width:143px; text-align:center; line-height:34px; font-family:"微软雅黑"; font-size:13px; color:#8b8b8b; margin-top:86px;}
.footer2{ width:100%; height:102px; background-color:#1b1b1a; text-align:center;}
.footer2 p{ font-family:"微软雅黑"; font-size:12px; color:#7b7b7b; padding-top:20px; margin:0px;}


.gy_part1{ width:100%; margin:0 auto; overflow:hidden; height:1182px; background-color:#f3f3f3;}
.gy_center{ width:100%; margin:0 auto; height:542px; background:url(../images/gy_bg1.jpg) no-repeat center top;}
.gy_zi{ width:1070px; margin:0 auto; overflow:hidden; text-align:center;}
.part1_tit{ font-family:"微软雅黑"; font-size:44px; color:#d2b988; line-height:142px; margin-top:2px;}
.gy_zi p{ font-family:"微软雅黑"; font-size:14px; color:#393939; line-height:36px;}
.gy_part2{ width:1101px; margin:0 auto; overflow:hidden; text-align:center;}
.gy_part2 ul{ width:1200px;}
.gy_part2 ul li{ float:left; width:301px; margin-right:99px; margin-top:120px;}
.gy_zi1{ font-family:"微软雅黑"; font-size:48px; color:#cccccc; line-height:69px; margin-top:2px;}
.gy_zi2{ font-family:"微软雅黑"; font-size:28px; color:#333333; line-height:28px;}
.gy_zi3{ font-family:"微软雅黑"; font-size:15px; color:#666666; line-height:26px; margin-top:46px;}
.guanyu{ width:1200px; margin:94px auto; overflow:hidden;}
.guanyu ul li{ float:left; width:400px; height:267px;}

.opoages6{ background:url(../images/map.jpg) top center no-repeat}


header {
	position:fixed;
	top: 0;
	z-index: 1000;
    left: 0;
    width: 92%;
    padding: 70px 4%;
}

header h1 {
	
	padding:0px;
	margin:0px;
	width: 234px;
	height: 181px;
	background: #000;
	position: absolute;
	left: 0;
	text-indent: -9999em;
	overflow: hidden;
}

header nav {
	display: block;
	float: left;
    margin-left: 22%;
}

header nav a {
	height: 44px;
	line-height: 44px;
	float: left;
	display: block;
	text-align: center;
    padding: 0 22px;
    font-size: 16px;
}

header nav a:last-child {
	border-right: none;
}

header nav a.hover {
	color: #EF3125
}

header h1 {
    background: url(../images/logo.png) no-repeat;
}

header .h1 {
    background: url(../images/logo2.png) no-repeat left center;
    height:44px; width: 268px; overflow:hidden; position:absolute; text-indent: -99999px;
}

header.on{ background-color: #ffffff; padding: 30px 4%;}

header.on .h1{ background-image: url(../images/logo3.png);}
header.on nav a{ color: #4d4d4d;}
header.on .headertel{ background-image: url(../images/phone_on.png);}
header.on .headertel, header.on .headertel span{ color: #ed1f23;}

header .contact-info {
	float: right;
}
header .contact-info a.ci-qq-ico {
    background-position: 0 0;
}
header .contact-info a {
    width: 46px;
    height: 45px;
    display: block;
}
.contact-info a {
    background: url(../images/header-contace-bg.png) no-repeat;
}
header nav a.hover {
    color: #EF3125;
}
header nav a {
	font-size:14px;
	text-decoration: none;
    color: #ffffff;
    height: 44px;
    line-height: 44px;
    float: left;
    display: block;
    text-align: center;
}
.t-h {
    text-indent: -9999em;
    overflow: hidden;
}
header .contact-info a.ci-weibo-ico {
    background-position: 0 -45px;
}
.headertel{ font-family:微软雅黑; font-size:24px; float:right;  color:#ffffff; font-weight:bold; line-height:24px; background: url(../images/phone.png) no-repeat left center; padding-left: 55px;}
.headertel span{ display: block; font-size: 14px; color: #ffffff; line-height: 20px; font-weight: normal;}

.slide .helos{ position:relative; height:100%; width:100%; overflow:hidden;}
.slide h1,.slide h2,.slide h3,.slide h4,.slide h5{ width:45%; position:absolute;}
.slide h2{ left:-45%; top:50%;transform: translateY(-50%);}
.slide h1{left:-50%; width:50%}
.slide h3{ right:-45%;}
.slide h4{ top:35%; width:100%;}
.slide h5{ top:-100%; width:50%; left:7%;}
.top20{ top:20%;}
.section {
	overflow:hidden;
	text-align: center;
	font: 50px "Microsoft Yahei";
	color: #fff;
}
.section1 p {
	position: relative;
	left: -120%;
}
.section2 p {
	position: relative;
	left: -120%;
}
.section3{
	 background: url(images/probg.jpg) 50%;
}
.section3 p {
	position: relative;
	bottom: -120%;
}
.section4{
	display: none;
}
.slide.active h1{
	animation:h1left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Firefox: */
-moz-animation:h1left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Safari and Chrome: */
-webkit-animation:h1left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Opera: */
-o-animation:h1left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards; }
.slide.active h2{
	animation:h2left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Firefox: */
-moz-animation:h2left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Safari and Chrome: */
-webkit-animation:h2left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Opera: */
-o-animation:h2left 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards; }

.slide.active h3{
	animation:h3right 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Firefox: */
-moz-animation:h3right 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Safari and Chrome: */
-webkit-animation:h3right 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Opera: */
-o-animation:h3right 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards; }

.slide .img, .slide .txt{ opacity: 0;}
.slide.active .img{
	animation:fadeInUp 800ms ease-in-out 1s 1 normal forwards;
	/* Firefox: */
	-moz-animation:fadeInUp 800ms ease-in-out 1s 1 normal forwards;
	/* Safari and Chrome: */
	-webkit-animation:fadeInUp 800ms ease-in-out 1s 1 normal forwards;
	/* Opera: */
	-o-animation:fadeInUp 800ms ease-in-out 1s 1 normal forwards;
}
.slide.active .txt{
	animation:fadeInUp 800ms ease-in-out 1.5s 1 normal forwards;
	/* Firefox: */
	-moz-animation:fadeInUp 800ms ease-in-out 1.5s 1 normal forwards;
	/* Safari and Chrome: */
	-webkit-animation:fadeInUp 800ms ease-in-out 1.5s 1 normal forwards;
	/* Opera: */
	-o-animation:fadeInUp 800ms ease-in-out 1.5s 1 normal forwards;
}
	
.proimg.active .zhezhao{
	animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
	/* Firefox: */
	-moz-animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
	/* Safari and Chrome: */
	-webkit-animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
	/* Opera: */
	-o-animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
}

.slide.active h5{
	animation:h5top 300ms cubic-bezier(1,1,0,1) 1s 1 normal forwards;
/* Firefox: */
-moz-animation:h5top 300ms cubic-bezier(1,1,0,1) 1s 1 normal forwards;
/* Safari and Chrome: */
-webkit-animation:h5top 300ms cubic-bezier(1,1,0,1) 1s 1 normal forwards;
/* Opera: */
-o-animation:h5top 300ms cubic-bezier(1,1,0,1) 1s 1 normal forwards; }

.proimg.active .zhezhao{	animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Firefox: */
-moz-animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Safari and Chrome: */
-webkit-animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;
/* Opera: */
-o-animation:zhezhao 800ms cubic-bezier(1,1,0,0) 1s 1 normal forwards;}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0,25px,0);

    transform: translate3d(0,25px,0);

  }



  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0,25px,0);

    transform: translate3d(0,25px,0);

  }



  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes h1left
{
0%   {left:-45%}
100% {left:0%}
}

@-moz-keyframes h1left /* Firefox */
{
0%   {left:-45%}
100% {left:0%}
}

@-webkit-keyframes h1left /* Safari and Chrome */
{
0%   {left:-45%}
100% {left:0%}
}

@-o-keyframes h1left /* Opera */
{
0%   {left:-45%}
100% {left:0%}
}
@keyframes h2left
{
0%   {left:-45%}
100% {left:5%}
}

@-moz-keyframes h2left /* Firefox */
{
0%   {left:-45%}
100% {left:5%}
}

@-webkit-keyframes h2left /* Safari and Chrome */
{
0%   {left:-45%}
100% {left:5%}
}

@-o-keyframes h2left /* Opera */
{
0%   {left:-45%}
100% {left:5%}
}

@keyframes h3right
{
0%   {right:-45%}
100% {right:5%}
}

@-moz-keyframes h3right /* Firefox */
{
0%   {right:-45%}
100% {right:5%}
}

@-webkit-keyframes h3right /* Safari and Chrome */
{
0%   {right:-45%}
100% {right:5%}
}

@-o-keyframes h3right /* Opera */
{
0%   {right:-45%}
100% {right:5%}
}

@keyframes h4top
{
0%   {top:-80%}
100% {top:35%}
}

@-moz-keyframes h4top /* Firefox */
{
0%   {top:-80%}
100% {top:35%}
}

@-webkit-keyframes h4top /* Safari and Chrome */
{
0%   {top:-80%}
100% {top:35%}
}

@-o-keyframes h4top /* Opera */
{
0%   {top:-80%}
100% {top:35%}

}

@keyframes h5top
{
0%   {top:-80%}
80% {top:12%}
85% {top:10%}
90% {top:8%}
100% {top:4%}
}

@-moz-keyframes h5top /* Firefox */
{
0%   {top:-80%}
65% {top:20%}
70% {top:14%}
85% {top:8%}
100% {top:2%}
}

@-webkit-keyframes h5top /* Safari and Chrome */
{
0%   {top:-80%}
65% {top:20%}
70% {top:14%}
85% {top:8%}
100% {top:2%}
}

@-o-keyframes h5top /* Opera */
{
0%   {top:-80%}
65% {top:20%}
70% {top:14%}
85% {top:8%}
100% {top:2%}
}

@keyframes zhezhao
{
0%   {top:0%}
100% {top:-100%}
}

@-moz-keyframes zhezhao /* Firefox */
{
0%   {top:0%}
100% {top:-100%}
}

@-webkit-keyframes zhezhao /* Safari and Chrome */
{
0%   {top:0%}
100% {top:-100%}
}

@-o-keyframes zhezhao /* Opera */
{
0%   {top:0%}
100% {top:-100%}
}

.yyzz{ position:fixed; right:0; bottom:10px; z-index:9999;}

.homeBox:first-child {
    margin-top: 0;
}
.homeBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: transparent;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.homeBox .slogan {
    width: 6.6%;
    position: absolute;
    right: 36.4%;
    top: 37%;
    cursor: pointer;
}
.homeBox .slogan img {
    display: block;
}
.homeBox .homeImg {
    width: 30%;
    position: absolute;
    left: 33.8%;
    top: 30%;
}
#myCanvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
}
.innerBox {
	position: absolute;
	left: 0;
	top: 0;
    width: 100%;
    height: 100%;
}
.innerBox .firstLab {
    width: 100%;
    display: block;
    text-align: center;
}
.innerBox .firstLab .img {
    width: 100%;
    font-size: 3vw;
    color: #fff;
    line-height: 6vw;
}
.innerBox .firstLab .txt {
    width: 100%;
    position: relative;
    height: auto;
    display: block;
}
.innerBox .firstLab .txt .p {
    display: block;
    width: 100%;
    font-size: 1vw;
    font-weight: bold;
}

.slide_video{ position: relative; width: 100%; height: 100%;}
.slide_video video{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: fill;}
.slide_video .seobg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width: 1440px){
	header{ padding: 52px 4%;}
	header .h1{ width:201px; height:33px; background-size:100%;}
	header nav{ margin-left:18%;}
	header nav a{ padding: 0 16px; line-height:33px; height:33px;}
	.headertel{ padding-left:41px; line-height:18px; font-size:18px; background-size:33px;}
	.headertel span{ line-height:15px;}
	
	.sersontitle>span{ font-size:35%;}
}