/*公用部分*/
html,body{margin:0px;padding:0px;font-size:1rem;width:100%;}
body{background:#fff;background-size:80% auto;font-family:"微软雅黑";}
input,button,textarea{font-family:"微软雅黑";}
.clear{clear:both; font-size:0px; line-height:0px; height:0px;}
a:link,a:visited,a:active {text-decoration: none;color:#848689;}
a:hover {text-decoration: none;color:#848689;}
ul,li{ margin:0px; padding:0px; list-style:none;}

@font-face {
  font-family: 'iconfont';  /* project id 1074360 */
  src: url('//at.alicdn.com/t/font_1074360_d8q844pv00n.eot');
  src: url('//at.alicdn.com/t/font_1074360_d8q844pv00n.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1074360_d8q844pv00n.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1074360_d8q844pv00n.woff') format('woff'),
  url('//at.alicdn.com/t/font_1074360_d8q844pv00n.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1074360_d8q844pv00n.svg#iconfont') format('svg');
}

input{ height: 1.8rem; padding:.2rem;border: 0px;width:98%; padding-left: 2%;}
select{padding:.3rem .2rem;border: 0px;border: 1px solid #f3f3f3;background: #efefef; width:100%;background: url("../images/arrow.png") no-repeat scroll right center transparent;}
textarea{min-height:5rem;line-height: 1.6rem; padding:.2rem;border: 0px;background: #fff;border: 1px solid #f3f3f3; margin-top:.0rem; display: block; width: 100%; font-size: 1.1rem;}
input[readonly=readonly]{ background: #efefef;}
input.date{ background: url(../images/icon_calendar.png) no-repeat #efefef center right;background-size:auto 20px;}

input,select{ font-size: 1rem;line-height:1.8rem;}
input[type=text],input[type=number],textarea,.ui-select,.imgList span.iconfont,select{border: 1px solid #ddd; border-radius: 2px;}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.iconfont2 {font-family:"iconfont2" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.mescroll{position: fixed;top:6rem;bottom:0; width: 100%; height: inherit;}
img{width:100%;height:auto; margin: 0;padding: 0; display: block;}

#page{
}
.index_01{
	position: relative;
	padding: 1rem;
}
.index_01 img{border-radius: 8px;}
.index_01_01{position: absolute;display: flex;justify-content:center;align-items: center;left: 0;right: 0;top: 0;bottom: 0;}
.index_01_01_m{
	display: flex;
	width:80%;
}
.index_01_01_m .left{width: 26%;margin-right: .6rem;}
.index_01_01_m .right{flex: 1;color: #fff;}
.index_01_01_m .right_01{font-size:2rem;margin-bottom: .2rem;}
.index_01_01_m .right_02{font-size:.9rem;opacity: .7;}

.index_02{
	margin-bottom:2.8rem;
}
.index_02>.des{
	font-size: 1.3rem;
	margin-bottom: .1rem;
	padding: 0 1rem;
}
.index_02>.title{
	font-size:3rem;
	font-weight: bold;
	margin-bottom: 1.8rem;
	padding: 0 1rem;
}
.tabs{
	margin-bottom: 1rem;
	display: flex;
	padding: 0 1rem;
}
.tabs a{
	display: block;
	padding: .5rem 1rem;
	background-color: #E8F5FF;
	color: #262626;
	margin-right: .5rem;
	border-radius: 4px;
	position:relative;
}
.tabs a.on{
	background: #497FFF;
	color: #fff;
}
.tabs a.on:after{
	content:"";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 8px solid #B8DFFF;
	position: absolute;
	bottom: -8px;
	left: calc(50% - 10px);
}
.tabs_con{
	
}
.tabs_con>ul>li{display:none;}
.tabs_con>ul>li:first-child{
	display:block;
}
.tabs_con>ul>li>.item{
	margin-bottom: 1rem;
	padding:1.8rem;
}

.tabs_con>ul>li>.item:nth-child(even){
	background:#ecf8ff;
}
.tabs_con>ul>li>.item .item_des{
	margin-bottom: .8rem;
}
.tabs_con>ul>li>.item .item_img{
	border: 2px solid #4390FF;
	padding: 1rem;
	border-radius: 8px;
}
.tabs_con>.des{
	margin-bottom: .9rem;
	padding: 0.9rem 1.8rem;
}
.index_03 .tabs_con>.con{
	padding: 0 1.8rem;
}
.index_03 .tabs_con>.con>ul>li:first-child{
	display:block;
}
.index_03 .tabs_con>.con>ul>li .left{
	width: 40%;
	margin-right: .8rem;
}
.index_03 .tabs_con>.con>ul>li .right{
	flex: 1;
}
.index_03 .tabs_con>.con>ul>li .right .item{
	margin-bottom: 1rem;
}
.index_03 .tabs_con>.con>ul>li .right .item_01{
	font-size: 1.4rem;
	margin-bottom: .2rem;
}
.index_03 .tabs_con>.con>ul>li{
	display: none;
}
.index_03 .tabs_con>.con>ul>li .right .item_02{
	color: #A1A1A1;
	font-size: 1rem;
}
.index_03>.des{
	font-size: 1rem;
	margin-bottom: .2rem;
	padding: 0 1rem;
}
.index_03>.title{
	font-size:2.2rem;
	font-weight: bold;
	margin-bottom: 1.8rem;
	padding: 0 1rem;
}
.index_03_01{
	padding: 2rem 0;
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index_03_01>img{width:60%;margin: 0 auto;}
.index_03_01_m{
	position: absolute;
	left: 0;
	width: 100%;
}
.index_03_01 .item{
	border: 2px solid #497FFF;
	background-color: #fff;
	padding:.3rem .5rem;
	border-radius: 8px;
	width: 60%;
	font-size: .9rem;
	margin-bottom: 1rem;
	color: #535353;
}
.index_03_01 .item:nth-child(2){
	margin-left:calc(40% - 1rem);
}
.index_03_05{display: flex;padding-top: 2rem;}
.index{padding-bottom:6rem;}

.sparkle_01{padding-top:1rem;}
.sparkle_01>.title{
	font-size: 1rem;
	margin-bottom: .1rem;
	padding: 0 1rem;
}
.sparkle_01>.des{
	font-size:3rem;
	font-weight: bold;
	margin-bottom: 1.8rem;
	padding: 0 1rem;
}
.sparkle_02 .item{
	margin-bottom: 1rem;
	padding:1.8rem;
}
.sparkle_02 .item:nth-child(odd){
	background:#ecf8ff;
}
.sparkle_02 .item_01{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: .2rem;
}
.sparkle_02 .item_02{
	color: #848484;
	font-size: 1rem;
	margin-bottom:1.6rem;
}
.sparkle_02 .item_03{
	margin: 0 auto;
	width: 90%;
}

.case_01{padding-top:1rem;}
.case_01>.title{
	font-size: 1rem;
	margin-bottom: .1rem;
	padding: 0 1rem;
	color: #3E3E3E;
}
.case_01>.des{
	font-size:2.4rem;
	font-weight: bold;
	margin-bottom: 1.8rem;
	padding: 0 1rem;
}
.case_02 {padding-bottom:5rem;}
.case_02 .item{
	margin-bottom:1.2rem;
	padding:0 1rem;
	color: #3E3E3E;
}
.case_02 .item_01{margin-bottom: .4rem;}

.conutus_01{padding:0 1rem; padding-top: 0;}
.conutus_01 .item:first-child{padding-top:1rem;border-bottom: 1px solid #DCDCDC;
	}
.conutus_01 .item_01 span{
	font-size: 1.1rem;
	margin-left: .5rem;
	color: #666;
}
.conutus_01 .item{
	padding: 2rem 0;
}
.conutus_01 .item_01{
	padding:0 .5rem;
	font-size:1.6rem;
	font-weight: bold;
	margin-bottom: .5rem;
}
.conutus_01 .item_02{
	margin-bottom: .8rem;
	padding:0 .5rem;
}
.conutus_01 .item_02 span{
	display: block;
	margin-bottom: .2rem;
}
.conutus_01 .item_03{
	padding:0 .5rem;
	width: 8rem;
}
.tool_btn{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 -2px 5px rgba(0,0,0,.07);
	padding:.6rem .8rem;
	display: flex;
}
.tool_btn>a{text-align: center;padding:.6rem 0;border-radius:4px;}
.tool_btn>a:first-child{
	display: block;
	color: #5D5D5D;
	background: #D9EFFF;
	width: 35%;
	margin-right: 2rem;
}
.tool_btn>a:last-child{
	flex: 1;
	background-image: linear-gradient(to right,#4D70FF, #39AEFF);
	color: #fff;
}
.showqc{
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	display:none;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.25);
}
.showqc_m{
	background: #fff;
	border-radius: 8px;
	padding: 1rem;
	width: 60%;
}
.showqc_01{
	margin-bottom: 1rem;
}
.showqc_02{
	text-align: center;
	color: #666;
	margin-bottom: .1rem;
}
.menu{
	position: fixed;
	top: 1rem;
	right:-7.6rem;
	display:flex;
	transition: all 0.4s ease-in-out;
}
.menu_l{
	display:inline-block;
	z-index: 9;
}
.menu_l_m{
	background: #fff;
	padding: 6px 8px;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	box-shadow: -4px 4px 3px rgba(0,0,0,.1);
}
.menu_l_m>a{
	background-image: linear-gradient(to right,#4D70FF, #39AEFF);
	display: block;
	border-radius: 50%;
	width: 1.4rem;
	height: 1.4rem;
	padding: 8px;
}
.menu_r{
	background-color: #fff;
	flex: 1;
	padding: 1rem 1.2rem;
	border-bottom-left-radius: 8px;
	box-shadow: -1px 0px 6px rgba(0,0,0,.2);
}
.menu_r_m{}
.menu_r_m a{
	display: block;
	height: 2.4rem;
	line-height: 2.4rem;
	width: 5rem;
	text-align: center;
}
.menu_r_m a.on{
	color: #4291ff;
}
.conutus_02{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 1rem;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
}
.conutus_02 img{
	border-radius:8px;
}
.share{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.8);
	display: none;
	z-index: 99;
}
.share_01{
	width: 80%;
	padding: 1rem;
	margin: 0 auto;
}
[v-cloak]{
	display: none;
}