/*--公共部分--*/
* { margin:0; padding:0; border:0; outline: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
     Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; word-spacing: 1px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box;}
body{font-family:"Microsoft Yahei","Helvetica Neue", Helvetica, sans-serif; font-size:62.5%; color:#282828; line-height:2.5; background:#fff;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
img{border:0;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a {
    text-decoration:none; color:#282828; outline:none;
    -moz-transition: background-color 0.2s ease-out, color 0.1s ease-out;
    -webkit-transition: background-color 0.2s ease-out, color 0.1s ease-out;
    -ms-transition: background-color 0.2s ease-out, color 0.1s ease-out;
    transition: background-color 0.2s ease-out, color 0.1s ease-out;
}
a:hover{ background-repeat:no-repeat; color:#f00; text-decoration:none;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{clear:both; *zoom:1;}
input,button,select,textarea{font-family:"Microsoft Yahei"; outline:none; border:none; border-radius:0;}
.pull-left { float: left; }
.pull-right { float: right; }
.ovh { overflow: hidden; }
.por { position: relative; }
.poa { position: absolute; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.img-enlarge{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-backface-visibility: hidden;}
.img-enlarge:hover{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04);}
.percentBlock { display: block; width: 100%; height: 100%; }

.w1200 { width: 1200px; margin: 0 auto; overflow: hidden;}
.banner { height: 710px; overflow: hidden; text-align: center; background: url(../2025/banner_pc.jpg) no-repeat center top;}
.banner img { display: none;}
.title { height: 90px; background: no-repeat center; margin: 30px auto;}
.aboutUs-Info { width: 1200px; margin: 0 auto 20px; font-size: 18px; line-height: 38px; padding: 0 30px 30px;}
.aboutBox {overflow: hidden; width: 1200px; margin: 0 auto 50px; padding: 30px; box-shadow: 0 0 30px #b3d2fd; font-size: 18px; line-height: 38px; text-align: justify; display: flex; align-items: center; border-radius: 20px;}
.aboutThumb { margin-right:30px; flex: 0 0 455px; height: 300px; overflow: hidden;}
.bg01 { background: url(../2025/bg01.jpg) no-repeat center top; overflow: hidden; height: 608px; padding-top: 190px;}
.col3 { background: #fff; padding: 40px; height:380px; font-size: 18px; line-height: 40px; text-align: justify; border-radius: 20px;}
.col3 p { margin-bottom: 20px;}
.col3 p:last-child{ margin: 0;}
.col3 p b { color: #fd7133;}
.aboutBox li { position: relative; padding-left: 20px;}
.aboutBox li::before { width: 10px; height: 10px; content: ''; background: #333; border-radius: 10px; position: absolute; left: 0; top: 15px;}
.bg02 { /*background: linear-gradient(to right,#2a6bda,#3c7be7,#5491f6,#5c97fb);*/background: url(../2025/beij0624.jpg) no-repeat center top; padding: 30px 0; margin: 30px auto;}
.otherTitle { text-align: center; margin-bottom: 30px;}
.otherTitle h2 { font-size: 32px; font-weight: bold; letter-spacing: 5px; position: relative; display: inline-block;}
.otherTitle h2 p { position: relative; z-index: 10;}
.otherTitle h2::before { content: ''; width: 150px; height: 18px; position: absolute; left: -30px; top: 8px; background: linear-gradient(to right,#f86900,#f7830a,#d19e43,transparent); border-radius: 15px; z-index: 1;}
.otherTitle h2::after { content: ''; width: 265px; height: 30px; position: absolute; right: -25%; bottom: 5px; background: linear-gradient(to right,#0656dc,#0656dc,#5994fa,transparent); border-radius: 15px; z-index: 1;}



.zswd-div { width: 100%; overflow: hidden; background-image: url("zswdbj.jpg"); background-repeat: no-repeat; background-position: center top; background-size: 100%;}
.zswd-con { width: 1200px; margin: 0px auto; background: rgba(255,255,255,0.8); border-radius: 10px; box-sizing: border-box; padding: 15px 30px 30px 30px; box-shadow: 2.5px 4.33px 18px 4px rgb( 230, 226, 228 ); margin-bottom: 50px; margin-top: 30px;}
.zswd-con h1 { font-size: 16px; color: #4d4c4c; font-weight: bold;line-height:50px;}
.zswd-con p { font-size: 16px; color: #4d4c4c; line-height: 1.938;}


.pic { text-align: center; display: flex; justify-content: center;}
.pic img { display: block;}
.pic img.wapImg { display: none;}


.footer { background-color: #4a8fff; font-size: 24px; color: #fff; font-weight: bold; padding: 60px 100px 40px 100px; line-height: 2; }
.footer ul { display: block; overflow: hidden; margin-bottom: 40px;}
.footer ul li { width: 25%; float: left;}
.footer ul li img { display: block; width: 170px; height: 170px; margin: 0px auto;}
.footer ul li p { font-size: 20px; color: #ffffff; font-weight: bold; text-align: center;}
.footer span { display: block; font-size: 20px; color: #ffffff; font-weight: bold;}

@media screen and (max-width: 843px) {
    .footer { padding:20px; }
.footer ul { margin-bottom:0 }
 .footer ul li {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding: 0px 40px;
        margin-bottom:20px;
    }
.footer ul li img {
    width: 100%;
    height: auto;
}  
.footer ul li p { font-size: 15px }
.footer span { font-size: 15px }

.banner { height: auto; background: none;}
.banner img { display: block; width: 100%; height: auto;}
.title { background-size: auto 100%; height: 55px; margin: 15px auto;}	
.w1200 { width: 100%;}	
.aboutUs-Info { width: 100%; margin: 0 auto 15px; font-size: 14px; line-height: 25px; padding: 0 20px 15px;}
.aboutBox {overflow: hidden; width: 92%; margin: 0 auto 15px; padding: 15px;font-size: 14px; line-height: 25px; flex-direction: column;}
.aboutThumb { margin-right:0; flex: 0 0 100%; height: auto; overflow: hidden; margin-bottom: 10px;}
.aboutThumb img { width: 100%; height: auto;}
.bg01 { height: auto; padding: 100px 0 20px; background-size: auto 100%;}
.col3 { padding: 15px; height: auto; font-size: 14px; line-height: 25px; text-align: justify; border-radius: 20px; width: 92%;}
.col3 p { margin-bottom: 10px;}
.aboutBox li::before { width: 7px; height: 7px; top: 8px;}

.otherTitle h2 { font-size: 20px; letter-spacing:3px; line-height: 25px; padding-bottom: 15px;}
.otherTitle h2 p span { display: block;}
.otherTitle h2::before { content: ''; width: 100px; height: 10px; position: absolute; left: -30px; top: 0; background: linear-gradient(to right,#f86900,#f7830a,#d19e43,transparent); border-radius: 15px; z-index: 1;}
.otherTitle h2::after { content: ''; width: 135px; height: 15px; position: absolute; right: -60px; bottom: 0; background: linear-gradient(to right,#0656dc,#0656dc,#5994fa,transparent); border-radius: 15px; z-index: 1;}
.pic { text-align: center; display: flex; justify-content: center; flex-direction: column;}
.pic img { display: none;}
.pic img.wapImg { display: block; width: 100%; height: auto;}


.zswd-con { width:100%; padding: 15px }

}


.title01 { background-image: url(title01.png);}
.title02 { background-image: url(title02.png);}
.title03 { background-image: url(title03.png);}
.title04 { background-image: url(title04.png);}