@utf-8
/*方正兰亭超细黑简*/
/*@font-face {
	font-family: "FZLTCXHJW";
	src: url( "./FZLTCXHJW.TTF");
	font-weight: normal; 
}*/
/*方正兰亭细黑_GBK_M*/
/*@font-face {
	font-family: "FZLTCXH";
	src: url( "./FZLTCXH.TTF");
	font-weight: normal; 
}*/
/*Global Styles*/
*,*:before,*:after{ -webkit-box-sizing:border-box; box-sizing:border-box;}
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);min-height: 100%;height: 100%;}
body { margin: 0; font-size:20px; font-family: "Microsoft YaHei";background: #333;opacity: 0;transition: all 3s ease;}
a{ text-decoration:none; color:#000;}
a:focus { outline: 0;}
a:active,a:hover { outline: 0;}
a:hover{text-decoration: none;}
input,textarea{ outline:none;-webkit-user-modify: read-write-plaintext-only;}
img { -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; vertical-align: middle; border: 0;}
h1,h2,h3,h4,ul,li,p{ margin:0; padding:0; font-weight:normal;}
li{list-style-type:none;}
button,input,select,textarea { color: inherit; font: inherit; margin: 0;outline:none}
table{ border-collapse: collapse; border-spacing: 0;}
td,th,div{ padding: 0;margin:0;}
input::-webkit-input-placeholder {outline:none;color: #999999;}
input:-moz-placeholder {outline:none;}
.viewport{min-height: 100%;width: 100%;background: #fff;overflow: hidden;}
.bodyopc{opacity: 1;}
/* 头部无滚动时 */
.clearfix:after {content: '';display: block;width: 100%;clear: both;}
.header{padding:0.15rem 0;position: absolute;top: 0;width: 100%;z-index: 100;}
.headerd{margin: 0 10px;padding-top: 15px;padding-bottom: 15px}
.logo{float: left;line-height: 16px;}
.logocontainer{float:left;margin-right:0.1rem;;width: 0.56rem;height: 0.4rem;background-image: url(../images/log.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
.logobox span{
	float: left;
	font-family: FZLTCXH;
	color: #fff;
	font-size: 0.42rem;
	margin-left: 5px;
	transition: all 0.1s;
}
.logobox span:nth-child(2) {
	transition-delay: 0.1s;
}
.logobox span:nth-child(3) {
	transition-delay: 0.2s;
}
.logobox span:nth-child(4) {
	transition-delay: 0.3s;
}
.logobox span:nth-child(5) {
	transition-delay: 0.4s;
}			

.menubars-box{
	position:fixed;
	top:0.6rem;
	right:0.2rem;
	/*float: right;*/
	width: 0.6rem;
	height: 20px;
	z-index: 1000;
	/*margin-top:0.2rem;*/
}
.menubars-box.toggleopen .menubars{
	background: rgba(0,0,0,0);
}
.menubars-box.toggleopen .menubars:before{
	top: 0 !important;
    background: #fff !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menubars-box.toggleopen .menubars:after{
	top: 0 !important;
    background: #fff !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menubars{
	position: relative;
	width: 0.6rem;
	height: 1px;
	background: #fff;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}
.menubars:before,.menubars:after{
	content: '';
    display: block;
    width: 0.6rem;
    height: 1px;
    background: #fff;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menubars:before{
	top: -8px;
}
.menubars:after{
	top: 8px;
}
	
.headerfixed {
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;				
	padding-top: 0.15rem;
	padding-bottom:0.15rem;
	background: #fff;
	animation: fade-down ease-in-out 0.7s 0.1s both;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
}
@keyframes fade-down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}



/* 头部固定定位时 */
.headerfixed .headerd{padding-bottom: 15px;}
.headerfixed .logocontainer{background-image: url(../images/log2.png);}
.headerfixed .logobox span{color: #100c0c;font-family: FZLTCXH;}
.headerfixed .logobox span:nth-child(2) {
	transition-delay: 0.1s;
}
.headerfixed .logobox span:nth-child(3) {
	transition-delay: 0.2s;
}
.headerfixed .logobox span:nth-child(4) {
	transition-delay: 0.3s;
}
.headerfixed .logobox span:nth-child(5) {
	transition-delay: 0.4s;
}


.menubarsfixed .menubars,
.menubarsfixed .menubars:before,
.menubarsfixed .menubars:after{
	background: #000;
}



/* 页脚 */
.foot{background: url(../images/foot_bg.jpg);height: 3.8rem;overflow: hidden;padding-top: 18px;text-align:center;}
.foota{font-size: 16px;color: #fff;position: relative;}
.foota:after{content: '';display: block;height: 1px;width: 70px;background: #888585;position: absolute;left: 0;right: 0;bottom: -6px;margin: auto;}
.footb{color: #888585;font-size: 12px;margin-top: 6px;}
.footc{padding-top: 20px;}
.footca{float: left;width: 33.3%;}
.footca img{width: 28px;}
.footcab img{width: 25px;}
.footcac img{width: 22px;}

.footca a{display:block;font-size: 10px;color: #666;padding-top: 10px;padding-bottom: 5px;}
.footd{font-size: 12px;color: #666;padding-bottom: 7px;}
.footd img{width: 17px;margin-right: 5px;}
.foote{font-size: 10px;color: #666;}


/*底部导航栏*/
.foot_nav{position:fixed;bottom:0;left:0;border-top:1px solid #ebebeb;width:100%;overflow:hidden;background:#FFFFFF;height:45px;}
.foot_nav p{ margin-top:0.16rem;box-sizing:border-box;height:27px;width:50%;float:left;overflow: hidden;}
.foot_nav p img{float:left;margin-right:0.1rem;}
.foot_nav p a{display:block;float:left;font-size:0.26rem;color:#333333;line-height:0.54rem;}
.foot_nav p:nth-child(1){padding:0 0.66rem;border-right:1px solid #EBEBEB;}
.foot_nav p:nth-child(2){padding:0 0.9rem;}
.qq_img{height:75%;margin-top:0.05rem;}
.tel_img{max-width:0.38rem;height:80%;margin-top:0.06rem;}

/*侧边回到顶部*/
.back_top{ display:none;position:fixed;bottom:1.28rem;right:0.02rem;width:0.76rem;}

/*页面底部顶上来*/
body{padding-bottom:0.9rem;}