.banner{width:100%; height:auto; overflow:hidden; text-align:center;margin:0px auto}
.banner img{width:100%; display: block;}

.cont1{ width: 100%; height:auto; overflow:hidden; background-color: #abc9eb; padding-bottom: 50px;}
.cont2{
	overflow: hidden;
	max-width: 1140px;
	margin: 20px auto 0 auto; 
}
.cont3{ width: 100%; height:auto; overflow:hidden;}
.cont3 img{ width:100%; display: block;}
.cont31{ height:auto; overflow:hidden; margin: 0 auto;}
.cont31 img{ width:100%; display: block;}
.cont4{ height: auto; overflow: hidden; color: #323232; font-size: 18px; line-height: 36px; width: 78%; margin: 0 auto;}

.cont5{ height: auto; overflow: hidden; margin-top: 30px;}
/* tab切换样式 */
.tab_line1{
      margin: 0 auto;
      padding: 0;
      height: auto;
      overflow: hidden;
      text-align: center;
}

.tab_line1 li{
    width: 180px;
    color: #323232;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 30px;
	padding: 5px 10px;
	float: left;
	cursor: pointer;
}

li.active1{
    background: #095dfe!important;
    font-weight: bold;
	color: #ffffff;
}

/* tab切换样式 */
.tab_line2{
      margin: 0 auto;
      padding: 0;
      height: auto;
      overflow: hidden;
      text-align: center;
}

.tab_line2 li{
    color: #323232;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 30px;
	padding: 5px 10px;
	float: left;
	cursor: pointer;
}

li.active2{
    background: #095dfe!important;
    font-weight: bold;
	color: #ffffff;
}

.connt{
    width:100%;
    height: auto;
    overflow: hidden;
    margin:20px auto 30px auto;
    padding:0;
}
.areas2{
    display: flex;
    margin:0 auto;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    display: none; 
	padding-left: 0.1rem;
	padding-top: 0.1rem;
}
.show{
    display: flex;
}
.cont6{ height: auto; overflow: hidden; color: #323232; font-size: 18px; line-height: 36px; width: 90%; margin: 0 auto;}

.cont71{ height: auto; overflow: hidden; width: 90%; margin: 0 auto; overflow-x: auto; }
.cont72{ height: auto; overflow: hidden; width: 90%; margin: 20px auto 0 auto; overflow-x: auto; }
.mytable1{ width: 100%; border-left: #063d72 solid 1px; border-top: #063d72 solid 1px;}
.mytable1 th{ background-color: #004aad; color: #fff; font-size: 24px; height: 45px; text-align: center; border-right: #ffffff solid 1px; width: 33%;}
.mytable1 td{ background-color: #ffffff; color: #323232; font-size: 18px; height: 40px; text-align: center; border-right: #063d72 solid 1px; border-bottom: #063d72 solid 1px; line-height: 36px; padding: 5px;}

.mytable2{ width: 100%; border-left: #063d72 solid 1px; border-top: #063d72 solid 1px;}
.mytable2 th{ background-color: #004aad; color: #fff; font-size: 24px; height: 45px; text-align: center; border-right: #ffffff solid 1px;}
.mytable2 td{ background-color: #ffffff; color: #323232; font-size: 18px; height: 40px; text-align: center; border-right: #063d72 solid 1px; border-bottom: #063d72 solid 1px; line-height: 36px; padding: 5px;}

.cont8{ height: auto; overflow: hidden;}
.cont8 img{ width:100%; display: block;}
.cont9{ height:auto; overflow:hidden; margin: 0 auto 10px auto;}
.cont9 img{ width:100%; display: block;}
.con-row2{
	width: 90%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	margin-top: 20px;
}
.con-row2 img{
	width: 190px;
	height: 157px;
}
.con-row2 ul{
	background: #ffffff;
	padding: 15px;
	box-shadow: 3px 3px 10px 1px #000000
}
.con-row2 ul h3{
	font-size: 24px;
	color: #063d72;
	font-weight: normal;
}
.con-row2 ul li{
	font-size: 18px;
	color:#323232;
	line-height: 30px;
	padding: 10px 0;
}




@media (max-width: 767px){
	.cont1{ margin-top: -250px;}
	.cont31{ width: 100%;}
	.tab_line1{ width: 96%;}
	.tab_line1 li{ margin: 0;}
	.tab_line2{ width: 100%;}
	.tab_line2 li{margin: 0 18px;}
	.cont8{ width: 50%; margin: 30px 0px 0px 20px;}
	.cont9{ width: 100%;}
}
@media screen and (min-width: 768px){
	.cont1{ margin-top: -250px;}
	.cont31{ width: 100%;}
	.tab_line1{ width: 96%;}
	.tab_line1 li{ margin: 0;}
	.tab_line2{ width: 80%;}
	.tab_line2 li{margin: 0 18px;}
	.cont8{ width: 50%; margin: 30px 0px 0px 20px;}
	.cont9{ width: 100%;}
}
@media screen and (min-width: 992px){
	.cont1{ margin-top: 20px;}
	.cont31{ width: 90%;}
	.tab_line1{ width: 84%;}
	.tab_line1 li{ margin: 0 5px;}
	.tab_line2{ width: 68%;}
	.tab_line2 li{margin: 0 18px;}
	.cont8{ width: 25%; margin: 30px 0px 0px 55px;}
	.cont9{ width: 90%;}
}