﻿/*公共*/
.pagebar {
    text-align: center;
    display: none;
}
#page{
    margin-top: 20px;
    text-align: center;
}
.laypage_main .page_cur{
    font-size: 12px;
    line-height: 26px;
    font-style: normal;
    padding-left: 5px;
}
#header{
	overflow: hidden;
}
#header .row {
	overflow: hidden;
	height: 33px;
	line-height: 33px;
	background: #e7f4fc;
}
#header .row a{
	color: #333;
}
#header .banner{
	height: 175px;
	background: url(../2021images/banner.png) no-repeat center;
}
#header .nav{
	height: 45px;
	background: #077ced;
}
#header .nav{
	margin: 1px auto;
	overflow: hidden;
}
#header .nav ul {
	margin-right: -25px;
}
#header .nav ul li a{
	display: block;
	float: left;
	color: #fff;
	line-height: 45px;
	margin: 0 30px 0 17px;
}
#header .nav ul li a:hover{
	text-decoration: underline;
}
#header .now{
	height: 45px;
	line-height: 45px;
	color: #333;
}
.footer{
    /*width: 100%;*/
    height: 72px;
    padding: 55px 0 50px;
    margin: 50px 0 0;
    background: #054988;
}
.footer a{
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    display: block;
    cursor: pointer;
    width: 800px;
    margin: 0 auto;
}
/*详情页*/
.d_content{
	width: 1025px;
	background: #fdfdff;
	overflow: hidden;
	padding: 38px;
}
.d_content h1{
	width: 800px;
	margin: 0 auto 10px;
}
.d_content .row1{
	width: 560px;
	margin: 0 auto 10px;
	overflow: hidden;
}
.d_content .row1 a{
	color: #c06a6d;
}
.d_content .word{
	font-size: 15px;
    color: #666666;
    line-height: 30px;
}


/*列表页*/
.l_content ul{
	border: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 10px 45px;
}
.l_content ul li {
	height: 50px;
	overflow: hidden;
	border-bottom: 1px dashed #ccc;
}
.l_content ul li a{
	line-height: 60px;
	color: #333;
	font-size: 14px;
}
.l_content ul li .cir{
	display: block;
	width: 7px;
	height: 5px;
	background: #077ced;
	float: left;
	margin: 28px 10px 0 5px;
}
.l_content ul li .time{
	float: right;
	margin-right: 20px;
	color: #666;
	height: 50px;
	line-height: 60px;
	font-size: 13px;
}

/*首页：保险协会*/
.top {
	overflow: hidden;
	margin-top: 10px;
}
.top .center_left {
    width: 435px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    margin-right: 14px;
}

.top .center_left .bd {
	width: 435px;
	height: 320px;
    overflow: hidden;
}

.top .center_left .bd ul li img {
	width: 435px;
	height: 320px;
    display: block;
}

.top .center_left .bd ul li a.title {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    z-index: 1;
}

.top .center_left .bd ul li a.title p {
    padding-left: 30px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top .center_left .hd {
    width: 85px;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.top .center_left .hd ul li {
    float: left;
    margin-right: 3px;
    width: 21px;
    height: 2px;
    margin-top: 12px;
    cursor: pointer;
    background: #fff;
}

.top .center_left .hd ul li.on {
    background: #057dee;
}
.top .supervise{
	position: relative;
	width: 455px;
	height: 318px;
	border: 1px solid #6cb3f5;
	border-radius: 5px;
}
.top .supervise .title{
	height: 43px;
    overflow: hidden;
	border-bottom: 2px solid #077deb;
}

.supervise .title ul li{
	position: relative;
    float: left;
    height: 43px;
    overflow: hidden;
    cursor: pointer;
}
.supervise .title ul li .box{
	position: absolute;
	right: -20px;
	top: 0;
	width: 40px;
	height: 43px;
	background: #fff;
	transform: skewY(-70deg);
}
.supervise .title ul li .box1{
	position: absolute;
	left: -20px;
	top: 0;
	width: 40px;
	height: 43px;
	background: #fff;
	transform: skewY(-70deg);
}
.supervise .title ul li h1 {
    width: 110px;
    font-size: 16px;
    line-height: 45px;
    color: #333;
    float: left;
    text-align: center;
    font-weight: normal;
    border-radius: 5px 0 0 0;
    /*background: #057dee;*/
    z-index: 100;
    /*overflow: hidden;*/
}
.supervise .title ul li.on h1{
    color: #fff;
    background: #057dee;
}
.supervise .title ul li.on span {
    color: #333;
}

.supervise .title a {
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #4887fc;
}

.supervise .bd ul li {
	position: relative;
    height: 30px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 20px 0 30px;
}

.supervise .bd ul li .row {
	position: absolute;
	left: 0;
	width: 17px;
	height: 30px;
	background: #fff;
	z-index: 100;
}


.supervise .bd ul li .time span {
    display: block;
    font-size: 13px;
    line-height: 35px;
    color: #999;
    text-align: center;
    margin-right: 10px;
}


.supervise .bd ul li .word {
    width: 270px;
    height: 30px;
}
.supervise .bd ul li .word span{
	position: absolute;
    left: 14px;
    top: 15px;
    display: block;
    width: 7px;
    height: 7px;
    background: #057cf0;
    transform: rotate(45deg);
}
.supervise .bd ul li .word a p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    margin-top: 4px;
}
.supervise .bd ul li:hover .time span,
.supervise .bd ul li:hover .word p {
    color: #3f80fa;
}

.member a{
	display: block;
	overflow: hidden;
}
.member a img{
	width: 186px;
}


/*保险文化*/
.content{
	overflow: hidden;
}
.Insurance{
	position: relative;
	width: 435px;
	height: 318px;
	border: 1px solid #6cb3f5;
	border-radius: 5px;
	margin-right: 14px;
}
.Insurance .title{
	height: 43px;
    overflow: hidden;
	border-bottom: 2px solid #077deb;
}

.Insurance .title ul li{
	position: relative;
    float: left;
    height: 43px;
    overflow: hidden;
}
.Insurance .title ul li .box{
	position: absolute;
	right: -20px;
	top: 0;
	width: 40px;
	height: 43px;
	background: #fff;
	transform: skewY(-70deg);
}
.Insurance .title ul li h1 {
    width: 110px;
    font-size: 16px;
    line-height: 45px;
   	color: #fff;
    float: left;
    text-align: center;
    font-weight: normal;
    background: #057dee;
    z-index: 100;
    border-radius: 5px 0 0 0;
    /*overflow: hidden;*/
}
.Insurance .title ul li.on span {
    color: #333;
}

.Insurance .title a {
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #4887fc;
}
.more{
    position: absolute;
    right: 15px;
    top: 10px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    border-radius: 20px;
    border: 1px solid #2b91f3;
    color: #2b91f3;
    text-align: center;
    font-size: 12px;
}
.Insurance .bd ul li {
	position: relative;
    height: 30px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 20px 0 30px;
}

.Insurance .bd ul li .row {
	position: absolute;
	left: 0;
	width: 17px;
	height: 30px;
	background: #fff;
	z-index: 100;
}


.Insurance .bd ul li .time span {
    display: block;
    font-size: 13px;
    line-height: 35px;
    color: #999;
    text-align: center;
    margin-right: 10px;
}


.Insurance .bd ul li .word {
    width: 270px;
    height: 30px;
}
.Insurance .bd ul li .word span{
	position: absolute;
    left: 14px;
    top: 15px;
    display: block;
    width: 7px;
    height: 7px;
    background: #057cf0;
    transform: rotate(45deg);
}
.Insurance .bd ul li .word a p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    margin-top: 4px;
}
.Insurance .bd ul li:hover .time span,
.Insurance .bd ul li:hover .word p {
    color: #3f80fa;
}
.advanced{
	width: 455px;
	margin-right: 0;
}
.Company{
	width: 186px;
	height: 318px;
	border-radius: 5px;
	border: 1px solid #6cb3f5;
}
.Company h1{
	height: 45px;
	background: #057dee;
	line-height: 45px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}
.Company ul li{
	position: relative;
	height: 25px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 10px 0 20px;
}
.Company ul li .row {
	position: absolute;
	left: 0;
	width: 10px;
	height: 30px;
	background: #fff;
	z-index: 100;
}
.Company ul li span{
	position: absolute;
    left: 7px;
    top: 15px;
    display: block;
    width: 7px;
    height: 7px;
    background: #057cf0;
    transform: rotate(45deg);
}
.Company ul li a p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Company ul li:hover p {
    color: #3f80fa;
}

.link{
	margin-top: 25px;
}
.link .title{
	height: 48px;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;	
}
.link .title h1{
	font-size: 20px;
	border-bottom: 2px solid #057dee;
	color: #067bed;
	line-height: 47px;
	width: 159px;
}
.link .l_links{
	height: 125px;
    padding: 10px 0px 10px 13px;
	margin-top: 15px;
	border: 1px solid #dddddd;
}
.link .l_links a{
	display: block;
	float: left;
	width: 260px;
	height: 48px;
	border-radius: 5px;
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 48px;
	border: 1px solid #e4e4e4;
	margin-right: 8px;
	margin-bottom: 21px;
}
.link .l_links a:nth-child(1),
.link .l_links a:nth-child(4){
	width: 260px;
	height: 48px;
}