/* CSS Document */
*{ margin:0; padding:0;transition-timing-function: ease;font-family:"ZITI","微软雅黑";} 
@font-face{font-weight:100;font-style:normal;font-family:HELVETICANEUELTPRO-THEX;src:url(../fonts/HELVETICANEUELTPRO-THEX.OTF),url(../fonts/helveticaneueltpro.ttf),url(../fonts/helveticaneueltpro.woff),url(../fonts/helveticaneueltpro.eot);}
a{ text-decoration:none;}
li{ list-style-type:none;}
img{ border:0;width: 100%;display:inline;vertical-align:middle;}
input,textarea{ outline:none;font-family:"ZITI","微软雅黑";}
@font-face {
    font-family: 'ZITI';
    src: url('../fonts/ZITI.eot');
    src: url('../fonts/ZITI.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/ZITI.woff') format('woff'),*/
         /*url('../fonts/ZITI.ttf') format('truetype'),*/
         url('../fonts/ZITI.otf'),
         /*url('../fonts/ZITI.svg#webfont34M5alKg') format('svg');*/
    font-weight: normal;
    font-style: normal;
}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
.hm .swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.hm .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
body{ font-family:"RTWSYueGoTrial-ExLight","微软雅黑"; margin:0 auto;overflow-x: hidden;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
font-family:"RTWSYueGoTrial-ExLight";
}
i{ font-style:normal;}

textarea {-webkit-appearance: none;}   
a,input,textarea{
	text-decoration:none;
	border:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none;
}
header{
	background: #fff;
	width: 100%;
	margin: 0 auto;
	height: 0.9rem;
	line-height: 0.9rem;
	overflow: hidden;
	color: #fff;
	position: fixed;
	border-bottom: 1px solid #e7e7e7;
	text-align: center;
	z-index: 100;
	top: 0;
}
.wrapper{
	width: 100%;
	overflow: hidden;
	padding: 0;
	transition: all 0.3s;
	box-sizing: border-box;
	background: #fff;
}
.nav-open{
	margin-left: 5rem;
}
.header-h{
	height: 0.9rem;
	margin-bottom: 1px;
}
.nav-btn{
	display: block;
	position: absolute;
	left: 0.35rem;
	top: 0.15rem;
}
.lcbody {
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
    transform: translateZ(0) rotate(0);
    transition: transform .4s cubic-bezier(.4, .01, .165, .99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0) rotate(0);
    transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
    -webkit-transform: translateZ(0) rotate(0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
    width: 0.6rem;
    height: 0.6rem;
}
.lcitem .rect {
    width: 0.6rem;
    height: 1px;
    background: #999;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5px;
    transition: transform .2s ease .2s;
    -webkit-transition: -webkit-transform .2s ease .2s;
}
.lcitem .rect.top {
    transform: translate3d(0, -0.12rem, 0);
    -webkit-transform: translate3d(0, -0.12rem, 0);
}
.lcitem .rect.bottom {
    transform: translate3d(0, 0.12rem, 0);
    -webkit-transform: translate3d(0, 0.12rem, 0);
}
.nav-btn.open .lcitem.bottom {
    transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
}
.nav-btn.open .lcitem {
    transform: translateZ(0) rotate(45deg);
    transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
}
.nav-btn.open .lcitem .rect {
    transition: transform .2s ease .2s;
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease .2s;
    -webkit-transform: translate3d(0, 0, 0);
}
.logo{
	display: block;
	width: 1.9rem;
	height: 0.8rem;
	background: url(../images/logo.png) no-repeat center;
	background-size: cover;
	margin: 0.1rem auto;
}
.go-login{
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/go-login.png) no-repeat right center;
	background-size: 0.31rem auto;
	position: absolute;
	top: 0.15rem;
	right: 0.35rem;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}
.swiper-pagination-bullet{
	width: 0.1rem;
	height: 0.1rem;
	background: #fff;
	opacity: 0.5;
	margin: 0 0.05rem;
	border-radius: 0;
	border-radius: 100%;
	transition: all .3s linear;
}
.swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
	width: 0.38rem;
	border-radius: 0.1rem;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 0.05rem;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 0.26rem;
	width: 100%;
}

.nav-view{
	width: 5rem;
	height: 100%;
	position: fixed;
	left: -5rem;
	top: 0;
	background: #f8f8f8;
	transition: all 0.3s;
}
.nav-view-open{
	left: 0;
}
.navlist{
	margin-top: 1rem;
}
.navlist a{
	display: block;
	height: 0.92rem;
	line-height: 0.92rem;
	padding-left: 0.35rem;
	font-size: 0.28rem;
	border-bottom: 1px solid #eaeaea;
	color: #323232;
}
a.haslv2{
	background: url(../images/nav-bg.png) no-repeat 4.5rem center;
	background-size: 0.16rem auto;
}
/*.navlv2{
	display: none;
}*/
.navlv2 a{
	display: block;
	width: 4.3rem;
	height: 0.92rem;
	line-height: 0.92rem;
	padding-left: 0.7rem;
	font-size: 0.28rem;
	border-bottom: 1px solid #dfdfdf;
	color: #979797;
	background: #fff;
	margin-left: -5rem;
	transition: all 0.3s;
}
.navlv2 a:nth-child(2){
	transition: all 0.3s 0.1s;
}
.navlv2 a:nth-child(3){
	transition: all 0.3s 0.2s;
}
.navlv2 a:nth-child(4){
	transition: all 0.3s 0.4s;
}
.navlv2 a:nth-child(5){
	transition: all 0.3s 0.6s;
}
.erweima{
	position: absolute;
	width: 2.9rem;
	height: 2.9rem;
	bottom: 0.94rem;
	left: 0.35rem;
}
.erweima img{
	width: 100%;
}
a.nav-on{
	color: #36b1b8;
	background-color: #fff;
}
.navlv2-on{
	display: block;
}
.navlv2-on a{
	margin-left: 0;
}
.nav-open-bg{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	left: 0rem;
	box-shadow: -2px 0 5px rgba(153,153,153,0.3);
	transition: left 0.3s,z-index 0.1s 0.3s;
}
.nav-open .nav-open-bg{
	left: 5rem;
	z-index: 99;
	transition: left 0.3s,z-index 0s;
}
.id-tehui-top{
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0.24rem 0.35rem;
	box-sizing: border-box;
	margin: 0.92rem auto 0;
	border-top: 1px solid rgba(204,204,204,0.4);
}
.id-tehui-img{
	float: left;
	width: 1.75rem;
	height: 1.3rem;
	background-position: center;
	background-size: cover;
}
.id-tehui-topcon{
	width: 6.8rem;
    margin: 0 auto;
}
.id-tehui-con{
	float: right;
	width: 4.72rem;
	background: url(../images/nav-bg.png) no-repeat right center;
	background-size: 0.16rem auto;
}
.id-tehui-title{
	font-size: 0.36rem;
	color: #36b1b8;
	font-weight: bolder;
}
.id-tehui-title2{
	font-size: 0.18rem;
	color: #646464;
	margin: 0.05rem 0;
}
.id-tehui-time{
	font-size: 0.18rem;
	color: #323232;
}
.id-tehui-time i{
	font-size: 0.36rem;
}
.service{
	width: 100%;
	border-top: 1px solid rgba(204,204,204,0.4);
}
.service-img{
	width: 1.58rem;
	height: 1.3rem;
	margin: 0.92rem auto 0.3rem;
}
.service-img img{
	width: 100%;
}
.service-bigtitle{
	text-align: center;
	height: 0.86rem;
	line-height: 0.86rem;
	font-size: 0.46rem;
	color: #323232;
	position: relative;
}
.service-bigtitle p:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 3.24rem;
	left: 50%;
	margin-left: -1.62rem;
	height: 1px;
	background: #36b1b8;
}
#service-pagination{
	bottom: 0;
}
.service-p{
	padding: 0.3rem 0;
}
.service-p a{
	display: block;
	text-align: center;
	color: #323232;
	font-size: 0.24rem;
	line-height: 0.6rem;
}
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 0.5rem;
    height: 1rem;
    margin-top: -0.5rem;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 0.5rem auto;
    -webkit-background-size: 0.5rem auto;
    background-size: 0.3rem auto;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(../images/service-btnl.png);
	left: 0.35rem;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/service-btnr.png);
	right: 0.35rem;
}
.id-casetop{
	border-top: 1px solid rgba(204,204,204,0.4);
	width: 100%;
	margin: 0.9rem auto;
}
.id-casetop span{
	display: block;
	height: 0.7rem;
	width: 1px;
	margin: 0 auto;
	background: rgba(204,204,204,0.4);
}
.id-casetop-title{
	margin-top: 0.05rem;
	text-align: center;
	font-size: 0.36rem;
	color: #323232;
	font-weight: bold;
}
.id-case{
	display: block;
	width: 6.92rem;
	height: 4.54rem;
	margin: 0.52rem auto 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}
.id-case-p{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	height: 0.95rem;
	overflow: hidden;
        padding-bottom: 0.1rem;
}
.id-case-ptitle{
	font-size: 0.28rem;
	margin-top: 0.15rem;
	margin-bottom: 0.1rem;
}
.id-case-biaoqian{
	font-size: 0.18rem;
	color: #c8c8c8;
}
.id-case-biaoqian span{
	padding: 0 0.05rem;
}
.id-case-more{
	display: block;
	width: 100%;
	border-top: 1px solid rgba(204,204,204,0.4);
	border-bottom: 1px solid rgba(204,204,204,0.4);
	text-align: center;
	font-size: 0.18rem;
	margin-top: 0.92rem;
	line-height: 0.92rem;
	color: #36b1b8;
	background: #fff;
}
.id-introduction{
	width:100%;
	margin-top: 0.5rem;
	padding: 0 0.35rem;
    box-sizing: border-box;
}
.id-introduction-img{
	width: 4.7rem;
	height: 1.2rem;
	margin: 0 auto;
}
.id-introduction-p{
	font-size: 0.3rem;
	color: #656565;
	line-height: 0.46rem;
	margin-top: 0.45rem;
}
.id-advantage-top{
	width: 100%;
	border-top: 1px solid rgba(204,204,204,0.4);
	font-size: 0.36rem;
	color: #323232;
	font-weight: bold;
	text-align: center;
	margin-top: 0.92rem;
	padding-top: 0.7rem;
}
.id-advantagelist{
	width: 100%;
	padding: 0 0.35rem;
	overflow: hidden;
	margin-top: 0.6rem;
    box-sizing: border-box;
}
.id-advantage{
	display: block;
	float: left;
	width: 50%;
	border-right: 0.5px solid #e5e5e5;
	border-top: 0.5px solid #e5e5e5;
	box-sizing: border-box;
	padding-top: 0.34rem;
	text-align: center;
}
.id-advantage:nth-child(1),
.id-advantage:nth-child(2){
	border-top: 0;
	padding-top: 0;
}
.id-advantage:nth-child(2n){
	border-right: 0;
}
.id-advantage-img{
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.72rem auto;
	/*box-shadow: 0 0 9px rgba(0,0,0,0.15);*/
	margin: 0 auto;

}
/*.id-advantage:nth-child(1) .id-advantage-img{
	background-color: #45ef34;
}
.id-advantage:nth-child(2) .id-advantage-img{
	background-color: #2cd3fc;
}
.id-advantage:nth-child(3) .id-advantage-img{
	background-color: #36b1b8;
}
.id-advantage:nth-child(4) .id-advantage-img{
	background-color: #bd54f9;
}
.id-advantage:nth-child(5) .id-advantage-img{
	background-color: #fc6b6b;
}
.id-advantage:nth-child(6) .id-advantage-img{
	background-color: #fabe0e;
}*/
.id-advantage-title{
	font-size: 0.28rem;
	color: #313131;
	font-weight: bold;
	margin: 0.24rem 0;
}
.id-advantage-p{
	font-size: 0.26rem;
	margin-bottom: 0.3rem;
	color: #636363;
	line-height: 0.40rem;
	padding: 0 0.3rem;
	height: 2.6rem;
}

.id-team{
	position: relative;
}
.id-team-view{
	position: relative;
	width: 100%;
	height: 3.84rem;
	border-top: 1px solid rgba(204,204,204,0.4);
	border-bottom: 1px solid rgba(204,204,204,0.4);
	margin-top: 0.92rem;
}
.id-team-item{
	display: block;
	padding: 0.92rem 0.35rem;
	overflow: hidden;
	width: 6.8rem;
}
.id-team-on{
	display: block;
	opacity: 1;
	z-index: 2;
}
.id-team-img{
	float: left;
	width: 1.5rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.id-team-p{
	width: 4.6rem;
	float: left;
	height: 2rem;
	margin-left: 0.35rem;
	overflow: hidden;
	position: relative;
}
.id-team-title{
	margin-bottom: 0.12rem;
}
.id-team-title p{
	font-size: 0.36rem;
	color: #323232;
}
.id-team-title span{
	color: #656565;
	font-size: 0.16rem;
	line-height: 0.2rem;
}
.id-team-content{
	bottom: 0;
	font-size: 0.16rem;
	line-height: 0.24rem;
	color: #646464;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.id-team-content p{
	font-size: 0.16rem!important;
	line-height: 0.34rem!important;
	color: #646464!important;
    font-family: "ZITI","微软雅黑"!important;
}
.id-team-content span{
	font-size: 0.16rem!important;
	line-height: 0.24rem!important;
	color: #646464!important;
   font-family: "ZITI","微软雅黑"!important;
}
.id-team-next{
	width: 0.85rem;
	height: 100%;
	position: absolute;
	background: url(../images/team-next.png) no-repeat 0.2rem center;
	background-size: 0.3rem auto;
	top: 0;
	margin-top: 0rem;
	right: 0;
	z-index: 10;
}
.id-team-view .swiper-container{
	height: 3.84rem;
}
.id-newslist{
	width: 100%;
	padding: 0 0.35rem;
   box-sizing: border-box;
}
.id-news{
	display: block;
	padding: 0.25rem 0;
	border-bottom: 0.5px solid #e5e5e5;
	height: 1.24rem;
	overflow: hidden;
	background: url(../images/news-go.png) no-repeat right center;
	background-size: 0.16rem auto
}
.id-news:last-child{
	border-bottom: 0;
}
.id-news-img{
	width: 1.65rem;
	height: 1.14rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	float: left;
}
.id-news-title{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #333;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom: 0.1rem;
}
.id-news-title span{
	display: inline-block;
	width: 0.8rem;
	border-right: 1px solid #333;
	box-sizing: border-box;
	margin-right: 0.16rem;
}
.id-news-p{
	float: left;
	width: calc(100% - 2.7rem);
	height: 1.24rem;
	overflow: hidden;
	margin-left: 0.35rem;
}
.id-news-content{
	font-size: 0.26rem;
	line-height: 0.4rem;
	height: 0.8rem;
	color: #646464;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.id-news-more{
	display: block;
	width: 100%;
	border-top: 1px solid rgba(204,204,204,0.4);
	border-bottom: 1px solid rgba(204,204,204,0.4);
	text-align: center;
	font-size: 0.18rem;
	line-height: 0.92rem;
	color: #36b1b8;
	background: #fff;
}
.id-five{
	width: 7.5rem;
    margin :0 auto;
	overflow: hidden;
	padding: 0.74rem 0;
}
.id-fivebox{
	width: 2.5rem;
	float: left;
	text-align: center;
}
.id-fivebox p{
	font-size: 0.46rem;
	color: #36b1b8;
	margin-bottom: 0.16rem;
	font-family: '苹方';
}
.id-fivebox span{
	font-size: 0.16rem;
	color: #36b1b8;
}

.id-partnerlist{
	width: 100%;
	padding: 0 0.15rem;
	border-top: 1px solid rgba(204,204,204,0.4);
	overflow: hidden;
    box-sizing: border-box;
}
.id-partner{
	display: block;
	width: 1.8rem;
	float: left;
}
.id-partner img{
	display: block;
  	margin: 0 auto;
}
.id-bottomtop{
	border-top: 1px solid rgba(204,204,204,0.4);
	position: relative;
	padding-top: 0.7rem;
	text-align: center;
	font-size: 0.36rem;
	color: #323232;
	font-weight: bold;
	width: 100%;
}
.id-bottomtop span{
	display: block;
	position: absolute;
	height: 1.5px;
	width: 1.2rem;
	top: -1px;
	left: 50%;
	margin-left: -0.6rem;
	background: #323232;
}
.id-bottomcon{
	width: 6.8rem;
	padding: 0 0.35rem;
	margin: 0.75rem auto 0.9rem;
	overflow: hidden;
}
.id-bottomcon a{
	display: block;
	width: 2.16rem;
	height: 1.1rem;
	float: left;
	margin-left: 0.16rem;
	text-align: center;
	color: #fff;
	line-height: 1.1rem;
	font-size: 0.24rem;
    background-position: center;
    background-size: cover;
}
.id-bottomcon a:first-child{
	margin-left: 0;
}
/*.id-bottomcon a p{
	background: rgba(0,128,255,0.2);
}
.id-bottomcon a:nth-child(2) p{
	background: rgba(252,107,107,0.2);
}
.id-bottomcon a:nth-child(3) p{
	background: rgba(69,239,52,0.2);
}*/
footer{
	width: 100%;
	text-align: center;
	border-top: 1px solid rgba(204,204,204,0.4);
	padding-top: 0.36rem;
	padding-bottom: 0.36rem;
	font-size: 0.24rem;
}
footer a{
	color: #c8c8c8;
}
.kefu{
	position: fixed;
	z-index: 100;
	bottom: 0.3rem;
	left: 0.4rem;
}
.kefu a{
	display: none;
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.5rem auto;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	margin: 0.3rem auto 0;
}
.kefulist{
	width: 1.2rem;
}
a.kefu-btn{
	width: 1rem;
	height: 1rem;
	background-image: url(../images/id-kefu-icon05.png);
	background-size: 0.56rem auto;
	transition: all 0.5s;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
    display: block;
}
.kefulist a{
	animation-duration:.3s;
	-webkit-animation-duration:.3s;
}
.kefulist a:nth-child(1){
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-ms-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
	animation-delay: 0.1s;
	background-image: url(../images/id-kefu-icon01.png);
}
.kefulist a:nth-child(2){
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
	background-image: url(../images/id-kefu-icon02.png);
}
.kefulist a:nth-child(3){
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
	background-image: url(../images/id-kefu-icon03.png);
}
.kefulist a:nth-child(4){
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
	background-image: url(../images/id-kefu-icon04.png);
}
a.kefu-btn-on{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}



.fenlei{
	width: 100%;
	position: fixed;
	top: 0.9rem;
	margin-top: 1px;
	z-index: 50;
  	left: 0;
    transition: all 0.3s;
	background: #36b1b8;
	height: 0.94rem;
}
.fenlei-xuan{
	height: 0.94rem;
	line-height: 0.94rem;
	text-align: center;
	background: #36b1b8;
	color: #fff;
	font-size: 0.28rem;
}
.fenlei a{
	display: block;
	text-align: center;
}
.fenlei-xuan span{
	display: inline-block;
	padding-right: 0.84rem;
	background: url(../images/fenlei-bg.png) no-repeat right center;
	background-size: auto 0.2rem;
}
.fenleilist{
	position: absolute;
	top: 0.94rem;
	width: 100%;
	z-index: 2;
	background: #fff;
	line-height: 0.92rem;
	display: none;
  	overflow-y: auto;
}
.fenleilist a{
	font-size: 0.28rem;
	color: #646464;
	border-bottom: 1px solid #e5e5e5;
}
a.fenleilist-on{
	display: none;
}
.fenlei-h{
	height: 0.94rem;
}
.case-nav{
	width: 6.8rem;
	margin: 0 auto;
	overflow: hidden;
}
.case-nav a{
	display: block;
	width: 25%;
	float: left;
	color: #fff;
	font-size: 0.28rem;
	background: url(../images/line.jpg) no-repeat left center;
	background-size: 1px 0.25rem;
	line-height: 0.94rem;
}
.case-nav a:first-child{
	background: none;
}
.case-nav a span{
	vertical-align: top;
	display: inline-block;
	height: 0.94rem;
}
.case-nav a i{
	display: inline-block;
	width: 0.44rem;
	height: 0.94rem;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.42rem auto;
	background-image: url(../images/n-icon01.png);
	margin-right: 0.16rem;
}
.case-nav a:nth-child(2) i{
	background-image: url(../images/n-icon02.png);
}
.case-nav a:nth-child(3) i{
	background-image: url(../images/n-icon03.png);
}
.case-nav a:nth-child(4) i{
	background-image: url(../images/n-icon04.png);
}

.ziyoubianji{
	min-height: 7.3rem;
	padding: 0 10px;
}
.ziyoubianji img{
	max-width: 100%;
    width: auto;
  	height: auto!important;
}
.tuijian-title{
	font-size: 0.36rem;
	color: #323232;
	text-align: center;
	font-weight: bold;
	margin-top: 0.92rem;
}
.fenlei-left{
	left: 5rem;
}
.banquan{
	font-size: 0.16rem;
    position: absolute;
  	line-height: 0.3rem;
	bottom: 0.2rem;
  	left: 0.25rem;
    opacity: 0.4;
}

#art_more{
	font-size: 0.24rem;
    opacity: 0.4;
  	margin: 0.2rem auto;
}

.ovfHiden{overflow: hidden;height: 100%;}

.ziyoubianji2{
	min-height: 11.35rem;
}




.share-zhe{
	position: fixed;
	width: 100%;	
	height: 100%;	
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}
.share{
	position: fixed;
	bottom: -3.15rem;
	z-index: 1002;
	width: 100%;
	/*padding: 0 0.1rem;*/
	box-sizing: border-box;
	background: #fff;
	height: 3.14rem;
	overflow: hidden;
	transition: all 0.2s;
  	opacity: 0;
}
.share-on{
	bottom: 0;
  	opacity: 1;
	transition: all 0.3s 0.1s;
}
.share-top{
	text-align: center;
	line-height: 0.74rem;
	border-bottom: 1px solid #f7f7f7;
}
.share-con{
	overflow: hidden;
	width: 7.5rem;
	margin: 0.2rem auto 0.4rem;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
}
.share-item{
	display: block;
}
.share-box{
	display: block;
	float: none!important;
	width: 1.05rem!important;
	height: auto!important;
	background-repeat: no-repeat;
	background-position: top center!important;
	background-size: 100% auto;
	border-radius: 0.1rem;
	overflow: hidden;
	margin: 0.15rem auto!important;
	padding: 0!important;
	padding-top: 1.2rem!important;
}

.shen-title{
	text-align: center;
	font-size: 0.36rem;
	font-weight: bolder;
	color: #36b1b8;
	margin: 0.56rem auto 0.5rem;
}
.shen-con{
	padding: 0 0.6rem 0.75rem;
	font-size: 0.18rem!important;
	color: #323232!important;
	line-height: 0.36rem;
  font-family: "ZITI","微软雅黑"!important;
}
.shen-con p{
	font-size: 0.18rem!important;
	color: #323232!important;
  font-family: "ZITI","微软雅黑"!important;
}
.shen-con span{
	font-size: 0.18rem!important;
	color: #323232!important;
  font-family: "ZITI","微软雅黑"!important;
}
.shen-form{
	padding: 0 0.3rem;
}
.shen-form input{
	width: 100%;
	line-height: 0.9rem;
	border-bottom: 1px solid rgba(204,204,204,0.4);
	text-align: center;
	font-size: 0.18rem;
	margin-top: 0.25rem;
}
.shen-form input.shen-btn{
	margin-top: 1.14rem;
	background: #36b1b8;
	color: #fff;
	border-radius: 0.1rem;
}
.shen-list{
	margin: 1.16rem auto;
	padding: 0 0.3rem;
}
.shen-list a{
	display: block;
	text-align: center;
	line-height: 1.16rem;
	border-bottom: 1px solid rgba(204,204,204,0.4);
}
.shen-list a span{
	background: url(../images/shen-icon01.png) no-repeat left center;
	color: #3fd35e;
	background-size: 0.67rem auto;
	padding-left: 0.94rem;
	display: inline-block;
	height: 100%;
}
.shen-list a:first-child{
	border-top: 1px solid rgba(204,204,204,0.4);
}
.shen-list a:nth-child(2) span{
	background-image: url(../images/shen-icon02.png);
	color: #36b1b8;
}
.shen-list a:nth-child(3) span{
	background-image: url(../images/shen-icon03.png);
	color: #ff3b30;
	padding-left: 1.2rem;
}
.shen-list a i{
	padding-left: 0.14rem;
}


.osuag_ji{margin-bottom:1rem;}
.osuag_ji a span{
	background: url(../images/osuag_ji_01.png) no-repeat left center;
	color: #3fd35e;
	background-size: 0.67rem auto;
	padding-left: 0.94rem;
	display: inline-block;
	height: 100%;
}
.osuag_ji a:first-child{
	border-top: 1px solid rgba(204,204,204,0.4);
}
.osuag_ji a:nth-child(2) span{
	background-image: url(../images/osuag_ji_02.png);
	color: #36b1b8;
}
.osuag_ji a:nth-child(3) span{
	background-image: url(../images/osuag_ji_03.png);
	color: #ff3b30;
	padding-left: 0.94rem!important;
}
.osuag_ji a:nth-child(4) span{
	background-image: url(../images/osuag_ji_04.png);
	color: #3fd35e;
}
.osuag_ji a:nth-child(5) span{
	background-image: url(../images/shen-icon02.png);
	color: #36b1b8;
}
.osuag_ji a i{
	padding-left: 0.14rem;
}
.oluig{ font-size:0.3rem!important;font-family: 微软雅黑!important;}
.iodsui_c{width:100%; height:100%;position: fixed; top:0; z-index:999;background: rgba(0,0,0,.6);display:none;}
.iodsui_c img{ width:60%; margin-top:30%; margin-left:20%;}


#noto_v{width:50px!important; height:50px!important;margin-top:30px!important; margin-left:-25px!important;position:relative; left:50%;}
.dow_up{width:60%;height:60px;line-height:60px;text-align:center; font-size:12px;color:#e5e5e5;margin:0 auto;}

.footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;	
	display: flex;
}
.kefu{bottom: 1.3rem;}
.id-bottomcon{margin-bottom: 2rem;}
.footer img{width: 0.39rem;display: inline;}
.footer .wrap{width: 33.33%;text-align: center;display: block;height: 1rem;line-height: 1rem;background: #fff;box-shadow: 0 0px 0.16rem rgba(6,110,119,.2);}
.footer .wrap .icon2{display: none;}
.footer span{font-size: 0.28rem;color: #36b1b8;margin-right: 0.1rem;vertical-align: middle;}
.footer .active .icon1{display: none}
.footer .active .icon2{display: inline;}
.footer .active{background: #36b1b8;}
.footer .active span{color: #fff;}

.field{background: #f1f1f9;padding: 0.4rem 0.36rem;}
.field-box{
	margin-bottom: 0.24rem;
	margin-right: 0.32rem;
	float: left;
	width: 2.92rem;
	height: 4.84rem;
	border-radius: 0.15rem;
	background: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 0.5rem 0.15rem 0.16rem;
	font-family: "微软雅黑";
}
.field-box:nth-of-type(2n){
	margin-right: 0;
}
.field-box:before{
	content: '';
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 100%;
	background: #f1f1f9;
	position: absolute;
	top: 1.15rem;
	left: -0.12rem;
}
.field-box:after{
	content: '';
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 100%;
	background: #f1f1f9;
	position: absolute;
	top: 1.15rem;
	right: -0.12rem;
}
.field .top-img{width: 2rem;margin-bottom: 0.12rem;}
.field .span{font-size: 0.3rem;font-weight: bold;margin-bottom: 0.3rem;color: #219ea2;}
.field .em{font-size: 0.24rem;color: #747474;line-height:0.36rem;height: 1.9rem;overflow: hidden;}
.field .play-bot{position: absolute;bottom: 0.16rem;right: 0.2rem;width: 0.46rem;}
/*.field .green{color: #74d287;}
.field .red{color: #e25f5e;}
.field .yellow{color: #e0b625;}
.field .pink{color: #956ce9;}
.field .blue{color:#388eeb}
.field .orange{color: #eb961f;}*/
.new-title{font-size: 0.4rem;color: #747474;text-align: center;}
.new-title:after{content: '';display: block;width: 0.38rem;height: 0.1rem;background: #35b1b5;border-radius: 0.05rem;margin: 0.15rem auto 0.5rem;}
.content{
	padding-bottom: 1.5rem;
	background: #f1f1f9;
}
.posi{
	height: 0.8rem;
	line-height: 0.8rem;
	margin: 0 0.36rem;
	padding: 0 0.25rem;
	color: #747474;
	font-size: 0.24rem;
}
.posi .font{
	color: #747474;
	font-size: 0.24rem;
}
.new-wrap{
	margin-bottom: 0.24rem;
	background: #fff;
	padding-bottom: 0.3rem;
}
.wrap-bgr{
	background: #f1f1f9;
}
.wrap-bg{
	width: 5.4rem;
	margin: 0 auto;
	height: 0.65rem;
	background-color: #fff;
	border-top-left-radius: 0.15rem;
	border-top-right-radius: 0.15rem;
}
.wrap-title{
	text-align: center;
	font-size: 0.4rem;
	color: #36b1b8;
	font-weight: bold;
	position: relative;
	top: -0.24rem;
}
.wrap-font{
	font-size: 0.24rem;
	color: #747474;
	line-height: 0.38rem;
	text-align: center;
	margin: 0 0.85rem;
}
.wrap-img{
	text-align: center;
	margin-top: 0.3rem;
}
.case{
	background: #f1f1f9;
	padding-top: 0.48rem;
}
.case .title{
	text-align: center;
	font-size: 0.4rem;
	color: #36b1b8;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.develop{
	background: #159aa6;
	padding: 0.76rem 0 1rem;
}
.develop-title{
	font-size: 0.3rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5rem;
}
.develop-wrap .wrap{
	padding: 0 0.36rem;
	position: relative;
	text-align: center;
}
.develop-wrap img{
	width: 0.16rem;
	margin-bottom: 5px;
}
.develop-wrap .icon{
	width: 1.3rem;
	display: block;
	margin: 0 auto 5px;
}
.develop-wrap .font{
	position: absolute;
	top: 0;
	right: 10px;
	text-align: left;
	width: 132px;
}
.develop-wrap .font-title{
	font-size: 0.3rem;
	color: #fff;
	margin-bottom: 0.1rem;
	margin-top: 0.1rem;
	font-weight: bold;
}
.develop-wrap .font-con{
	font-size: 0.24rem;
	color: #fff;
	line-height: 0.36rem;
}
.develop-wrap .wrap:nth-of-type(2n) .font{
	position: absolute;
	left: 10px;
	text-align: right;
}
.exp{
	background: #f5f5f5;
	margin-top: 0.25rem;
	padding: 0 0.6rem;
	padding-top: 0.55rem;
}
.exp-title{
	font-size: 0.36rem;
	color: #36b1b8;
	font-weight: bold;
}
.exp-list{
	margin-top: 0.34rem;
	font-size: 0.26rem;
	color: #747474;
	line-height: 0.38rem;
}
.min-title{
	font-size: 0.26rem;
	color: #36b1b8;
	text-align: center;
	margin-bottom: 0.3rem;
}
.speed{
	background: #fff;
	padding: 0.4rem 0.58rem;
}
.speed-tit{
	text-align: center;
	height: 0.74rem;
	line-height: 0.74rem;
}
.speed-tit img{
	width: 0.74rem;
}
.speed-tit span{
	vertical-align: middle;
	font-size: 0.36rem;
	color: #36b1b8;
}
.speed-wrap{
	margin-top: 0.3rem;
}
.speed-wrap .wrap{
	display: flex;
	margin-bottom: 0.4rem;
}
.speed-wrap .wrap img{
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 0.35rem;
}
.speed-wrap .wrap .font{
	width: 4rem;
}
.speed-wrap .wrap .h3{
	font-size: 0.3rem;
	color: #333333;
	margin-bottom: 0.14rem;
}
.speed-wrap .wrap .p{
	font-size: 0.24rem;
	color: #747474;
}
.more-ser{
	background: #fff;
	height: 4.16rem;
	text-align: center;
	padding: 0 0.36rem;
	padding-top: 0.45rem;
}
.more-tit{
	font-size: 0.36rem;
	color: #747474;
	font-weight: bold;
	margin-bottom: 0.14rem;
}
.min-tit{
	font-size: 0.24rem;
	color: #747474;
	margin-bottom: 0.42rem;
}
.more-ser .wrap{
	width: 1.3rem;
	float: left;
	margin-right: 0.52rem;
}
.more-ser .wrap:last-of-type{
	margin-right: 0;
}
.more-ser img{
	width: 100%;
}
.more-ser .span{
	font-size: 0.26rem;
	color: #747474;
	margin-top: 0.08rem;
}
.needs{
	padding: 0.33rem 0.6rem 0.48rem;
	text-align: center;
}
.needs-tit{
	font-size: 0.4rem;
	color: #36b1b8;
	margin-bottom: 0.4rem;
}
.needs-font{
	font-size: 0.24rem;
	color: #747474;
}
.color-box{
	padding-bottom: 0.5rem;
	text-align: center;
	margin-bottom: 0.34rem;
}
.color-box .heng{
	width: 1.1rem;
	height: 0.12rem;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 0.45rem;
}
.color-tit{
	color: #fff;
	font-size: 0.36rem;
	font-weight: bold;
}
.color-font{
	color: #fff;
	font-size: 0.24rem;
	line-height: 0.38rem;
	margin-bottom: 0.46rem;
	width: 6rem;
	margin: 0 auto;
}
.color-or{
	background-color:#e9a53d ;
}
.color-bl{
	background-color: #2c80d9;
}
.color-gr{
	background-color: #58c56c;
}
.color-red{
	background-color: #e96160;
}
.color-pink{
	background-color: #8a5ee4;
}
.bg-yellow{
	background-color: #eacd43;
}
.bg-or{
	background-color: #eaa743;
}
.bg-red{
	background-color: #ea6243;
}
.bg-gr{
	background-color: #63cc77;
}
.bg-pink{
	background-color: #ad86f9;
}
.bg-blue{
	background-color: #489df9;
}
.bg-or2{
	background-color: #ea7a43;
}
.advantage{
	padding: 40px 0;
	background-color: #fff;
}
.adv-tit{
	font-size: 0.4rem;
	text-align: center;
	color:#36b1b8;
}
.function{
	background-color: #f1f1f9;
	padding: 0.5rem 0.36rem 0.3rem;
}
.fun-tit{
	font-size: 0.36rem;
	color: #747474;
	text-align: center;
	margin-bottom: 0.3rem;
	font-weight: bold;
}
.fun-font{
	font-size: 0.24rem;
	color: #747474;
	line-height: 0.38rem;
	margin-bottom: 0.45rem;
}
.fun-wrap .wrap{
	width: 3.3rem;
	height: 1.7rem;
	background-color: #fff;
	float: left;
	margin-right: 0.15rem;
	margin-bottom: 0.25rem;
	border-radius: 0.1rem;
	overflow: hidden;
}
.fun-wrap .wrap:nth-of-type(2n){
	margin-right: 0;
}
.top-tit{
	font-size: 0.3rem;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
	height: 0.58rem;
	line-height: 0.58rem;
	padding: 0 0.24rem;
}
.bot-con{
	height: 1.1rem;
	overflow: hidden;
	padding: 0.2rem 0.25rem 0.1rem;
	font-size: 0.24rem;
	color: #747474;
}
.min-web{
	padding: 0.6rem 0.3rem 0.2rem;
	background-color: #fff;
	text-align: center;
}
.web-title{
	font-size: 0.36rem;
	color: #36b1b8;
	margin-bottom: 0.2rem;
}
.web-font{
	font-size: 0.24rem;
	color: #747474;
	line-height: 0.32rem;
}
.ass-con{
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}
.ass-sel{
	border: none;
	font-size: 0.26rem;
	color: #666;
	width: 4rem;
	/*兼容苹果手机*/
	border: 1px solid transparent;
	width: 80%;
	height: 25px;
	line-height: 25px;
	/*防止紧紧靠在边上*/
	text-indent: 2px;
	background-color: transparent;
}
.ass-tit{
	padding-top: 0.52rem;
	font-size: 0.34rem;
	color: #2f2f39;
	text-align: center;
	margin-bottom: 0.3rem;
}
.ass-wrap{
	background-color: #fff;
	height: 1.08rem;
	line-height: 1.08rem;
	box-shadow: 0 0 0.18rem rgba(200,236,237,.5);
	border-radius: 0.08rem;
	margin-bottom: 0.3rem;
}
.ass-img{
	display: inline-block;
	width: 1.08rem;
	text-align: right;
	vertical-align: top;
}
.ass-img img{
	height:0.53rem;
	width: auto;
}
.ass-wrap .ass-inp::-webkit-input-placeholder{
	color: #d7d1cd;
}
.ass-wrap .ass-inp:-moz-placeholder{
	color: #d7d1cd;
}
.ass-wrap .ass-inp{
	font-size: 0.26rem;
	color: #666;
	width: 4rem;
	padding: 0 0.13rem;
}
.ass-wrap .ass-txt::-webkit-input-placeholder{
	color: #d7d1cd;
}
.ass-wrap .ass-txt:-moz-placeholder{
	color: #d7d1cd;
}
.ass-wrap .ass-txt{
	font-size: 0.26rem;
	line-height: 0.32rem;
	height: 2rem;
	color: #666;
	width: 4rem;
	padding: 0 0.13rem;
	resize: none;
}
.ass-but{
	height: 1.12rem;
	width: 3.5rem;
	text-align: center;
	line-height: 1.12rem;
	margin: 0.68rem auto;
	background: linear-gradient(left,#30bac7,#0d919d);
	background: -webkit-linear-gradient(left,#30bac7,#0d919d);
	color: #fff;
	font-size: 0.3rem;
	border-radius: 0.5rem;
	display: block;
	cursor: pointer;
}
.last-ass{
	padding-top: 0.3rem;
	height: 2.4rem;
	line-height: 100%;
}