锘
.bg1banner { margin: 0px auto; width: 100%; overflow: hidden; background-color: #f5f5f5; }
    .bg1banner img { width: 100%; }



.gywmcontent { width: 100%; background-color: #fff; padding: 0px 60px; border: solid 0px #000; }
    .gywmcontent .conn { box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); max-width: 1300px; border-radius: 5px 5px 0px 0px; width: 100%; background-color: #fff; padding: 50px 50px 80px 50px; text-align: left; transform: translate(0px, -180px); -ms-transform: translate(0px, -180px); -webkit-transform: translate(0px, -180px); -o-transform: translate(0px, -180px); -moz-transform: translate(0px, -180px); }
        .gywmcontent .conn .text { width: 100%; font-size: 0px; margin-top: 25px; }
            .gywmcontent .conn .text .left { vertical-align: top; width: 35%; display: inline-block; }
                .gywmcontent .conn .text .left img { max-width: 100%; }
            .gywmcontent .conn .text .right { vertical-align: top; padding-left: 50px; width: 65%; display: inline-block; }
                .gywmcontent .conn .text .right p { line-height: 1.6; color: #989898; margin-bottom: 20px; font-size: 18px; }
                    .gywmcontent .conn .text .right p span { color: #000; font-weight: bold; }

.subtit { width: 100%; text-align: center; position: relative; }
    .subtit h3 { display: block; font-size: 24px; color: #333; }
    .subtit div { font-size: 36px; color: #333; text-transform: uppercase }
        .subtit div::after { content: " "; margin: auto; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 30px; border-top: solid 3px #000; border-bottom: solid 1px #aaaaaa; }

@media only screen and (max-width:768px) {
    .subtit h3 { font-size: 18px; }
    .subtit div { font-size: 24px; }
}


@media only screen and (max-width:768px) {
    .gywmcontent { padding: 0px 20px; }
        .gywmcontent .conn { padding: 20px 20px 20px 20px; }
            .gywmcontent .conn .text .left { width: 100%; }
            .gywmcontent .conn .text .right { padding-left: 0px; width: 100%; }
                .gywmcontent .conn .text .right p { font-size: 14px; }
}




.gywmcontentlist { padding: 110px 0px 60px 0px; margin-top: -180px; width: 100%; background-image: url('/Tpl/web/images/aboutn/bg1.jpg'); background-position: top center; background-repeat: no-repeat; }
    .gywmcontentlist ul { width: 100%; max-width: 1200px; font-size: 0px; }
        .gywmcontentlist ul li { width: 50%; padding-right: 20px; display: inline-block; vertical-align: top; text-align: left; margin-bottom: 40px; }
            .gywmcontentlist ul li .img { width: 100px; height: 100px; margin-left: 80px; float: left; border: solid 1px #fff; line-height: 100px; display: flex; align-items: center; }
            .gywmcontentlist ul li div.text { color: #fff; margin-left: 200px; border: solid 0px #000; }
                .gywmcontentlist ul li div.text b { font-size: 24px; font-weight: 400; }
                .gywmcontentlist ul li div.text p { font-size: 18px; margin-top: 15px; }



@media only screen and (max-width:768px) {
    .gywmcontentlist { padding: 40px 0px 20px 0px; }
        .gywmcontentlist ul li { width: 100%; margin-bottom: 20px; }
            .gywmcontentlist ul li .img { margin-left: 20px; width: 60px; height: 60px; }
            .gywmcontentlist ul li div.text { margin-left: 100px; }
                .gywmcontentlist ul li div.text b { font-size: 18px; }
                .gywmcontentlist ul li div.text p { font-size: 14px; }
}


.hxywcontent { width: 100%; background-color: #fff; padding: 0px 60px; border: solid 0px #000; }
    .hxywcontent .conn { max-width: 1300px; padding-top: 80px; }
        .hxywcontent .conn .jianjie { margin-top: 30px; margin-bottom: 100px; }
            .hxywcontent .conn .jianjie p { color: #989898; font-size: 18px; }
        .hxywcontent .conn .text { width: 100%; position: relative; border: solid 1px #7774ff; padding: 60px 60px; border-radius: 6px; }
            .hxywcontent .conn .text .top { display: inline-block; border: solid 1px #7774ff; font-size: 24px; position: absolute; background-color: #fff; top: -25px; left: 0; right: 0; margin: auto; width: 40%; padding: 5px 0px; border-radius: 6px; }
            .hxywcontent .conn .text ul { width: 100%; font-size: 0px; }
                .hxywcontent .conn .text ul li { padding: 10px 10px; width: 25%; display: inline-block; vertical-align: top; }
                    .hxywcontent .conn .text ul li div { width: 100%; }
                        .hxywcontent .conn .text ul li div img { max-width: 100%; }
                    .hxywcontent .conn .text ul li p { display: block; padding: 40px 0px; font-size: 24px; }


@media only screen and (max-width:768px) {
    .hxywcontent { padding: 0px 30px; }
        .hxywcontent .conn .text { padding: 40px 20px; }
            .hxywcontent .conn .text .top { width: 60%; }
            .hxywcontent .conn .text ul li { width: 50%; }
                .hxywcontent .conn .text ul li p { padding: 10px 0px; font-size: 18px; }
}





.ywxfcontent { width: 100%; background-color: #fff; padding: 0px 60px; border: solid 0px #000; }
    .ywxfcontent .conn { max-width: 1300px; padding-top: 80px; }
        .ywxfcontent .conn .jianjie { margin-top: 30px; margin-bottom: 100px; max-width: 1000px; }
            .ywxfcontent .conn .jianjie p { color: #989898; font-size: 18px; }
.ywxfcontentimg { width: 100%; }
    .ywxfcontentimg img { max-width: 100%; }




.ffzzcontent { width: 100%; background-color: #fff; padding: 0px 60px; border: solid 0px #000; }
    .ffzzcontent .conn { max-width: 1300px; padding-top: 80px; }
        .ffzzcontent .conn .jianjie { margin-top: 30px; margin-bottom: 100px; max-width: 1000px; }
            .ffzzcontent .conn .jianjie p { color: #989898; font-size: 18px; }
.ffzzcontentimg { width: 100%; }
    .ffzzcontentimg img { max-width: 100%; }




.dlzzcontent { width: 100%; background-color: #fff; padding: 0px 60px; border: solid 0px #000; }
    .dlzzcontent .conn { box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); max-width: 1300px; border-radius: 5px 5px 0px 0px; width: 100%; background-color: #fff; padding: 50px 50px 80px 50px; text-align: left; transform: translate(0px, -40px); -ms-transform: translate(0px, -40px); -webkit-transform: translate(0px, -40px); -o-transform: translate(0px, -40px); -moz-transform: translate(0px, -40px); }
        .dlzzcontent .conn .jianjie { margin-top: 30px; margin-bottom: 100px; max-width: 1000px; text-align: center; padding-bottom: 10px; border-bottom: solid 1px #b3b3b3 }
            .dlzzcontent .conn .jianjie p { color: #989898; font-size: 18px; }

        .dlzzcontent .conn ul { width: 100%; font-size: 0px; }
            .dlzzcontent .conn ul li { width: 33.33%; display: inline-block; vertical-align: top; }
                .dlzzcontent .conn ul li .img { width: 100%; }
                    .dlzzcontent .conn ul li .img img { max-width: 100%; }
                .dlzzcontent .conn ul li p { font-size: 18px; padding: 10px 0px; text-align: center; }



@media only screen and (max-width:768px) {
    .dlzzcontent { padding: 0px 30px; }
        .dlzzcontent .conn { padding: 20px 20px 20px 20px; }
            .dlzzcontent .conn .jianjie { margin-bottom: 50px; }
            .dlzzcontent .conn ul li { width: 100%; }
            .dlzzcontent .conn ul li p { font-size: 14px; }
}