header{padding: 0px ;width: 100%;position: fixed;top: 0;left: 0;height: 59px;z-index: 999;}
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}

.headerbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #000;z-index: -1;opacity: 0;}
.logo{float: left;position: absolute;margin-left: 1%;padding:15px 0 0px 0;width: 123px;z-index: 3;}
.logo img{display: block;margin: 0 auto;}
.logos{display: none;}


 .headerline{position: absolute;bottom: 0;width:100%;border-bottom:1px solid rgba(255,255,255,.2);}
 
 
 .navsubmenu{position: absolute;display: none;margin: 10px 0 0 -70px; left: 50%;
    width: 140px;
    background: #0ac2b3;
    border-radius: 8px 8px 4px 4px;
    text-align: center;
    padding: 6px 0;
    z-index: 999;}
.navsubmenu li{float: none;}
.navsubmenu a{margin: 0 auto;text-align: center;border-bottom: 1px solid #0ac2b3;}
.navsubmenu a:hover{border-color:#fff;}

nav{float: right;padding: 8px 0 0;}
nav li{float: left;position: relative;}
nav a {position: relative;display: block;margin: 0 15px;padding: 15px 0;width: 100px;text-align: center;color: #fff;font-size: 16px;transition-property: border,color; -ms-transition-property:  border,color; -moz-transition-property:  border,color; -webkit-transition-property:  border,color; -o-transition-property:  border,color; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
.navline{display: none;position: absolute;bottom: 0;left: 50%;margin-left: -30px;width: 60px;border-bottom:2px solid #2fd0b5 ;}
nav li:hover .navline{display: block;}
nav a.navtel{width: 150px;}
nav a.navtel i{font-size: 20px}
nav>ul>li>a:hover{color: #0ac2b3;}
.nav-btn{display: none;}

 
 @media only screen and (max-width: 640px ) {
 .headerline{display:none;opacity: 0;}
 header{padding: 0 5%;width: 100%;position: fixed;top: 0;left: 0;height: 59px;z-index: 999;}
	.indexR a.indexRtel:hover{width: 192px;margin-left: -144px;background-position: 15px center;}
	header{width: 100%;height:50px;position: absolute;top: 0;left: 0;z-index: 2;}
	
	.logo{display: none;}
	.logos{display: block;float: right;position: static;margin-right: 3%;width: 50px;z-index: 3;background-color: #2fd0b5;}
	.logos img{display: block;margin: 0 auto;}
	nav{position: fixed;top: 0;right: 0;margin: 0;padding: 0;width:100%;height: 0;overflow: scroll;background-color: rgba(0,0,0,.6);
	-webkit-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -moz-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -ms-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -o-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    transition: background 0.35s linear,height 0.25s ease-in 200ms;
}
	nav ul{padding: 50px 50px 20px;}
	.nav1{height: 100%;background-color: rgba(0,0,0,1);}
	nav li{float: none;display: block;border-bottom: 1px solid #333;
	-webkit-transform: scale(1.1) translateY(-24px);
    -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    -o-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;}
	nav>ul>li:nth-child(2){transition-delay: 300ms,300ms;}
	nav>ul>li:nth-child(3){transition-delay: 350ms,350ms;}
	nav>ul>li:nth-child(4){transition-delay: 400ms,400ms;}
	nav>ul>li:nth-child(5){transition-delay: 450ms,450ms;}
	nav>ul>li:nth-child(6){transition-delay: 500ms,500ms;}
	nav>ul>li:nth-child(7){transition-delay: 550ms,550ms;}
	nav>ul>li:nth-child(8){transition-delay: 600ms,600ms;}
	nav>ul>li:nth-child(9){transition-delay: 650ms,650ms;}

	.nav1 li{-webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none}
	.navsubmenu{display: none;}
    /*position: static;left: 0;
    width: 140px;
    margin:0 auto;
    background: #0ac2b3;
    border-radius: 8px 8px 4px 4px;
    text-align: center;
    padding: 6px 0;
    z-index: 999;}
	.navsubmenu li{float: none;border-bottom: none;padding-top:8px;}
	.navsubmenu a{text-align: center;font-size: 14px;margin: 0;border: none;}
	.navsubmenu:after{content: "";
    display: block;width: 10px;
    height: 10px;
    background: #0ac2b3;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -5px;
    }*/
	.navline{display: none;border-bottom:none;}
	nav a {position: static;display: block;margin: 0;padding: 0;width: 100%;text-align: left;outline: none;font-size: 16px;height: 47px;line-height: 47px;color: #fff;}
	nav a.navtel{width: 100%;}
	nav a.navtel img{float: left;margin: 15px 5px 0 0;}
	.nav-btn{position: fixed;top:0;left:0;display: block;float: right;width: 50px;height:50px;background:url(../images/daohang.png) no-repeat center center rgba(0,0,0,.5);background-size: auto;z-index: 1111;}
	.nav-btn1{background: none;background:url(../images/cuo.png) no-repeat center center #000;background-size: auto;}
 }