﻿@charset "utf-8";

@media screen and (max-width:768px) {
	body {font-size:0.85rem;}
	.wrapper{ width:100%;}
	.header {height:60px; padding-top:0;}
	
	.header .logo { top:10px; left:10px;}
	.header .logo img{ height:40px;}
	
	.header .tel{ display:none;}
	.header .snav_btn { position:absolute; display:block; width:24px;height:24px;cursor:pointer; top:18px; right: 10px; background:url(../picture/menu.png) no-repeat; background-size:24px;}

	.hideMenu {background:#fff;width:100%;height:100%;position:fixed;top:0;z-index:999999999;display:none;}
	.hideMenu .hidemain {position:relative;width:100%;height:100%;}
	.hideMenu .top {overflow:hidden;margin:10px;}
	.hideMenu .top .img {float:left;}
	.hideMenu .top .img img {height:40px;}
	.hideMenu .top .close {float:right;cursor:pointer;}
	.hideMenu .top .close img {height:20px;margin-top:5px;}
	.hideMenu ul {border-top:1px solid #eee;overflow:hidden;height:100%; margin:10px 10px}
	.hideMenu ul li {width:100%; font-size:1rem; height:3.5rem; line-height:3.5rem;border-bottom:1px solid #eee;position:relative; overflow:hidden}
	.hideMenu ul li a {display:block; padding-left:1rem;}
	.hideMenu ul li i{width: 0.5rem; height: 0.5rem; border-left: 1px solid #ccc; border-top: 1px solid #ccc; outline:none;-webkit-transform: rotate(-225deg); transform: rotate(-225deg); position:absolute; top:1.5rem; right: 1rem;}
	.hideMenu .bottom {position:absolute; bottom:30px; left:0;width:100%; text-align:center}
	
	.navbox,
	.nav {display:none;}

	/*footer*/
	.footer {padding:30px 15px 10px 15px;}
	
	.footer .f-nav{ display:none;}
	.footer .f-link { display:none;}
	.footer .f-lx { float: none;}
	.footer .f-lx span {float: none; width:100%; display:block; font-size:0.75rem; margin:0 auto 10px auto;}
	.footer .f-lx span img{ width:100px; margin:10px auto}
	.footer .f-lx p{ line-height:22px; margin-bottom:5px;font-size:0.75rem;}
	
	.copyRight {padding:10px; font-size:0.7rem; text-align:center}
	.copyRight span { display:none}

	.banner .swiper-container {height: auto;}
	.banner .swiper-slide { background:none;}
	.banner .swiper-slide img{ display: block; width:100%;}
	
	.banner .swiper-pagination{ bottom:10px;}
	.banner .swiper-container-horizontal .swiper-pagination-bullets { bottom: 10px;}
	.banner .swiper-pagination-bullet { width: 20px;}
	
	.banner .swiper-button-prev,
	.banner .swiper-button-next{ display:none;}
	
	.w-tit {margin-bottom:20px;}
	.w-zh {font-size: 1.25rem }
	.w-en { font-size: 1rem;}
	
	.link-more{ margin-top:20px;}
	.link-more a {font-size: 1rem; line-height: 40px; border-width:1px; padding:0 20px; }
	
	.w-fuwu { padding:30px 15px;}
	.w-fuwu li{ width:40%; margin:2.5% 5%;}
	.w-fuwu li .img{width:80px; height:70px;}
	.w-fuwu li h3{ font-size:0.9rem; margin-top:10px; }
	.w-fuwu li p {height:40px; line-height:20px; font-size: 0.7rem; margin-top:5px;}
	
	.w-youshi{ padding:30px 15px;}
	.w-youshi .mbox2Num{margin:50px 0 50px ;}
	.w-youshi .mbox2Num li{ float: left; width:50%; margin-top:50px;}
	.w-youshi .mbox2Num li .mbox2NumSp{font-size:2rem; padding-left:40px;}
	.w-youshi .mbox2Num li .mbox2NumSp:after { font-size: 1.5rem;}
	.w-youshi .mbox2Num li p{font-size: 0.8rem; line-height:22px; padding:0 40px;}
	.w-youshi .mbox2Num li p:before {width:20px; height: 5px; }
	.w-youshi .mbox2Num li strong{font-size:1rem;}

	.w-rz { padding:30px 15px;}
	.w-rz li{ width:49%;}
	.w-rz li a{ height:100px; border-radius:10px;}
	.w-rz li:nth-child(2n){ margin-right:0;}
	.w-rz li h2{ height:50px; line-height:50px; font-size:1.25rem;}
	.w-rz li:nth-child(1) h2,
	.w-rz li:nth-child(2) h2{ font-size:1.05rem;}
	.w-rz li p{ margin-top:5px; font-size:0.6rem; height:20px; line-height:20px; padding:0 5px; overflow:hidden;}
	.w-rz li h3{ font-size: 0.8rem;}
	.w-rz .link-more{ margin-top:20px;}

	.w-news {padding:30px 15px}
	.w-news li {float: none; width:100%; margin-right:0; margin-bottom: 20px;}
	.w-news li .img {height: auto;}
	.w-news li .txt { padding:3% 4%;}
	.w-news li .txt h3 {margin-bottom:10px;font-size: 0.9rem; }
	.w-news li .txt p {line-height: 22px; height:44px; font-size:0.8rem;}
	.w-news li .txt span {font-size: 0.8rem;}

	.w-fz{ padding:30px 0; background-size:cover}
	.w-fz li { width: 48%; margin: 1%;padding: 2% 4%;}
	.w-fz li:before {width: 3px;height: 20px;top: 10px;}
	.w-fz li h4 {font-size: 0.9rem; margin-bottom: 3%;}
	.w-fz li p {font-size: 0.8rem;}
	.w-fz li p img { display:none}
	.w-fz li em {display: none;}

	.w-fz .link-more{ margin-top:20px;}
	.w-fz .link-more a { border-width:1px;}


	.w-zz{padding:30px 15px;}
	.w-zz .swiper-container{height:155px;}
	.w-zz .swiper-slide .box{ height:75px; padding:10px;}
	.w-zz .swiper-slide h5{font-size:1rem;}
	.w-zz .swiper-slide p {font-size:0.8rem; }
	.w-zz .link-more{ margin-top:20px; }


	.w-kh{padding:30px 15px;}
	.w-kh .swiper-slide a{margin:10px 5px; padding:5px;}

	.sub-banner{ height:150px;}

	.bt-box{height: 40px; line-height: 40px; padding:0 15px;}
	.bt-position {height: 40px; font-size: 0.8rem}
	.bt-position span {height: 40px;float: left; padding: 0 5px 0 20px;}
	.bt-position em{ font-style:normal;}

	.sub-nav{height:45px; border-bottom:#e5e5e5 solid 1px;}
	.l-tree li{font-size:0.9rem; padding:0 20px;  }
	.l-tree li a{ height:45px; line-height:45px;}
	.l-tree li a:hover,
	.l-tree li.cur a{height:45px; border-bottom-width:2px;}

	.sub_box{padding:30px 15px;}

	.developmentBox::before {left: 40%;}
	.developmentBox .timeYear { width: 35%;}
	.developmentBox .timeYear li {height: 38px; line-height:38px; margin-bottom: 20px;}
	.developmentBox .timeYear li p{ font-size:1rem}
	.developmentBox .timeYear li::after { width: 5px; height: 5px; top: 50%;left: 112%;}
	.developmentBox .memorabilia {width: 55%;}
	.developmentBox .memorabilia li{height: 40px; line-height: normal; margin-bottom: 20px; font-size:0.8rem; display: flex; align-items: center; /*定义body的元素垂直居中*/}
	.developmentBox .memorabilia li p{ margin-bottom:0;}
	.developmentTxt{ margin:20px 0;}
	.developmentTxt h3 { font-size: 1.25rem;}
	.developmentTxt h2 {font-size: 1.5rem;}
	.developmentTxt h5 { font-size: 1rem;}


	.contact-box {padding: 15px;}
	.contact-view {overflow: hidden;}
	.contact-view > div {float: none;margin: 0;}
	.contact-con {width: 100%;padding:0 2%;}
	.contact-con ul {top: 0;transform: translateY(0);}
	.contact-con-li {font-size: 0.9rem;}
	.contact-con-li .txt {left: 40px; width:calc(100% - 40px);}
	.contact-con-li .txt h4 {font-size: 1rem}
	.contact-con-li .txt p{font-size: 0.8rem;}
	.contact-img {width: 100%; padding:0; border: 0;}
	#allmap {height:100%;width: 100%;margin: 0 auto;}
	.contact-com {clear: both;padding: 5% 0;}
	.contact-com li { float:none; width: 98%; padding:2% 4%;}
	.contact-com li:before {top: 10px;}
	.contact-com li h4 {font-size: 1rem;}
	.contact-com li p {font-size: 0.8rem;}

	.sub-rz{ padding:30px 15px;}

	.news-list { padding:0}

	.down-list{ padding:30px 15px;}
	.down-list li{ float: none; width:100%;  height:50px; line-height:50px; font-size: 0.9rem}
	.down-list li:nth-child(2n){ float: none;}

	.zschaxun {width:100%; border-width:5px; padding: 45px 0;}
	.zschaxun h4 { font-size: 1.25rem;}
	.zschaxun h6 { font-size: 0.9rem; margin-top: 20px; margin-bottom:20px;}
	.zschaxun form{ width:80%; margin:0 10%;}
	.zschaxun input[type=text] { height: 45px;}
	.zschaxun #chaxun { width: 100%; height: 50px; line-height:50px; font-size:1rem;}

	.zstable { width: 90%; margin:0 5%;}
	.zstable h4{ padding-bottom:20px;}
	.zstable li{padding: 15px;font-size: 0.8rem; display: flex; }
	.zstable span { width:80px;}

	.onlinesq{ float:none; width:100%;}
	.onlinesq .title{font-size:1.25rem ;padding-bottom:20px; }
	.onlinesq li { height:45px; line-height:45px; }
	.onlinesq li em{ display:none}
	.onlinesq li>input,
	.onlinesq li>div{padding-left:0;background: #eee; font-size:0.8rem}
	.onlinesq .submit { width: 100%;margin-top: 15px;font-size: 1rem;}
	
	.onlinesq li>div{ float:none; width:100%;margin-top: 5px;}
	.onlinesq li label{ display:block;}
	.onlinesq li label>input{ margin-right:5px;}
	
	.onlineimg{ display:none;}
	
	/*正文定义*/
	#article-lsf{font-size:1rem; text-align:justify;}
	#article-lsf p{margin-bottom:20px;}
	#article-lsf img{ width:100%;}
	#article-lsf table{margin-top:15px;table-layout:fixed}
	#article-lsf table th{padding:5px; font-size:0.85rem;}
	#article-lsf table td{padding:5px; width:25%; font-size:0.85rem;word-break:break-all; word-wrap:break-all;}
	#article-lsf table td p{ margin-bottom:0px;}
	#article-lsf table td img{width:100%; display:block;}

	/*正文文章样式*/
	.single_title{font-size:1.25rem; padding-bottom:20px;}
	.single_add{ font-size:0.8rem;margin-bottom:20px;}
	.pre_next{font-size:0.8rem; padding-bottom:0;}

	/*分页样式开始*/
	.turnover {font-size:1rem;}
	.turnover .fy{ display:none;}

	.newFixedRight{height: 45px; bottom: 20px;}
	.newFixedRight .box2{ display:none;}
}