body {
	font-size: 62.5%;
	width: 100%; overflow-x:hidden
}
.mobx {
	display: block!important;
}
.pcx {
	display: none!important;
}
.wp {
	width: 100%
}
#hd {
	height: 50px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 100%
}
#hd .hd-logo {
	height: 40px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	display: block;
	width: 50%
}
#hd .hd-logo img {
	height: 100%;
}
#hd .mobmu {
	float: right;
	margin-top: 0px;
	width: 50px;
}
#hd .mobmu img {
	margin-top: 10px;
	margin-right: 10px;
	height: 30px
}
.hide {
	display: none!important
}
.show {
	display: block!important
}
.invisible {
	visibility: hidden
}
.dbiaot h4 {
	line-height: 30px;
	font-size: 18px;
}
.dbiaot h3 {
	line-height: 34px;
	font-size: 20px;
	color: #f26d6d;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#banner .text {
	display: none
}
.solution ul li {
	float: none;
	width: 96%;
	margin-left: 2%
}
.solution .text {
	float: left; 
	margin-left: 15px;
	margin-right: 15px;
	width: calc(100% - 80px)!important;
}
.solution ul{ width:100%}
.solution {
	padding-bottom: 0px;
}
 
.index-news .list-wp .text {
    float: right;
    width: calc(100% - 90px)!important;
}
.index-news .list-wp {
    padding: 20px 20px 0; padding-bottom:20px
}
#nav {
	background: #ffffff;
	position: fixed;
	top: 2.2rem;
	bottom: 0;
	width: 100%;
	z-index: 10;
}
#nav ul {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	height: 1rem;
	/*border-top: 1px solid #e9e9e9;*/
	border-bottom: 1px solid #e9e9e9;
	align-items: center;
 padding: 0 .3rem;
}
.index-news ul li {
    float: left;
    border-right: 0px solid #ececec;
    width: 100%;
    height: auto;
}


.index-about {
	padding-bottom: 0px;
	position: relative;
}
.item {
	padding-top: 10px;
}
.item-tit {
	text-align: center;
	padding-bottom: 10px;
}
.index-about .text {
	width: 96%;
	margin-left: 2%;
	padding-bottom: 30px
}
.item-tit h2 {
	line-height: 50px;
	height: 50px;
	font-size: 22px;
	color: #008ccb;
	position: relative;
	text-transform: uppercase;
}
.index-about .text a {
	display: block;
	width: 134px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #0865a2;
	color: #fff;
	position: relative;
	top: 24px;
	margin: auto;
	border-radius: 5px;
	font-size: 1rem
}
.footer .infos {
	width: 96%;
	border-right: 0px solid #565656;
	margin-left: 4%
}
.footer .ft-nav {
	height: auto;
	border-left: 0px solid #414141;
	padding-left: 0px;
	width: 96%;
	margin-left: 4%
}
.footer .hotline {
	width: 100%;
	padding-left: 0px;
}
.footer .associate {
	width: 200px;
	text-align: center;
	display: none
}
.copyright p a {
	float: right;
	color: #6b6b6b;
	display: none
}
.poster-listin li {
	float: left;
	width: calc(50% - 30px);
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: center;
	margin-left: 20px
}
.poster-listin li .text {
	font-size: 16px
}
.index-news {
	padding-top: 0px;
	padding-bottom: 0px;
}
#nav {
	padding-top: 30px
}
#nav li {
	float: left;
	margin: 0px;
	width: 33.333%
}
#nav li a {
	display: block;
	height: 50px;
	line-height: 50px;
	position: relative;
	min-width: 56px;
	text-align: center;
	font-size: 16px;
}
.page-banner {
	height: 150px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-size: auto 100%;
}
.page-banner .text {
	position: absolute;
	width: 100%;
	top: 0%;
	margin-top: 10px;
	text-align: center;
}
.news-menu {
	width: 100%
}
.menuxx .top-bar .news-menu a {
	float: left;
	line-height: 50px;
	padding: 0px;
	font-size: 16px;
	margin-right: 0px;
	width: 25%;
	display: block;
	text-align: center
}
.menuxx .top-bar .crumbs {
	display: none
}
.menuxx .top-bar {
	padding-top: 0px;
}
.about .intro {
	width: calc(100% - 20px);
	margin: 0 auto;
	margin-bottom: 0px;
}
.about .intro .img {
	display: none
}
.dbiaot {
	padding-top: 20px;
	padding-bottom: 0px;
	text-align: center
}
.about .intro .aboutdm P {
	font-size: 14px;
	padding-top: 2px;
	line-height: 25px;
}
.abouti .course {
	display: none
}
.product-list {
	width: calc(100% - 20px);
	margin: auto
}
.honor .product-list li {
	float: left;
	width: calc(50% - 5px);
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.honor .product-list li:nth-child(3n) {
	margin-right: 10px
}
.honor .product-list li:nth-child(2n) {
	margin-right: 0px
}
.aboutfz {
	width: calc(100% - 20px);
	margin: 0 auto;
}
.course .course-con {
	padding: 0px 0 0 80px;
	padding-top: 0px;
	overflow: hidden;
	padding-top: 20px;
}
.course .course-item {
	position: relative;
	margin-bottom: 20px;
}
.pro-page .product-list li {
	float: left;
	width: calc(50% - 5px);
	margin-right: 10px;
	margin-bottom: 10px;
}
.pro-page .product-list li:nth-child(3n) {
	margin-right: 10px
}
.pro-page .product-list li:nth-child(2n) {
	margin-right: 0px
}
.about .intro p {
    margin-bottom: 4px;
   
}
.hotnews{ display:none}
.news-wp {
    background: #fff;
    padding-top: 0px;
}

.news .news-list li {
    float: none;
    width: calc(100% - 20px); 
    height: auto; margin-left:10px; height:4rem
}

.news .news-list .img {
    float: left;
    width: 30%;
    height: auto;
    overflow: hidden;
}.news .news-list .text {
    float: right;
     width: calc(70% - 10px);
}
.news .news-list .text p{ height:25px; overflow:hidden; display:block}

.news .news-con {
    padding: 10px 10px;
}
.nbody img{ max-width:100%}
.baiduditu{width: calc(100% - 20px)!important; margin-left:10px!important; height:12rem; margin-bottom:10px;}

.contact .infos {
    float: left; 
    background: #f0f0f0;
   width: calc(100% - 20px)!important; margin-left:10px!important; 
    border: #ccc solid 1px;
}
.contact {
    padding-bottom: 10px;
}
.body img{ max-width:100%!important}
.aboutmape{  width: calc(100% - 20px)!important; margin-left:10px; padding-bottom:10px; border-radius:10px; margin-top:10px;}