@charset "utf-8";

/** 顶部banner**/
.banner {
	width: 100%;
	background-color: #f6f6f6;
	border-bottom: 1px solid #eee;
}

.banner .bd {
	margin: 0 auto;
	width: 1200px;
	height: 35px;
	background: #f6f6f6;
	-webkit-backface-visibility: hidden;
}

.banner .bd:after {
	content: "";
	display: table;
	clear: both;
}

.banner .bd .bd_l {
	float: left;
}

.banner .bd span {
	height: 35px;
	line-height: 35px;
}

.banner .bd .bd_r {
	float: right;
}

/** 标题栏 **/
.header {
	width: 100%;
	background-color: #ffffff;
	border-bottom: 1px solid #eee;
}

.header .bd {
	margin: 0 auto;
	width: 1200px;
	height: 90px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
}

.header .bd .bd_l {
	float: left;
}

.header .bd .bd_l .logo {
	float: left;
	height: 90px;
	line-height: 90px;
}

.header .bd .bd_l .logo img {
	vertical-align: middle;
}

.header .bd .bd_l .title {
	float: left;
	height: 90px;
	line-height: 90px;
}

.header .bd .bd_l .title span {
	font-size: 24px;
	margin-left: 24px;
	color: #222222;
}

.header .bd .bd_r {
	float: right;
}

.header .bd .bd_r ul {
	width: auto;
	height: 90px;
	display: inline-block;
	vertical-align: middle;
}

.header .bd .bd_r ul li {
	float: left;
	height: 90px;
	line-height: 90px;
	text-align: center;
	margin: 0 10px 0 10px;
	position: relative;
	display: block;
}

.header .bd .bd_r ul li.last {
	margin: 0 0 0 10px;
}

.header .bd .bd_r ul li a {
	font-size: 16px;
	color: #666666;
}

.header .bd .bd_r ul li a:hover {
	color: #4a9ff5;
}

/** 地图和登录框 **/
.body {
	width: 100%;
	background-color: #001d39;
	border-bottom: 1px solid #eee;
}

.body .bd {
	margin: 0 auto;
	width: 1200px;
	height: 530px;
	background: #001d39;
	-webkit-backface-visibility: hidden;
}

.body .bd .bd_l {
	float: left;
}

.body .bd .bd_l .map {
	width: 808px;
	height: 530px;
	line-height: 530px;
	background-image: url(../images/map_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

.body .bd .bd_l .map .infos {
	position: absolute;
	top: 20px;
	padding-left: 40px;
	width: 335px;
}

.body .bd .bd_l .map .infos .today {
	position: relative;
	width: 330px;
	color: #f4f4f4;
	top: 15px;
	left: 5px;
	height: 30px;
}

.body .bd .bd_l .map .infos img {
	width: 8px;
	height: 12px;
}

.body .bd .bd_l .map ul {
	width: 334px;
	height: 100px;
}

.body .bd .bd_l .map ul li {
	float: left;
	width: 167px;
	height: 100px;
}

.body .bd .bd_l .map ul li .title {
	font-size: 12px;
	color: #f4f4f4;
	padding-left: 20px;
	width: 167px;
	height: 35px;
}

.body .bd .bd_l .map ul li .number {
	font-size: 12px;
	color: #f4f4f4;
	padding-left: 20px;
	width: 178px;
	height: 65px;
}

.body .bd .bd_l .map ul li .number img {
	width: 14px;
	height: 20px;
}

.body .bd .bd_l .map ul li .number span {
	vertical-align: -webkit-baseline-middle;
}

.body .bd .bd_l .map ul li .number .dot {
	width: 10px;
	margin-left: -5px;
}

.body .bd .bd_l .map .date {
	position: absolute;
	width: 200px;
	height: 20px;
	top: -30px;
	color: #f4f4f4;
	margin-left: 650px;
}

.body .bd .bd_l .map .date img {
	width: 8px;
	height: 12px;
}

.body .bd .bd_l .map .logo {
	width: 80px;
	height: 12px;
	line-height: 12px;
	padding-top: 95px;
	padding-left: 710px;
}

.body .bd .bd_l .map .maps {
	/*position: absolute;
	/* top: 240px; */
	padding-top: 20px;
	margin-left: 450px;
	width: 257px;
	height: 364px;
}

.body .bd .bd_l .map .maps img {
	width: 257px;
	height: 364px;
}

.body .bd .bd_r {
	float: right;
}

.body .bd .bd_r .login {
	width: 350px;
	height: 530px;
	line-height: 530px;
	background-image: url(../images/login_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

.body .bd .bd_r .qrcode_bg {
	width: 350px;
	height: 530px;
	line-height: 530px;
	background-image: url(../images/qrcode_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

.body .bd .bd_r .user {
	padding-top: 140px;
	margin: 0 35px 0 35px;
}

.body .bd .bd_r .input40 {
	border: 1px solid #a0a0a0;
	height: 40px;
}

.body .bd .bd_r .pass {
	padding-top: 15px;
	margin: 0 35px 0 35px;
}

.body .bd .bd_r .rem {
	padding-top: 5px;
	margin: 0 35px 0 35px;
	height: 40px;
	line-height: 40px;
	width: 280px;
}

.body .bd .bd_r .rem .bd_l {
	float: left;
	height: 40px;
	line-height: 40px;
	width: 120px;
}

.body .bd .bd_r .rem .bd_l input {
	vertical-align: middle;
	margin: 0;
	margin-right: 5px;
}

.body .bd .bd_r .rem .bd_l label {
	font-weight: 100;
	margin-bottom: 0px;
}

.body .bd .bd_r .rem .bd_r {
	float: right;
	height: 40px;
	line-height: 40px;
}

.body .bd .bd_r .dl {
	padding-top: 5px;
	width: 280px;
	height: 40px;
	line-height: 40px;
	margin: 0 35px 0 35px;
}

.body .bd .bd_r .bt {
	padding-top: 10px;
	width: 280px;
	height: 40px;
	line-height: 40px;
	margin: 0 35px 0 35px;
}

.body .bd .bd_r .ulc {
	padding-top: 50px;
	width: 280px;
	height: 40px;
	line-height: 40px;
	margin: 0 35px 0 35px;
}

.body .bd .bd_r .ulc li {
	height: 25px;
	line-height: 25px;
	margin-left: 20px;
	list-style: disc;
}

.body .bd .bd_r .dl .btn-my {
	color: #fff;
	background-color: #3282ff;
	border-color: #3282ff;
	padding: 0px 12px;
	width: 100%;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
}

.qrcode {
	position: relative;
	width: 55px;
	height: 55px;
	top: -470px;
	right: -265px;
	cursor: pointer;
	z-index: 100;
}

/** 法律法规 **/
.news {
	width: 100%;
	background-color: #ffffff;
	border-bottom: 1px solid #eee;
}

.news .bd1 {
	margin: 0 auto;
	width: 1200px;
	height: 328px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
}

.news .bd1 .lanmu {
	float: left;
	width: 400px;
	height: 284px;
	clear: right;
	margin-top: -20px;
}

.news .bd1 .lanmu .header1 {
	margin: 0 50px 0 50px;
	width: 300px;
	height: 26px;
	line-height: 26px;
}

.news .bd1 .lanmu .header1 .header1_1 {
	float: left;
	border-left: 3px solid #337df3;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
}

.news .bd1 .lanmu .header1 span {
	float: left;
	margin-left: 10px;
	height: 26px;
	line-height: 26px;
	font-size: 18px;
	color: #222222;
}

.news .bd1 .lanmu .content {
	margin: 0 50px 0 50px;
	width: 300px;
	height: 258px;
}

.news .bd1 .lanmu .content ul {
	width: 100%;
	height: 100%;
	margin-top: 20px;
}

.news .bd1 .lanmu .content ul li {
	width: 100%;
	height: 20px;
	margin-top: 15px;
	cursor: pointer;
}

.news .bd1 .lanmu .content ul li .float-left {
	float: left;
	width: 70%;
	height: 20px;
	color: #666666;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news .bd1 .lanmu .content ul li .float-left:hover {
	color: #4a9ff5;
}

.news .bd1 .lanmu .content ul li .float-right {
	float: right;
	width: 30%;
	height: 20px;
	color: #666666;
	font-size: 12px;
	text-align: right;
}

/** 介绍 **/
.info {
	width: 100%;
	background-color: #f6f6f6;
	border-bottom: 1px solid #eee;
}

.info .bd {
	margin: 0 auto;
	width: 1200px;
	height: 75px;
	background: #f6f6f6;
	-webkit-backface-visibility: hidden;
}

.info .bd .divs {
	float: left;
	width: 300px;
	height: 75px;
	line-height: 75px;
	text-align: center;
}

.info .bd .divs span {
	margin-left: 10px;
	font-size: 16px;
}

/** icp等 **/
.footer {
	width: 100%;
	background-color: #2c2c2c;
	border-bottom: 1px solid #eee;
}

.footer .bd {
	margin: 0 auto;
	width: 1200px;
	height: 90px;
	line-height: 90px;
	background: #2c2c2c;
	-webkit-backface-visibility: hidden;
}

.footer .bd div {
	font-size: 12px;
	height: 20px;
	text-align: center;
	color: #939393;
}

/**注册页面body**/
.register .reg {
	margin: 0 auto;
	width: 1200px;
	height: 440px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
}

.register .reg .title {
	width: 1200px;
	height: 80px;
	/* line-height: 80px; */
	padding-top: 30px;
	background: #ffffff;
	text-align: center;
	color: #333333;
	font-size: 24px;
	clear: both;
}

.register .reg .content {
	width: 1200px;
	height: 340px;
	line-height: 340px;
	background: #ffffff;
	clear: both;
}

.register .reg .content .block {
	position: relative;
	float: left;
	margin-top: 50px;
	width: 256px;
	height: 240px;
	line-height: 240px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #e7e7eb;
	border-radius: 5px;
	float: left;
}

.block1 {
	margin-left: 108px;
	margin-right: 54px;
}

.block2 {
	margin-left: 54px;
	margin-right: 54px;
}

.block3 {
	margin-left: 54px;
}

.register .reg .content .block_icon {
	width: 256px;
	text-align: center;
	height: 100px;
	line-height: 100px;
	padding-top: 30px;
}

.register .reg .content .text {
	width: 256px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	padding-top: 60px;
	color: #333333;
	font-size: 16px;
}

.register .reg .content .block_icon img {
	width: 78px;
	height: 76px;
}

.register .reg .content .block1:hover {
	background-color: #20c68e;
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

.register .reg .content .block2:hover {
	background-color: #4497ff;
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

.register .reg .content .block3:hover {
	background-color: #f57a3d;
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

.register .reg .content .block:hover .block_icon {
	display: none;
}

.register .reg .content .block:hover .text {
	display: none;
}

.register .reg .content .block:hover .intro {
	display: block;
}

.register .reg .content .block .intro {
	display: none;
	height: 240px;
	line-height: 240px;
	border-radius: 5px;
}

.register .reg .content .block .intro .intro_title {
	color: #ffffff;
	font-size: 20px;
	width: 100%;
	height: 60px;
	line-height: 60px;
}

.register .reg .content .block .intro .intro_body {
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding-left: 25px;
	margin-top: -5px;
}

.register .reg .content .block .intro .intro_ul {
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	height: 75px;
	line-height: 75px;
	text-align: left;
	padding-left: 30px;
}

.register .reg .content .block .intro .intro_ul li {
	height: 25px;
	line-height: 25px;
}

.register .reg .content .block .intro .intro_btn {
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 25px;
}

.btn_round {
	margin-top: 5px;
	float: left;
	/* padding: 5px; */
	width: 15px;
	height: 15px;
	line-height: 15px;
	background-color: #fff;
	border-color: #fff;
	box-shadow: none;
	border-radius: 1000px;
}

.color1 {
	color: #20c68e !important;
}

.color2 {
	color: #4497ff !important;
}

.color3 {
	color: #f57a3d !important;
}

.register .reg .content .block .intro .intro_btn .btn-my {
	color: #fff;
	background-color: #ffffff;
	border-color: #ffffff;
	padding: 0px 12px;
	width: 80%;
	font-size: 16px;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
}

/***download***/
.qrlist {
	margin: 0 auto;
	width: 460px;
	height: 210px;
}

.qrlist img {
	width: 200px;
	height: 200px;
}

.qrtitle {
	margin: 0 auto;
	width: 460px;
	height: 30px;
}

.qrtitle .float-l {
	margin-left: 35px;
	color: #333333;
}

.qrtitle .float-r {
	margin-right: 15px;
	color: #333333;
}

.tips {
	margin: 0 auto;
	width: 460px;
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
}

/******评论列表******/
.rate {
	margin: 0 auto;
	width: 1200px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
	margin-top: 10px;
	border-radius: 5px;
}

.rate .r_title {
	width: 1200px;
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	color: #333333;
	text-align: center;
	clear: both;
}

.rate .r_list {
	margin: 0 150px 0 150px;
}

.rate .r_list ul {
	width: 100%;
}

.rate .r_list ul li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	height: 260px;
}

.rate .r_list ul li .r_left {
	float: left;
	width: 100px;
}

.rate .r_list ul li .r_left .touxiang {
	text-align: center;
	margin-top: 5px;
}

.rate .r_list ul li .r_left .usertype {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	color: #333333;
}

.rate .r_list ul li .r_right {
	float: left;
	width: 780px;
	height: 100%;
}

.rate .r_list ul li .r_right .r_username {
	font-size: 16px;
	color: #333333;
	font-weight: 700;
}

.rate .r_list ul li .r_right .r_content {
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
}

.rate .r_list ul li .r_right .r_bottom {
	font-size: 14px;
	color: #666666;
	height: 30px;
	margin-top: -30px;
	clear: both; /* 清除浮动元素格式 */
	position: relative;
}

.rate .r_list ul li .r_right .r_bottom .pingfen {
	display: inline-block;
	height: 20px;
	margin-left: 15px;
	padding-top: 7px;
}

#page_navigation {
	margin-top: 30px;
	height: 60px;
	text-align: center;
}

#page_navigation a {
	padding: 5px 10px;
	border: 1px solid #009dff;
	color: black;
	margin: 2px;
	text-decoration: none;
	border-radius: 4px;
}

.active_page {
	background: #009dff;
	color: white !important;
}

#page_navigation a:hover {
	background: #009dff;
	color: white !important;
}

/******信息查询******/
.search {
	margin: 0 auto;
	width: 1200px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
	margin-top: 10px;
	border-radius: 5px;
}

.search .r_title {
	width: 1200px;
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	color: #333333;
	text-align: center;
	clear: both;
}

.search .r_input {
	width: 1200px;
	height: 50px;
	font-size: 24px;
	color: #333333;
	text-align: center;
	clear: both;
}

.search .height40{
	height: 40px;
}

.search .input-group{
	width: 60%;
    margin: 0 auto;
}

.search .r_table{
	width: 1150px;
	height: 500px;
	font-size: 14px;
	color: #333333;
	text-align: center;
	clear: both;
	margin-left: 25px;
	margin-top: 50px;
}

html, body, form {
	height: 100%;
}

.start {
	min-height: 100%;
}

.end {
	clear: both; /* 清除浮动元素格式 */
	position: relative;
	/* margin-top: -167px; */ /* Footer 高度的负值 */
	height: 167px;
}

.protocol {
	width: 100%;
	background-color: #ffffff;
	border-bottom: 1px solid #eee;
	color: #808080;
	font-size: 18px;
	font-family: "微软雅黑";
}

.protocol .bd {
	margin: 0 auto;
	width: 1200px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
}

.protocol .bd .title {
	text-align: center;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
}

.protocol .bd p {
	margin: 5px auto;
	line-height: 1.5;
}

.protocol .bd .sj {
	text-indent: 3px;
}

.protocol .bd .jc {
	font-weight: bold;
}

.protocol .bd .right {
	text-align: right;
}

.tips_header {
	float: left;
	color: #22bdfa;
	font-size: 16px;
	height: 18px;
}

.tips_title {
	color: #222222;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-weight:700;
	border-bottom: 1px solid #eee;
}

.tips_content {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.tips_content .span1 {
	color: #333333;
	font-size: 16px;
	padding: 5px 0;
}

.tips_content .span2 {
	color: #666666;
	font-size: 16px;
}

.tips_content .span2 a{
	color: #347be5;
	text-decoration: underline;
}

.tips_content .span3 {
	color: #ff0000;
	font-size: 16px;
	font-weight: 700;
}

.tips_content .no_tips {
	color: #fff;
	background-color: #00b4ed;
	border-color: #00b4ed;
	padding: 0px 10px;
	width: 200px;
	font-size: 16px;
	font-weight: 400;
	height: 35px;
	line-height: 35px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
}

/*IE提示框*/
.CompatibilityBrowsers {
	overflow: hidden
}

.CompatibilityBrowsers-item {
	position: relative;
	float: left;
	width: 50%;
	padding: 16px 0
}

a.CompatibilityBrowsers-item {
	text-decoration: none;
	color: #3e7ac2
}

.CompatibilityBrowsers-divider {
	position: absolute;
	right: 0;
	top: 24px;
	height: 64px;
	border-right: 1px solid #ebeef5
}

.CompatibilityBrowsers-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto
}

.CompatibilityBrowsers-icon img {
	display: block
}

.CompatibilityBrowsers-ieIcon img {
	width: 88px;
	height: 81px;
	margin-left: -8px;
	margin-top: -1px
}

.CompatibilityBrowsers-chromeIcon img {
	width: 83px;
	height: 83px;
	margin: -1.5px
}

.CompatibilityBrowsers-text {
	margin-top: 32px;
	text-align: center
}
