﻿
/* 首页 */
body{ margin:0px; width: 100%; padding:0px; font-size:14px; color:#333; font-family:"Microsoft Yahei"; background:url(../images/body_bg.png) fixed;  
}
li{ list-style:none;
}
ul,h1,h2,h3,h4,h5,h6,p,dl,dt{ margin:0px; padding:0px;
}
a{ text-decoration:none; color: #333;
}
a:hover{
	color: #bc9963;
}
img{ border:none;
}
input:focus{
	outline: none;
}
.top{
	width: 100%;
	float: left;
	background: #fff;
}
.center{
	width: 1200px;
	margin: 0px auto;
}
.logo{
	width: 100px;
	float: left;
}
.logo img{
	float: left;
	margin: 20px 0px;
}
.menu{
	width: 1100px;
	float: left;
	text-align: left;
	margin: 75px 0 0;
}
.menu li{
	text-align: center;
	line-height: 30px;
	float: left;
	width: 110px;
}
.menu li a{
	font-size: 16px;
	width: 100%;
	float: left;
	padding: 0px 0px 20px 0px;
}
.menu li a:hover{
	color: #bc9963;
	font-size: 17px;
}
.menu li .subnav{
	padding:0;
	width:110px;
	position:absolute;
	z-index:999;
	display:none;
	margin: 50px 0px 0px;
	background: #2e2e33 url(../images/menu_bg.png) top no-repeat;
}
.menu li .subnav dt a{
	display:block;
	width:100%;
	float: left;
	height:45px;
	line-height:45px;
	text-align:center;
	padding: 0px !important;
	color:#fff;
	font-size:14px;
}
.menu li .subnav dt{
	float: left;
	width: 110px;
	border-bottom:1px solid #111112;
	border-top:1px solid #565659;
}
.menu li .subnav dt:first-child{
	border-top: none;
}
.menu li .subnav dt:last-child{
	border-bottom: none;
}
.menu li .subnav dt a:hover{
	color: #bc9963;
}
.mind{
	width: 1px !important;
	height: 20px;
	background: #e1e1e1;
	margin: 5px 0px ;
}
.banner{
	width: 100%;
	float: left;
	display: block;
	overflow: hidden;
	height: 300px;
}
.banner img{
	width:100%;
}
.slide-main{
	height:300px;
	position:relative;
}
.item{
	display:block;
	width:100%;
	height:5px;
	position:absolute;
	z-index:124;
	top:270px;
	left:0;
	text-align:center;
}
.item a{
	display:inline-block;
	width:24px;
	height:5px;
	margin-right:11px;
	background:#333;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	overflow:hidden;
}
.item a.cur{
	background:#fff;
}
.slide-box,.slide{
	display:block;
	width:100%;
	height:300px;
	overflow:hidden;
}
.slide-box{
	position:relative;
}
.slide{
	display:none;
	height:300px;
	position:relative;
	position:absolute;
	z-index:8;
}
.main{
	width: 100%;
	float: left;
}
.bbc{
	width: 100%;
	float: left;
	text-align: center;
}
.pad50{
	padding: 50px 0px 20px;
}
.pad100{
	padding: 30px 0px 100px;
}
.bbc h1{
	font-size: 32px;
}
.bbc b{
	float: left;
	width: 5%;
	margin: 10px 47.5%;
	border-top: 5px solid #bc9963;
}
.what_we_do{
	/*width: 100%;*/
	float: left;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px;
	box-sizing:border-box;
	/*background: url(../images/what_we_do_bg.png) center no-repeat;
	background-size: 80% ;*/
}
.what_we_do li{
	width: 100%;
	float: left;
	box-sizing:border-box;
}
.what_we_do p{
	font-size: 12px;
	color: #333;
	line-height: 35px !important;
}
.what_we_do li img{
	float: left;
	width: 100%;
}
.what_we_do li .pro_list_main{
	width: 100%;
	float: left;
	height: 140px;
	margin: 10px 0px;
}
.pro_list_main h1{
	width: 30%;
	margin: 0 35%;
	border:2px solid #999;
	font-size: 14px;
	text-align: center;
	padding: 10px 20px ;
	font-weight: 300;
	float: left;
	box-sizing:border-box;
}
.pro_list_main h1 span{
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	border-bottom: 2px solid #bc9963;
}
.pro_list_main p{
	width: 100%;
	float: left;
	line-height: 30px;
	color: #333;
	margin: 20px 0px 0px;
}
.re_box{
	float: right !important;
}
.le_box{
	float: left !important;
}
.img_re{
}
/*.pad_re{
	padding: 0px 50px 0px 0px;
	border-right: 2px solid #999;
}
.pad_le{
	padding: 0px 0px 0px 50px;
	border-left: 2px solid #999;
	}*/
	/*关于我们*/
	.about_us{
		width: 100%;
		float: left;
		
		background: url(../images/about_us_bg.png) center no-repeat;
		background-size: 100%;
	}
	.about_us_img{
		width: 100%;
		float: left;
	}
	.about_us_img img{
		width: 33%;
		float: left;
	}
	.about_us_img h1{
		width: 40%;
		float: left;
		padding: 80px 0px 0px 100px;
		box-sizing:border-box;
		font-size: 18px;
		font-weight: 300;
	}
	.about_us_img h1 p{
		width: 100%;
		float: left;
		line-height: 40px;
	}
	.about_us_img h1 p span{
		width: 70px;
		float: right;
		height: 2px;
		margin: 19px 220px 0px 0px;
		background: #bc9963;
	}
	.about_us_cont{
		/*width: 67%;
		float: right;*/
		/*background: #3e3a39;*/
		padding: 30px 15px 30px 0px;
		box-sizing:border-box;
	}
	.about_us_cont red{
		width: 100%;
		float: left;
		height: 10px;
		margin: 20px 0px 0px 0px;
	}
	.about_us_cont p{
		line-height: 35px;
		color: #333;
		font-size: 12px;
	}
	.about_us_cont red span{
		width: 10%;
		float: left;
		height: 1px;
		background: #333;
	}
	.our_advantage{
		width: 100%;
		float: left;
		margin: 20px 0px 0px;
	}
	.our_advantage li{
		width: 280px;
		height: 305px;
		float: left;
		text-align: center;
		padding: 10px 20px;
		box-sizing:border-box;
		border:2px solid #999;
		margin: 0px 20px 5px 0px;
	}
	.our_advantage li h1{
		border-top: 2px solid #999;
		padding: 10px 0px;
		font-size: 16px;
	}
	.our_advantage li p{
		line-height: 20px;
		font-size: 12px;
		text-align: left;
	}
	/*新闻中心*/
	.us_news{
		width: 100%;
		height: auto;
		float: left;
		background: url(../images/us_news_bg.png) left no-repeat;
		padding: 60px 0px;
		margin: 30px 0px;
		background-size: 60%;
	}
	.news_list_li{
		width: 100%;
		float: left;
		padding: 0px 0px 0px 45%;
		box-sizing:border-box;
	}
	.news_list_li h1{
		width: 100%;
		float: left;
		line-height: 40px;
		height: 40px;
		font-size: 24px;
		font-weight: 500;
		margin: 0px 0px 20px 0px;
		border-bottom: 1px dashed #999;
	}
	.news_list_li h1 span{
		color: #bc9963;
		margin: 0px 0px 0px 20px;
		font-size: 18px;
	}
	.news_list_li li{
		width: 100%;
		float: left;
		margin: 0px 0px 10px 0px;
		line-height: 30px;
		background: url(../images/icon_news.png) left no-repeat;
		padding: 0px 0px 0px 30px;
		box-sizing:border-box;
	}
	.news_list_li li span{
		float: right;
		color: #666;
		font-size: 12px;
	}
	.footer{
		width: 100%;
		padding: 30px 0px;
		background: #bc9963;
		float: left;
		margin: 20px 0px 0px;
	}
	.foot{
		width: 30%;
		float: left;
	}
	.ft_lt{
		padding: 0px 0px 0px 15%;
	}
	.foot p{
		line-height:40px;
		float: left;
		width: 80%;
		font-size: 12px;
		color: #fff;
	}
	.foot li{
		line-height:40px;
		float: left;
		width: 100%;
		font-size: 12px;
		color: #fff;
	}
	.foot li img{
		width: 25px;
		float: left;
		margin: 8px 10px 0px;
	}
	.foot p a{
		color: #ccc;
		text-decoration: underline;
	}
	.foot_logo{
		width: 10%;
		float: left;
	}
	.foot_logo img{
		width: 100px;
		margin: 13px 0px 0px 40px;
	}

	/* 二级页面 */

	.main_rule{
		width: 100%;
		height: 1px;
		background: #999;
		float: left;
		margin: 20px 0px 40px;
	}
	.main_left{
		width: 25%;
		float: left;
	}
	.columns{
		width: 80%;
		float: left;
		border:2px solid #999;
	}
	.columns li{
		width: 100%;
		float: left;
		border-bottom: 2px solid #999;
	}
	.columns li:last-child{
		border:none;
	}
	.columns li h1{
		line-height: 30px;
		font-size: 16px;
		font-weight: 300;
	}
	.columns li span{
		width: 17%;
		float: left;
		height: 2px;
		margin: 5px 0px 0px;
		background: #999;
	}
	.columns li a{
		width: 100%;
		float: left;
		padding: 10px 20px 30px 30px;
		box-sizing:border-box;
	}
	.columns li a:hover{
		background: #999;
		color: #fff;
	}
	.columns li a:hover span{
		background: #fff !important;
	} 
	.action a{
		background: #999;
		color: #fff;
	}
	.action a span{
		background: #fff !important;
	}
	.main_right{
		width: 70%;
		float: right;
	}
	.news_list_cont{
		width: 100%;
		float: left;
	}
	.news_list_cont li{
		width: 100%;
		float: left;
		margin: 0px 0px 50px 0px;
	}
	.news_list_cont li h1{
		width: 100%;
		float: left;
		font-size: 16px;
		box-sizing:border-box;
		padding: 0px 5px 20px ;
		border-bottom: 2px solid #999;
	}
	.news_list_cont li h1 span{
		float: right;
		color: #999;
		font-weight: 300;
		font-size: 14px;
	}
	.news_list_cont .news_cont{
		width: 100%;
		float: left;
		margin: 20px 0px 0px;
		padding: 0px 10px;
		box-sizing:border-box;
	}
	.news_cont p{
		width: 70%;
		float: left;
		line-height: 25px;
		font-size: 12px;
	}
	.news_cont h6{
		width: 15%;
		float: right;
		text-align: center;
		font-size: 12px;
	}
	.news_cont a{
		width: 100%;
		float: left;
		padding: 10px 20px;
		border:1px solid #999;
		box-sizing:border-box;
	}
	.news_cont h6 span{
		width: 100%;
		float: left;
		padding: 0px 0px 10px 0px;
		border-bottom: 2px solid #999;
	}
	.list_page {
		width: 100%;
		float: left;
		margin: 40px 0px;
		height: 30px;
		box-sizing:border-box;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}

	.list_page a{
		color: #333;
		padding: 9px 10px;
	}
	.list_page span {
		padding: 9px 10px;
		border-bottom: 2px solid #333;
	}
	.main_show_cont{
		width: 100%;
		float: left;
		margin: 20px 0px;
	}
	.main_show_cont .title{
		width: 100%;
		float: left;
		margin: 0px 0px 20px 0px;
		border-bottom: 1px solid #999;
		padding: 0px 0px 20px 0px;
	}
	.main_show_cont .title h1{
		font-size: 16px;
		text-align: center;
	}
	.main_show_cont .title h1 span{
		float: right;
		font-size: 12px;
		font-weight: 300;
	}
	.main_show_cont  .content{
		width: 100%;
		float: left;
	}
	.main_show_cont  .content p{
		text-align: left;
		text-indent: 30px;
		line-height: 25px;
		font-size: 14px;
		margin: 0px 0px 20px 0px;
	}

	/*产品中心*/
	.pro_list_cont{
		width: 100%;
		float: left;
	}
	.title_cent{
		width: 100%;
		float: left;
	}
	.title_cent h1{
		width: 100%;
		float: left;
		border-bottom: 1px dashed #ccc;
		padding: 5px 0px ;
		font-size: 18px;
	} 
	.title_cent h1 span{
		width: 100%;
		float: left;
	}
	.title_cent h1 b{
		width: 100%;
		float: left;
		font-weight: 300;
		font-size: 16px;
		color: #bc9963;
	}
	.pro_list_li{
		width: 100%;
		float: left;
		margin: 30px 0px;
	}
	.pro_list_li li{
		width: 250px;
		float: left;
		margin: 0px 15px 20px ;
		box-sizing:border-box;
		position: relative;
	}
	.pro_list_li li img{
		width: 250px;
		height: 180px;
	}
	.pro_list_li li div{
		width: 250px;
		height: 180px;
		position: absolute;
		z-index: 2;
		display: none;
		background: rgba(0,0,0,0.6);
	}
	.pro_list_li li div span{
		width: 100px;
		height: 100px;
		margin: 40px 75px 0px;
		float: left;
		background: url(../images/icon_more_see.png) center no-repeat;
	}
	.pro_list_li li div h4{
		width: 140px;
		height: 50px;
		margin: 00px 55px;
		float: left;
		line-height: 30px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-weight: 300;
		background: url(../images/icon_more.png) bottom no-repeat;
		background-size: 100%;
	}
	.pro_list_li li:hover div{
		display: block;
	}
	.pro_list_li li img{
		width: 100%;
	}
	.pro_list_li li h1{
		line-height: 40px;
		text-align: center;
		font-weight: 300;
		font-size: 14px;
	}
	.pro_show_cont{
		width: 100%;
		float: left;
		margin: 40px 0px;
	}
	.pro_show_img {
		width: 100%;
		float: left;
	}
	.pro_show_img img{
		width: 180px;
		height: 180px;
		float: left;
	}
	.pro_show_img h1{
		width: 78%;
		float: left;
		padding: 70px 0px 0px 10%;
		box-sizing:border-box;
		font-size: 18px;
	}
	.pro_show_img h1 p{
		width: 100%;
		line-height: 30px;
	}
	.pro_show_img h1 span{
		float: left;
		width: 70px;
		height: 2px;
		background: #bc9963;
		margin: 15px 20px 0px 0px;
	}
	.pro_show_main_cont{
		width: 660px;
		float: right;
		background: #3e3a39;
		padding: 50px 30px 50px 50px;
		box-sizing:border-box;
	}
	.pro_show_main_cont p{
		line-height: 30px;
		color: #ccc;
		font-size: 12px;
	}
	.pro_show_main_cont red{
		width: 100%;
		float: left;
		height: 10px;
		margin: 20px 0px 10px 0px;
	}
	.pro_show_main_cont red span{
		width: 10%;
		float: left;
		height: 1px;
		background: #ccc;
	}
	.faq_list_li{
		width: 100%;
		float: left;
		margin: 30px 0px;
	}
	.accordion-item {
		position: relative;
		border-bottom: 1px solid #ccc;
	}
	.accordion-item.active .heading {
		color: #909ac4;
	}
	.accordion-item.active .icon {
		background: #efefef;
	}
	.accordion-item.active .icon:before {
		background: #909ac4;
	}
	.accordion-item.active .icon:after {
		width: 0;
	}
	.accordion-item .heading {
		display: block;
		text-transform: uppercase;
		text-decoration: none;
		color: #333;
		font-weight: 700;
		font-size: 1rem;
		position: relative;
		padding: 1.5rem 0 1.5rem 3rem;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.heading .title{
		font-size: 14px;
	}
	@media (min-width: 40rem) {
		.accordion-item .heading {
			font-size: 12px;
		}
	}
	.accordion-item .heading:hover {
		color: #999;
	}
	.accordion-item .heading:hover .icon:before, .accordion-item .heading:hover .icon:after {
		background: #999;
	}
	.accordion-item .icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 2rem;
		height: 2rem;
		border: 2px solid #efefef;
		border-radius: 9px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.accordion-item .icon:before, .accordion-item .icon:after {
		content: '';
		width: 1rem;
		height: 0.20rem;
		background: #999;
		position: absolute;
		border-radius: 3px;
		left: 50%;
		top: 50%;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.accordion-item .icon:after {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
		z-index: -1;
	}
	.accordion-item .content {
		display: none;
	}
	.accordion-item .content p {
		margin-top: 0;
	}
	@media (min-width: 40rem) {
		.accordion-item .content {
			line-height: 1.75;
		}
	}
	.accordion-item .content{
		padding: 1.5rem 0 1.5rem 3rem;
	}
	/*视频中心*/
	.video_list_li{
		width: 100%;
		float: left;
		margin: 30px 0px;
	}
	.video_list_li li{
		width: 23%;
		float: left;
		position: relative;
		margin: 0px 2.5% 30px 0px;
	}
	.video_list_li li:nth-child(4n+4){
		margin: 0px 0px 30px 0px;
	}
	.video_list_li li img{
		width: 276px;
		height: 276px;
	}
	.video_list_li li h1{
		width: 100%;
		float: left;
		font-size: 14px;
		font-weight: 300;
		text-align: center;
		line-height: 40px;
	}
	.video_hover{
		display: none;
		position: absolute;
		top: 0px;
		z-index: 3;
		width: 276px;
		height: 276px;
		background: rgba(0,0,0,0.4) url(../images/video_hover.png) center no-repeat;;
	}
	.video_list_li li:hover .video_hover{
		display: block;
	}
	.video_show_li{
		width: 100%;
		float: left;
		margin: 30px 0px;
	}
	.videoinfo{
		width: 100%;
		height: 400px;
		float: left;
	}
	.videoinfo_heng{
		width: 100%;
		float: left;
		height: 50px;
		padding: 0px 0px 0px 680px;
		box-sizing:border-box;
	}
	.videoinfo_heng span{
		width: 50px;
		height: 50px;
		float: left;
		background: #bc9963;
	}
	.video_show_li .content{
		width: 680px;
		float: left;
		padding: 20px;
		box-sizing:border-box;
		background: #3e3a39;
	}
	.video_show_li .content p{
		color: #ccc;
		font-size: 12px;
		line-height: 30px;
		text-indent: 30px;
	}
	.cont_h1{
		font-size: 14px;
		color: #bc9963;
		line-height: 40px;
	}
	/*下载中心*/
	.down_list_cont{
		width: 100%;
		float: left;
		margin: 30px 0px;
	}
	.down_list_li{
		width: 100%;
		float: left;
	}
	.down_list_li li{
		width: 100%;
		float: left;
		padding: 35px 0px;
		border-bottom: 1px solid #999;
	}
	.down_list_li li img{
		width: 20%;
		float: left;
		border-radius: 10px;
		margin: 5px 5% 5px 5px;
		box-shadow: 1px 1px 10px #666;
	}
	.down_list_li li h1{
		width: 70%;
		float: left;
		line-height: 50px;
		font-size: 16px;
		color: #bc9963;
		margin: 0px 0px 10px 0px;
	}
	.down_list_li li p{
		width: 70%;
		float: left;
		line-height: 25px;
		font-size: 12px;
	}
	.down_list_li li h4{
		margin: 20px 0px 0px;
		width: 70%;
		float: left;
		font-weight: 300;
	}
	.down_list_li li h4 span{
		float: left;
		font-size: 12px;
		color: #999;
		margin: 0px 40px 0px 0px;
	}
	.down_list_li li h4 a{

		border-radius: 5px;
		color: #fff;
		font-size: 12px;
		padding: 5px 10px 5px 30px;
		background: #bc9963 url(../images/b_left.png)5px 0px no-repeat;
		background-size: 25px;
	}
	.down_list_li li h4 b {
		float: right;
	}
	.down_show_li{
		width: 100%;
		margin: 30px 0px;
		float: left;
	}
	.down_show_li h1{
		text-align: center;
		line-height: 40px;
		font-size: 16px;
	}
	.download_li{
		width: 100%;
		float: left;
	}
	.download_li h3{
		text-align: left;
		line-height: 30px;
	}
	.download_li li{
		width: 100%;
		float: left;
		line-height: 30px;
		text-decoration: underline;
		padding: 0px 0px 0px 50px;
		box-sizing:border-box;
	}
	.down_show_li .content{
		width: 100%;
		float: left;
		margin: 30px 0px;
	}
	.down_show_li .content p{
		text-align: left;
		line-height: 25px;
		font-size: 12px;
		margin: 0px 0px 10px 0px;
	}
	.page_show{
		width: 100%;
		float: left;
		margin: 10px 0px;
	}
	.page_show p{
		line-height: 25px;
		font-size: 12px;
		margin: 0px 0px 10px 0px;
		text-indent: 30px;
	}
	.page_show img{
		padding: 20px;
	}
	.menu_phone{
		width: 50px;
		height: 50px;
		display: none;
		background: rgba(255,255,255,0.9) url(../images/menu_phone.png) no-repeat center;
		background-size: 80%;
		border-radius: 50px;
		box-shadow: 1px 1px 3px #333;
	}
	.about_us_cont, .what_we_do{
		width: 100%;
		float: left;
	}
	.sbhd{
		width: 50%;
		float: left;
	}
	.pic_yewu ,.font_yewu{
		width: 50%;
		float: left;
		box-sizing:border-box;
	}
	.pic_yewu{
		padding: 0px 15px 0px 0px;
	}
	.pic_yewu img{
		width: 60%;
		margin: 0px 20%;
	}
	.font_yewu h1{
		margin: 0px 0px 20px;
		line-height: 40px;
		font-size: 16px;
		text-align: left;
	}
	.font_yewu p{
		line-height: 25px;
		text-indent: 25px;
		margin: 0 0 0 5px;
	}
	.our_yewas{
		width: 100%;
		float: left;
		margin: 10px 0;
	}
	.pic_left{
		float: left;
	}
	.pic_right{
		float: right;
	}
	.liny_xu{
		width: 100%;
		display: block;
	}
	.liny_xu ul{
		margin: 20px 0;
		padding: 0;
	}
	.liny_xu ul li{
		width: 22%;
		float: left;
		list-style: none;
		margin: 0 0 0 4%;
		border: 2px solid #e5e5e5;
		text-align: center;
		box-sizing:border-box;
	}
	.liny_xu ul li:first-child{
		margin: 0;
	}
	.liny_xu ul li img{
		width: 120px;
		height: 120px;
		margin: 20px 0;
	}
	.liny_xu ul li h1{
		width: 80%;
		margin: 0 10%;
		height: 2px;
		background-color: #e5e5e5;
	}
	.liny_xu ul li  h4{
		line-height: 30px;
		margin: 10px  0;
		font-size: 16px;
		font-weight: 400;
	}
	.liny_xu ul li p{
		line-height: 25px;
		text-align: left;
		padding: 0 20px;
	}



	@media (max-width:800px) {

		.menu{
			width: 40%;
			height: 100%;
			background: #3c3c3c;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 100000;
			display: none;
			margin: 0px;
		}
		.subnav{
			display: none !important;
		}
		.menu li:first-child{
			border-top: none;
		}
		.menu li a{
			color: #fff;
			font-size: 12px;
		}
		.menu li a:hover{
			color: #ccc;
			font-size: 14px;
		}
		.menu li{
			width: 100%;
			height: 9.5%;
			border-bottom:1px solid #111112;
			border-top:1px solid #565659;
		}
		.menu li a{
			float: left;
			padding: 0px;
			width: 100%;
			padding: 11px 0px ;
		}
		.mind{
			display: none;
		}
		.center{
			width: 100%;
		}
		.logo{
			width: 100%;
			text-align: center;
		}
		.logo img{
			width: 20%;
			margin: 10px 0px 10px 20px;
		}
	/*.menu{
		display: none;
		}*/
		.banner{
			height: auto;
		}
		.item{
			display: none;
		}
		.slide-main,.slide{
			height: 80px;
		}
		.pad50{
			padding: 10px 0px 0px;
		}
		.bbc h1{
			font-size: 24px;
		}
		.what_we_do{
			margin: 10px 0px;
			padding: 0 10px;
			height: 200px;
			overflow: hidden;
		}
		.what_we_do p{
			line-height: 25px !important;
		}
		.what_we_do li img{
			width: 100%;
			display: none;
		}
		.what_we_do li .pro_list_main{
			width: 100%;
			margin: 0px;
			height: auto;
			margin: 0px 0px 10px 0px;
		}
		.pro_list_main h1{
			width: 50%;
			margin: 5px 25%;
		}
		.pro_list_main p{
			padding: 0px 10px;
			line-height: 30px;
			color: #333;
			font-size: 12px;
			box-sizing:border-box;
		}
		.re_box{
			padding: 0px;
		}
		.pad_le {
			padding: 0px;
		}
		.about_us_img{
			display: none;
		}
		.about_us_cont{
			width: 100%;
			padding: 10px;
			height: 205px;
			display: block;
			overflow: hidden;
		}
		.about_us_cont p{
			line-height: 25px;
		}
		.about_us_cont p img{
			width: 40%;
			padding: 10px;
		}
		.our_advantage li{
			width: 46%;
			padding: 0px ;
			height: auto;
			margin: 0px 2% 10px;
			border:2px solid #777;
		}
		.our_advantage li img{
			width: 60%;
		}
		.our_advantage li p{
			display: none;
		}
		.our_advantage li:nth-child(3n+3){
			margin: 0px 2% 10px;
		}
		.us_news{
			width: 100%;
			margin: 10px 0px;
			padding: 0px;
		}
		.news_list_li{
			padding: 0px;
		}
		.news_list_li h1{
			padding: 0px 0px 0px 10%;
			box-sizing:border-box;
		}
		.news_list_li li{
			box-sizing:border-box;
			padding: 0px 5px ;
			background: none;
		}
		.our_advantage li h1{
			font-size: 14px;
			border-top: 2px solid #777;
		}
		.news_list_li li a{
			float: left;
			width:60%; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; course:hand;
		}
		.foot{
			width: 100%;
			padding: 0px;
			margin: 0px;
			display: none;
		}
		.ft_lt{
			display: block;
		}
		.bbc b{
			width: 10%;
			margin: 10px 45%;
		}
		.foot p{
			width: 100%;
			text-align: center;
			line-height: 25px;
		}
		.foot_logo{
			display: none;
		}
		.main_left{
			width: 100%;
			margin: 0px 0px 10px 0px;
		}
		.columns{
			width: 100%;
			border:none;
			box-sizing: border-box;
		}
		.columns li{
			border: 1px solid #ccc;
			width: 47%;
			margin: 0px 1% 10px;

		}
		.columns li a{
			width: 100%;
			height: 40px;
			text-align: center;
			padding: 0px;
		}
		.columns li span{
			width: 60%;
			display: none;
		}
		.columns li:last-child{
			border: 1px solid #ccc !important;
		}
		.columns li h1{
			line-height: 40px;
			font-size: 14px;
		}
		.pad100{
			padding: 0px;
		}
		.main_right{
			width: 100%;
		}
		.main_rule {
			margin: 10px 0px;
		}
		.main_show_cont{
			margin: 0px 0px 30px;
		}
		.main_show_cont .title h1{
			font-size: 14px;
		}
		.main_show_cont .title span{
			width: 100%;
			float: left;
			margin: 10px 0px 0px;
		}
		.main_show_cont  .content{
			width: 100%;
			padding: 0px 10px;
			box-sizing:border-box;
		}
		.menu_phone{
			display: block;
			position: fixed;
			right: 30px;
			bottom: 40px;
			z-index: 1000;
		}
		.footer{
			background: #3c3c3c;
		}
		.news_list_cont li{
			border-bottom: 1px solid #ccc;
			margin: 0px 0px 30px 0px;
		}
		.news_list_cont li h1{
			font-size: 12px;
			padding: 0px 10px 5px 10px;
			border-bottom: none;
			box-sizing:border-box;

		}
		.news_list_cont li h1 span{
			float: left;
			width: 100%;
			margin: 5px 0px 0px;
		}
		.news_cont h6{
			display: none;
		}
		.news_cont p{
			width: 100%;
		}
		.news_list_cont .news_cont{
			margin: 0px;
		}
		.title_cent{
			display: none;
		}
		.pro_list_li{
			margin: 10px 0px;
		}
		.pro_list_li li{
			width: 46%;
			float: left;
			margin: 0px 2% 10px;
		}
		.pro_list_li li div{
			display: none !important;
		}
		.pro_list_li li img{
			height: 150px;
		}
		.pro_show_cont{
			margin: 0px;
		}
		.pro_show_img{
			padding: 0px 10px;
			box-sizing:border-box;
		}
		.pro_show_img img{
			width: 50%;
			height: auto;
		}
		.pro_show_img h1{
			width: 50%;
		}
		.pro_show_img h1 p span{
			display: none;
		}
		.pro_show_main_cont{
			width: 100%;
			margin: 10px 0px ;
			padding: 10px;
			box-sizing:border-box;
		}
		.video_list_li{
			margin: 10px 0px;
		}
		.video_list_li li{
			width: 46%;
			float: left;
			margin: 0px 2% 10px;
		}
		.video_list_li li img{
			width: 100%;
			height: 150px;
		}
		.video_list_li li h1{
			float: left;
			width:100%; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; course:hand;
		}
		.video_hover{
			display: none !important; 
		}
		.videoinfo{
			height: 200px;
		}
		.videoinfo embed{
			width: 100%;
			height: 200px;
		}
		.videoinfo_heng{
			display: none;
		}
		.video_show_li .content{
			width: 100%;
			margin: 20px 0px 0px;
			background: none;
		}
		.video_show_li .content p{
			color: #333;
		}
		.page_show{
			width: 100%;
			padding: 0px 10px;
			box-sizing:border-box;
			margin: 0px;
		}
		.page_show img{
			width: 80%;
		}
.page_show img{
	padding:10px 0px;
}
		.our_yewas{
			padding: 0 10px;
			box-sizing:border-box;
			height: 93px;
			display: block;
			overflow: hidden;
		}
		.pic_yewu{
			margin: 20px 0;

		}
		.font_yewu{
			margin: 0;
			box-sizing:border-box;
		}
		.font_yewu h1 {
			margin: 0px 0px 0px;
			line-height: 30px;
			font-size: 16px;
			text-align: left;
		}
		.font_yewu p{
			line-height: 20px;
			text-indent: 0px;
		}
		.sbhd{
			width: 100%;
		}
		.swiss{
			margin: 30px 0 0;
		}
		.video_show_li embed{
			width:90%;
			float: left;
		}
		.page_show p{
		line-height: 25px;
		font-size: 12px;
		margin: 0px 0px 10px 0px;
		text-indent: 0px;
		}
	}

	@media (max-width:1200px) {
		.item{
			top:230px;
		}
	}

	.foot_icon a img{
	float:right;
	margin:3%;
}