@charset "utf-8";
/*好差评*/
body{min-width: 1200px;}
.container:after, .container:before {display:table; content: "";}
.container:after {clear: both;}
.container{width: 1200px; margin-right:auto; margin-left:auto; }
.fontcolor-blue{color: #4364dd;}
.fontcolor-orange{color: #ff7f00;}

.hcp-header{background: url(../images/hcp/hcp_banner.jpg) no-repeat center top;}
.hcp-header > .container{position: relative; height: 568px;}
.hcp-header-logo{position: absolute; left: 0; top: 20px;}
.hcp-com-tit img{display: block;  margin: 0 auto; max-width: 100%;}

.hcp-cx{padding: 10px; border-radius: 3px; border: #eeeeee 1px solid; box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.hcp-cx > .padding{position: relative; padding-right: 95px;}
.hcp-cx button{position: absolute; right: 0; top: 0; width: 90px; height: 38px; background: url(../images/hcp/hcpgl_cx_bg.png) repeat-x; border: 0; cursor: pointer; color: #fff;}
.hcp-cx .dl{float: left; position: relative; width: 48%; margin: 0 1%; box-sizing: border-box; line-height: 38px;}
.hcp-cx .dl >dt{position: absolute; left: 0; top: 0;}
.hcp-cx .dl > dd{margin-left: 80px;}
.hcp-cx .dl.tjyf .item{float: left; width: 50%; box-sizing: border-box;}
.hcp-cx .dl.tjyf .item + .item{padding-left: 15px;}

.hcp-tab .hd{text-align: center;}
.hcp-tab .hd li{display: inline-block; background: #dff0ff; border-radius: 22px; height: 45px; line-height: 45px; margin: 0 15px; padding: 0 30px; font-size: 18px; cursor: pointer;}
.hcp-tab .hd li.on{background: #4364dd; color: #fff;}
.hcpgl-list{margin:0 -10px;}
.hcpgl-list .box{float: left; width: 33.3333%;}
.hcpgl-list dl{margin: 0 10px 20px; text-align: center; overflow: hidden; font-size: 18px; border: #f4f4f4 3px solid; border-radius: 3px;}
.hcpgl-list .b dl{height: 383px;}
.hcpgl-list .s dl{height: 110px;}
.hcpgl-list dl dt{background: #dff0ff;}
.hcpgl-list .s dl dt{float:left; width: 35%; height: 100%; overflow: hidden;}
.hcpgl-list .s dl dd{float:right; width: 65%; height: 100%; box-sizing: border-box;}
.hcpgl-list .s dl dt img{display: block;margin: 0px auto 5px;}
.hcpgl-list .s.h dl dt img{display: block;margin: 14px auto 5px;width: 54px;}
.hcpgl-list dl dd b{font-size:  42px; font-weight: normal;}
.hcpgl-list dl dd:after{content: ''; width: 0; height: 100%;}
.hcpgl-list dl dd span,
.hcpgl-list dl dd:after{display: inline-block; vertical-align: middle;}
.hcpgl-list .b dl dt{height: 55%; overflow: hidden;}
.hcpgl-list .b dl dt img{display: block; margin: 30px auto 5px;}
.hcpgl-list .b dl dd{height: 45%;}

.hcp-qdgk{border: #f4f4f4 3px solid; padding: 20px;}
#qdgk-chart-bar{height: 600px; float: right; width: 70%;}
#qdgk-chart-pie{height: 500px; float: left; width: 30%;}

.hcp-table{border-collapse: collapse; border-spacing: 0; width: 100%; background-color: #fff;}
.hcp-table td{border-bottom: #dddddd 1px solid;}
.hcp-table th{border-bottom: #dff0ff 2px solid;}
.hcp-table th, .hcp-table td{padding: 20px 10px; text-align: center;}
.hcp-table td .star{margin: 0 3px;}
.hcp-cx-hplb .tjyf{display: none;}
.hcp-cx-hplb button{left: 92%;}

/*pagediv*/
.pagediv{font-size:14px; color:#555; line-height:28px; text-align:center; clear:both;}
.pagediv li{display: inline-block;}
.pagediv .arrow a{color: #555;}
.pagediv .total_count,
.pagediv .arrow a,
.pagediv .arrow span,
.page_jump a{display: inline-block; padding:0 10px; margin:4px; zoom:1; border:#dfdfdf 1px solid; border-radius:3px; 
}
.page_jump  input{width:40px; height:28px; color:#888; text-align:center; border:#dfdfdf 1px solid; border-radius:3px; background:#fff;}
.pagediv .total_count,
.pagediv .arrow a,
.page_jump a{
	transition: all .2s;
	-webkit-transition: all .2s;
	background: #f1f1f1;
	background: -webkit-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -o-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -moz-linear-gradient(#ffffff 10%, #f1f1f1);
	background: linear-gradient(#ffffff 10%, #f1f1f1);
}
.pagediv .arrow span{background: #f5f5f5; color: #999;}
.pagediv .arrow a:hover,
.page_jump a:hover,
.pagediv .arrow .current{background:#3d7eeb; border-color:#3d7eeb; color:#fff; text-decoration:none;}
.pagediv .arrow .current{font-weight: bold;}
.page_jump{margin-left: 4px;}
.page_jump a{margin-left: 6px;}