@charset "utf-8";
/* CSS Document */
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none;}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none;}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}
@font-face {
 font-family:'bookman_demi';
 src:url('fonts/bookman_demi-webfont.eot');
 src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bookman_demi-webfont.woff') format('woff'), url('fonts/bookman_demi-webfont.ttf') format('truetype'), url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg');
 font-weight:normal;
 font-style:normal;
}
@font-face {
font-family: 'iconfont';
 src: url('fonts/iconfont.eot'); /* IE9*/
 src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
}
html, body {
	margin:0px;
	padding:0px;
	height:100%;
	margin:auto;
	user-select: none;
	-webkit-user-select: none;
	font-family:"Microsoft YaHei";
	-webkit-text-size-adjust:none;
}
ul, li, h1, h2, h3, h4, h5, p {
	margin:0px;
	padding:0px;
	list-style:none;
}
a,
a:visited,
a:link,
a:active {
	text-decoration:none;
	cursor:default;
	-webkit-user-select: none;
}
img{ vertical-align:bottom;}
.animate {
	opacity:0;
	-webkit-opacity:0;
}
.header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	background:#fff;
	height:2rem;
	}
.head{
	text-align:left;
	background:#fff;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:13.5vw;
	display:block;
	z-index:10;
	overflow: hidden;
}
.head img {
	height:7.5vw;
	margin-top:2vw;
}
.head .back_btn{ position:absolute; left:4%; height:30px; line-height:30px; width:15px; background:url(../images/back.jpg) 50% 50% no-repeat; display:none;}
.head .menu_btn {
	padding:0px;
	right:10px;
	top:6px;
	height:30px;
	line-height:30px;
	font-size:1.5em;
	position:absolute;
}
.head .menu_btn a {
	padding:0;
}
.head .menu_btn a.hover {
	border-radius:5px;
	box-shadow:1px 1px 6px #c0c0c0;
}
.head .logo{float:left; height:10.8vw; margin-left:2%; margin-top:1vw;}
.head .menu_btn .tsite{font-size:15px;color:white; margin-right:4px;}
.head .menu_btn .tsite a{margin:2px;}
.head .menu_btn .tsite a.cur{ color:#191918;}
.downmenu{
	background:url(../images/menu.png) no-repeat; background-size:9vw; width:9vw; height:9vw; display:block; float:right; margin-top:1vw; }
.phonebody {
	height:100%;
	width:100%;
	min-width: 300px;
	max-width: 640px;
	margin:auto;
	-webkit-box-sizing: border-box;
	overflow:hidden;
	position:relative;
}
.fullscreen{
	width:100%;
	margin:auto;
	min-width: 300px;
	max-width: 640px;
	position:relative;
	top:0px;
	background:#eee;
}

.menu {
	height:100%;
	width:100%;
	min-width: 300px;
	max-width: 640px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:9;
	transform:translate3D(0,-100%,0);
	-webkit-transform:translate3D(0,-100%,0);
}
.menu .slideMenu{ 
	width:100%; 
	height:100%;
	overflow:hidden;
	position:absolute; 
	top:5vw; 
	left:0px; 
	background: rgba(0,0,0,0.9);
	transition:all 1s;
	-webkit-transition:all 1s;
	z-index: 100;
}
.menu.down .slideMenu{
	transform:translate3D(0,100%,0);
	-webkit-transform:translate3D(0,100%,0);
}
.menu ul {
	margin:auto;
	transform:translate3D(0,16%,0);
	-webkit-transform:translate3D(0,16%,0);
}
.menu ul li {
	line-height:12vw;
	font-size:4.5vw;
	text-align:center;
	font-weight:500;
}
.menu ul li a {
	color:#1a1a1a;
	color:#fff;
}
.menu ul li.tel {
	border-bottom:none;
	padding-top:1%;
}
.menu ul li.tel img {
	width:40%;
}
.menu .menu_footer {
	text-align:center;
	position:absolute;
	width:100%;
	bottom:1.5%;
	left:0px;
	font-size:0.8em;

	background:url(../images/black_alpha.png);
	padding:2% 0;
	color:white;
}
.menu .menu_footer a{color:white;}

.w-current .fadeInDown {
	-webkit-animation:fadeInDown 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .fadeInUp {
	-webkit-animation:fadeInUp 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .zoomIn {
	-webkit-animation:zoomIn 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .lineOut {
	-webkit-animation:lineOut 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .leftIn {
	-webkit-animation:leftIn 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .rightIn {
	-webkit-animation:rightIn 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .shake {
	-webkit-animation:shake 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.mainpage .page.w-active {
	z-index:3;
	display:block;
}
.mainpage .page ul.page-content {
	width:100%;
	text-align:center;
	color:#4d4d4d;
	top:24%;
	position:absolute;
	z-index:4
}
.mainpage .page ul.page-content li {
	display:block;
 transition: padding .5s;
}
.weixin_share{position:absolute; top:-100%; transform:translateY(-100%);-webkit-transform:translateY(-100%); z-index:-1;}
.weixin_share img{width:100%;}
.pager-box{
	text-align:center;
	position:absolute;
	bottom:9%;
	left:0px;
	width:100%;
	display:block;
	z-index:8;
}

.pager-box .pager{
	width:15%;
	line-height:1.5;
	margin:auto;
	border:solid 1px #ccc;
	border-radius:4px;
	background-color: rgba(0, 0, 0, 0.5);
	color:white;
}
/*电话按钮*/
.phone-btn{position:fixed; right:10px; bottom:150px;width:40px; height:40px; background-image:url(../images/phone.png); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; z-index:6;}
.phone-btn.qq{ background-image:url(../images/qq.png); bottom:100px;}

/*回到顶部*/
.backtop{position:fixed; right:12px; bottom:110px;width:35px; height:35px; background-image:url(../images/backtop.png); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; z-index:6; cursor:pointer; border-radius:5px;}
.backtop a{display:block;height:35px;}
/*首页-底部导航*/
.index_nav{
	width:100%;
	overflow:hidden;
	position:fixed;
	bottom:0;
	background-color: rgba(255, 255, 255, 0.96);
	height:13vw;
	border-top:1px solid #f2f3f5;
	z-index:5;
	}
.index_nav li{	
    display:block;
	float:left;
	padding-top:100px;
	color:#000;
	position:relative;
	width:25%;
	padding-top:4px;
	}
.index_nav li a{	
    display:block;
	color:#000;
	-webkit-tap-highlight-color: transparent;/*！！*/
	}
.index_nav li span{
	display:block;
	text-align:center;
	color:#636363;
	font-size:2.8vw;
	}
.index_nav img{
	display:block;
    width:5.8vw;
    margin:0 auto;
    margin-bottom:2px;
    margin-top:1px;
}
#index_nav_hover{color:#ff5000;	}
.company-sm{ text-align: center; display: block; font-size: 3.4vw; width: 100%; color:#7f7f7f; padding:3vw 18%;}
.company-sm a{ color:#7f7f7f;}
/*翻页*/
.tongyong_fanye{
	text-align:center;
	overflow:hidden;
	margin-bottom: 2.5vw;
	}
.tongyong_fanye a{
	padding: 0 2.5vw;
	display:inline-block;
	color:#fff;
	font-size:3.4vw;
	text-align:center;
	font-family:Arial, sans-serif;
	line-height:7.5vw;
	}
.tongyong_fanye .fanye_no{
	color:#313131;
	border:1px solid #e1e0df;
	background: #fff;
	}
.tongyong_fanye .fanye_now{
	border:1px solid #e1e0df;
	color:#fff;
	background:#D5322E;
	}
.tongyong_fanye a:hover{
	color:#fff;
	background:#D5322E;
	transition: all 0.3s ease-out;
	}
@media only screen and (min-width: 320px){
   html {
      font-size: 62.5% !important;
   }
 }
 @media only screen and (min-width: 640px){
   html {
     font-size: 125% !important;
   }
 }
 @media only screen and (min-width: 750px){
   html {
     font-size: 150% !important;
   }
 }
 @media only screen and (min-width: 1242px){
   html {
     font-size: 187.5% !important;
   }
 }
@media only screen and  (max-width:1080px) {
.changebox{width:100%;min-width:1000px;}
}