/*首屏秀fullpage 样式*/
.fullPage-wp{   
    -webkit-transform: translate3d(0,0,0);     
    transform: translate3d(0,0,0);     
}
.fullPage-wp:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
}
.fullPage-wp.anim{
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s; 
}
.fullPage-page{
    display: block;
    overflow: hidden;
}

.fullPage-dir-h {
    float: left;
}

/*首屏秀全局样式*/
html{ font-size:10px; background:#000; }
ul{ padding:0; margin:0;}
li{ list-style:none;}
a{ text-decoration:none;}
em,i{ font-style:normal;}
.clear{ background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}
body{margin:0 auto; padding:0; width:100%; max-width:640px; overflow-x:hidden; min-height:320px;  }
*{ margin:0; padding:0;}
li,dd,p,dl{margin:0 auto; padding:0;}
.swiper-container{width:100%; max-width:640px; min-width:320px; margin:0 auto;}
.wp
{
    width:100%; max-width:640px; min-width:320px; margin:0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;    
    display:none;    
}
/*首屏秀动画前默认 不显示*/
.animate{ opacity:0; display:none;}
.animate.cur,.cur .animate{opacity:1; display:block; animation-fill-mode:both; -webkit-animation-fill-mode:both;}

/*首屏秀音乐*/
#music{ display:none; height:0px; width:0px;}
.ybg{width:100%;  position:relative; z-index:200; max-width:640px; min-width:320px;}
.play_yinfu{ background:url(../images/common/music.gif) no-repeat; background-size:50px 50px; height:30px; padding-top:10px; width:50px; position:absolute;left:10px;top:4rem;width:50px;height:50px;  }
.off{
	background-image:url(../images/common/music_off.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:center center
}


/*分享图标*/
.pageShare img{ width:0px!important; height:0px!important;}
/*整站公用样式*/
*{}
html{ width:100%; max-width:640px; min-width:320px; margin:0 auto;}
.ke-content p img{ display:inherit;}
.ke-content p{ text-indent:0;}

a
{
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-moz-tap-highlight-color:rgba(0, 0, 0, 0);
-ms-tap-highlight-color:rgba(0, 0, 0, 0);
-o-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #999;
}

input:-moz-placeholder, textarea:-moz-placeholder {
color:#999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
color:#999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#999;
}


/*加载中*/
.loading{ width:100%; margin:auto; background:#000;   height:100%; text-align:center; position:absolute; z-index:9999;  color:#fff; max-width:640px; min-width:320px; margin:0 auto;}
.loading span{ font-size:1rem;position: absolute; top:12.16rem; height:1.5rem; text-align: center;width: 100%;left: 0;}
.loading span b{ font-weight:bold; padding-left:2%; font-size:1.25rem;}
.loading .load_contain{ top:14.66rem; position:absolute; width:46.87%; left:50%; margin-left:-23.43%;}
.loading img{ width:100%; margin:auto auto; display:block;}

/*上下指示箭头*/
.pageShow{ position:fixed; right:7px; z-index:200; width: 24px; margin:0 auto; top: 50%;margin-top: -12px;-webkit-transform: rotate(270deg);transform: rotate(270deg); text-align:center; height:14px; }
.ud_show img  
{
   
	margin:-7px 0 0 0px;
	width:24px;
	height:14px;
	margin:0 auto;
	background-position:0 -82px;
	-webkit-animation:topShow 1.5s 5 ease-in-out;
	-moz-animation:topShow 1.5s 5 ease-in-out;
	-o-animation:topShow 1.5s 5 ease-in-out;
	animation:topShow 1.5s 5 ease-in-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

/*上下浮动效果动画*/
@-webkit-keyframes topShow
{
    
	0%,30%{
		opacity:0;
		
		-webkit-transform:translate(0,10px)
	}

	60%{
		opacity:1;
		-webkit-transform:translate(0,0)
	}

	100%{
		opacity:0;
		-webkit-transform:translate(0,-8px)
	}

}

@-o-keyframes topShow{
	0%,30%{
		opacity:0;
		-o-transform:translate(0,10px)
	}

	60%{
		opacity:1;
		-o-transform:translate(0,0)
	}

	100%{
		opacity:0;
		-o-transform:translate(0,-8px)
	}

}

@-moz-keyframes topShow{
	0%,30%{
		opacity:0;
		-moz-transform:translate(0,10px)
	}

	60%{
		opacity:1;
		-moz-transform:translate(0,0)
	}

	100%{
		opacity:0;
		-moz-transform:translate(0,-8px)
	}

}

@keyframes topShow{
	0%,30%{
		opacity:0;
		transform:translate(0,10px)
	}

	60%{
		opacity:1;
		transform:translate(0,0)
	}

	100%{
		opacity:0;
		transform:translate(0,-8px)
	}

}

/*转动效果*/
.rotate{
	
	width:30px;
	height:30px;
	margin:0 auto;
	background-size:100% 100%;
	background-image:url(../images/common/music_off.png);
	-webkit-animation:rotating 1.2s linear infinite;
	-moz-animation:rotating 1.2s linear infinite;
	-o-animation:rotating 1.2s linear infinite;
	animation:rotating 1.2s linear infinite
}

@-webkit-keyframes rotating{
	from{
		-webkit-transform:rotate(0deg)
	}

	to{
		-webkit-transform:rotate(360deg)
	}

}

@keyframes rotating{
	from{
		transform:rotate(0deg)
	}

	to{
		transform:rotate(360deg)
	}

}

@-moz-keyframes rotating{
	from{
		-moz-transform:rotate(0deg)
	}

	to{
		-moz-transform:rotate(360deg)
	}

}

@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:87%;}}
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

/*主体内容*/
@font-face {font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot'); /* IE9*/ 
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{color: #f00;
    font-family:"iconfont" !important;
    font-style:normal; 
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
    
/*------页面 公用样式(头部 底部)---------*/
html{}
img{width:100%; display:block;}

/*头部*/
.head2 .logo{float:left;  width:9.55rem; margin:0.9rem 0 0 0.6rem;}
.head2 .logo img{height:100%; width: 100%;display: block;}
.head2 .menu_btn .tsite{font-size:1.4rem;color:white; margin-right:3%; color: #fff;}
.head2 .menu_btn .tsite a{display: inline-block; width:28%;text-align: center;font-family:"Microsoft YaHei"; position:relative;}
.head2 .menu_btn .tsite a:first-child{ width:28%;}
/*.head2 .menu_btn .tsite a:before{ content:""; position:absolute;height:1rem;width:1px;content: "";left:98%;top:39%; background:#fff;}*/
.head2 .menu_btn .tsite a:last-child:before,.head2 .menu_btn .tsite a:last-child:after{ background:none;}
.head2 .menu_btn .cur{ color:#ffe400;}	
div.showsp{display:none}
	
.head2 {position:fixed;z-index: 9999;height: 3.9rem; background:#333;width: 100%;max-width: 640px;min-width: 320px; top:0; z-index:99; }
.head3{position: fixed;left: 0; top: 0; width: 100%; max-width: 640px; min-width: 320px;}
.head2 em{ display:block; position:absolute; left:0; bottom:-0.15rem; font-size:0; clear:both; line-height:inherit;}
.head2 .menu_btn {padding:0px; width:64%;right:0;height:3.9rem;line-height:3.9rem;position:absolute;}
.head2 .menu_btn a{color:#fff; float:left; display:inline-block; font-size:1.2rem;}
.head2 .menu_btn i{ display:inline-block; float:left; color:#cdcdcc;}
.head2 .menu_btn a.downmenu {
    color: #fff;
    display: block;
    font-size: 1rem;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    right: 0.6rem;
    top: 1rem;
}
.head2 .logo img{height:100%; width: 100%!important;display: block;}

/*下拉*/
.menu2{ 
	width:100%; z-index: 10;
	height:100%; 
	overflow:hidden;
	position:fixed; 
	top:0; 
	max-width:640px; min-width:320px; margin:0 auto;
	transition:transform 1s;
	-webkit-transition:transform 1s;
	background:url(images/nav.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}

.menu2.down .slideMenu{
	transform:translate3D(0,100%,0);
	-webkit-transform:translate3D(0,100%,0);
}
.menu2 h3{ position: absolute; left: 0; top:12%; width: 100%; color: #333;  font-size: 2.35rem; font-family: "Microsoft YaHei"; font-weight: normal;text-align: center;}
.menu2 ul {
	position:absolute; 
	top:11.5%;
	right:23.5%;
	transform:translate3D(0,50px,0);
	-webkit-transform:translate3D(0,50px,0);
	width:55%;
}
.menu2 ul li{	line-height:3.3rem;color:#fff; position: relative; margin-bottom: 0.25rem; background: #333; padding-left:41%; }
.menu2 ul li:before{position: absolute; content: ""; width: 2.2rem; height: 2rem; left: 18.5%; top: 0.65rem; z-index: 8;background:url(../images/n_ico1.gif) no-repeat; background-size: 2.2rem 2rem;
;}
.menu2 ul li:nth-child(2):before{background:url(../images/n_ico2.gif) no-repeat; background-size: 2.2rem 2rem;}
.menu2 ul li:nth-child(3):before{background:url(../images/n_ico3.gif) no-repeat; background-size: 2.2rem 2rem;}
.menu2 ul li:nth-child(4):before{background:url(../images/n_ico4.gif) no-repeat; background-size: 2.2rem 2rem;}
.menu2 ul li:nth-child(5):before{background:url(../images/n_ico5.gif) no-repeat; background-size: 2.2rem 2rem;}
.menu2 ul li:nth-child(6):before{background:url(../images/n_ico6.gif) no-repeat; background-size: 2.2rem 2rem;}
.menu2 ul li:nth-child(7):before{background:url(../images/n_ico7.gif) no-repeat; background-size: 2.2rem 2rem;}
.menu2 ul li:nth-child(8):before{background:url(../images/n_ico8.gif) no-repeat; background-size: 2.2rem 2rem;}

.menu2 ul li a {	font-size:1.4rem; color: #fff;text-decoration: none;font-family: "Microsoft YaHei"; display: block; }

.menu2 ul .tel {
	border-bottom:none;
	height:auto; padding:0px;

}
.menu2 ul .tel img {
	width:64%;
	vertical-align:middle;
}
.menu2 ul li:last-child{border-bottom: none;}
.menu2 ul li:first-child{border-top: none;}

/*公用底部*/


/*返回中心按钮*/
.u_back{ width:12.1rem; line-height:2.75rem; background:#b10b19; text-align:center; margin:0 auto; font-size:1.5rem;  color:#fff; margin-top:1.25rem;}

/*电话按钮*/
.phone-btn{position:fixed; right:7%; bottom:19rem;width:4rem; height:4.2rem; background-image:url(../images/phone-btn.png); background-repeat:no-repeat; background-size: 100%; z-index:6; transform:rotate(0deg) scale(0);-webkit-transform:rotate(0deg) scale(0);border-radius:4.2rem; }
.phone-btn img{width: 100%;display: block;}
.phone-btn3{ background-image:url(../images/phone-btn2.png); bottom:24rem;}

a.qqimg{ background-image:url(../images/qqimg.jpg); bottom:14rem;}

.phone-page-on .phone-btn{transition:all 1s ease;-webkit-transition:all 1s ease;transform:rotate(1080deg) scale(1);-webkit-transform:rotate(1080deg) scale(1);}