@charset "utf-8";
/* CSS Document */
.container {
    margin-right: auto;
    margin-left: auto;
}
.head_ph{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #fff;
	z-index: 200;
	border-bottom: 1px solid #ddd;
}

.head_ph .container, .head_ph .logo {
    position: relative;
    height: 100%;
}

.head_ph .logo {
    line-height: 60px;
    text-align: center;
	padding-top:16px;
}

.head_ph .logo img {
    width: 165px;
    height: 36px;
}

.head_ph .menuph {
    position: absolute;
    top: 21px;
    right: 15px;
    cursor: pointer;
}

/*手机下拉菜单*/
.xialaph{
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	background-color: #fff;
	display: none;
	z-index: 198;
	padding-bottom: 38px;
}
.xialaph .ul2,
.xialaph .ul3{
	display: none;
}
.xialaph h4 a{
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 53px;

}
.xialaph h4 a.z_a{
	float:left;
    display:block; width:80%;
}
.xialaph h4{
	border-bottom: 1px solid #e6e6e6;
	height: 54px;
}
.xialaph .container{
	padding-left: 30px;
	padding-right: 30px;
}


@media (min-width: 768px){
.container {
    width: 750px;
}
.old_right{ top:40px;}
.sh3{ font-size:20px; letter-spacing:10;}
.sh4{ font-size:14px; letter-spacing:5;}
.sh5{ font-size:14px;}
.alzs_nav ul{ margin:0; zoom:1;}
.alzs_nav ul li{ width:31%; margin-left:1%; margin-right:1%; margin-bottom:2%; height:auto;}
.prev{ display:none;}
.next{ display:none;}
.thnews_cen ul li{ width:100%; margin-right:0; margin-top:0; margin-bottom:30px;}
.ab4{ display:none;}
.ab5{ display:block;}
.
}

@media (min-width: 992px){
.container {
    width: 970px;
}
.old_right{ top:60px;}
.sh3{ font-size:30px; letter-spacing:10;}
.sh4{ font-size:16px; letter-spacing:5;}
.sh5{ font-size:16px;}
}

@media (min-width: 1200px)
{
.container
{
	width: 1200px;
}
.old_right{ top:90px;}
.sh3{ font-size:38px; letter-spacing:10;}
.sh4{ font-size:24px; letter-spacing:5;}
.sh5{ font-size:20px;}
.alzs_nav ul li{ width:18%; float:left; margin-left:12px; margin-right:12px; margin-top:15px; margin-bottom:0; overflow:hidden;}
.prev{ display:block;}
.next{ display:block;}
.thnews_cen ul li{ width:48%; margin-right:2%; float:left; margin-top:30px;}
.ab4{ display:block;}
.ab5{ display:none;}
}

@media screen and (max-width: 1199px){
.head_ph{
    display: block;
}
}

@media screen and (max-width: 1199px){
.container
{
	padding:0 15px;
}
.header_top, .head_pc, .dong .dongtair .imgk, footer .di_dis, .product_l .ul1 {
    display: none;
}
.fwzx_nav .waper{ margin-top:20px;}
.wap2{ font-size:16px; padding-top:20px;}
.wap3{ font-size:14px; line-height:20px; padding:10px 20px 0 20px;}
.foter_left{ float:none; width:100%;}
.foter_right{ width:100%;}
.list_case a{ width:31%;}
.list_case a span img{ height:100%;}
.list_case a p{ font-size: 1.2vw;line-height: 6vw;}
.m-xinwen{width:100%; margin-bottom:20px;display:block;}
.alzs{ display:none;}
.m-anli  .picScroll-right .bd ul li{ width:33.333%;}
.th_news{ padding-top:0;}
}

@media screen and (max-width: 767px){
.img_over,.img_out{
	width:100%;
}
.img_out{
	margin-top:15px;
}
.old_right{ top:60px;}
.sh3{ font-size:30px; letter-spacing:10;}
.sh4{ font-size:16px; letter-spacing:5;}
.sh5{ font-size:16px;}
.fwzx_nav{ width:47.3%; margin-right:1%; margin-bottom:2%; margin-left:1%; padding-bottom:20px;}
.wap_more{ display:none;}
.product .container{ padding-left:10px; padding-right:10px;}
.fwzx{ padding-bottom:30px;}
.ab4{ display:none;}
.ab5{ display:block;}
.thnews_cen ul li{ width:100%; margin-right:0; margin-top:0; margin-bottom:30px;}
.alzs .sh2{ padding-left:10px; padding-right:10px;}
.alzs_nav ul{ margin:0; zoom:1;}
.alzs_nav ul li{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%; height:auto;}
.prev{ display:none;}
.next{ display:none;}
.foter{ display:none;}
.bottom .container{ padding-left:10px; padding-right:10px;}
.list_product a span{ font-size: 12px; line-height: 30px;}
.news_nav .news_left{ width:100%; height:53.5%;}
.news_right{ width:100%; height:46.5%;}
.news_nav{ height:115vw;}
.list_news{ padding:10px;}
.news_cen{ height:85%; width:95%;}
.news_cen span{ font-size:4.5vw;line-height:4.5vw;margin-bottom:3vw;}
.news_cen h2{ font-size:4.5vw;line-height:7vw;margin-bottom:1vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_cen p{ font-size: 4vw;height: 14vw;line-height: 7vw;-webkit-line-clamp: 2;}
.news_more{ line-height:8vw;font-size: 4vw;width: 40%;}
.news_cent{ padding:10px;}
.list_menu a{ font-size: 2.3vw; margin-right: 2.6vw;}
.list_about h1{ font-size: 5.5vw; margin: 5vw 0 0 0;}
.news_list .img {width: 30%; height: auto; margin: 0 10px 0 0;}
.news_list a div img { width: 100%; height: 20vw;}
.news_list .ere h6 { font-size: 3.2vw; color: #01796a; line-height: 5.4vw; margin-bottom: 6px;padding-top:0;}
.news_list .ere h3 { font-size: 2.2vw;  font-weight: normal; color: #888; height: 8vw; line-height: 4.4vw; overflow: hidden; min-height: 0;}
.news_list .ere h2 { font-size: 2.0vw; padding-top: 5px;}
.news_list {margin-top:0;}
.m-xinwen{width:100%; margin-bottom:20px;display:block;}
.alzs{ display:none;}
.m-anli  .picScroll-right .bd ul li{ width:50%;}
.about_content .shown{ width:100%;}
.product .shown{ width:50%;}
.produst_on .shown{ width:50%;}
.list_menu{ margin-bottom:20px;}
.white-bg{ padding:0;}
.human-list .human-pic{ width:100%; float:none; height:auto; overflow:hidden;}
.human-list dl{ width:100%; float:none;}
.human-list2 .human-pic{ width:100%; float:none; height:auto; overflow:hidden;}
.human-list2 dl{ width:100%; float:none;}
.product{ padding-top:40px;}
.ab1{ padding-top:20px; font-size:22px;}
.ab2{ font-size:14px; padding-top:10px;}
.ab5{ line-height:28px; padding-top:10px;}
.ab_more{ height:30px; line-height:30px; margin:10px auto 0 auto;}
}
@media screen and (max-width: 505px){
	.th_news{ margin-top:40px;}
}
@media screen and (max-width: 640px){
	.list_product a{ width: 48%; margin: 0 1% 2.2% 1%;}
	.news_content h1{font-size: 5.5vw; margin: 5vw auto 0 auto;}
.news_content h1 em{font-size: 3vw; margin: 2vw 0 1vw 0;}
.news_cent{ width: 95%; margin: 3vw auto; line-height: 7vw; font-size: 4vw;}
.list_case a{ width:48%;}
}

