@charset "utf-8";
a,
a:hover,
a:active {
	text-decoration: none !important;
}

body {
	font-family: Microsoft Yahei;
	/*font-size: 12px!important;*/
	margin: 0;
}

input {
	outline: none!important;
}

img {
	border: 0;
}

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

li{
	list-style: none;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear:both;
}
/*//框架布局*/
.contentright-bottom .container{
	margin: 0 auto;
	padding: 0;
    width: 95%;
    /*border-radius: 20px;*/
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}

.content .borderradius{
	border-radius: 4px;
}

.content{
	width: 100%;
	background: #f8f7fc;
    transition: all .3s;
    /*overflow: auto;*/
}
/*右侧头部固定*/
.contentright-top{
	position: fixed;
	top: 0;
	left: 0px;
	right: 0;
    z-index: 100;
    height: 60px;
}
/*右侧内容区域*/
.contentright-bottom{
	margin-top: 85px;
	padding: 10px;
}

.bottom-div{
	display: inline-block;
	/*vertical-align: text-top;*/
	/*margin-bottom: 15px;*/
	width: 100%;
	background: #FFF;
}

.conbottom-left{
	width: 79%;
}

.container .marginright16{
	margin-right: 10px;
}

.col-md-12[name="parentsdiv"],.col-xs-12[name="parentsdiv"]{
	width: 100%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e2e2e2;
    padding: 5px;
    margin-bottom: 10px;
    /*background: #FFF;*/
}

/*详细内容布局----左侧上部卡片区*/
.left-top{
	width: 100%;
	position: relative;
	/*margin-bottom: 10px;*/
}

.left-top .managetip{
	/*position: absolute;
	top:5px ;
	left: 15px;*/
	padding: 10px 15px;
    padding: 10px 1%;
    font-size: 16px;
    font-weight: bold;
}

.left-top .dotteddiv{
    width: 310px;
    height: 115px;
    border: 1px dotted #ccc;
    position: absolute;
    top: 10px;
    left: 230px;
}

.left-top .dotteddiv .apptitle{
	width: 300px;
	/*height: 30px;*/
	line-height: 30px;
	text-align: center;
	position: absolute;
	bottom: 3px;
	left: 0;
}

.conbottom-left .left-top>ul>li{
	/*width: 23.96%;*/
	/*width: 180px;//包含统筹分建时的宽度*/
	width: 205px;
	display: inline-block;
	background-color: #FFFFFF;
	border-radius: 4px;
	text-align: left;
	margin-bottom: 10px;
	vertical-align: top;
}

.litop{
	width: 100%;
	margin: 0 auto;
	/*margin-top: 15px;*/
}

.litop div{
	display: inline-block;
}

.litop .litop-left{
	float: left;
	width: calc(100% - 100px);
    line-height: 20px;
    /*cursor: pointer;*/
    padding-left: 5px;
    vertical-align: middle;
}

.litop .litop-left .strong-num{
	font-weight: 800;
	font-size: 24px;
	color: #000;
}
.litop .litop-left>p{
	margin: 3px 0;
	color: #67686c;
	font-size: 12px;
}

.litop .litop-right{
	float: left;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border: 1px solid #e6e6e6;
     vertical-align: middle;
    border-radius: 50px;
    background: -webkit-linear-gradient(#7A99E5, #B1A5E4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#7A99E5, #B1A5E4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#7A99E5, #B1A5E4); /* Firefox 3.6 - 15 */
	background: linear-gradient(#7A99E5, #B1A5E4); /* 标准的语法 */
}

.litop .litop-right i{
	color: #FFF;
	font-size: 42px;
}

.litop .litop-right>img{
	width: 80%;
	/*vertical-align: unset;*/
}

.libottom{
	width: 80%;
	line-height: 10px;
	margin: 0 auto;
	text-align: right;
	padding-right: 35px;
}

.libottom>span{
	margin-left: 13px;
}
/*左侧中部图标区*/
.left-middle{
	width: 100%;
	height: 240px;
	/*margin-bottom: 8px;*/
	position: relative;
	margin-top: -14px;
}

.pieTips{
	position: absolute;
	width: 180px;
	/*height: 200px;*/
	top: 0px;
	right: 20px;
}
.pieTips p{
	margin: 0;
}

.pieTips h5{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.ceshicolor{
	background: -ms-linear-gradient(top, #0DB8DE,  #27F09E);        /* IE 10 */
	background:-moz-linear-gradient(top,#0DB8DE,  #27F09E);/*火狐*/
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0DB8DE), to(#27F09E));/*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0DB8DE), to(#27F09E));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #0DB8DE,  #27F09E);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #0DB8DE,  #27F09E);  /*Opera 11.10+*/
    display: inline-block;
    width: 25px;
    height: 14px;
    margin: 0 5px;
    vertical-align: middle;
    border-radius: 4px;
}

.shengchancolor{
	background: -ms-linear-gradient(top,#72C1EF,#6CA6E9);        /* IE 10 */
	background:-moz-linear-gradient(top,#72C1EF,#6CA6E9);/*火狐*/
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#72C1EF), to(#6CA6E9));/*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#72C1EF), to(#6CA6E9));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top,#72C1EF,#6CA6E9);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top,#72C1EF,#6CA6E9);  /*Opera 11.10+*/
    display: inline-block;
    width: 25px;
    height: 14px;
    margin: 0 5px;
    vertical-align: middle;
    border-radius: 4px;
}

.fenshuju{
	margin-left: 5px;
}

.fenshujus{
	margin-left: 10px;
}

.zongshuju{
	padding-left: 45px;
}

.left-bottom div{
	/*display: inline-block;*/
	/*vertical-align: text-top;*/
}

.left-middle .leftmiddle-echart{
	width: 100%;
	background-color: #FFFFFF;
	/*padding-top: 10px;*/
}

.left-middle .leftmiddle-quality{
	width: 100%;
	background: #FFFFFF;
	/*height: 250px;*/
	/*position: relative;*/
	/*padding-top: 10px;*/
}

.left-middle .leftmiddle-quality .qualbar{
	/*width: 92%;*/
	height: 130px;
}

.left-middle .leftmiddle-quality .qualbar-right{
	width: 200px;
	margin: 0 auto ;
}
.left-middle .leftmiddle-quality .qualbar-right>span{
	display: inline-block;
}

.left-middle .leftmiddle-quality .qualbar-right>span strong{
	font-size: 20px;
	font-weight: 600;
	margin-left: 10px;
}


.left-middle .leftmiddle-quality .quality-title,
.left-middle .leftmiddle-echart .quality-title{
	/*height: 35px;*/
	line-height: 22px;
	color: #0b4afa;
	padding-left: 5%;
	margin-bottom: 10px;
}

.left-middle .leftmiddle-quality .quality-title>span,
.left-middle .leftmiddle-quality .qualbar-right>p{
	color: #818f9c;
}

.left-middle .leftmiddle-quality .qualcurve{
	/*width: 92%;*/
	height: 100px;
	margin: 0 auto;
}
/*左侧底部内容区域*/
.left-bottom{
	/*width: 100%;*/
	height: 215px;
}

.left-bottom .leftbottom-app{
	width: 100%;
	height: inherit;
	background-color: #FFFFFF;
}

.left-bottom .leftbottom-quality{
	width: 98%;
	height: inherit;
	background-color: #FFFFFF;
}

.left-bottom .leftbottom-quality .quality-huan{
	/*width: 100%;*/
	margin-left: 10px;
}

/*.left-bottom .leftbottom-quality .quality-huan>div{
	display: inline-block;
	width: 49%;
	height: 180px;
}*/

.left-bottom .leftbottom-quality .huan-descibe{
	height: 40px;
	display: inline-block;
	width: 49%;
	text-align: center;
}

.conbottom-right .right-bottom .huan-descibe{
	height: 40px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.left-bottom .leftbottom-quality .huan-descibe>span,
.conbottom-right .right-bottom .huan-descibe>span {
	display: inline-block;

}

.left-bottom .leftbottom-quality .huan-descibe .spanmarginr60,
.conbottom-right .right-bottom .huan-descibe .spanmarginr60{
	margin-right: 60px;
}

.left-bottom .leftbottom-quality .huan-descibe>span>span,
.conbottom-right .right-bottom .huan-descibe>span>span {
	color: #005ffa;
}
.left-bottom .leftbottom-quality .huan-descibe>span>p,
.conbottom-right .right-bottom .huan-descibe>span>p{
	font-size: 14px;
}


.morenew{
	width: 50%;
	/*height: 25px;*/
	line-height: 25px;
	/*margin-bottom: 7px;*/
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;

}
.morenewt{
	width: 33.33%;
	/*height: 25px;*/
	line-height: 25px;
	/*margin-bottom: 7px;*/
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;

}
.tipstitle{
	text-align: center;
	font-size: 14px;
}

/*.rightmiddle-top .morenew{
	width: 100%;
	height: 25px;
	line-height: 25px;
	/*margin-top: 15px;
	padding: 0px 3%;
}*/

/*.left-bottom .morenew>span , .rightmiddle-top .morenew>span{
	font-weight: 600;
	margin-left: 5px;
}*/

.left-bottom .leftbottom-app>ul{
	/*width: 90%;*/
	padding: 0 5%;
}
.left-bottom .leftbottom-app>ul li{
	display: inline-block;
	width: 22.5%;
    margin: 30px 4px 10px;
}

.left-bottom .leftbottom-app>ul li>img{
	width: 70%;
	margin-left: 15%;
}
.left-bottom .leftbottom-app>ul li>p{
	margin-top: 5px;
	text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*右侧内容区*/
.conbottom-right{
	/*width: 19.55%;*/
}

.conbottom-right .left-top>ul>li{
	width: 100%;
	height: 150px;
	background-color: #FFFFFF;
	border-radius: 4px;
}

.conbottom-right .right-middle .rightmiddle-top{
	height: 100px;
	background-color: #FFFFFF;
	/*margin-bottom: 15px;*/
	margin-left: -3px;
	padding: 6px;
}


.conbottom-right .right-middle .rightmiddle-botm{
	/*height: 130px;
	background-color: #FFFFFF;*/
}

.conbottom-right .right-bottom{
	height: 280px;
	background-color: #FFFFFF;

}
/*.conbottom-right .right-bottom .morenew{
	width: 87%;
	height: 25px;
	line-height: 25px;
	padding: 15px 3% 0 10%;
}*/

.numvalue{
	line-height: 45px;
	font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #fa1069;
}

.infrusNo{
	line-height: 45px;
	font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #0067fa;
}


/*lichengbei*/
.contractHeader{
	height: 34px;
	width: 100%;
	margin-bottom: 15px;
}

/*各中心首次加载介绍页*/
.initpage{
	width: 100%;
	/*height: 100%;*/
	padding-top: 30px;
	background: url(../images/imagenew/introback.png) top no-repeat;
	background-size: 100%;

}

.introtext{
	width: 100%;
	height: 70px;
	line-height: 70px;
	font-size: 22px;
	text-align: center;
	font-weight: 600px;
}

.intrul{
	width: 85%;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
}

.intrul ul{
	width: 100%;
}

/*.intrul ul.martop{
	margin-top: 65px;
}*/

.intrul ul li{
	width: 24.6%;
	display: inline-block;
	vertical-align: top;
	padding: 5px 25px;
	margin-bottom: 55px;
	height: 220px;
}

.intrul ul li .lipic{
	width: 100%;
	height: 60px;

}

.intrul ul li .lipic .lipicback{
	height: 60px;
	width: 60px;
	margin: 0 auto;
	border-radius: 30px;
	background: -webkit-linear-gradient(#b482d3, #a2acf1); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#b482d3, #a2acf1); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#b482d3, #a2acf1); /* Firefox 3.6 - 15 */
	background: linear-gradient(#b482d3, #a2acf1); /* 标准的语法 */
}

.intrul ul li .lipic .lipicback i{
	font-size: 36px;
	color: #FFF;
}

.intrul ul li h3{
	margin:15px 0;
}

.intrul ul li p{
	text-align: justify;
}

.contentintro{
	width: 200px;
	height: 200px;
	margin: 0 auto;
	vertical-align: middle;
	border: 1px solid #333;
	text-align: center;
	position: relative;
}

.detailsintro{
	position: absolute;
}

/*自定义滚动条*/
::-webkit-scrollbar {
    width: 10px;
     height: 10px;
    -webkit-border-radius: 4px;
}
::-webkit-scrollbar-track-piece {
    background: hsla(0,7%,71%,.2);
    -webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #AAA;
}

@media only screen and (min-width: 1367px) {
	.conbottom-left .left-top>ul>li{
		width: 210px;
	}
}