@charset "utf-8";
/* CSS Document */
*{margin:0 ;padding:0;}
a{text-decoration:none;outline:none;color:#333;}
a:hover{text-decoration:none;color:#333;}
img{outline:none;border:none;}
li{list-style:none;}
@font-face {
  font-family: "DIN-Medium";
  src: url("../fonts/DIN-Medium.woff2") format("woff2"),
       url("../fonts/DIN-Medium.woff") format("woff"),
       url("../fonts/DIN-Medium.ttf") format("truetype"),
       url("../fonts/DIN-Medium.eot") format("embedded-opentype"),
       url("../fonts/DIN-Medium.svg") format("svg");
}
body{font-family:Helvetica LT Std, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif;}
html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;}

.clear {clear:both;}

.inner_content{width:100%;margin-top:1rem;margin-bottom:5rem;}

.owl-carousel .owl-dots{position:absolute;width:100%;left:0;bottom:1rem;text-align:center;}
.owl-carousel button.owl-dot{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50px;background:#fff;margin:0 10px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;outline:none;}
.owl-carousel button.owl-dot.active{background:#FF8000;}

/*.header{
	position: fixed;
	top: 0;
	width: 100%;
	background: url(https://m.szridge.com/Public/images/wechat/head-back.png);
	background-repeat: no-repeat;
	background-size: 10rem 4rem;
	background-position: right; 
	overflow: hidden;
	height: 5rem;
	z-index: 101;
	background-color: #fff;
}*/
.header img{
  margin: 1rem 3%;
}
.head-logo{
  width: 12rem;
  /* height: 2.5rem; */
  float: left;
}
.head-sel{
  float: right;
  /* width: 2.2rem; */
  height: 2.2rem;
  vertical-align: middle;
}

.header_InnerPage{
	position: fixed;
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 5rem;
	z-index: 101;
	background-color: #FF8000;	
	display: flex;
    justify-content: space-between;
}

.returnBtn img{
   margin: 1.5rem   0rem 1.5rem 1rem ; 
}
.header_InnerPage_font{
	color: #ffffff;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
	line-height: 5rem; 
	/* width: 100%; */  
	float:left; 
}
.header_InnerPage_sel{
    float: right;
    width: 2.2rem;
    height: 2.2rem;
    margin: 1.5rem 1rem 1.5rem 0; 
}

/*.footer{
	background:#fff;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:101;
	border-top:0.12rem solid #D5D5D5;
}
.footer ul{
	overflow:hidden;
	margin: 0;
	display: flex;
    justify-content: space-around;
	    padding: 0.5rem 0 0.8rem;
}*/
.footer ul li{
	flex:0 0 33.33%;
	/* float:left; */
	text-align:center;

}
.footer ul li img{
	width:2rem;
	height:2rem;
	margin: 0.5rem 0;
}
.footer-li-actives{
	color:#E53742;
}

.index-new{
	width:100%;
	padding:0.5rem;
	border-bottom:0.3rem solid #f2f2f2;
}

.new-head{
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  display:flex;
  justify-content:space-between
  /* border-bottom:0.1rem solid #F2F2F2; */
}
.new-head-font{
  color: #E91F2B;
  font-weight: 600;
  line-height: 1.7;
  border-bottom: 0.1rem solid #E91F2B;
  font-size: 1.8rem;
  white-space:nowrap
}
.new-head-font img{
  width: 1.5rem;
  vertical-align: middle;
}
.new-head-more{
  text-align: right;
  line-height: 2.7;
  font-size: 0.8rem;
  vertical-align: middle;
  color: #666666;
  width:100%;
  border-bottom: 0.1rem solid #F2F2F2;
}
.new-body{
  color: #666666; 
  width: 100%;
  font-size: 1.6rem;
  overflow: hidden;
}
.new-ul{
  width: 95%;
  margin: 0.5rem auto;
}
.new-li{
	line-height: 2;
	overflow:hidden; 
	width:100%;
	display: flex;
    justify-content: space-between;
}
.new-li-title{
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	width:80%;
	/* float:left; */
}
.new-li-detail{
  /* float: right; */
  color: #E91F2B;
  width:10%;
}

.index-menu{
	width:100%;
	padding:0.5rem;
}
.menu-head{
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  border-bottom:0.1rem solid #F2F2F2;
}
.menu-head-font{
  float: left;
  color: #E91F2B;
  font-weight: 600;
  line-height: 1.7;
  border-bottom: 0.1rem solid #E91F2B;
  font-size: 1.8rem;
}
.menu-head-font img{
  height: 1.2rem;
  vertical-align: middle;
}
.menu-head-more{
  width: 65%;
  float: right;
  text-align: right;
  line-height: 2.7;
  font-size: 0.8rem;
  vertical-align: middle;
  color: #666666;
}
.menu-ul{
display:flex;flex-flow:wrap;
  margin: 1rem auto;
  overflow: hidden;
  justify-content: center;
}
.menu-li{
	width: 30%;
    text-align: center;
    margin: 0.2rem 1%;
    padding: 0;
	
}
.menu-li-img {
	width: 5rem;
    background: #EC6462;
    margin: 0 auto;
    padding: 1rem 0;
    border-radius: 2.5rem;
}
.menu-li-img img{
	width: 3rem;
	height: 3rem;
}
.menu-li-font{
	line-height: 2;
	margin: 0.2rem auto;
	color: #666666;
	font-size: 1.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.red-back{
  background: #F1594E;
}
.yellow-back{
  background: #FFBF43;
}
.blue-back{
  background: #62AEE0;
}
.ching-back{
  background: #4CC99F;
}
.green-back{
  background: #96CA4B;
}
.purple-back{
  background: #9B58FF;
}
.nav{
	width:100%;
	position: fixed;
	z-index: 100;
}
.nav ul {
	width: 100%;
	box-shadow: 0px 3px 3px #EAEAEA;
}
.nav ul li {
	width: 100%;
	margin: 0 auto;
	line-height: 3;
	border-top: 1px solid #E6E6E6;
	overflow: hidden;
	background: #fff;
}
.nav-li-span{
	width: 60%;
	float: left;
	text-align: left;
	margin-left: 5%;
}
.nav-li-icon{
	float: right;
}
.nav-li-icon img{
	height: 15px;
	max-width: 100%;
	vertical-align: middle;
	margin-right: 12px;
}
.head-ul{
	width: 100%;
    border-bottom: 0.5rem solid #f2f2f2;
    overflow: hidden;
    padding: 1.4rem 1.4rem;
    font-size: 1.4rem;
    display: flex;
	justify-content:space-between;
}

.head-ul  li{
	margin: 0.2rem 0.3rem;
    border: 1px solid #333333;
    background: #ffffff;
    color: #333333;
    padding: 0.4rem 1.2rem;
    border-radius: 1.8rem;
	position:relative;
}
.head-ul li:after, .head-ul li:before{
	border: solid transparent;
	content: ' ';
	height: 0;
	top: 100%;
	position: absolute;
	width: 0;
}


.head-ul  li a{
  color: #333333;
} 
.activ{
  border: 0.1rem solid #FF8000 !important;
  background: #FF8000 !important;
  color: #ffffff !important;
  font-weight: 600;
}
.activ:after {
	border-width: 0.75rem !important;
	border-top-color: #FF8000 !important;
	left: calc( 50% - 0.75rem ) !important;
} 
.activ a{
  color: #ffffff !important;
}



.inner_title{width:90%;margin:0.6rem auto;overflow: hidden;display:flex}
.inner_title .title_left{color:#FF8000;font-size:1.7rem;line-height:2;font-weight:800;border-bottom:2px solid #FF8000;white-space:nowrap;}
.inner_title .title_right{width:100%;border-bottom: 2px solid #f2f2f2}

.right-content pre{color:#333;background:#f2f2f2;border:0;padding:10px 0;font-size:1.6rem;white-space: pre-wrap;word-wrap: break-word;line-height:1.5rem}

.dc-head{
	margin: 0 auto;
	margin-bottom: 0.7rem;
	width: 90%;
	font-size: 1.8rem;
	font-weight: 600;
	overflow: hidden;
	color: #FF8000;
	border-bottom: 1px solid #f2f2f2;
	display:flex;
	padding-bottom:3px
}
.dc-head .tit_right{display:table-cell;margin-right: 0.7rem}
.dc-head .tit_right img{width: 1.4rem;height: 1.3rem;vertical-align:middle}


.cptd-head {
    margin: 0 auto;
    margin-bottom: 0.7rem;
    width: 90%;
    font-size: 1.7rem;
    font-weight: 600;
	overflow: hidden;
	display:flex
}
.cptd-head .tit_icon{display:table-cell;margin-right: 0.5rem}
.cptd-head .tit_icon img{width:1.2rem;height:1rem;vertical-align:middle}

/* 扫码关注 */
.info-ppm{
    color: #FF8000;
    font-size: 1.6rem;
    overflow: hidden;
    margin: 1.4rem auto 0;
    display: flex;
    justify-content: center
}
.line{margin: 0.7rem 0;width: 3.5rem;height: 0.08rem;background-color: #FF8000;}
.ppm-font{font-weight: 600;margin: 0 5%}