/* p1 部分 */

.p1 .row {

    background-color: #f8fbff;
}
.content .row {
    margin-right: 10px;
    margin-left: 10px;
}
.focus,
.focus .pic {
    width: auto;
    height: 380px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.news {
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 10px;
}

.news span {
    font-size: 34px!important;
    font-weight: 700;
    line-height: 54px!important;
}

.focus .pic span {
    background: none!important;
    top: 0;
    left: auto;
    right: auto;
    white-space: normal;
    padding: 0 20px;
    width: 100%;
    color: #333;
}

.focus .pic span:hover{
    color: #2d8fff;
}


.tc h2{font-family: MicrosoftYaHei-Bold;
	font-size: 36px;
	line-height: 60px;
	color: #333333;
}

.tc i{
    width: 109px;
    height: 55px;
    height: 50px;
    position: relative;
    top: 15px;
    display: inline-block;
    background: url(/material/older/images/tt.png) 0% 0 no-repeat;
}
.focus .swiper-pagination-bullet-active {
    width: 33px;
	height: 10px;
    background-color: #2c61e4 !important;
	border-radius: 5px;
}
.focus .swiper-pagination-bullet {
    border: 1px solid #fff;
    background: #bbbbbb;
    opacity: 1;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

a span:hover{
    color: #2d8fff;
}
/* p2 部分 */

.p2 {
    padding: 15px;
}

.p2 li {
    margin: 15px 0;
}

.p2 a {
    display: inline-block;
    width: 100%;
    height: 220px;
    padding: 40px 30px;
}

.p2 a span {
    font-size: 38px;
    line-height: 60px;
    font-weight: 600;
    color: #333;
}

.p2 .dtyw {
    background-image: linear-gradient(0deg, 
		#f2f4ff 100%);
	box-shadow: 0px 0px 16px 0px 
		#f2f4ff;
	border-radius: 20px;
	border: solid 1px #d0d9fc;
}

.p2 .dtyw i {
    width: 101px;
    height: 101px;
    display: block;
    background: url(/material/older/images/dtyw.png) 50% 0 no-repeat;
}

.p2 .tzgg {
    background-image: linear-gradient(0deg, 
    #fff7f7 100%);
box-shadow: 0px 0px 16px 0px 
    #f2f4ff;
border-radius: 20px;
border: solid 1px #ffddde;
}

.p2 .tzgg i {
    width: 101px;
    height: 101px;
    display: block;
    background: url(/material/older/images/tzgg.png) 50% 0 no-repeat;
}

.p2 .jkhb {
    background-color: #f7fff9;
	box-shadow: 0px 0px 16px 0px 
		#f2f4ff;
	border-radius: 20px;
	border: solid 1px #cef7bc;
}

.p2 .jkhb i {
    width: 101px;
    height: 101px;
    display: block;
    background: url(/material/older/images/jkhb.png) 50% 0 no-repeat;
}

.p2 .zcwj {
    background-color: #fffbf5;
	box-shadow: 0px 0px 16px 0px 
		#f2f4ff;
	border-radius: 20px;
	border: solid 1px #fde7d0;
}

.p2 .zcwj i {
    width: 101px;
    height: 101px;
    display: block;
    background: url(/material/older/images/zcwj.png) 50% 0 no-repeat;
}

.p2 .zcjd {
    background-image: linear-gradient(0deg, 
    #fff7f7 100%);
box-shadow: 0px 0px 16px 0px 
    #f2f4ff;
border-radius: 20px;
border: solid 1px #fde0e4;
}

.p2 .zcjd i {
    width: 101px;
    height: 101px;
    display: block;
    background: url(/material/older/images/zcjd.png) 50% 0 no-repeat;
}

.p2 .ldjj {
    background-color: #f5fbff;
	box-shadow: 0px 0px 16px 0px 
		#f2f4ff;
	border-radius: 20px;
	border: solid 1px #d1f1ff;
}

.p2 .ldjj i {
    width: 101px;
    height: 101px;
    display: block;
    
    background: url(/material/older/images/ldjj.png) 50% 0 no-repeat;
}

.p2 .zfhy {
    background-image: linear-gradient(0deg, 
    #faf7ff 100%);
box-shadow: 0px 0px 16px 0px 
    #f2f4ff;
border-radius: 20px;
border: solid 1px #ebdefb;
}

.p2 .zfhy i {
    width: 101px;
    height: 101px;
    display: block;
    
    background: url(/material/older/images/zfhy.png) 50% 0 no-repeat;
}

.p2 .yqfk {
    background-color: #f2fefd;
	box-shadow: 0px 0px 16px 0px 
		#f2f4ff;
	border-radius: 20px;
	border: solid 1px #caf8f3;
}

.p2 .yqfk i {
    width: 101px;
    height: 101px;
    display: block;
    
    background: url(/material/older/images/yqfk.png) 50% 0 no-repeat;
}

.p2 a i {
    transition: all .6s ease;
}

.p2 a:hover i {
    transform: rotateY(360deg);
}


/* p3 部分 */

.p3 {
    padding: 15px;
}

.p3 li {
    margin: 15px 0;

}

.col-md-6{
    padding-right: 20px;
    padding-left: 22px;
}

.p3 a {
    display: inline-block;
    width: 550px;
    height: 170px;
    background-color: #f8fcff;
    border-radius: 10px;
    padding:25px;
}

.p3 a span {
    display: block;
    width: 58%;
    font-family: MicrosoftYaHei;
    font-size: 36px;
    line-height: 60px;
    color: #333;
}

.p3 .cx1 {
    background: url(/material/older/images/cx1.png) 0% 0 no-repeat;   
}

.p3 .cx2 {
    background: url(/material/older/images/cx2.png) 50% 0 no-repeat;
}

.p3 .cx3 {
    background: url(/material/older/images/cx3.png) 50% 0 no-repeat;
}

.p3 .cx4 {
    background: url(/material/older/images/cx4.png) 50% 0 no-repeat;
}

.p3 .cx5 {
    background: url(/material/older/images/cx5.png) 50% 0 no-repeat;
}

.p3 .cx6 {
    background: url(/material/older/images/cx6.png) 50% 0 no-repeat;
}

.p3 .cx7 {
    background: url(/material/older/images/cx7.png) 50% 0 no-repeat;
}

.p3 .cx8 {
    background: url(/material/older/images/cx8.png) 50% 0 no-repeat;
}

.p3 .cx9 {
    background: url(/material/older/images/cx9.png) 50% 0 no-repeat;
}

.p3 .cx10 {
    background: url(/material/older/images/cx10.png) 50% 0 no-repeat;
}

.p3 a:hover {
    box-shadow: 0px 0px 24px 0px rgb(105 176 255 / 20%);
}

.p3 .cxfw_title {
    background: url(/material/older/images/cxfw.png) 50% 0 no-repeat;
    height: 60px;
    margin-bottom: 30px;
}

.p3 .cxfw_title h2 {
    font-family: SourceHanSerifCN-Heavy;
	font-size: 52px;
	letter-spacing: 0px;
	color: #488cff;
    text-align: center;
}

.focus .pic span:hover{
    color: #2d8fff;
}


/* 响应式 */

@media (max-width: 1200px) {
    .focus,
    .focus .pic {
        height: auto;
    }
    .news {
        padding-top: 0;
        padding-bottom: 70px;
    }
    .p3 .cxfw_title {
        margin-top: 15px;
    }
    .p2 li{
        display: block;
        float: left;
        width: 50%;
    }
    .p2 a{
        text-align: center;
    }

    .p2 a i{
        margin: auto;
    }
}

@media (max-width:768px){
    .news {
        height: 200px;
        padding-top: 0;
        padding-bottom: 0px;
    }
    .news span {
        font-size: 26px!important;
    }
    .tc h2 {
        font-family: MicrosoftYaHei-Bold;
        font-size: 32px;
    }
    .p3 a{
        width: 100%;
    height: 230px;
    }

    .p3 .cx1,.p3 .cx2,.p3 .cx3,.p3 .cx4,.p3 .cx5,.p3 .cx6,.p3 .cx7,.p3 .cx8,.p3 .cx9,.p3 .cx10{
        background-size: 100%;
    }

    

    .p3 a {
        padding: 50px 25px;
    }

    .p3 .cx6 span,.p3 .cx8 span,.p3 .cx9 span,.p3 .cx10 span{
        line-height: 120px;
    }
}

@media (max-width:480px){
    
    .tc i{
        display: none;
    }
    .news {
        height: auto;
    }
    .tc h2 {
        font-family: MicrosoftYaHei-Bold;
        font-size: 24px;
        line-height: 24px;
        color: #333333;
    }
    .news span {
        font-size: 24px!important;
        font-weight: 700;
        color: #333!important;
        line-height: 40px!important;
    }

    .p2 a {
        height: auto;
        padding: 30px;
    }
    .p2 li i {
        float: left;
    }
    .p2 a span {
        display: block;
    float: left;
    font-size: 34px;
    line-height: 101px;
    margin-left: 20px;
    }
    .p3 .cxfw_title {
        background-size: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .p3 a span {
        width: 61%;
        font-size: 24px;
        line-height: 36px;
    }
    .p3 a {
        height: 110px;
        padding: 10px;
    }
    .content .row {
        margin-right: 10px;
        margin-left: 10px;
    }

    .p2 li {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .p3 .cx1 span{
        line-height: 70px !important;
    }

    .p3 .cx6 span,.p3 .cx8 span,.p3 .cx9 span,.p3 .cx10 span{
        line-height: 36px;
    }

    .col-md-6 {
        padding-right: 0;
        padding-left: 0;
    }
}