html,body{ margin:0; padding: 0; font-size: .28rem; background:#ffffff;}
ul,li{ margin:0; padding: 0; list-style: none; }
.cearfix{ clear: both; }
input {
    outline: none;
}
a{ text-decoration: none;}
p{ margin:0; padding:0; margin-top: .2rem;  }
.flex{
	display: flex;
	flex-direction: row;
	justify-content: justify-content;
}
.header{
	height: 1rem;
	background: white;
	position: fixed;
	left: 0;
	top: 0;
	width:100%;
	padding:.2rem 0;
	z-index: 222;
	border-bottom: 1px solid #c9c9c9;
}
.menu{
	position: absolute;
}
.icon-menu{
	width: .6rem;
	margin-left: .3rem;
	margin-top: .25rem;
}
.icon-menu img{
	width:100%;
}
.menu-list{
	position: absolute;
	left: .2rem;
	top: 1rem;
	background:rgba(255,255,255,.9);
	width:2.2rem;
	padding:.1rem .1rem 0 .1rem;
	border-radius: 6px;
	border: 1px solid #c9c9c9;
	display: none;
}
.menu-list ul li{
	height: .89rem;
	line-height: .89rem;
	text-align: center;
	border-bottom: 1px solid #c9c9c9;
}
.menu-list ul li a{
	color: #333;
	display: block;
}
.menu-list ul li:last-child{
	border-bottom: none;
}
.triangle-line {
  position: absolute;
  top: -11px;
  left: .24rem;
  z-index: 999;
  height: 0px;
  width: 0px;
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #c9c9c9;
}
.triangle-line::after {
  content: '';
  position: absolute;
  top: 3px;
  left: -5px;
  z-index: 999;
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid rgba(255,255,255,1);
}
.logo{
	width:1rem;
	margin:0 auto;
}
.logo img{
	width:100%;
}
.site-tyle{
	position: absolute;
	right: 0;
	margin-right: .3rem;
}
.site-tyle ul li{
	font-size: .32rem;
	padding-top: .05rem;
	
}
.site-tyle ul li a{
	display: block;
	color: #333;
}
.site-tyle ul li a.on{
	color: #3192f3;
}
.index-banner{
	height: auto;
	margin-top: 1.4rem;
}
.index-banners{
	height: auto;
	margin-top: 1rem;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  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;
}
.swiper-pagination-bullet{
	background:#fff;
}
.swiper-pagination-bullet-active{
	background:#fff;
}
.index-banner a {
    display: block;
    width: 100%;
    height: 100%;
}

.index-banner img{ width:100%; display: block; }
.index-banners img{ min-height: 3rem; }
.container{
	min-height: 5rem;
}
.index-about{
	background:white;
	padding:.2rem;
}
.index-title{
	text-align: center;
	color: #3192f3;
	font-size: .33rem;
	font-weight: bold;
	padding-top: .3rem;
}
.index-cont,.index-tuandui{
	color: #666;
}
.index-cont p,.index-tuandui p{
	text-indent: 2em;
	line-height: .56rem;
	text-align: justify;
}
.index-more{
	height: auto;
	text-align: center;
	padding-top: .6rem;
}
.index-more a{
	border:1px solid #3192f3;
	border-radius: 4px;
	padding:.16rem .45rem;
	color: #3192f3;
}
.container{ padding-bottom: 1rem; }
.index-yew{ text-align: center;  }
.index-yew ul li{ height: .36rem; line-height: .36rem; padding-top: .35rem; }
.footer{ background:#adadad url(../images/footIcon.png) right bottom no-repeat; min-height: 3rem;
 padding:0 .2rem 1rem; color: #fff; position: relative; }
.company-city{ font-size: .36rem; font-weight: bold; border-bottom: 1px solid #3192f3; width:40%;
 padding:.35rem 0 0.2rem; }
.company-add{ padding:0.3rem 0 0.2rem; }
.company-msg{ height: .40rem; line-height: .40rem; }
.footer a.contactUs{ background:#3192f3; color: #fff; position: absolute; top: .4rem; right: .3rem;
padding:.2rem .4rem; display: inline-block; border-radius: 8px; }
/*关于乐尚*/
.about-box{
	margin-top:1.4rem;}
.page-title{ text-align: center; font-size: .4rem; color: #3192f3; height: 1.2rem; line-height: 1.2rem; }
.about-cont{
	margin:0 .2rem;
	height: .8rem;
	line-height: .85rem;
	border:1px solid #c9c9c9;
}
.about-cont-item{ width:50%; text-align: center;position: relative; color: #3192f3;}
.about-cont-item.on{ background:#3192f3; color: #fff; }
.about-conts{ margin: .6rem .2rem; color: #666; display: none; }
.join-conts{margin-top:.1rem;display: block; }
.about-conts p{ text-indent: 2em; line-height: .53rem; text-align: justify; }
.join-conts p:last-child{margin-top:0; }
.kailong{
	width:0;
	height:0;
	display: inline-block;
	border-right:8px solid transparent;
	border-left:8px solid transparent;
	border-top:8px solid #3192f3;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	display: none;
}
.about-cont-item.on .kailong{ display: block; }
.about-cont-server .about-cont-item{ width:33.3%; }
.team-cont{ margin:0 .2rem; color: #666;line-height: .53rem;}
.team-cont p{ margin-top:0; text-indent: 2em; text-align: justify; }

.team-list{ height: auto; margin:.4rem .2rem 0; }
.team-list ul li{ width:48.5%; /*height: 6rem;*/height: 5rem; position: relative;border-radius: 6px; overflow: hidden; margin-bottom: .3rem; border:1px solid #ddd; }
.team-list ul li a{ display: block; }
.team-list ul li a img{ width:100%; height: 100%;  }
.team-list ul li:nth-child(odd){  float: left;  }
.team-list ul li:nth-child(even){  float: right;  }
.team-msg{ position: absolute; left: 0; bottom: 0; /*height: 3rem;*/  height: 1.7rem; overflow: hidden; background:#fff; width:100%; }
.team-msg span.more{ width: .46rem; height: .21rem; padding:4px; display: inline-block; position: absolute; 
	right: 7px; bottom: 4px;
 background:#fff url(../images/2.png); background-size: cover; }
.team-cn{ margin:.2rem .2rem .1rem; color: #3192f3; font-size: .32rem; font-weight: bold; }
.team-en{ margin:0 .2rem; color: #3192f3; }
.team-ms{ margin:.1rem .2rem; color: #666; text-align: justify; line-height: .47rem }

.team-conts{ margin:.2rem; color: #666; line-height: .56rem; }
.team-conts p{ text-indent: 2em; text-align: justify; }
.team-cont-jianjie{ text-align: center; padding-top:.6rem; }
.team-cont-jianjie img{ border-top:6px; overflow: hidden; width:3.5rem; }
.team-cont-jianjie-cn{ padding-top: .2rem;  color: #3192f3; font-size: .32rem;}
.team-cont-jianjie-en{ padding-top: .1rem;  color: #3192f3;}
.contact-box{ margin:.2rem .2rem 0; }
.contact-t{ height: auto; }
.contact-item{ border-bottom: 1px solid #3192f3; padding: .5rem 0; color: #000; }
.contact-title{ font-size: .36rem; padding-bottom: .2rem; color: #000; font-weight: bold; }
.contact-msg{ padding-top: .2rem; }

.contact-form-title{ font-size: .36rem; padding-top: .4rem; color: #000; font-weight: bold; }
.contact-form-row{ margin-top:.2rem; }
.contact-form-label{ height: .60rem; line-height: .60rem; }
.contact-form-label span{ color: #3192f3; padding-left: .2rem; }
.contact-form-input{ height: auto; width:100%; background:#eeeeee;border-radius: 3px; }
.contact-form-input input{ width:100%; background:#eeeeee; border:none; height: .5rem; padding:8px 0;text-indent: 1em;
border-radius: 3px;font-size: .32rem;}
.contact-form-input textarea{ width:93%; padding:10px; background:#eeeeee; border:none; height: 1.5rem;
border-radius: 3px; resize: none; outline: none;font-size: .32rem;}
.contact-form-btn{ padding-top:.5rem; text-align: center; }
.contact-form-btn button{width: 2.5rem; height: .9rem; border:1px solid #3192f3; color: #3192f3;
background:none; border-radius: 6px; outline: none; font-size: .32rem;}
.huoban{ margin:0; }
.huoban img{ width:100%!important; }
.jiaru-con p:last-child{ margin:0; }

.hon-cont{ margin:0 .2rem; flex-wrap:wrap; border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9; }
.hon-cont-item{ width: 33.3%; text-align: center; }
.hon-cont-item a{height: .8rem; line-height: .8rem; color:#039fe9; display: block; border:1px solid #c9c9c9; border-top:none; border-left:none; }
.hon-cont-item.on a{ background:#039fe9; color: white; border:1px solid #039fe9; border-top:none; border-left:none;  }
.hon-conts{ padding:.5rem .2rem 0; }
.hon-al{ text-align: center; }
.hon-cy{ height: auto; }
.hon-cy p{  color: #666; text-align: justify; }
.hon-al img,.hon-cy img{ max-width: 100%; }
.hon-kf h1,.hon-kf h2,.hon-kf h3,.hon-kf h4,.hon-kf h5,.hon-kf h6{color: #039fe9; margin-bottom:0;}
.hon-kf p{color: #666; text-indent: 2em; margin-top:0; padding-top:5px; text-align: justify;}
.hon-mlb{ height: auto; width: 100%; }
.hon-mlb ul{ width: 50%; }
.hon-mlb ul li{ height: .8rem; line-height: .6rem; padding-left: .4rem; color: #666; }
.hon-other p{ color: #666; text-align: justify; text-indent: 2em; }
.hon-other-con{ margin-top:.6rem; color: #039fe9;}
.hon-other-con ul{ width: 100%; }
.hon-other-con ul li{ padding-left: 1rem; height: .5rem; font-size: .25rem}
.shichang-title{-webkit-writing-mode: vertical-rl; padding-top: 1.2rem;
                 writing-mode: vertical-rl; width: 20px;color: #0094e0;}
.hon-cy span.ms{ color: #0094e0; text-align: center; display: block; }                   
.die-yunyuan{ padding-left: 2em; font-size: 12px; color: #666; }
.die-yunyuan-con{ color: #666;  }
.die-yunyuan-item{ padding-right: 20px; padding-top: 5px; color: #666; }
.die-yunyuan-item i{ width: 10px; height: 10px; display: inline-block;  }
.die-yunyuan-item i.one{ background:#f08e1c; }
.die-yunyuan-item i.two{ background:#3192f3; }
.die-yunyuan-item i.three{ background:#50d066; }