@font-face {
    font-family: myFont;
    src: url('../font/华文行楷.ttf');
    font-weight: normal;
    font-style: normal
}

body{font-family:myFont,sans-serif;overflow-x:hidden}
/* body{width: 1920px;} */
.nav{
    font-family: myFont;
}
*{margin:0;padding:0}

html,body{font-size:16px}
ol,ul,li,dl,dt,dd{list-style:none}
h1,h2,h3,h3,h4,h5,h6{font-weight:normal}
em,i{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
img{border:none}
input,label,img,th{vertical-align:middle}
a{text-decoration:none;color:#333}
a:hover{cursor:pointer}
a:hover,a:active,a:focus{color:#449ea7}
.fl{float:left}
.fr{float:right}
.Pr{position:relative}
.Pa{position:absolute}
button{cursor:pointer}
button:hover{color:#0f75bc}
.clear{clear:both}
.dis{display:block}
.undis{display:none}
input:focus,textarea:focus{outline:none}
input,textarea{font-family:"microsoft yahei"}
a:focus,*:focus{outline:none}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
table{table-layout:fixed}
table tr th{word-wrap:break-word;word-break:break-all}
table tr td{word-wrap:break-word;word-break:break-all}
th{text-align:inherit}
abbr,acronym{border:none;font-variant:normal}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
.hidden{display:none}
.elli{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
h1,.h1,h2,.h2,h3,.h3{margin-top:0px;margin-bottom:10px}
.ss-flex{display:flex}

.col-70{width:70%}
.col-50{width:50%}
.col-40{width:40%}

.col-25{width:25%}
/* .col-30{
    width:30%
} */


.swiper {
    width: 100%;
    height:600px;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 600px;
    object-fit: cover;
  }

  .swiper {
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-pagination{
      position: relative;
      bottom: 8%;
  }
  .swiper-pagination-bullet-active {
opacity: 1;
background: #E20000 !important;
}

.swiper-pagination-bullet{
margin: 0 6px;
}
/*--- Header ---*/

#header {
    background: url(../image/topbg.png)top center;
    height: 160px;
}

#header .top {
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #eee;
    color: #666;
}

#header .top .main {
    text-align: right;
}

#header .top .main div {
    display: inline-block;
}

#header .top .main .tel {
    color: #cc3300;
    font-weight: bold;
    /*background: url(../images/tel.png) left center no-repeat; */
    padding-left: 25px
}

#header .top .main i.down {
    display: inline-block;
    width: 9px;
    height: 6px;
    vertical-align: middle;
    background: url(../image/down.png) right center no-repeat;
}

#header .top .main .lang {
    background: url(../image/lang.png) left center no-repeat;
    padding-left: 20px;
    position: relative;
    cursor: pointer;
}

#header .top .main .lang.cur .down-item {
    display: block !important;
}

#header .jigou {
    position: relative;
    cursor: pointer;
}

#header .jigou.cur .down-item {
    display: block !important;
}

#header .lang .down-item,
#header .jigou .down-item {
    display: none !important;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100px;
    text-align: center;
    z-index: 999;
    line-height: 32px;
    background-color: rgba(28, 39, 57, 0.9);
    color: #fff;
    padding: 5px 0;
}

#header .jigou .down-item {
    left: -10px;
}

#header .lang .down-item a:hover,
#header .jigou .down-item a:hover {
    color: #ff9933;
}

#header .top .main .line {
    background: url(../image/line.png) center center no-repeat;
    width: 24px;
    height: 12px;
}

#header .top-nav {
    height: 80px;
}

#header .nav ul li {
    float: left;
    height: 80px;
    line-height: 80px;
    position: relative;
}

#header .nav ul li a {
    padding: 0 30px;
    display: block;
    font-size: 22px;
    font-weight: unset;
    color: #e3d67d;
    background: url(../image/bg-2.png) no-repeat center;
}

#header .nav ul li a span {
    display: block;
    height: 80px;
    /*border-bottom: solid 3px #fff; */
}

#header .nav ul li a:hover {
    background: url(../image/bg-2.png) no-repeat center;
    color: #fff;
}

#header .nav ul li.search {
    width: 28px;
    background: url(../image/search.png) center center no-repeat;
    cursor: pointer;
    position: relative;
}

#header .nav ul li.search a {
    width: 100%;
    height: 100%;
    display: block;
}

#header .nav ul li.search .form {
    background-color: rgba(28, 39, 57, 0.9);
    position: absolute;
    right: 0;
    top: 80px;
    width: 300px;
    height: 60px;
    z-index: 999;
    padding: 13px;
    display: none;
}

#header .nav ul li.search.cur .form {
    display: block !important;
}

#header .nav ul li.search .form .txt {
    width: 240px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    border: none;
    border: none;
    float: left;
}

#header .nav ul li.search .form .btn {
    height: 34px;
    width: 34px;
    background: url(../image/search.png) center center no-repeat #fff;
    float: left;
}

#header .nav ul li .nav-down {
    display: none;
    max-width: none !important;
    width: 185px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: rgba(28, 39, 57, 0.9);
    position: absolute;
    left: -30px;
    top: 80px;
    z-index: 99;
    font-size: 16px;
}

#header .nav ul li .nav-down ul li {
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #fff;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, .1);
}

#header .nav ul li:hover .nav-down {
    display: block;
}


/*#header .nav ul li .nav-down ul li:hover { background-color: #fff; color: #cc3300;  }
 #header .nav ul li:hover .nav-down ul li a { color: #fff; } */

#header .nav ul li:hover .nav-down ul li:hover a {
    background: none;
    color: #cc3300;
}

#header .nav li {
    transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

#header .nav ul li .yw-down {
    display: none;
}

#header .nav ul li .yw-down ul li {
    text-align: left;
    position: relative;
}

#header .nav ul li .yw-down ul li i {
    display: inline-block;
    vertical-align: middle;
    padding-right: 18px;
}

#header .nav ul li .yw-down ul li i img.df {
    display: block;
}

#header .nav ul li .yw-down ul li i img.cur {
    display: none;
}

#header .nav ul li .yw-down ul li:hover i img.df {
    display: none;
}

#header .nav ul li .yw-down ul li:hover i img.cur {
    display: block;
}

#header .nav ul li .yw-down ul li .nav-second {
    display: none;
    width: 180px;
    height: 390px;
    background-color: #fff;
    border: solid 1px #1c2739;
    border-left: none;
    position: absolute;
    left: 185px;
    top: 0;
    padding-top: 10px;
    font-size: 14px !important;
}

#header .nav ul li .yw-down ul li .nav-second.second2 {
    width: 440px;
    display: none;
}

#header .nav ul li .yw-down ul li .nav-second.second2 ul li {
    font-size: 16px;
    line-height: 45px;
}

#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three {
    height: auto;
    overflow: hidden;
    background: none;
    font-size: 14px;
    margin: 0 30px;
    width: calc(100% - 60px);
    line-height: 32px;
    border-bottom: dashed 1px #d3d3d3;
    color: #666;
    padding-bottom: 10px;
}

#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three a {
    display: inline-block;
    width: auto;
    background: none !important;
    padding: 0 12px !important;
}

#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three:last-child {
    border-bottom: none;
}

#header .nav ul li .yw-down ul li:nth-child(2) .nav-second {
    top: -65px;
}

#header .nav ul li .yw-down ul li:nth-child(3) .nav-second {
    top: -130px;
}

#header .nav ul li .yw-down ul li:nth-child(4) .nav-second {
    top: -195px;
}

#header .nav ul li .yw-down ul li:nth-child(5) .nav-second {
    top: -260px;
}

#header .nav ul li .yw-down ul li:nth-child(6) .nav-second {
    top: -325px;
}

#header .nav ul li .yw-down ul li:nth-child(7) .nav-second {
    top: -440px;
}

#header .nav ul li .yw-down ul li:hover .nav-second {
    display: block;
}

#header .nav ul li .yw-down ul li .nav-second ul li {
    color: #333;
    height: 45px;
    line-height: 21px;
}

#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li a {
    color: #333;
    background: url(../image/tb1.png) 30px center no-repeat;
    padding-left: 50px;
}

#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li {
    background-color: none;
}

#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li a:hover {
    color: #cc3300;
    background-image: url(../image/tb1-cur.png);
}

/* #header .logo {
    height: 80px;
    line-height: 79px;
} */

#header .logo img {
    height: 100%;
    vertical-align: middle;
}


/* index */
.wp{width:90%;justify-content:center;padding-right:15px;padding-left:15px;
    /* width:1720px; */
}
.center{text-align:center;margin:0 auto}
.index1{background:url(../image/bg50.png)no-repeat center;padding:80px 0 80px}
.index3{background:url(../image/bg51.png)no-repeat center;padding:80px 0 80px}
.index4{background:url(../image/bg52.png)no-repeat center;padding:80px 0 80px}
.index5{background:url(../image/bg53.png)no-repeat center;padding:80px 0 80px}
.index5  .center{padding-bottom:40px}
.index6{background:url(../image/bg53.png)no-repeat center}
.index6  .center{padding-bottom:-60px}
.index7{background:url(../image/bg4.png)no-repeat center;padding:80px 0 80px}
.index7  .center{padding-bottom:40px;}
.index7 .ss-flex{flex-wrap:wrap}
.index7 .ss-flex li{margin:0 12px;width: 30%;}
.index7 .pro-tit{text-align:center;color:#fff;font-size:36px;line-height:84px;background:url(../image/bg11.png)no-repeat center;height:84px;margin:30px auto}
 .propic{
     text-align: center;
 }


.index8{background:url(../image/bg5.png)no-repeat center;padding:80px 0 80px}
.index8  .center{padding-bottom:40px;}
.index8 .ss-flex{flex-wrap:wrap}
.index8 .ss-flex li{margin:0 12px;width: 30%;}
.index8 .pro-tit{text-align:center;color:#fff;font-size:36px;line-height:84px;background:url(../image/bg11.png)no-repeat center;height:84px;margin:30px auto}
.index8  .center{padding:40px}

.index9 .center{
    padding:40px
}
.index9  .col-30{margin:12px auto;border:10px solid #fff}
.index9 .col-30 .pro-tit{text-align:center;color:#e20000;font-size:36px;line-height:84px;background:#fff;height:84px}
.index9  .tese{border:4px solid #fff; background: #fff;overflow: hidden;}
.index10{background:url(../image/bg1.png)no-repeat center;padding:80px 0 80px}
.index10 ul li{margin:20px}
.index11{background:url(../image/bg\ \(2\).png)no-repeat center;padding:80px 50px}
.index11 .center{padding:40px}
.index11 .content{text-align: center;}
.index12{background:url(../image/bg\ \(3\).png)no-repeat center;padding:80px 0 80px}
.index13{background:url(../image/bg\ \(21\).png)no-repeat center;padding:80px 0 50px}
.index13 .wp{
justify-content: center;
}
.index13 .wxs li{
margin: 0 4%;
}
.index13 p{color:#fff;   font-size: 18px;}
.footxt{
    margin-top: 24px;
    color:#fff ;
    font-size: 18px;
    line-height: 36px;
}
.index13 .ftlogo{
    margin-right: 8%;
}


/* index9 */
.tab { position: relative; width: 1400px; margin-bottom: -2px; padding: 9px 9px 3px; border-top: 1px solid #e9e9e9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d8d9d9; border-bottom: 0 none; background: #fff; }
.tab ul img { vertical-align: middle; }
.slide { position: relative; }
.slide-ul { position: relative; width: 8640px;     /* margin: 0 0 0 -5px; */    margin: 0 10%; }
.slide-ul li { display: inline; float: left;  padding: 0 5px; overflow: hidden; }
.slide-ul a { display: block;  overflow: hidden; color: #fff; }
.slide-ul a:hover .pic-txt { color: #fff; }
.slide-ul .pic-txt { display: block; bottom: -30px; position: relative; width: 220px; height: 30px; margin: -30px 0 0; padding: 0 5px; font: 14px/30px Microsoft YaHei; text-align: center; z-index: 1; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);
cursor: pointer; }
:root .slide-ul .pic-txt { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr=#00000000, endColorstr=#00000000);
}
.info-btn { width: 85px; height: 22px; overflow: hidden; margin: 0 auto; padding: 11px 0; zoom: 1; }
.info-btn li { float: left; padding: 0 3px; }
.info-btn li span { display: block; width: 22px; height: 22px; background: url(http://icon.zol-img.com.cn/sj/images/sjbz_infor-btn.png) 0 -27px no-repeat; text-indent: -9999em; overflow: hidden; cursor: pointer; }
.info-btn .info-cur span, .info-btn .info-hover span { background-position: 0 0; }
.tab-shadow { display: block; position: absolute; left: -1px; top: 403px; width: 730px; height: 3px; background: url(http://icon.zol-img.com.cn/sj/images/sjbz_shadowbg.jpg) no-repeat; }

/* index9 */

/* news */
.sbgy-detail {
    width: 1400px;
    margin: 60px auto;
}

.sbgy-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #ddd;
}

.sbgy-box>a {
    display: flex;
}

.sbgy-box>a>img {
    display: block;
    width: 510px;
    height: 340px;
    margin-right: 10%;
    object-fit: cover;
}

.sbgy-box-right {
    width: 60%;
    padding: 30px 0;
}

.sbgy-box-right-title {
    font-size: 36px;
    line-height: 88px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

.sbgy-box-right-txt {
    font-size: 24px;
    line-height: 48px;
    color: #555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.detail {
    margin: 30px auto;
    width: 1400px;
}

.detail>.px-box-left-contain>img {
    width: 100%;
}

/* page */

.page {
    text-align: center;
    margin: 40px auto;
}

.page span a {
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #E20000;
    text-align: center;
    line-height: 40px;
    margin: 0 8px;
    color: #E20000;
}
.page span a:hover{
    color: #fff;
    background-color:#E20000; 
}

/*  */
.px-box-right-txt {
    font-size: 20px;
    line-height: 40px;
}
.px-box-right-txt {
    font-size: 24px;
    color: #231d0e;
    margin-top: 60px;
    line-height: 48px;
}
.px-box-right-txt-1 {
    font-size: 16px;
    line-height: 32px;
    color: #7f7f7f;
    margin-bottom: 20px;
}
.px-box-right-form {
    background: #fff;
    padding: 60px 0;
}
.px-box-right-form>form>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.px-box-right-form>form>div>label {
    width: 47%;
    font-size: 24px;
    color: #323232;
    margin-bottom: 28px;
}

.px-box-right-form>form>div>label:last-child {
    width: 100%;
}

.px-box-right-form>form>div>label>input {
    border: 1px solid #d8d8d8;
    width: 80%;
    font-size: 18px;
    line-height: 47px;
    padding-left: 10px;
    border-radius: 5px;
}

.px-box-right-form>form>div>label>textarea {
    border: 1px solid #d8d8d8;
    width: 90.5%;
    font-size: 18px;
    line-height: 47px;
    padding-left: 10px;
    background: #ededed;
    border-radius: 5px;
}

.px-box-right-form>form>button {
text-align: center;
    background: #d71616;
    width: 97%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border: 0;
    padding: 0;
}

.rich-bd p img{
    max-width: 100%;
}