@media screen and (min-width: 640px) 
{
	.m_display{display: none;} 
	
}
@media(max-width: 640px)
{
	.m_about{display: none;} 
}


/* -------------------------------- 

Modal Window

-------------------------------- */
.cd-modal {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}
.cd-modal svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-modal svg > path {
  fill: #ffffff;
}
.cd-modal.bg2 svg > path {
  fill: #fff;
}
.cd-modal .modal-close {
  /* 'X' icon */
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 5%;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3) url("../images/x.png") no-repeat center center;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /* Force hardware acceleration*/
  -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;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.no-touch .cd-modal .modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.cd-modal.modal-is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-modal.modal-is-visible .modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.cd-modal-content {
  position: relative;
  height: 100vh;
  overflow-y: auto;
  padding: 3em 5% 4em;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, transform 0.3s 0s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.modal-is-visible .cd-modal-content {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s, -moz-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}

@media only screen and (max-width: 768px) {

}

/* -------------------------------- 

 Cover Layer - hide main content when modal is fired

-------------------------------- */
.cd-cover-layer {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f2f2f2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
  -moz-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
  transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
}
.cd-cover-layer.modal-is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-modal-content {
  background-color: #eaedf1;
}
.cd-modal-content .Reg_c {
  text-decoration: none;
  color: white;
  padding: 10px 30px;
  display: inline-block;
  position: relative;
  border: 1px solid rgba(0,0,0,0.21);
  border-bottom: 4px solid rgba(0,0,0,0.21);
  border-radius: 4px;
  text-shadow: 0 1px 0 rgb(0 0 0 / 15%);
  box-shadow: 2px 2px 5px #ddd;
  background: #477faf;
}
.cd-modal-content .Reg_c.green {
  background: #5c9b47;
}


/*index*/

.page-about .block{padding:0 0}
.page-about .block .block-container{width:100%;margin:0 auto}
.page-about .block .block-t{padding:0px 0;text-align:center}
.page-about .block .block-t .title{font-size:0.32rem;line-height:1;color: #000;}
.page-about .block .block-t .desc{font-size:16px; line-height: 32px; color:#989898;padding-top:0.16rem}

.page-about .block-question{background:url("../images/bg_quesition.png") no-repeat right bottom;background-size:100%}
.page-about .block-question .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:0.6rem}
.page-about .block-question .inner .item{width:23%;padding:0.4rem 0;margin-right:10%}
.page-about .block-question .inner .item:nth-child(3n-1){margin-left:5%;margin-right:15%}
.page-about .block-question .inner .item:nth-child(3n){margin-right:0}
.page-about .block-question .inner .item .scale{font-size:0.56rem;font-weight:bold;color:#df440d;margin-bottom:0.2rem}
.page-about .block-question .inner .item .scale span{font-size:0.7em}
.page-about .block-question .inner .item strong{display:block;font-size:0.2rem;color:#000;margin-bottom:0.1rem}
.page-about .block-question .inner .item p{color:#666}


@media screen and (max-width: 1140px){
	 .page-about .block-question .inner .item{width:28%;margin-right:5%}
	.page-about .block-question .inner .item:nth-child(3n-1){margin-right:5%
}
	
@media screen and (max-width: 600px){
	.page-about .block-question .inner{padding:0.4rem 0.2rem 0.3rem}
	.page-about .block-question .inner .item{width:44%;padding:0.1rem 0}
	.page-about .block-question .inner .item:nth-child(2n+1){margin-left:0;margin-right:6%}
	.page-about .block-question .inner .item:nth-child(2n){margin-left:6%;margin-right:0}
	.page-about .block-question .inner .item .scale{font-size:0.36rem}
	.page-about .block-question .inner .item strong{font-size:0.15rem}
	.page-about .block-question .inner .item p{font-size:0.13rem}

	
	}


.page_news ul{width:100%;float:left;text-align:center}
.page_news ul li{display:inline-block;width:32px;height:32px;border-radius:100%;border:1px solid #e6e6e6;line-height:32px;color:#666666;margin:0px 4px;text-align:center}
.page_news li span,.page_news li a{width:100%;float:left}
.page_news li:hover,.page_news li.active{border-color:#cf000d;background:#cf000d;color:#fff}
.page_news li:hover a,.page_news li.active a{color:#fff}

/*danyang*/
.List_page{text-align:center;margin:8px;font-family:"宋体";clear:both;}
.List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;color:#333;font-family:"宋体"; font-size:12px;}
.List_page span{background:#ccc;color:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;font-family:"宋体";font-size:12px;}