* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: "微软雅黑";
	color: #333
}

a {
	color: #666;
	font-size: 14px;
	text-decoration: none;
}

a:hover {
	color: #1d3d7d;
	font-size: 14px;
	text-decoration: none;
}

ul,
li,
ol {
	list-style: none;
}

input,
textarea {
	font-family: "微软雅黑";
	font-size: 16px;
}

b,
em,
i {
	font-style: normal;
	font-weight: normal;
}

.main {
	width: 1400px;
	margin: auto;
	clear: both;
	position: relative;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.lf {
	float: left;
}

.rt {
	float: right;
}

.tac {
	text-align: center;
}

input,
select,
textarea {
	outline: none;
	border: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

input:-moz-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

input::-moz-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

input:-ms-input-placeholder {
	color: #9c9c9c;
	font-size: 14px;
}

textarea {
	resize: none;
	color: #9c9c9c;
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #666
}

i,
em,
b,
h1,
h2,
h3,
h4,
h5 {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

.header {
	width: 100%;
	font-size: 14px;
	color: #666;
	height: 116px;
	line-height: 116px;
	background: #ffffff;

}

.header .fl a {
	height: 116px;
	line-height: 116px;
}

.header .fl a img {

	vertical-align: middle;
}

.header .main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;

}

.nav {
	height: 60px;
	line-height: 60px;
	flex: 1;
	display: flex;
	align-items: center;
	width: 950px;
	
}

.nav ul {
	margin-left: 100px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.nav ul li {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	position: relative;
	flex: 1;
	justify-content: center;
}

.nav ul li a {
	height: 113px;
	line-height: 113px;
	border-bottom: 4px solid #fff;
	margin: 0px 25px;
	display: inline-flex;
	flex: 1;
	justify-content: center;
	text-align: center;
	color: #333;
	font-size: 18px;
}

.nav ul li:hover>a,
.nav ul li.active>a {
	border-bottom: 4px solid #2363c5;
	
}

.nav ul li:hover dl {
	display: block;
}

.nav ul li dl {
	width: 100%;
	position: absolute;
	top: 116px;
	display: none;
	z-index: 9;
	left: -25px;
}

.nav ul li dl dd {
	height: 40px;
	line-height: 40px;
	width: 100%;
}

.nav ul li dl dd a {
	height: 40px;
	line-height: 40px;
	width: 100%;
	display: inline-block;
	background: #fff;
	font-size: 14px;
	border: none;
}

.nav ul li dl dd a:hover {
	background: #2363c5;
	color: #fff;
}


.header p.fr {

	color: #333;
}

.header p.fr a {

	color: #333;
	;
}

.header p.fr a.active {
	color: #333;
}



.banner {
	position: relative;
	top: 0px;
	float: left;
	width: 100%;
}

.banner img {
	width: 100%;
}

.banner .bd li {
	text-align: center;
}

.banner .bd li img {
	margin: 0 auto;
}

.banner .hd {
	position: absolute;
	bottom: 25px;
	z-index: 999;
	text-align: center;
	left: 0;
	right: 0;
}

.banner .hd li {
	background: #fff;
	display: inline-block;
	opacity: 1;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 0px 5px;
	cursor: pointer;
}

.banner .hd li.on {
	opacity: 1;
	width: 60px;
	background: #fff;
	height: 12px;
}

.index_titl {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top:70px;
	padding-bottom: 40px;
}

.index_titl {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
}

.index_titl p,.index_tit_l p {
	font-size: 56px;
	color: #8f8f8f;
	opacity: 0.2;
	text-transform: uppercase;
	height:60px;
}

.index_titl b,.index_tit_l b {
	font-size: 30px;

	float: left;
}
.index_titl b i,.index_tit_l b i{
	color: #2363c5; 
	position: relative;
}
.index_titl b i:before{
	content: "";
	position: absolute;
	left: -60px;
	top:20px;
	width: 35px;
	background:#2363c5;
	height:2px;
}
.index_titl b i::after{
	content: "";
	position: absolute;
	right: -60px;
	top:20px;
	width: 35px;
	background:#2363c5;
	height:2px;
}
.index_tit_l span {
	display: inline-block;
	width: 36px;
	height: 7px;
	margin-left: 20px;
	background: #2363c5;
}
.index_tit2{
	display: flex;
	/*padding-bottom: 50px;*/
	justify-content: space-between;
	align-items: center;
}



.banner_img {
	width: 100%;
	height: 300px;
	margin: auto;
	overflow: hidden;
	overflow: hidden;
}

.banner_img p {
	width: 100%;
	height: 300px;
	margin: auto;
	overflow: hidden;
	overflow: hidden;
	position: relative;
	top: 0px;
}

.banner_img p img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
}


#gallery-overlay{background-color:#000}
#gallery-container{font:16px/22px verdana,arial,sans-serif}
#gallery{color:#999;display:none;height:200px;margin:0 auto;position:relative;width:300px;box-shadow:0 0 64px #000;-moz-box-shadow:0 0 64px #000;-webkit-box-shadow:0 0 64px #000}
#gallery-image-container{display:none;height:100%}
#gallery-loading{padding:8px}
#gallery-controls{display:none;height:100%;left:0;position:absolute;top:0;width:100%}
#gallery-controls div{float:left;height:100%;width:50%}
#gallery-controls a{background:#fff;color:#000;font-size:12px;outline-style:none;position:absolute;text-decoration:none;top:40px}
#gallery-previous-link{left:0;padding:6px 10px 6px 6px;border-radius:0 6px 6px 0;-moz-border-radius-bottom-right:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px}
#gallery-next-link{padding:6px 6px 6px 10px;right:0;border-radius:6px 0 0 6px;-moz-border-radius-bottom-left:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px}
#gallery-meta-container{background:#fff;color:#999;display:none;margin:0 auto;overflow:auto}
#gallery-image{padding:8px}
#gallery-meta{display:none;height:44px;padding:0px 8px}
#gallery-meta div{float:left}
#gallery-info{text-align:left;width:80%}
#gallery-close{line-height:30px;text-align:right;width:20%}
#gallery-close a{color:#999;font-size:24px;font-weight:bold;outline-style:none;text-decoration:none}
#gallery-close a:hover{color:#bbb}
#gallery-title a,#gallery-title a:link,#gallery-title a:visited{color:#666;font-size:14px;font-weight:bold;line-height:14px}
#gallery-title a:visited:hover{color:#999}
#gallery-pages{color:#999;display:block;font-size:10px;line-height:14px}


.index2 {
	width: 100%;
	height: 861px;
	overflow: hidden;
}

.inden2con {
	width: 100%;
	/**/
	float: left;
	height: 625px;
}

.index2 .hd {
	width: 100%;
	background: #fff;
}

.index2 .hd ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.index2 .hd li {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	height: 88px;
	line-height: 88px;
	text-align: center;
	color: #333333;
	font-size: 18px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
}

.index2 .hd li.on {
	background: #2363c5;
	border-color: #2363c5;
	color: #fff;
}

.index2 .bd .index2_con {
	background-color: #f6f6f6;
	overflow: hidden;
}

.index2 .bd .index2_con .fl {
	width: 680px;
	padding-top: 70px;
	display: flex;
	flex-direction: column;
}

.index2 .bd .index2_con .fl .t h1 {
	float: left;
	color: #333;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 20px;
}
.index2 .bd .index2_con .fl .t p{
	background: #2363c5 url(../image/cp_r.png)  right center no-repeat;
	padding:0px 20px;
	color: #fff;
	height: 46px;
	line-height: 46px;
	margin-bottom: 25px;
}
.index2 .bd .index2_con .fl p {
	color: #666666;
	font-size: 16px;
	line-height: 34px;
	padding: 0px 0px;
}

.index2 .bd .index2_con .fl p.more a {
	display: block;
	width:180px;
	height: 50px;
	border: 1px solid #939393;
	line-height: 50px;
	text-align: center;
	color: #333;
	font-size: 16px;
	margin-top:35px;
}

.index2 .bd .index2_con .fl p.more a:hover {
	background: #2363c5;
	color: #fff;
}

.index2 .bd .index2_con .fr {
	padding:15px;
	margin: 60px 80px 60px 60px;
	float: left;
}
.index2 .bd .index2_con .fr img {
	padding: 15px;
	background: #fff;
}

.index6 {
	width: 100%;
	background: #f7f7f7;
}

.swiper-container2{
	height: 500px;;
	display: flex;
	justify-content: center;
}

.swiper-container2 .swiper-wrapper a{
	float: left;
	display: inline-block;
	width: calc(100% - 20px);
	padding: 10px;
	position: relative;
	background: #fff;
}
.swiper-container2 .swiper-wrapper a p{
	width: 100%;
	height:calc(100% - 40px);
	background: rgba(0,0,0,0.5);position: absolute;
	top: 0px;
	background: #fff;
		padding: 8px 20px;
	display: none;
}
.swiper-container2 .swiper-wrapper a img {
	width: 100%;
}

.swiper-container2 .swiper-wrapper a p i{
	text-align: center;
	margin-top: 140px;
	display: inline-block;
	color: #fff;

	background: #fff;
	border-radius: 5px;
	font-size: 18px;
}


.swiper-container2 .swiper-wrapper a b{
	width: 100%;
	display: inline-block;
	background: #fff;
	height: 40px;

	text-align: center;
	line-height: 40px;
}
.swiper-bot2{
	position: absolute;
	top: 400px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 300px;
}
.swiper-bot2 div{
	height: 36px;	border: 1px solid #a9a5a4;
	padding:0px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px -10px;
}
.swiper-button-next3 {

	background-image: none;
}
.swiper-button-cen{
	position: absolute;
	top: 50%;
	text-transform:uppercase;
}
.swiper-button-prev3 {
	border: 1px solid #a9a5a4;
	background-image: none;
}
.swiper-button-next3.swiper-button-disabled, .swiper-button-prev3.swiper-button-disabled{
	opacity: 1;
}







.index_parent {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.index_parent ul li {
 width: 264px;
 	height: 146px;
 	border: solid 1px #e0e5e9;
    line-height: 146px;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-bottom: 22px;
}

.index_parent ul li a {
    width: 100%;
    display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 146px;
    float: left;line-height: 146px;
	
}

.index_parent ul li a img {
     width: 100%;
    float: left;
    vertical-align: middle;
}

.index_parent ul li:nth-child(5n) {
    margin-right: 0px;
}

.index_parent ul li:hover {
    border: 1px solid #2363c5;
}











.index3 {
	width: 100%;
	height:740px;
	background: #fff;

}

.index3_con {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	background: #fff;
		
	z-index:8;

}
.index3_con::before{
	width: 1380px;
	height: 500px;
	position: absolute;content: "";
	top: 0px;
	left:0px;background: #fff;
	z-index:6;
}
.index3_con::after{
	width: 1380px;
	height: 500px;
	position: absolute;content: "";
	top: 20px;
	left:20px;background: #2363c5;
	z-index: 3;
}
.index31_top_l {
	width: 780px;
	padding: 60px 80px 0px 40px;
	display: flex;
	flex-direction: column;
	position: relative;z-index: 8;
	background: #f7f7f7;
	height: 440px

	;
}

.index31_top_l p.p_con {
	line-height: 36px;
	width: 100%;
	margin-top:10px;
	overflow: hidden;
}


.index31_top_l .more a {
	display: inline-block;
	color: #fff;
	
		width: 140px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: #2363c5;
		font-size: 16px;
		margin-top: 30px;
}
.index31_top_l .more a:hover{
	background: #f60;
}
.index31_top_l .p_bot{
	display: flex;
	flex-direction: row;

	position: absolute;
	top: 580px;
}
.index31_top_l .p_bot em{
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.index31_top_l .p_bot b{
		width: 156px;
		height: 1px;
		background: #c9c9c9;
		margin-top: 10px;
		margin-left: 40px;
}
.index3_r {
width: 460px;
position: relative;z-index: 8;
padding-right: 50px;
margin-right: 20px;
background: #f7f7f7;
height:440px;
padding-top: 60px;

}


.index31_top_l span {
	font-size: 24px;
	color: #000;

}

.index31_top_l b {
	font-size: 46px;
	color: #000000;

	float: left;
}

.index31_top_l i {
	display: inline-block;
	width: 36px;
	height: 7px;
	background: #2363c5;
}

.index1{
	width: 100%;
	height:800px;
	padding-top:130px;
	padding-bottom: 60px;
	background: url(../image/advbg.jpg) center no-repeat;
}

.index1_con{
		width: 1400px;
		height: 506px;
		background-color: #ffffff;
		margin-top: 60px;
		/* display: none; */
		float: left;
	
}
.inden1con .hd ul{
	display: flex;
	flex-direction: row;
}
.inden1con .hd ul li{
	color: #fff;
		width: 186px;
		height: 67px;
		line-height: 67px;
		text-align: center;
		display: inline-block;
		border: solid 1px #b9b9b9;
		border-radius: 33px;
			font-size: 22px;
		margin-left: 20px;
		display: inline-flex;
		justify-content: flex-start;
		cursor: pointer;
}
.inden1con .hd ul li b{
		width: 58px;
		height: 57px;
		line-height: 58px;
		text-align: center;
		display: inline-block;
		background-color: #2363c5;
		color: #fff;
			font-size: 32px;
			border-radius: 50%;
			margin: 5px 15px 5px 5px;;
}
.inden1con .hd ul li.on{
	background: #2363c5;
	border: solid 1px #2363c5;
}
.inden1con .hd ul li.on b {
	background: #fff;
	color: #2363c5;
}
.index1_con .fl{
		padding: 50px 90px 50px 50px;
		float: left;
}
.index1_con .fr{
		width: 550px;
		float: left;
		padding-top: 70px;
		display: flex;
		flex-direction: column;
}
.index1_con .fr .t{
	width: 100%;
	display: flex;
	font-size: row;
	align-items: center;
}
.index1_con .fr .t span{
	display: flex;
	flex-direction: column;
}
.index1_con .fr .t span i{
		font-size: 42px;
			color: #2363c5;
}
.index1_con .fr .t span em{
			font-size: 20px;
				color: #999999;
				text-transform: uppercase;
}
.index1_con .fr .t p{
	font-size: 96px;
		color: #2363c5;
		margin-right: 20px;
}
.index1_con ul{
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 170px;
}
.index1_con ul li{

	line-height:38px;
		color: #666666;
			font-size: 14px;
}

.index1_con p.more a{
		width: 200px;
		height: 55px;
		line-height: 55px;
		display: inline-block;
		text-align: center;
		color: #fff;
		background-color: #2363c5;
		border-radius: 27px;
		font-size: 16px;
}
/* .index3 .index32{ position: absolute; left: 0; right: 0; bottom: -100px; height: 275px; padding: 45px 70px 0; background: #fff; box-shadow: 3.254px 7.308px 26px 0px rgba(0, 0, 0, 0.11); overflow: hidden; position: relative;}
.index3 .index32 .hd a{display: block; position: absolute; width: 40px;  height: 40px; background: url(../image/left.png) no-repeat; left: 0px; left: 10px; top: 50%; margin-top: -40px; cursor: pointer;}
.index3 .index32 .hd a.prev{ right: 10px; left: auto;  background-image: url(../image/right.png);}
.index3 .index32 .bd{ width: 100%; overflow: hidden;}
.index3 .index32 .bd li{ float: left; margin-right: 20px;}
.index3 .index32 .bd li p{ text-align: center; color: #333333; font-size: 18px; padding-top: 10px;}
.index3 .index32 .bd li a:hover p{ color: #2363c5;}
 */




.index_news {
    width: 100%;
    float: left;
/*    padding-bottom: 70px;*/
}

.news_l {
    width: 100%;
    float: left;
}

.news_r {
    float: left;
    width: 500px;
    height: 490px;
    /* padding: 0px 20px; */
    /* border: solid 1px #eeeeee; */
}


.news_l_con {
    
    width: 100%;
    float: left;
   
}


.news_lcon dl {
  width: 670px;
  	height: 559px;
    color: #666666;
    float: left;
    margin-bottom: 10px;
	margin-right: 50px;
	margin-top: 30px;
	cursor: pointer;
}

.news_lcon dl dt {
 width: 672px;
  	/* height: 559px; */
    float: left;
}

.news_lcon dl dt img {
    float: left
}

.news_lcon dl dd {
    width:100%;
	float: left;
    height: 130px;
	background: #f1f1f1;
	color: #666;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}
.news_lcon dl dd p,.news_lcon dl dd  span {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content:center;
	height: 80px;
}
.news_lcon dl dd span b{line-height: 60px;font-size: 60px;color: #0067ac;}
.news_lcon dl dd span i{	font-size: 16px;color: #666666;}
.news_lcon dl dd p em{height:34px;font-size: 22px;line-height: 34px;	color: #333333; width:500px}
.news_lcon dl:hover dd p em{
	color: #0067ac;
}
.news_lcon dl dd p i{font-size: 14px;line-height: 34px;	color: #666666;  width:90%;overflow:hidden;

                white-space: nowrap;

                text-overflow: ellipsis;

                -o-text-overflow:ellipsis;}

.news_lcon ul {
    width:680px;
    float: left;
}

.news_lcon ul li {
  width: 100%;
  height: 150px;

    ;
}
.news_lcon ul li a{
  width: 100%;
  height: 95px;
  float: left;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e2e2e2;
  margin-top: 30px;
  padding-bottom: 30px
    ;
}
.news_lcon ul li:last-child a{
	border: none;
}
.news_lcon ul li p {
width: 137px;
	height: 91px;
	margin-right: 25px
    ;
}
.news_lcon ul li span {
    width: calc(100% - 110px);
    float: left;
    display: inline-block;
}

.news_lcon ul li em,
.news_lcon ul li strong {
    width: 100%;
    float: left;
    display: inline-block;
    color: #333;
}

.news_lcon ul li em {
    font-size: 22px;
    line-height: 36px;
	color: #333333;
    ;
}

.news_lcon ul li strong {
    font-size: 14px;
    ;
    color: #666;
    overflow: hidden;
	line-height: 30px;
    height: 60px;
    width: 98%;
	font-weight: normal;
}

.news_lcon ul li:hover em {
  color: #0067ac;
}








.footer1 {background:#ffffff; width:100%;line-height: 90px;}
.footer1 span{ color: #2363c5; font-size: 18px;}
.footer1 a{ color: #666666; font-size: 14px; margin: 0px 10px;}
.footer1 a:hover{ color: #2363c5; text-decoration: underline;}

.footer2 {background:url(../image/footer2.png) center repeat-x #313131; width:100%;
height:473px;}
.footer2 ul { padding-top: 90px;float: left;}
.footer2 ul li {float:left; width:230px}
.footer2 ul li h5,.footer2 ul li>a {color:#fff; font-size:18px; margin-bottom:15px;}
.footer2 ul li  dl{
	width: 100%;
	margin-top: 20px;
}
.footer2 ul li  dl dd {
	width: 100%;
	float: left;
}
.footer2 ul li  dl dd a {color:#a9a9a9; font-size:14px; line-height:32px;}
.footer2 ul li dl dd a:hover {text-decoration:underline; color:#fff;}


.footer2_bot{	height: 401PX;;}

.footer2 .main{
	width: 1400px;
	position: relative;
	bottom: 0px;
	right: 0px;
}
.footer_ab{	width: 292px;
	padding:40px  40px 10px;
	background-color: #2363c5;
	 position: absolute; z-index: 2; right: 0px;top: -85px; }
.footer_ab p{ color: #ffffff; font-size: 14px; line-height: 32px; padding: 20px 0px 0px;margin-right: 30px;}
.footer_ab .tac{ color: #ffffff; font-size: 14px; line-height: 40px;width: 250px;display: flex;flex-direction: row;}
.footer_ab .tac b {
	width: 100%;
	text-align: center;display: inline-block;
}
.footer_top{
	width: 1020px;float: left;

}


.footer3{width: 100%;float: left;height: 67PX;color: ##a9a9a9;}
.footer3 .fl,.footer3 a{ color: #a9a9a9; font-size: 14px; line-height: 72px;}
.footer3 .fr a{ color: #a9a9a9; font-size: 14px; line-height: 72px;padding-right: 100px;}
.footer3 .fr a:hover{ text-decoration: underline;}








.content {
	width: 100%;
	float: left;
	padding: 30px 0px;
	min-height: 400px;
}

.nav_page {
	width: 100%;
	float: left;
}

.nav_page ol {
	display: table;
	margin: 0px auto;
	padding: 20px 0px 40px;
}

.nav_page ol li {
	line-height: 48px;
	width: 180px;
	text-align: center;
	margin-right: 10px;
	color: #f3f3f3;
	margin-top: 3px;
	float: left;
}

.nav_page ol>li>a {
	width: 100%;
	color: #000;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #bcbcbc;
}

.nav_page ol li ul {
	display: none;
}

.nav_page ol li ul li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 20px;
	background: #fff;
	color: #333
}

.nav_page ol li ul li.show a {
	color: #2363c5;
}

.nav_page ol li.hover ul {
	display: block;
}

.nav_page>ol>li.hover>a,
.nav_page>ol>li>a:hover {
	color: #fff;
	background: #2363c5;
	border: 1px solid #2363c5;
}

.content_r {
	width: 100%;
	float: left;
	margin-bottom: 0px;
	/* border-top: 1px solid #e8e8e9; */
}

.about_con {
	width: 100%;
	float: left;
}

.about_con div {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	width: 100%;
	float: left
}

.contactbot {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.honor {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.honor ul li {
	width: 300px;
	text-align: center;
	float: left;
	margin-right: 50px;
	margin-bottom: 22px;
	/* background-color: #ffffff; */
}

.honor ul li a {
	width: 100%;
	display: inline-block;
	float: left;
	line-height: 50px;
}

.honor ul li img {
	vertical-align: middle;
	width: calc(100% - 4px);
	padding: 2px;
	border: solid 1px #dfdfdf;
}

.honor ul li:nth-child(4n) {
	margin-right: 0px;
}

.honor ul li:hover img {
	border: 1px solid #2363c5;
}

.pages {
	display: table;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 50px;
}

.pages li {
	float: left;
}

.pages li a {
	height: 32px;
	padding: 0px 10px;
	line-height: 32px;
	background: #f3f3f3;
	color: #666;
	display: inline-block;
	margin-right: 10px;
	color: #666;
	text-align: center;
}

.pages li a:hover {
	height: 32px;
	line-height: 32px;
	background: #2363c5;
	color: #fff;
	text-align: center;
}

.pages li.active a {
	background: #2363c5;
	color: #fff
}

.pageimg5 {
	width: 100%;
	float: left;
	margin-bottom: 50px;
	margin-top: 30px;
}

.pageimg5 ul li {
	width: 264px;
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-bottom: 22px;
}

.pageimg5 ul li a {
	width: 100%;
	display: inline-block;
	float: left;
	line-height: 40px;
}

.pageimg5 ul li img {
	vertical-align: middle;
	width: calc(100% - 2px);
	border: solid 1px #dfdfdf;
}

.pageimg5 ul li:nth-child(5n) {
	margin-right: 0px;
}

.pageimg5 ul li:hover img {
	border: 1px solid #2363c5;
}

.cer {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.cer ul li {
	width: 300px;
	text-align: center;
	float: left;
	margin-right: 50px;
	margin-bottom: 22px;
	/* background-color: #ffffff; */
}

.cer ul li a {
	width: 100%;
	display: inline-block;
	float: left;
	line-height: 40px;
}

.cer ul li img {
	vertical-align: middle;
	width: calc(100% - 4px);
	padding: 2px;
	border: solid 1px #dfdfdf;
}

.cer ul li:nth-child(4n) {
	margin-right: 0px;
}

.cer ul li:hover img {
	border: 1px solid #2363c5;
}

.contact1_top {
	width: 100%;
	display: flex;
	justify-content:flex-start
}

.contact1_topl {
	width: 600px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.contact1_topl dl {
	/*display: flex;*/
	flex-direction: column;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 20px;
}

.contact1_topl dl dt {
	font-size: 18px;
	color: #2c5d97;
}

.contact1_topl ul {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.contact1_topl ul li {
	display: flex;
	flex-direction: row;
	width: 180px;
	margin-right: 50px;
	color: #0d387c;
	font-size: 14px;
	align-items: center;
}

.contact1_topl ul li img {
	margin-right: 10px;
}

.contact1_topr {
	float: left;
	margin-right: 50px;
}

.contact1_bot {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #333;
	margin-top: 20px;
}

.contact1_bot>p {
	font-size: 14px;
}

.contact1_botcon {
	background: #f5f6f6;
	margin-top: 40px;
	width: calc(100% - 60px);
	padding: 30px 25px;
	float: left;
}

.contact1_botcon ul li {
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #e1e6eb;
	float: left;
	display: flex;
	align-items: flex-start;
}

.contact1_botcon ul li.wid45 {
	width: 650px;
	margin-right: 30px;
}

.contact1_botcon ul li:nth-child(2n) {
	margin-right: 0px;
}

.contact1_botcon ul li.wid100 {
	width: 100%;
}

.contact1_botcon ul li b {
	line-height: 40px;
	width: 45px;
	text-align: center;
	display: inline-block;
}

.contact1_botcon ul li b img {
	vertical-align: middle;
}

.contact1_botcon ul li input {
	width: calc(100% - 70px);
	padding: 0px 5px 0px 10px;
	line-height: 40px;
	border-left: 1px solid #e1e6eb;
}

.contact1_botcon ul li select {
	width: calc(100% - 70px);
	padding: 0px 5px 0px 10px;
	line-height: 40px;
	border: none;
	border-radius: 0px;
	height: 40px;
	background: #fff;
	border-left: 1px solid #e1e6eb;
	font-size: 14px;
	color: #666;
}

.contact1_botcon ul li select option {
	border-radius: 0px;
}

.contact1_botcon ul li textarea {
	width: calc(100% - 70px);
	height: 110px;
	padding: 10px;
	border-left: 1px solid #e1e6eb;
}

.contact1_botcon p {
	float: left;
}

.contact1_botcon p input {
	width: 70px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.contact1_botcon p input:first-child {
	background: #2363c5;
}

.contact1_botcon p input:last-child {
	background: #2363c5;
}

.contact1_botcon p input:hover {
	background: #6EB624;
}

.download {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.download ul li {
	width: 100%;
	height: 45px;
	line-height: 45px;
	float: left;
	background: #efefef;
	margin-bottom: 8px;
	cursor: pointer;
}

.download ul li p {
	position: relative;
	text-indent: 30px;
	width: 80%;
	overflow: hidden;
	float: left;
	font-size: 14px;
}

.download ul li p:before {
	position: absolute;
	left: -15px;
	content: '·';
	top: 0px;
	font-size: 40px;
	color: #333;
	font-size: 14px;
}

.download ul li span {
	float: right;
}

.download ul li span a {
	width: 120px;
	height: 45px;
	background: #333;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 14px;
}

.download ul li:hover span a {
	width: 120px;
	height: 45px;
	background: #2363c5;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 14px;
}

.download ul li.hover {
	color: #2363c5
}

.news_con,
.news_con ul {
	width: 100%;
	float: left;
	margin-top: 0px;
}

.news_con ul li {
	width: calc(100% - 40px);
	padding: 20px;
	float: left;
	border: 1px solid #e8e8e9;
	margin-bottom: 20px;
}

.news_con ul li a {
	width: 100%;
	display: inline-block;
	display: flex;
	align-items: center;
}

.news_con ul li a>p {
	float: left;
	margin-right: 20px;
}

.news_con ul li dl {
	width: calc(100% - 350px);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.news_con ul li dl dt {
	width: 900px;
	display: flex;
	flex-direction: column;
	line-height: 26px;
	color: #666;
}

.news_con ul li dl dt p {
	font-size: 18px;
	color: #333333;
}

.news_con ul li dl dd {
	float: right;
}

.news_con ul li dl dt span {
	line-height: 34px;
	color: #999;
}

.news_con ul li dl dt span img {
	width: 14px;
	line-height: 34px;
	margin-right: 5px;
	vertical-align: middle;
}

.news_con ul li:hover dl dt p {
	color: #2363c5;
}

.news_con ul li dl dd img:first-child {
	display: none;
}

.news_con ul li:hover dl dd img:first-child {
	display: block;
}

.news_con ul li:hover dl dd img:last-child {
	display: none;
}
.zixun {
	width: 100%;
	height: 90px;
	border: 1px solid #cccccc;
	border-left: none;
	border-right: none;
	display: flex;
	align-items: center;
	margin: 30px 0px;
	float: left;
	
}
.zixun a {
	width: 145px;
	display: inline-block;
	height:45px;
	line-height: 45px;
	border-radius: 3px;
	font-size:16px;
	text-align: center;
	background-color: #2363c5;
	color: #fff;
}

.faqshow {
	padding-bottom: 0px;
	width: 100%;
	float: left;
}

.faqshow .tc {
	text-align: center;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0px 20px;

}

.faqshow .time {
	text-align: center;
	padding-bottom: 10px;
	height: 20px;
	line-height: 20p;
}

.faqshow .time img {
	vertical-align: middle;
	width: 20px;
	margin-right: 5px;
}

.faqshow div {
	line-height: 28px;
	color: #666;
	font-size: 14px;
	padding-bottom: 5px;
	float: left;
	border-top: 1px solid #e8e8e9;
	padding-top: 20px;
}

.faqshow dl {
	float: left;
	width: 100%;
	line-height: 26px;
	font-size: 14px;
}

.faqshow dl dt {
	float: left;
	color: #666;
}

.faqshow dl dd a {
	float: left;
	color: #666
}

.faqshow dl dd a:hover {
	color: #2363c5
}

.productcon,
.productcon ul {
	width: 100%;
	float: left;
	margin-top: 0px;
}

.productcon ul li {
	width: calc(100% - 40px);
	padding: 20px;
	float: left;
	border: 1px solid #e8e8e9;
	margin-bottom: 20px;
}

.productcon ul li a {
	width: 100%;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.productcon ul li a>p {
	float: left;
	margin-right: 35px;
}

.productcon ul li dl {
	width:1060px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.productcon ul li dl dt {
	width:910px;
	display: flex;
	flex-direction: column;
	line-height: 26px;
	color: #666;
}

.productcon ul li dl dt p {
	font-size: 18px;
	color: #2363c5;
	padding-bottom: 10px;
}

.productcon ul li dl dd span {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	background: #d7d7d7;
	/* border: 1px solid #dddddd; */
	color: #fff;
	font-size:20px;
	margin: 20px 30px 20px 50px;
	;
}

.productcon ul li:hover dl dd span {
	background: #2363c5;
	color: #fff;
}

.productcon ul li:hover dl dt p {
	color: #2363c5;
}

.productcon ul li dl dd img:first-child {
	display: none;
}

.productcon ul li:hover dl dd img:first-child {
	display: block;
}

.productcon ul li:hover dl dd img:last-child {
	display: none;
}


.productcon1,
.productcon1 ul {
	width: 100%;
	float: left;
	margin-top: 0px;
}

.productcon1 ul li {
	width:440px;
	margin-right: 40px;
	float: left;
	
background: #fff;
	margin-bottom: 20px;
}

.productcon1 ul li a {
	width: 100%;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	line-height: 40px;
}

.productcon1 ul li:nth-child(3n){
	margin: 0px;
}
.productcon1 ul li img{
	width:400px;
	float: left;
		padding: 20px;background: #fbfbfb;
}
.productcon1 ul li:hover img{
	background: #2867c6;
}
.proshow {
	width: 100%;
	float: left;
	padding: 30px 0px;
}

.faqshow_l {
	width: 642px;
	float: left;
}

.faqshow_l img {
	width: 642px;
	padding: 10px;
	background: #f6f6f6;
}

.proshow .faqshow_r {
	width: 680px;
	float: right;
}

.proshow .faqshow_r p {
	padding-bottom: 10px
}

.proshow .faqshow_r p.col_2363c5 {
	color: #2363c5
}

.pro_tit {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	float: left;
	background: #f4f4f4;
	font-weight: normal;
}

.pro_tit b {
	width: 140px;
	text-align: center;
	display: inline-block;
	float: left;
	cursor: pointer;
}

.pro_tit b.hover {
	background: #2363c5;
	color: #fff;
	position: relative;
}
.pro_tit b.hover:before {
	position: absolute;
	content: '';
	left: 62px;
	width: 0px;
	height: 0px;
	border: 7px solid #2363c5;
	top: 48px;
	border-color: #2363c5  transparent transparent transparent;;
	;
}
.faqshow div.product_small_btn {
	width: 16px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #e9e9e9;
	box-sizing: border-box;
	cursor: pointer;
}

.faqshow div .product_small_r {
	float: right;
}

.faqshow_tyext {
	width: 100%;
	float: left;
	line-height: 28px;
	color: #666;
	font-size: 14px;
	padding-bottom: 20px;
	float: left
}

.faqshow_tyext table td {
	padding-left: 6px;
}


.product_detail {
	padding: 20px 0;
	position: relative;
	left: 0px;
}

.product_detail_list {
	padding: 0px 0;
	overflow: hidden;
}

.product_detail_list ul {
	margin-right: -20px;
	position: relative;
}

.product_detail_list li {
	float: left;
	width: 208px;
	margin-right: 20px;
	text-align: center;
}

.product_detail_list li .product_detail_list_pic {
	height: 208px;
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #efefef;
	overflow: hidden;
}

.product_detail_list li img {
	width: 100%;
}

.product_detail_list li p a {
	display: block;
	font-size: 14px;
	line-height: 34px;
	background: #008bd6;
	color: #fff;
}

.product_detail_info_l {
	position: relative;
	float: left;
	width: 402px;
}

.product_big {
	position: relative;
	height: 402px;
	width: 402px;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	margin-bottom: 10px;
	overflow: hidden;
	cursor: move;
}

.img_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	background-size: 100%;
	margin: -100px 0 0 -100px;
	display: none;
}

.zoom_box {
	position: absolute;
	top: 0;
	right: -400px;
	width: 390px;
	height: 390px;
	border: 1px solid #e9e9e9;
	display: none;
}

.product_big img {
	width: 100%;
}

.product_small_list {
	margin-left: 2px;
	width: 368px;
	overflow: hidden;
}

.product_small_list ul {
	width: 100000px;
	position: relative;
}

.product_small_list li {
	float: left;
	width: 69px;
	height: 69px;
	text-align: center;
	padding: 2px;
	margin: 0 2px;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
}

.product_small_list li img {
	width: 63px;
	height: 63px;
}

.product_small_list li.show {
	border: 1px solid #2363c5;
	padding: 2px;
}





.nav_page1{width:100%;background:#f4f4f4;line-height:60px;height:60px;border-bottom:1px solid #ccc;float:left;box-sizing:border-box;background:#eee;margin-bottom:30px}
.nav_page1 p{position:relative;margin-left:10px;font-size:18px;color:#666;float:left}
.nav_page1 p::before{position:absolute;content:"";left:-10px;top:21px;width:5px;height:20px;background:#26559f}
.nav_page1 ul{float:right}
.nav_page1 ul li{float:left;color:#666}
.nav_page1 ul li a{color:#666}
.nav_page1 ul li a:hover{color:#26559f}
.nav_page1 ul li b{font-size:14px}





.nav_page2 {width:260px; float:left; padding-bottom:50px;}
.nav_page2 h1 {width:100%; background:#2363c5; height:90px; line-height:90px;color: #fff;}
.nav_page2 h1 p {float:left; width:100%;}
.nav_page2 h1 p img,.nav_page h1 p span {float:left; display:inline-block; font-size:28px; color:#fff; font-weight:normal;}
.nav_page2 h1 p img {padding:32px 10px 0 20px;}
.nav_page2 ol {margin-bottom:10px; width:calc(100% - 2px); float:left; border:1px solid #e5e5e5;}
.nav_page2 ol li {line-height:50px; background:#f3f3f3; color:#f3f3f3; margin-top:3px;}
.nav_page2 ol>li>a {width:100%; color:#000; display:inline-block; position:relative; text-indent:20px; background:url(../image/page_list_icon.png) no-repeat 270px center; transition:all .3s ease;}
.nav_page2 ol li ul {display:none;}
.nav_page2 ol li ul li {width:100%; height:40px; line-height:40px; text-indent:20px; background:#fff; color:#333;}
.nav_page2 ol li ul li.show a {color:#2363c5;}
.nav_page2 ol li.hover ul {display:block;}
.nav_page2>ol>li.hover>a,.nav_page2>ol>li>a:hover {color:#fff; background:#2363c5url(../image/page_list_icon.png) no-repeat 230px center;}
.nav_page_l {width:100%; height:100px; background:#2363c5; float:left; background:linear-gradient(to bottom,  #2363c5 50%,#fff 50%,#fff 100%); height:210px; border:1px solid #ddd;}
.nav_page_l>p {margin:25px 0 0 20px; float:left;}



.faq {width:100%; float:left;}
.faq dl {padding:20px 0; font-size:14px; line-height:24px; border-bottom:1px dashed #7d7d7d;}
.faq dl dt {padding-bottom:10px;}
.faq dl,.faq dl dd,.faq dl dt {float:left; width:100%;}
.faq dl dd p,.faq dl dd span,.faq dl dt i,.faq dl dt p,.faq dl dt span {float:left; display:inline-block;}
.faq dl span {width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background:#f60; margin-right:10px;}
.faq dl dt span {background:#2363c5;}
.faq dl dd p {width:1370px; color:666;}
.faq dl dt p a {color:#333; font-size:16px; font-weight:bold;}
.faq dl dt p a:hover,.faq dl dt:hover  i {color:#2363c5;}
.faq dl dt i {color:#333s; margin-left:10px;float: right;}


.content_r2{
	width: 1105px;
	float: right;
}
.page_tit {width:calc(100% - 20px); padding-right:20px; float:left; background:#f4f4f4; height:50px; line-height:50px; font-size:18px; font-weight:normal; color:#fff; text-indent:20px;}
.page_tit a,.page_tit span {color:#333; padding:0 2px;}
.page_tit a:hover {color:#2363c5;}
.about_con {width:100%; float:left;}
.about_con div {font-size:14px; color:#666; line-height:30px; width:100%; float:left;}
.page_tit .fl {background:#2363c5; padding-right:10px; position:relative;}
.page_tit .fl:after {content:""; right:-50px; top:0; width:0; position:absolute; height:0; border-top:50px solid #2363c5; border-right:50px solid transparent;}

.about_l_b {width:100%; float:left; margin-top:20px; margin-left:20px;}
.about_l_b img {float:left; margin-right:10px;}
.about_l_b p {width:calc(100% - 80px); float:left;}
.about_l_b p i,.about_l_b p span {width:100%; float:left;}
.about_l_b p i {color:#2363c5;}
.about_l_b p span {font-size:18px; margin-top:5px; color:#f48335;}




.qysl_nr ul{overflow: hidden;}
.qysl_nr li{float: left; padding-right: 20px;}
.qysl_nr a{display: block; text-align: center; width: 150px; height: 42px; line-height: 42px; font-size: 14px; color: #333;background: #efefef;border-radius: 4px;}
.qysl_nr .hover3 a{color: #fff;background: #2363c5;}
.qysl_nr a:hover{color: #fff;background: #2363c5;}


/*==产品中心-普拉迪==*/
.cpzxbox{padding: 30px 0;position: relative;}
.wby3{line-height: 62px; height: 62px; border-radius: 6px; width: 100%; padding: 0 15px; font-size: 15px;border: none; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);-moz-box-shadow:0 0 10px rgba(0, 0,0, .2);box-shadow:0 0 10px rgba(0, 0, 0, .2); box-sizing: border-box;}
.wby3::-webkit-input-placeholder{color:#b9b9b9;}


.xwlbbox ul{overflow: hidden; margin-left: -35px;}
.xwlbbox li{float: left; width: 33.33%; padding: 0 0 60px 35px;box-sizing: border-box;}
.xwlbtp{overflow: hidden; height: 270px;}
.xwlbtp img{width: 100%;}
.xwlb_text{padding: 0 22px; height: 140px;}
.xwlbnn{background: #f0f0f0;}
.xwlb_text h2{font-size: 18px; line-height: 50px; color: #333333; padding-top: 10px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xwlb_text p{font-size: 12px; line-height: 20px; color: #666666;}
.xwlbnn h4{transition: All 0.4s ease-in-out;font-weight: 400; padding: 0 22px; border-top: 1px solid #dadada;line-height: 56px; color: #333;font-size: 16px;}
.xwlbbox a:hover h4{color: #fff; background: #2363c5;}


.about_top,.about_bot1{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.about_t_l{
	margin-right: 60px;
}
.about_t_r{
	display: flex;
	flex-direction: column;
}
.about_t_r p{
	font-size: 24px;
	color: #2363c5;
	padding-bottom: 10px;
}
.about_t_r span{
	font-size: 16px;
	color: #7d7d7d;
	line-height: 34px;
}
.about_t_r  i{
	margin-top: 70px;
}
.about_tit{
	width: 100%;
	margin: 50px 0px 20px;
	text-align: center;
	font-size: 28px;color: #2363c5;position: relative;
}
.about_tit::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px ;
	background: #cccccc;
	left: 0px;
}
.about_tit b{
	width: 200px;
	height: 50px;
	background: #fff;
	display: inline-block;
	position: relative; 
	top: -20px;
	z-index: 3;
}
.about_bot1_l ul{
	width: 980px;
	display: flex;
	flex-direction: row;
		flex-wrap: wrap;
}
.about_bot1_l ul li{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.about_bot1_l ul li a {
	width: 480px;
	height: 180px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #f3f3f3;
	color: #666666;
	font-size: 16px;
}
.about_bot1_l ul li p{
	font-size: 20px;
	
	padding-bottom: 10px;
}
.about_bot1_l ul li:hover a{
	background: #2363c5;
color: #fff;
}
.about_bot1_l ul li:hover p{
	color: #fff;
}

.contact_bot{
    width: 100%;
    float: left;
	margin-top: 50px;
}
.contact_bot p{
    width:100%;
    float: left;
    font-size: 16px;
    color: #333333;
    line-height: 70px;
}
.contact_botcon {
    width: calc(100% - 60px);
    float: left;
    padding: 30px 30px 50px 30px;
	margin-bottom: 30px;;
    background: #f5f6f6;
}
.contact_botcon ul{
    width: 100%;
    float: left;
}
.contact_botcon ul li{
    /* height: 43px; */
    /* line-height: 43px; */
    border: 1px solid #e1e6eb;
    margin-bottom: 25px;
    background: #fff;
}
.contact_botcon ul li.wid50 {
    width: 650px;
    float: left;
    margin-right: 30px;
}
.contact_botcon ul li.wid50:nth-child(2n){
    margin-right: 0px;
}
.contact_botcon ul li.wid100 {
    width: 1330px;
    float: left;
}
.contact_botcon ul li b{
    width: 45px;

    float: left;
     text-align: center;
   /* display: inline-block;
    vertical-align: middle; */
}
.contact_botcon ul li b img {
    margin-top: 10px;
    float: left;
    margin-left: 10px;
}
.contact_botcon ul li input{
    width: calc(100% - 70px);height: 45px;
    padding-left: 5px;
    border-left: 1px solid #e1e6eb;
    color: #666;

}
.contact_botcon ul li select{
    width: calc(100% - 60px);
    height: 45px;
    padding-left: 5px;
    border-left: 1px solid #e1e6eb;color: #666;


}
.contact_botcon ul li textarea{
    height: 110px;
    width: calc(100% - 80px);
    color: #666;
    float: left;
    padding: 5px;font-size: 14px;
    border-left: 1px solid #e1e6eb;

}
.contact_botcon p input{
    width: 70px;
    height: 38px;
    line-height: 38x;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    border-radius: 5px;
    color: #fff;
	background: #2363c5; cursor: pointer;
}
.contact_botcon p input:hover {
	background: #f60;
}
.join{
	width: calc(100% - 60px);
	float: left;
	padding: 30px;
	border-bottom: 1px solid #d6d6d8;
	margin-bottom: 30px;
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 24px;
	
}
.join:last-child{
	border: none;
}

.join p {
	font-size: 18px;
	color: #2363c5;
}
.join b {
	font-size: 16px;
	color: #343434;
	font-weight: bold;
	line-height: 30px;
}
.join span {
	margin-bottom: 20px;
}