@charset "utf-8";
/*整体布局样式*/
html,body{
	/* font-family: Arial, Helvetica, sans-serif; */
	/* font-family: ; */
	background:white;
	text-align:left;
	color:#555;
}
*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
ul,li,ol {list-style:none outside}
a{text-decoration:none; color: #555;}
img {border:none;}
input, button, select, textarea {outline: none;}
input,textarea {background:none}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.clear{clear:both; width:100%; height:0;}

.swiper-pagination{ bottom:30px!important;}
.swiper-pagination-bullet{ width:22px!important; height:22px!important; background:#ffffff!important; opacity: 1!important;}
.swiper-pagination-bullet-active{ background:#ffffff!important; width:50px!important;  border-radius: 11px 11px 11px 11px!important;}

/* 頭部 */
.headerDiv{
    width:100%;
    height:100px;
    background:#000000;
}

.downNav{
    width:1400px;
    height:50px;
    line-height: 30px;
    margin:0 auto;
    color:#ffffff!important;

}
.head{
    width:1400px;
    margin:0 auto;
    height: 100px;
}
.logo{ width:540px; float: left;}
.nav{ width:700px;float: right; }
.nav ul{ margin-top:40px; height:50px; line-height: 50px;}
.nav ul li{ width:100px; text-align:center; float: left; color:white;position: relative;cursor: pointer;}

/* menuDown 区域样式 */
.menuDown {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background:#555;
    opacity: 0.8;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    z-index: 999;
    padding: 0px 0;
}

.menuDown .downNav{ width:100%; height:50px;}
.menuDown.active {
    display: block;
}

/* 二级菜单容器 */
.sub-menu-content {
    display: none;
    max-width: 1400px;
    /*background:red;*/
    margin: 0 auto;
    padding: 0 10px;
}

.sub-menu-content.active {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

/* 二级菜单项样式 */
.submenu-item {
    padding: 10px 10px;
    color: #ececec;
    font-size: 14px;
    margin-right: 30px;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
}

.submenu-item:hover {
    color: #ffdb9d;
}

/* 菜单项悬停状态 */
.nav ul li:hover {
    color: #c69e59;
}

#banner{ 
    max-width:1900px; 
    height:779px; 
    margin:0 auto; 
    overflow: hidden;
    background-size:100%;
}

.block1{ 
    max-width:1900px;
    height:407px;
    overflow: hidden;
    margin:0 auto;
    position:relative
}

.block1 .aboutBox{
    max-width:1900px;
    height:407px;
    position:absolute;
    left:0;
    right:0;
    z-index: 1;
    background:url("../images/bg1.png"); 
    animation:kenburns-top 10s ease-out infinite
}
@keyframes kenburns-top{
   0%{
        transform:scale(1) translateY(0);
        transform-origin:50% 16%
    }
    50%{
        transform:scale(1.25) translateY(-15px);
        transform-origin:top
    }
    100%{
        transform:scale(1) translateY(0);
        transform-origin:50% 16%
    }
}

.block1 .aboutBg{ 
    width:843px;
    height:224px;
     position:absolute;
    top:60px;
     left:0;
     right:0;
     z-index: 2;
    background:url("../images/blockCenterBg.png");
    margin:0 auto;
    animation:scale-in-hor-center .5s cubic-bezier(.25,.46,.45,.94) both
 }
 @keyframes scale-in-hor-center{0%{transform:scaleX(0);opacity:1}100%{transform:scaleX(1);opacity:1}}
 .block1 .Tit{
    width:300px;
    height:60px;
    line-height: 60px;
    font-family: "SimSun", serif;
    color:#000000;
    font-size:30px;
    font-weight: bold;
    position:absolute;
    z-index: 3;
    top:16px;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
 }
 .block1 .line{
    width:200px;
    height:2px;
    background: #ea2222;
    margin:0 auto;
    left: 0;
    right:0;
    top:78px;
    position:absolute;
    z-index: 3;
 }
 .block1 .desc{
    width:400px;
    height:40px;
    line-height: 40px;
    font-size: 20px;
    font-family: "SimSun", serif;
    font-weight: bold;
    position:absolute;
    z-index: 3;
    left:0;
    right:0;
    margin:0 auto;
    text-align: center;
    top:85px;
 }
 .block1 .txt{ 
    width:520px;
    height:60px;
    line-height: 30px;
    color:#222222;
    position:absolute;
    z-index: 3;
    left:0;
    right:0;
    bottom:78px;
    margin:0 auto;
    font-size: 16px;
    font-weight: 600;
 }
.block1 .btn{ 
    width:120px; 
    height:35px; 
    line-height: 35px;
    border:1px solid #ea2222;  
    color:#ea2222;
    position:absolute;
    left:0;
    right:0;
    bottom:20px;
    overflow: hidden;
    margin:0 auto;
    z-index: 3;
}
.block1 .btn span{
    width:40px;
    height:35px;
    display: block;
    float:left;
    position:relative;
}
.block1 .btn span img{
    top:8px;
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
}



.block2{ 
    max-width:1900px;
    height:560px;
    margin:0 auto;
    overflow: hidden;
    margin:0 auto;
    position:relative;
    background:url("../images/bg2.png"); 
}
 .block2 .Tit{
    width:300px;
    height:60px;
    line-height: 60px;
    font-family: "SimSun", serif;
    color:#ffffff;
    font-size:34px;
    font-weight: bold;
    position:absolute;
    z-index: 3;
    top:26px;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
 }
 .block2 .line{
    width:160px;
    height:2px;
    background: #ea2222;
    margin:0 auto;
    left: 0;
    right:0;
    top:88px;
    position:absolute;
    z-index: 3;
 }
 .block2 .desc{
    width:400px;
    height:40px;
    line-height: 40px;
    font-size: 30px;
    position:absolute;
    color:#ffffff;
    z-index: 3;
    left:0;
    right:0;
    margin:0 auto;
    text-align: center;
    top:95px;
 }
 .block2 .txt{ 
    width:520px;
    height:60px;
    line-height: 30px;
    color:#222222;
    position:absolute;
    z-index: 3;
    left:0;
    right:0;
    bottom:78px;
    margin:0 auto;
    font-size: 16px;
    font-weight: 600;
 }
.block2 .btn{ 
    width:120px; 
    height:35px; 
    line-height: 35px;
    border:1px solid #8a8a8a;  
    color:#8a8a8a;
    position:absolute;
    left:0;
    right:0;
    bottom:50px;
    overflow: hidden;
    margin:0 auto;
    z-index: 3;
}
.block2 .btn span{
    width:40px;
    height:35px;
    display: block;
    float:left;
    position:relative;
}
.block2 .btn span img{
    top:8px;
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
}
.block2 .caseBox{
    width:1240px;
    height:250PX;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    top:170px;
}

.block2 .caseBox ul{
    width:100%;
}
.block2 .caseBox ul li{ 
    width:33.3%;
    height:250px;
    float:left;
    text-align:center;
}
.block2 .caseBox ul li img{
    width:370px;
    height:240px;
    
}
.block2 .caseBox ul li img{ 
    box-shadow: 0px 0px 15px rgb(0, 0, 0);
}
.block3{ 
    max-width:1900px;
    height:770px;
     margin:0 auto;
    background:url("../images/bg3.png"); 
}
.block3 .newsBox{
    width:1360px;
    height:770px;
    margin:0 auto;
    position:relative
}
.block3 .newsBox .Tit{
    position:absolute;
    left:0;
    top:0;
}
.block3 .newsBox .newsMain{
    width:1240px;
    height:600px;
    position:absolute;
    right:0;
    top:115px;
}
.block3 .newsBox .newsMain ul{
    width:100%;
}
.block3 .newsBox .newsMain ul li{
    width:33.3%;
    height:auto;
    float:right;
    margin-bottom:10px;
}
.block3 .newsBox .newsMain ul li .newsBody{
    width:400px;
    height:510px;
    background: #ffffff;
    margin:0 auto;
    overflow: hidden;
}
.newsBody .img{
    margin:10px auto;

    text-align:center;
}
.newsBody .img img{
    width:363px;
    height:188px;
}
.newsBody .dateBg{
    width:122px;
    height:78px;
    margin-left:20px;
    margin-bottom:20px;
    background:url('../images/dateBg.png');
    position:relative;
}
.newsBody .dateBg .d{ width:30px; height:30px; line-height: 30px; font-size:18px; font-weight: 600; text-align:center; position:absolute; top:5px; left:5px;}
.newsBody .dateBg .y{ width:80px; height:30px; line-height: 30px; font-size:12px; text-align:center; position:absolute; bottom:0; right:0; }
.newsBody .desc{
    width:366px;
    margin:0 auto;
}
.newsBody .desc .t{
    width:100%;
   font-size:18px;
   border-top:1PX solid #ccc;
   padding-top:20px;
}
.newsBody .desc .d{
    width: 100%;
    line-height: 35px;
    margin-top:10px;
}
.block3 .newsBox .newsMain .btn{ 
    width:120px; 
    height:35px; 
    line-height: 35px;
    border:1px solid #ea2222;  
    color:#ea2222;
    position:absolute;
    left:0;
    right:0;
    bottom:20px;
    overflow: hidden;
    margin:0 auto;
    z-index: 3;
}
.block3 .newsBox .newsMain .btn span{
    width:40px;
    height:35px;
    display: block;
    float:left;
    position:relative;
}
.block3 .newsBox .newsMain .btn span img{
    top:8px;
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
}



.bottonDiv{
    width:100%;
    height:316px;
    background:url('../images/bt-bg.png');
    overflow: hidden;
}
.bottonDiv ul{
    max-width: 100%;
    height:268px;
}
.bottonDiv ul li{ float:left; height:268px}
li.b1{
    width:50%;
    float:left;
}
li.b1>div:first-child{
    margin-top:20px;
}
li.b1>div{
    height:40px;
    line-height: 40px;
    color:#ffffff;
    width:80%;
    float:right;
}
li.b1>div span:first-child{
    width:100px;
    display: block;
    float:left;
}


li.b2{
    width:333px;
    float:left;
}
li.b2>div{
    margin:10px 0;
    color:#ffffff;
}
li.b2>div span:first-child{
    width:100px;
    display: block;
    float:left;
}
li.b3{
    width:50%; 
    float:right;
}

.bottonTxt{
    margin-top:5px;
    height:50px;
    line-height: 50px;
    text-align:center;
    color:#ffffff;
}
.color-change-3x{animation:color-change-3x 4s linear infinite alternate both}
@keyframes color-change-3x{0%{background:#19dcea}50%{background:#b22cff}100%{background:#ea2222}}

.smallTit{
    width:100%;
    height:100px;
    background:url("../images/smallBg.png") repeat-x;
    text-align:center;
}
.smallTit span{ height:100px; line-height: 100px; color:#ea2222; background:#ffffff; font-size:28px; padding:0 100px; margin:0 auto;}
.aboutBody{ max-width: 1400px;  min-height:500px; margin:0 auto 20px; height:auto; line-height: 30px; }
.honorBody{ max-width: 1400px;  min-height:500px;  margin:0 auto 20px; height:auto;}
.honorBody ul{ width:100%;}
.honorBody ul li{ 
    width:460px;
    height:285px;
    margin:10px 3px;
    float:left;
    text-align:center;
}
.honorBody ul li img{ width:457px; height:286px;}
.workMain{ width:100%; height:auto;  line-height: 50px; border-top:1px solid #ccc; margin-top:50px; padding-top:20px; margin-bottom:40px;}
.workMain .workMenu{ 
    max-width: 1400px; 
    text-align:center;
    margin:0 auto;
}
.workMain .workMenu span{
    padding:3px 10px; 
    border:1px solid #ccc;
    line-height: 30px;
    margin:0 10px;
}

.workMenu span.active {
    color: #ffffff; /* 活跃状态的文字颜色 */
    border-bottom: 2px solid #7a7a7a; /* 底部边框 */
    font-weight: bold; /* 加粗 */
}

/* 或者根据您的设计需求调整样式 */
.workMenu .active {
    background-color: #7a7a7a; /* 背景色 */
    color: white; /* 文字颜色 */
    padding: 5px 10px; /* 内边距 */
    border-radius: 3px; /* 圆角 */
}





.smallBanner{
    max-width: 1400px;
    height:400px;
    margin:0 auto;
    position:relative
}
.articleTit{ 
    font-family: "SimSun", serif;
    font-weight: bold;
    font-size:18px;
    max-width: 1400px; 
    height:50px; 
    line-height: 50px; 
    border-bottom:1px solid #ccc; 
    margin:20px auto 10px;
    text-align:center;
}
.articleBody{
    max-width: 1400px;
    margin:0 auto 30px;
}
.articleBody ul{ width:100%;}
.articleBody ul li{ 
    width:100%;
    height:45px;
    line-height: 45px;
    border-bottom:1px dashed #ccc;
}
.articleBody ul li span:first-child{
    margin-left:50px;
}
.articleBody ul li span:last-child{ 
    float:right;
    margin-right:50px;
}

.artHomeTit{ 
    font-family: "SimSun", serif;
    font-weight: bold;
    font-size:18px;
    max-width: 1400px; 
    height:50px; 
    line-height: 50px; 
    margin:20px auto 10px;
    text-align:center;
}
.artHomeBody{
    max-width: 1400px;
    min-height: 240px;
    margin:0 auto 30px;
}
.artHomeBody ul{ width:100%;}
.artHomeBody ul li{ 
    width:280px;
    text-align:center;
    float:left;
    margin-bottom:10px;
}
.artHomeBody ul li img{
    width:260px;
    height:160px;
    display: block;
}
.artHomeBody ul li span{
    width:100%;
    height:50px;
    line-height: 50px;
}
.UsBox{
    width:100%;
    text-align:center;
    height:100px;
    margin: 220px auto 0;
}
 .UsBox .Tit{
    width:300px;
    height:60px;
    line-height: 60px;
    font-family: "SimSun", serif;
    color:#000000;
    font-size:28px;
    font-weight: bold;
    margin:0 auto;
 }
 .UsBox .line{
    width:200px;
    height:4px;
    background: #ea2222;
    margin:0 auto;
 }
 .UsBox .desc{
    width:400px;
    height:40px;
    line-height: 40px;
    font-size: 20px;
    font-family: "SimSun", serif;
    font-weight: bold;
    margin:0 auto;
 }
 .UsTxt{
    position:absolute;
    width:1200px;
    height:335px;
    top:260px;
    left:0;
    right:0;
    margin:0 auto;
    background:#ffffff;
    border-radius: 10px;
    box-shadow: 0px 10px 5px rgb(218, 218, 218);
 }
  .UsTxt ul{
    width:90%;
    margin:50px auto 0;
  }

  .UsTxt ul li.b1{
    width:380px;
    margin-right:20px;
    float:left;
}
  .UsTxt ul li.b1>div{
    margin:0px 0;
    color:#242424;
    width:100%;
}
  .UsTxt ul.b1>div span:first-child{
    width:100px;
    display: block;
    float:left;
}
  .UsTxt ul.b2{
    width:300px;
    float:left;
}
  .UsTxt ul li.b2>div{
    margin:10px 0;
    color:#242424;
}
  .UsTxt ul li.b2>div span:first-child{
    width:100px;
    display: block;
    float:left;
}
  .UsTxt ul li.b3{
    width:325px; 
    float:right!important;
    margin-top:30px;
    margin-right:20px;
    text-align:center;
}
  .UsTxt ul li.b3 span{
    width:135px;
    height:165px;
    margin:0 10px;
    display: inline-block;
  }
    .UsTxt ul li.b3 span img{
        width:135px;
        height:135px;
    }
    .UsTxt ul li.b3 span i{
        font-style: normal;
    }
.bigPic{ 
    max-width:1400px; 
    height:600px; 
    margin:0 auto;
}
.bigPic .leftBtn{ 
    width:220px; 
    float:left; 
    text-align:center; 
}
.bigPic .leftBtn img{
    margin-top:220px;
}
.bigPic .contectBox{ 
    width:960px; 
    height:650px;
    text-align: center;
    float:left;
}
.bigPic .contectBox img{
     width:960px; 
    height:600px;
}
.bigPic .contectBox span{
    line-height: 50px;
}
.bigPic .rightBtn{ 
    width:220px; 
    float:right; 
    text-align:center; 
}
.bigPic .rightBtn img{
    margin-top:220px;
}
.detailsPic{ 
    max-width:1400px;
    height:214px;
    overflow: hidden;
    margin:20px auto;
}
.detailsPic .swiper-wrapper{
    width:100%;
     display: flex;
}
.detailsPic .swiper-wrapper .swiper-slide{ 
    width:350px;
    height:212px;
    margin:0 5px;
    background: #ffffff;
    text-align:center;
}
.detailsPic .swiper-wrapper .swiper-slide img{
    width:342px;
    height:212px;
}
.wap-css{ display: none;}
.pageCount{ width:1400px; height:40px; line-height: 40px; margin:0 auto; border-top:1px solid #e6e6e6;}
.pageCount span{ width:50%; float:left; text-align:center;}
.pageCount span i{ margin-right:10px;}
/*分页符*/
.pagination-bar {text-align: center; padding: 20px 0;}
.pagination-bar ul {
	display: block;
}
.pagination-bar ul li {
	margin: 2px;
	vertical-align: top;
	display: inline-block;
}
.pagination-bar ul li a {
	background: #f5f7fa;
	height: 35px;
	width: 35px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.pagination-bar ul li.pageinfo {
	background: #f5f7fa;
	line-height: 35px;
	text-align: center;
	padding: 0 15px;
}
.pagination-bar ul li.active{
	background: #292929;
	color: #fff;
	height: 35px;
	width: 35px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
}
.pagination-bar ul li a i{
	vertical-align: middle;
	font-weight: bold;
}
.pagination-bar ul li a:hover{ color: #fff; background: #f31244;}
.disabled{ width:35px; height:35px; line-height: 35px; background: #f5f7fa;
	text-align: center;}

.arthomeTit{ width:1400px; margin:0 auto; text-align:center;}
.artHomeSwiper .swiper-button-prev, .artHomeSwiper .swiper-button-next{ color:white!important;}

@media screen and (max-width:1024px){

        .headerDiv{ width:100%; height:auto; background:#000000;}
    .pc-css{ display: none;}
    .wap-css{ display: block;}
    .wap-css .mySwiper{ width:50%;}
    .wap-css .mySwiper img{ width:100%;}
    .head{ width:100%; height:100px;}
    .logo{ width:100%; text-indent: 20px;}
    .logo img{ width:50%; margin:0 auto;}
    .nav{ width:100%; background:#000; }
    .nav ul{ width:100%;}
    .nav ul li{ width:100%;}
    .wap-menu{ width:100%; height:auto;}
    .wap-menu .menuBtn{ width:100%; height:35px; line-height: 35px; border-top:1px solid #2c2c2c;}
    .wap-menu .menuBtn img{ float:right; width:20px; height:20px; margin-right:10px; margin-top:7px;}
    .wap-menu-box{
        width:100%;
        line-height: 30px;
        position:relative;
        padding-bottom:20px;
        z-index: 10;
        display: none;
    }
    .wap-menu-box ul{width:90%; margin:0 auto;}
    .wap-menu-box ul li{width:100%; height:auto; line-height: 30px; text-indent: 10px; color:#ffffff;}
    .wap-menu-box ul li i{ 
        width:20px; 
        height:20px; 
        line-height: 20px;
        margin-top:5px;
        border-radius: 4px; 
        text-align:center;
        text-indent: 0px;
        background:#6d6d6d; 
        color:#ffffff; 
        float:right;
        font-style: normal;
    }
    .wap-menu-box ul li span{
        width:46%;
        height:30px;
        line-height: 30px;
        float:left;
        margin:0 2%;
        display: block;
        text-align:center;
        display: none;
        cursor: pointer;
    }
    /* 移动端菜单样式优化 */
.wap-menu-box li i {
    cursor: pointer;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    margin-left: 5px;
}
.wap-menu-box a{ color:#ffffff;}
    #banner{ 
        width:100%; 
        height:auto!important;
        margin:0 auto; 
        overflow: hidden;
        background-size:100%;
    }
     #banner .swiper .swiper-wrapper .swiper-slide img{ width:100%!important;}

     .block1{
        width:100%!important;
        height:300px;
     }
     .block1 .aboutBox{
        width:100%!important;
        background-size:100%;
        background-repeat: no-repeat;
     }
     .block1 .aboutBg{
        width:100%!important;
        background-size:100%;
        background-repeat: no-repeat;
     }
     .block1 .Tit{
        font-size:18px;
        width:100%;
        height:40px;
        line-height: 40px;
        text-align:center;
     }
     .block1 .line{
        top:60px;
        height:2px;
     }
     .block1 .desc{
        font-size:14px;
        width:100%;
        top:70px;
        text-align:center;
     }
     .block1 .txt{
        font-size:12px;
        width:90%;
        margin:0 auto;
     }

    .block2{
        width:100%!important;
        height:500px;
     }
    .block2 .swiper{ 
    margin-top:160px;
    height:250px;
    display: block;
    text-align:center;
    }
    .mySwiperWap img{ width:420px; height:320px;}
.block2 .btn{ 
    width:120px; 
    height:35px; 
    line-height: 35px;
    border:1px solid #8a8a8a;  
    color:#8a8a8a;
    position:absolute;
    left:0;
    right:0;
    bottom:20px;
    overflow: hidden;
    margin:0 auto;
    z-index: 3;
}
    .block3{
        width:100%!important;
        height:360px;
        background-size:100% 100%;
        overflow: hidden;
     }
     .block3 .newsBox{
        width:100%!important;
     }
     .block3 .newsBox .Tit{
        font-size:18px;
        width:100%;
        height:40px;
        line-height: 40px;
     }
     .UsTxt{ width:100%; height:300px; top:190px;}
     .block3 .newsBox .Tit img{width:20px;}
     .block3 .newsBox ul{ width:86%; margin:25px auto 0;}
     .block3 .newsBox ul li{ width:100%; height:33px; line-height: 33px;}
     .block3 .newsBox ul li span{ float:right;}
     .artHomeBody{ width:96%;}
     .artHomeBody img{ width:100%;}
.block3 .btn{ 
    width:120px; 
    height:35px; 
    line-height: 35px;
    border:1px solid #ea2222;  
    color:#ea2222;
    margin:40px auto 0;
    z-index: 3;
}
.block3 .btn span{
    width:40px;
    height:35px;
    display: block;
    float:left;
    position:relative;
}
.block3 .btn span img{
    top:8px;
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
}

     li.b1{ margin-left:30px;}
     .aboutBody{ width:96%; margin:0 auto; min-height:auto;}
     .honorBody{ width:96%; margin:0 auto; min-height:auto;}
     .honorBody ul{ width:100%; height:300px;}
     .honorBody ul li{ width:49%; text-align:center;}
     .honorBody ul li img{ width:96%;}
     .bigPic .leftBtn,.bigPic .rightBtn{ width:10%; text-align:center;}
     .bigPic .leftBtn img,.bigPic .rightBtn img{ width:80%}
     .bigPic .contectBox{ width:80%;}
     .bigPic .contectBox img{ width:100%;}
     .bigPic{ width:94%; min-height:680px; margin:0 auto;}
     .detailsPic{ width:94%; margin:20px auto 0;}
     .smallBanner{ width:100%; height:300px;}
     .smallBanner img{ width:100%;}
     .pageCount{ width:100%;}
     .UsTxt ul{ width:96%;}
     .UsTxt ul li.b1{ margin-left:0px;}
     .UsTxt ul li.b2{ width:24%;}
     .UsTxt ul li.b3{ float:left!important; }
     .UsTxt ul li.b3 span{ width:40%; float:left!important;}
     .UsTxt ul li.b3 span img{ width:100%;}

}
@media screen and (max-width:820px){
     .bigPic .leftBtn,.bigPic .rightBtn{ width:10%; text-align:center;}
     .bigPic .leftBtn img,.bigPic .rightBtn img{ width:80%}
     .bigPic .contectBox{ width:80%;}
     .bigPic .contectBox img{ width:100%;}
     .bigPic{ width:94%; min-height:680px; margin:0 auto;}
     .detailsPic{ width:94%; margin:20px auto 0;}
    .smallBanner{ width:100%; height:220px;}
    .UsTxt{ top:150px; height:270px}
      .UsTxt ul{ width:96%;}
     .UsTxt ul li.b1{ width:48%; float:left;}
     .UsTxt ul li.b2{ width:48%; float:left;}
     .UsTxt ul li.b3{ float:left!important; width:100%; text-align:center; display: none;}
     .UsTxt ul li.b3 span{ width:50%; float:left!important;}
     .UsTxt ul li.b3 span img{ width:50%;}
}
@media screen and (max-width:768px){
    .headerDiv{ width:100%; height:auto; background:#000000;}
    .pc-css{ display: none;}
    .wap-css{ display: block;}
    .head{ width:100%; height:100px;}
    .logo{ width:100%; text-indent: 20px;}
    .logo img{ width:70%; margin:0 auto;}
    .nav{ width:100%; background:#000; }
    .nav ul{ width:100%;}
    .nav ul li{ width:100%;}
    .wap-menu{ width:100%; height:auto;}
    .wap-menu .menuBtn{ width:100%; height:35px; line-height: 35px; border-top:1px solid #2c2c2c;}
    .wap-menu .menuBtn img{ float:right; width:20px; height:20px; margin-right:10px; margin-top:7px;}
    .wap-menu-box{
        width:100%;
        line-height: 30px;
        position:relative;
        padding-bottom:20px;
        z-index: 10;
        display: none;
    }
    .wap-menu-box ul{width:90%; margin:0 auto;}
    .wap-menu-box ul li{width:100%; height:auto; line-height: 30px; text-indent: 10px; color:#ffffff;}
    .wap-menu-box ul li i{ 
        width:20px; 
        height:20px; 
        line-height: 20px;
        margin-top:5px;
        border-radius: 4px; 
        text-align:center;
        text-indent: 0px;
        background:#6d6d6d; 
        color:#ffffff; 
        float:right;
        font-style: normal;
    }
    .wap-menu-box ul li span{
        width:46%;
        height:30px;
        line-height: 30px;
        float:left;
        margin:0 2%;
        display: block;
        text-align:center;
        display: none;
        cursor: pointer;
    }
    /* 移动端菜单样式优化 */
.wap-menu-box li i {
    cursor: pointer;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    margin-left: 5px;
}
    #banner{ 
        width:100%; 
        height:auto!important;
        margin:0 auto; 
        overflow: hidden;
        background-size:100%;
    }
     #banner .swiper .swiper-wrapper .swiper-slide img{ width:100%!important;}

     .block1{
        width:100%!important;
        height:360px;
     }
     .block1 .aboutBox{
        width:100%!important;
        background-size:100%;
        background-repeat: no-repeat;
     }
     .block1 .aboutBg{
        width:100%!important;
        background-size:100%;
        background-repeat: no-repeat;
     }
     .block1 .Tit{
        font-size:14px;
        width:100%;
        height:40px;
        line-height: 40px;
        text-align:center;
     }
     .block1 .line{
        top:60px;
        height:2px;
     }
     .block1 .desc{
        font-size:14px;
        width:100%;
        top:70px;
        text-align:center;
     }
     .block1 .txt{
        font-size:12px;
        width:90%;
        margin:0 auto;
        bottom:120px;
     }

    .block2{
        width:100%!important;
        height:400px;
     }
    .block2 .swiper{ 
    margin-top:160px;
    height:250px;
    display: block;
    text-align:center;
    }
    .mySwiperWap img{ width:320px; height:160px;}
.block2 .btn{ 
    width:120px; 
    height:35px; 
    line-height: 35px;
    border:1px solid #8a8a8a;  
    color:#8a8a8a;
    position:absolute;
    left:0;
    right:0;
    bottom:20px;
    overflow: hidden;
    margin:0 auto;
    z-index: 3;
}
    .block3{
        width:100%!important;
        height:360px;
        background-size:100% 100%;
        overflow: hidden;
     }
     .block3 .newsBox{
        width:100%!important;
     }
     .block3 .newsBox .Tit{
        font-size:18px;
        width:100%;
        height:40px;
        line-height: 40px;
     }
     .block3 .newsBox .Tit img{width:20px;}
     .block3 .newsBox ul{ width:86%; margin:25px auto 0;}
     .block3 .newsBox ul li{ width:100%; height:33px; line-height: 33px;}
     .block3 .newsBox ul li span{ float:right;}
.block3 .btn{ 
    width:120px; 
    height:35px; 
    line-height: 35px;
    border:1px solid #ea2222;  
    color:#ea2222;
    margin:40px auto 0;
    z-index: 3;
}
.block3 .btn span{
    width:40px;
    height:35px;
    display: block;
    float:left;
    position:relative;
}
.block3 .btn span img{
    top:8px;
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
}

     li.b1{ margin-left:30px;}
    .honorBody{ width:100%; margin:0 auto; min-height:auto;}
     .honorBody ul{ width:100%;}
     .honorBody ul li{ width:48.5%; text-align:center; height:180px;}
     .honorBody ul li img{ width:96%; height:96%}
     .workMain .workMenu span{ margin:10px 5px; display: inline-block;}
     .UsTxt{ top:150px; height:270px}
     .UsTxt ul{ margin-top:20px;}
}

@media screen and (max-width:430px){
        .head{ width:100%; height:60px;  }
        .bigPic .contectBox{ height:280px;}
        .bigPic .contectBox img{ height:100%;}
        .bigPic{ width:94%; height:auto; min-height:auto; margin:0 auto;}
        .bigPic .leftBtn,.bigPic .rightBtn{ width:10%; text-align:center;}
        .bigPic .leftBtn img,.bigPic .rightBtn img{ width:80%; margin-top:100px;}
        .detailsPic{ height:100px; margin-top:50px;}
        
        .detailsPic .swiper-wrapper .swiper-slide{ height:90px;}
        .smallBanner{ width:100%; height:120px;}
        .articleBody ul li span:first-child{ margin-left:20px;}
        .articleBody ul li span:last-child{ display: none;}
        .smallTit span{ font-size:20px; padding:0 50px;}
        .aboutBody{ width:96%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
        .artHomeBody{ width:96%; margin:0 auto;}
        .artHomeBody ul{ width:100%; height:200px;}
        .artHomeBody ul li{ width:49%; text-align:center;}
        .artHomeBody ul li img{ width:96%; margin:0 auto;}
        .honorBody ul li{ width:48.5%; text-align:center; height:180px;}
        .mySwiperWap img{ width:280px; height:160px;}
.UsTxt{ height:400px;}
    .UsTxt ul{ width:96%; margin-top:0px;}
     .UsTxt ul li.b1{ width:100%;}
     .UsTxt ul li.b2{ width:100%;}
     .UsTxt ul li.b3{ float:left!important; }
     .UsTxt ul li.b3 span{ width:40%; float:left!important;}
     .UsTxt ul li.b3 span img{ width:100%;}
     .UsBox{ margin-top:460px;}
     li.b1{ margin-left:10px; font-size:14px; width:90%; margin:0 auto;}
}
@media screen and (max-width:360px){
    li.b1{ margin-left:10px; font-size:14px; width:90%; margin:0 auto;}
        .honorBody ul li{ width:48%; text-align:center; height:120px;}
        .UsBox .desc{ width:100%; font-size:16px;}
}