html{
	font-size: 100px;
	height: 100%;
}

body{
	font-family: MicrosoftYaHeiUI;
	height: 100%;
}

ul,li,p{
	margin: 0 0;
	padding: 0 0;
}

li{
	list-style: none 
}

/*字体颜色*/
.font-333{
	color: #333;
}

.font-666{
	color: #666;
}

.font-fff{
	color: #fff;
}

.font-56ccf2{
	color: #56CCF2;
}


/*字体大小*/
.font-b{
	font-weight: bold;
}

.font-12{
	font-size: .12rem;
}

.font-14{
	font-size: .14rem;
}

.font-16{
	font-size: .16rem;
}

.font-18{
	font-size: .18rem;
}

.font-20{
	font-size: .20rem;
}

.font-22{
	font-size: .22rem;
}

.font-24{
	font-size: .24rem;
}

.font-36{
	font-size: .36rem;
}
.font-map-36 {
	font-size: .42rem;
}

.font-48{
	font-size: .48rem;
}

.font-64{
	font-size: .64rem;
}

/*定位*/
.height-254{
	height: 20%;
	/*height: 2.54rem;*/
}

.margin-top-5{
	margin-top: .05rem;
}

.margin-top-18{
	margin-top: .18rem;
}

.margin-top-20{
	margin-top: .20rem;
}

.margin-top-28{
	margin-top: .28rem;
}

.margin-top-164{
	margin-top: 1.64rem;
}

.margin-top-190{
	margin-top: 1.9rem;
}

.margin-left-106{
	margin-left: 1.06rem;
}

.margin-left-156{
	margin-left: 1.56rem;
}

.margin-left-195{
	margin-left: 1.95rem;
}

.margin-mid{
	margin-left: auto;
	margin-right: auto;
}

/*swiper插件自定样式*/
.main-container{
	width: 19.2rem; 
	height: 100%;
}

.main-slide{
	position: relative;
	width: 19.2rem;
	height: 100%;
	/*height: 10.8rem;*/
}
.main-slide-map{
	transform: scale(0.9, 0.9);
	position: relative;
	width: 19.2rem;
	height: 100%;
}

.main-pagination{
	right: .2rem !important;
}

.main-pagination-bullet{
	margin: .07rem;
	width: .2rem;
	height: .2rem;
	display: block;
	border: 1px solid rgba(0,0,0,.3);
	border-radius:100%;
	background:#fff;
}

.main-pagination-bullet-active{
	background:#000;
	opacity:.3;
}

@keyframes arrow{
	from{top: 0.1rem;}
	to{top: -0.1rem;}
}

@-webkit-keyframes arrow{
	from{top: 0.1rem;}
	to{top: -0.1rem;}
}

.arrow{
	position: relative;
	top: 0.1rem;
	width: .3rem;
	height: .24rem;
	animation: arrow .3s infinite alternate;
	-webkit-animation: arrow .3s infinite alternate;
}

/*标题页*/
.back-titleblock{
	background-image: -webkit-linear-gradient(-180deg, #4DBFED 14%, #006B96 100%);
	background-image: -moz-linear-gradient(-180deg, #4DBFED 14%, #006B96 100%);
	background-image: -o-linear-gradient(-180deg, #4DBFED 14%, #006B96 100%);
	background-image: linear-gradient(-180deg, #4DBFED 14%, #006B96 100%);
}

.logo{
	float: left;
	margin-top: .46rem;
	margin-left: .7rem;
}

.btn-login{
	float: right;
	margin-top: .5rem;
	margin-right: .76rem;
	width: .88rem;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	font-size: .14rem;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 2px;
}

.title-container{
	width: 19.2rem;
	height: 70%;
	/*height: 7.2rem;*/
}

.title-slide{
	width: 19.2rem;
	height: 7.2rem;
}

.title-pagination-bullet{
	margin: .05rem;
	width: .3rem;
	height: .04rem;
	display: inline-block;
	background: #fff;	
	opacity: 0.3;
}

.title-pagination-bullet-active{
	opacity: 1;
}

.title-pic{
	float: right;
	margin-right: 1.35rem;
	width: 7.66rem;
	height: 5.73rem;
	text-align: center;
}

.title-pic img{
	width: 8rem;
}

.titlearrow{
	margin-top: .5rem;
	background: url(../img/arrow-doubledown.png);
	background-size: 100% 100%;
}

/*平台链接*/
.plantform-title{
	/*margin-top: 1.4rem;*/
	margin-top: 6%;
	width: 100%;
	/*height: .46rem;*/
	height: 4.3%;
	text-align: center;
}

.plantform-subtitle{
	margin-top: .27rem;
	width: 11.64rem;
	text-align: center;
}

.plantform-block-row{
	/*margin-top: 1.4rem;
	margin-left: 3rem;
	height: 2rem;*/
	margin-top: 5%;
	margin-left: 15.6%;
	height: 18.5%;
}

.plantform-block{
	float: left;
	margin-right: 1.8rem;
	width: 2rem;
	height: 2rem;
	text-align: center;
}

.plantform-block img{
	height: .63rem;
}

.plantformarrow{
	/*margin-top: .76rem;*/
	margin-top: 6%;
	background: url(../img/arrow-doubledown-gray.png);
	background-size: 100% 100%;
}

/*地图*/
.map-title{
	margin-top: 0.3rem;
	width: 100%;
	height: .46rem;
	text-align: center;
}

.map-pic{
	margin-top: .7rem;
	width: 8.87rem;
	height: 7.34rem;
	background: url(../img/map-china.png);
	background-size: 100% 100%;
}

.maparrow{
	margin-top: .68rem;
	background: url(../img/arrow-doubledown-gray.png);
	background-size: 100% 100%;
}

.echarts-map{
	margin-top: .76rem;
	margin-left: 5.17rem;
	width: 8.87rem;
	height: 7.34rem;
}

/*弹出的框*/
.dialog-box{
	/*display: none;*/
	position:absolute;
	width:2.5rem;
	height: 2.5rem; 
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 5px 0 rgba(185,185,185,0.50);
	z-index: 2;
}

.dialog-box span{
	width:0; 
	height:0; 
	font-size:0; 
	overflow:hidden; 
	position:absolute;
	z-index: 2;
}

.dialog-box span.bot{
    border-width: .2rem; 
    border-style: dashed solid dashed dashed; 
    border-color: transparent rgba(185,185,185,0.2) transparent transparent; 
    top: 0.1rem;
    left: -.4rem; 
}

.dialog-box span.top{
    border-width: .2rem; 
    border-style: dashed solid dashed dashed; 
    border-color: transparent #ffffff transparent transparent; 
    top: .1rem;
    left: -.37rem; 
}   

.dialog-main{
	width: 2.5rem;
	height: 2rem;
	text-align: left;
	overflow-x: hidden;
	overflow-y: scroll;
}

.dialog-text{
	padding: .06rem .15rem 0 .3rem;
	font-size: .14rem;
	color: #666;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*地图上的坐标点*/
.map-point{
	position: absolute;
	left: 13.3rem;
	top: 2.2rem;
	width: .3rem;
	height: .3rem;
	line-height: .3rem;
	text-align: center;
	font-size: .18rem;
	color: #fff;
	background: #007aff;
	border-radius: 100%;
}

.point-position-heilongjiang{
	left: 13.3rem;
	top: 2.2rem;
}

.point-position-jilin{
	left: 13rem;
	top: 2.85rem;
}

.point-position-liaoning{
	left: 12.7rem;
	top: 3.4rem;
}

.point-position-neimeng{
	left: 11.1rem;
	top: 3.4rem;
}

.point-position-beijing{
	left: 11.7rem;
	top: 3.8rem;
}

.point-position-tianjin{
	left: 11.85rem;
	top: 4rem;
}

.point-position-hebei{
	left: 11.55rem;
	top: 4.2rem;
}

.point-position-shanxi{
	left: 11.1rem;
	top: 4.5rem;
}

.point-position-ningxia{
	left: 10.02rem;
	top: 4.48rem;
}

.point-position-qinghai{
	left: 8.5rem;
	top: 4.7rem;
}

.point-position-shan3xi{
	left: 10.6rem;
	top: 5rem;
}

.point-position-shandong{
	left: 11.4rem;
	top: 5.2rem;
}

.point-position-henan{
	left: 12.06rem;
	top: 4.6rem;
}

.point-position-jiangsu{
	left: 12.42rem;
	top: 5.28rem;
}

.point-position-shanghai{
	left: 12.8rem;
	top: 5.5rem;
}

.point-position-anhui{
	left: 12rem;
	top: 5.55rem;
}

.point-position-hubei{
	left: 11.2rem;
	top: 5.78rem;
}

.point-position-chongqing{
	left: 10.4rem;
	top: 6rem;
}

.point-position-sichuan{
	left: 9.5rem;
	top: 5.9rem;
}

.point-position-yunnan{
	left: 9.3rem;
	top: 7.2rem;
}

.point-position-guizhou{
	left: 10.2rem;
	top: 6.7rem;
}

.point-position-guangxi{
	left: 10.6rem;
	top: 7.34rem;
}

.point-position-hunan{
	left: 11.1rem;
	top: 6.5rem;
}

.point-position-jiangxi{
	left: 11.75rem;
	top: 6.5rem;
}

.point-position-zhejiang{
	left: 12.55rem;
	top: 6.05rem;
}

.point-position-fujian{
	left: 12.24rem;
	top: 6.7rem;
}

.point-position-guangdong{
	left: 11.4rem;
	top: 7.3rem;
}

.point-position-hainan{
	left: 10.8rem;
	top: 8.24rem;
}

.point-position-taiwan{
	left: 12.8rem;
	top: 7.1rem;
}

.point-position-xinjiang{
	left: 6.8rem;
	top: 3.5rem;
}

.point-position-gansu{
	left: 9.5rem;
	top: 4.5rem;
}
       
/*解决方案*/
.solution-block{
	position: relative;
	top: .5rem;
	left: .6rem;
	/*height: 7.93rem;*/
	height: 70%;
	overflow: hidden;
}

.solution-frontblock{
	position: absolute;
	left: 0;
	z-index: 5;
}

.solution{
	float: left;
	width: 4.5rem;
	height: 7.93rem;
	text-align: center;
}

.back-wuliu{
	background: url(../img/pic1.png);
	background-size: 100% 100%;
}
.back-zhengfu{
	background: url(../img/pic2.png);
	background-size: 100% 100%;
}
.back-yiliao{
	background: url(../img/pic3.png);
	background-size: 100% 100%;
}
.back-jituan{
	background: url(../img/pic4.png);
	background-size: 100% 100%;
}

.solution img{
	margin-top: 2.8rem;
	margin-bottom: .54rem;
	height: 1.3rem;
}

.solution-detail1, .solution-detail2, .solution-detail3, .solution-detail4{
	display: none;
	width: 100%;
	height: 7.93rem;
	background: #fff;
}

.solution-detail-subtext{
	margin-top: .18rem;
	margin-left: 1.06rem;
	width: 7.87rem;
	font-size: .18rem;
	color: #666;
}

.solution-detail-pic{
	float: left;
	width: 7.63rem;
	height: 7.93rem;
}

.detail1-pic{
	background: url(../img/pic1-full.png);	
}

.detail2-pic{
	background: url(../img/pic2-full.png);	
}

.detail3-pic{
	background: url(../img/pic3-full.png);	
}

.detail4-pic{
	background: url(../img/pic4-full.png);	
}

.solution-detail-text{
	float: left;
	position: relative;
	width: 10.35rem;
	height: 7.93rem;
	background: #fff;
	border: 1px solid #D5D5D5
}

.point{
	margin-top: .05rem;
	margin-right: .2rem;
	width: .1rem;
	height: .1rem;
	background: #dcdcdc;
	border-radius: 100%;
}

.solution-detail-exit{
	position: absolute;
	right: 0;
	top:0;
	width: .5rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .4rem;
	color: #999;
	text-align: center;
}
.solution-detail-exit:hover{
	color: #fff;
	background: red;
}
.hint-label{
	display: none;
	position: absolute;
	right: 0;
	top:.7rem;
	background: #fff;
	border: 1px solid #333;
}

.solution-detail-logo{
	position: absolute;
}

.detail1-logo{
	right: .25rem;
	bottom:	.17rem;
	width: 5.52rem;
	height: 3.13rem;
	background: url(../img/pic-wuliu.png);
	background-size: 100% 100%;
}

.detail2-logo{
	right: .32rem;
	bottom:	.4rem;
	width: 2.94rem;
	height: 2.94rem;
	background: url(../img/pic-zhengfu.png);
	background-size: 100% 100%;
}

.detail3-logo{
	right: .4rem;
	bottom:	.43rem;
	width: 2.41rem;
	height: 2.95rem;
	background: url(../img/pic-yiliao.png);
	background-size: 100% 100%;
}

.detail4-logo{
	right: .41rem;
	bottom:	.4rem;
	width: 3.12rem;
	height: 2.94rem;
	background: url(../img/pic-jituan.png);
	background-size: 100% 100%;
}

/*页面底部信息*/
.info-bottom{
	margin-top: 1rem;
	margin-left: .6rem;
	width: 18rem;
	height: 1.6rem;
	border-top: solid 1px #d5d5d5;
	border-bottom: solid 1px #d5d5d5;
}

.info-bottom p{
	height: .26rem;
}

.qrcode{
	width: 1.27rem;
	height: 1.27rem;
}

.info-copyright{
	margin-left: .6rem;
	font-size: .12rem;
	color: #666;
}

/*模态框*/
.modal-btn{
	margin-bottom: .1rem;
	width: 1.2rem;
	height: .5rem;
	padding: 0 0;
	text-align: center;
	font-size: .18rem;
	
}

.modal-content{
	margin-top: 2rem;
}

.modal-body{
	height: 5rem;
	overflow-y: scroll;
}