.ad{
	height: 129px;
}
.navList,.phone_header{
	display: none;
}
body{
	
	padding-top:64px;
}
.banner{
	height: 500px;
}

.banner .img-indexbox{
	height: 26px;
	position: absolute;
	bottom: 20px;
	width: 383px;
	left:45%;
	margin-left:-85px;
	
}
.banner .img-indexbox .bg{
	width: 100%;
	height: 26px;
	position: absolute;
	top: 0;
	/* background-color: #000000; */
	/* opacity: 0.5; */
	
}
.banner .img-indexbox .content{
	position: absolute;
	bottom: 0;
	width: 100%;
	
}


.banner .img-indexbox .content .img-index{
	width:14px;
	height:14px;
	background-color:#7d7d7d;
	cursor: pointer;
	float:left;
	border-radius:50%;
	margin: 6px 10px;
}
.banner .img-indexbox .content .img-index.current{
	opacity: 1;
	background-color:red;
}
.banner .arrow{
	display: none;
	position: absolute;
	top: 200px;
	cursor: pointer;
	left: 50%;
}
.banner .arrowleft{
	margin-left: -595px;
}
.banner .arrowright{
	margin-left: 550px;
}

.bg_main_color{
	background-color: #000000;
}
.main_color{
	color: #000000;
}
.bghui{
	background-color: #f7f7f7;
}
.bgbai{
	background-color: #ffffff;
}

.navbg{
	position:fixed;
	top:0;
	width: 100%;
	height: 64px;
	z-index: 100;
}
.navbg .logo{
	float: left;
	margin-top: 14px;
}
.navbg .logo img{
	width: 40px;
}
.navbg .youhui{
	float: right;
	margin-top: 0;
}
.navbg .youhui img{
	width: 100px;
}
.navbg ul{
	float: left;
	margin-left: 100px;
}
.navbg li{
	position: relative;
	float: left;
	padding: 0 9px;
	height: 64px;
	
}
.navbg li a{
	color: #FFFFFF;
	line-height: 64px;
	font-size: 15px;
}
.navbg li a.current{
	color: #fe9331;
	font-weight: bold;
}
.navbg li a:hover{
	color: #fe9331;
	font-weight: bold;
} 
.navbg .li1 a:hover{
	color: #fff;
	font-weight: bold;
} 
.navbg li .icon_down{
	width:12px;
	display:inline;
	vertical-align:middle;
}
.navbg li .icon_downon{
	display:none;
	width:12px;
	
	vertical-align:middle;
}
.navbg li ul{
	display: none;
	width: 100px;
	left: 50%;
	border-top: 5px solid #000000;
	margin-left: -50px;
	z-index: 5;
	float: none;
	position: absolute;
	top: 59px;
}
.navbg li ul li{
	float: none;
	padding: 10px 0;
	width: 80px;
	margin: auto;
	border-bottom:1px solid #fe9331 ;
	text-align: center;
	height: auto;
}
.navbg li ul li:last-child{
	border-bottom:none;
}
.navbg li ul li a{
	line-height: 20px;
	
	
}
.nav.center{
	width: 1000px;
	margin: auto;
}
.center{
	width: 1200px;
	margin: auto;
}

.f2{background:#ebebeb;
	
}
.f{
	padding: 17px 0;
}
.img11{
	margin-left:200px;
	margin-top:30px;
}
.title{
	line-height: 100px;
	font-size: 32px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	background-image: url(../images/titlebg1.png);
	background-position: center 2px; 
}
.newsbox2 ul{
	margin: 40px auto;
}
.newsbox2 li{
	    border-bottom: 1px dashed #ddd;
    padding: 15px 0;
}
.newsbox2 li span {
    float: right;
    color: #999;
}
.newsbox2 li a{
	color: #333333;
}
.newsbox2 li a:hover{
	color: #c7000b;
}
.footerbg{
	padding: 40px 0;
	color: #FFFFFF;
}
.foot li:first-child{
	margin-left: 40px;
}
.foot li{
	float: left;
	margin-left: 70px;
	padding-bottom: 60px;
}
.foot .tit{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 33px;
}
.foot .text{
	
	font-size: 15px;
	line-height: 25px;
}
.foot .qrcodebox{
	width: 656px;
	margin: auto;
	border-top: 1px #FFFFFF solid;
	
}
.foot .qrcodebox img{
	margin:30px auto 10px auto;
	
}
.foot .qrcodebox .text{
	text-align: center;
}
.footiframe{
	width: 100%;
	border: none;
	height: 444px;
}
.btn_sub{
	width: 115px;
	height: 35px;
	margin:30px  auto 0 auto;
	line-height: 35px;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	border-radius: 18px;
	cursor: pointer;
}
.tioakuan{
	text-align: center;
	margin-top:30px ;
}
.banner a{
	display: none;
}
.banner a.current{
	display: block;
}
.ad a.current1{
	display: block;
}

@media screen and (max-width:750px){
	.title {
		line-height: 76px;
		font-size: 20px;
		background-size: 100px;
	}
	.footerbg{
		width: 100%;
		overflow: hidden;
		padding: 20px 0;
	}
	.center{
		width: 100%;
	}
	.footiframe{
		height: 307px;
	}
	.foot li{
		width: 50%;
		margin-left:0px !important;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.foot .tit {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.foot .text {
		font-size: 12px;
	}
	.foot .qrcodebox {
		display: none;
	}

	.navbg .logo{
		margin-left: 10px;
	}
	/*手机导航*/
	.navbg {
		position: fixed !important;
	}
	.pc_nav{
		display: none;
	}
	.phone_header{
		display: block;
		width: 44px;
		height: 44px;
		float: right;
		margin-top: 10px;
	}
	.phone_header .name{
		color: #fff;
		font-size: 10px;
	}
	.phone_header .phone-menu{
		position: relative;
		display: block;
		width: 40px;
		height: 30px;
		overflow: hidden;
		white-space: nolinkmap;
		color: transparent;
		z-index: 3;
		text-indent: -9999px;
	}
	.phone-menu span,.phone-menu span::before,.phone-menu span::after {
		position: absolute;
		display: inline-block;
		height: 3px;
		width: 24px;
		background: #fe9331;
	}
	.phone-menu span{
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -2px;
		-webkit-transition: background 0.3s 0.3s;
		-moz-transition: background 0.3s 0.3s;
		transition: background 0.3s 0.3s;
	}
	.phone-menu span::before, .phone-menu span::after {
		content: '';
		right: 0;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: 0% 50%;
		-moz-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
		-webkit-transition: -webkit-transform 0.3s 0.3s;
		-moz-transition: -moz-transform 0.3s 0.3s;
		transition: transform 0.3s 0.3s;
	}
	.phone-menu span::before {
		top: -6px;
	}
	.phone-menu span::after{
		top: 6px; 
	}
	.phone-menu.menu-open span {
		background: rgba(46, 50, 51, 0);
	}
	.phone-menu.menu-open span::before {
		-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
		-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
		-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
		-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
		transform: translateX(4px) translateY(-3px) rotate(45deg);
	}
	.phone-menu.menu-open span::after {
		-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
		-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
		-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
		-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
		transform: translateX(4px) translateY(2px) rotate(-45deg);
	}
	.wrap.phone_move,.navbg.phone_move{
		-webkit-transform: translateX(-180px);
		-moz-transform: translateX(-180px);
		-ms-transform: translateX(-180px);
		-o-transform: translateX(-180px);
		transform: translateX(-180px);
	}
	.navList{
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		width: 180px;
    	background: #fe9331;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		z-index: 1;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.nav-open.navList{
		display: block;
	}
	.navList{
		visibility: hidden;
		-webkit-transition: visibility 0s 0.3s;
		-moz-transition: visibility 0s 0.3s;
		transition: visibility 0s 0.3s;
	}
	.navList.nav-open {
		visibility: visible;
		-webkit-transition: visibility 0s 0s;
		-moz-transition: visibility 0s 0s;
		transition: visibility 0s 0s;
	}
	.navList li,.navList li .bg_main_color li{
		line-height: 40px;
		text-indent: 10px;
		color: #fff;
		border-bottom: 1px solid #fdb16b;
		background: #fe9331;
	}
	.navList li .bg_main_color li{
		font-size: 14px;
		text-indent: 20px;
	}
	.navList li a,.navList li .bg_main_color li a{
		color: #fff;
	}
	.navList li img{
		margin: 6px;
	}
	.navList li .icon_down{
		float: right;
	}
	.navList li .icon_downon{
		display: none;
	}
	.navList li .bg_main_color{
		display: none;
	}
	/*********************************************/
	.nav.center{
		width: 100%;
	}
	.newsbox2 ul {
		margin: 0px 10px;
	}
	.banner{
		height: auto;
	}
}
@media screen and (max-width:640px){
	.newsbox2 li span {
		float: none;
		color: #999;
		display: block;
		margin-bottom: 5px;
	}
}