/* CSS Document */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,i,th,td { font-size: 14px;}
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-family:Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif; font-weight:normal;}
ul,ol { list-style: none; }
ul li {list-style: none outside none;}
table{border-collapse:collapse;border-spacing:0; border:1px solid #ddd;}
td,th {border: 1px solid #ddd}
body{ font-size:14px; background:#fff; font-family:Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif; color:#333;}
img {border:0 none;}
a{color:#333;}
a:link, a:visited, a:active { text-decoration: none;}
a:hover{ text-decoration: none; color:#8a1b20;}
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.clear{ clear:both;font-size:0px;}
table{border-collapse:collapse;border-spacing:1;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], button, select {-webkit-appearance: none; }
/* ::-webkit-scrollbar {display:none} */
textarea {-webkit-appearance: none;outline:none;}
input:focus,textarea:focus,select:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
input,textarea,select {-webkit-appearance:none;font-family:Microsoft YaHei;}
.l{float:left}
.r{float:right}

/* 手机隐藏 */

.sj-nav-btn { display: none;}
.nav ul li em { display:none;}


/* PC头部 */

.search { position: absolute; right: 30px; top: 35px;}
.zoom-box { width: 34px; height: 34px; background: url(../images/zoom-bg.png) no-repeat center center;}
.search-txt input.search-t { width:0px; height: 34px; border:none; background: none; text-indent: 8px;transition: all 0.3s;}
.search-txt input.search-b { border:none; background: url(../images/zoom-bg.png) no-repeat center center  ; cursor: pointer; width: 34px; height: 34px; text-indent: -10000px; }
.search-txt:hover input.search-t { width: 130px; transition: all 0.3s;}

/* PC导航 */

.nav-box { width: 100%; min-width: 1400px; box-sizing: border-box; padding: 30px 30px 0; position: absolute; top: 0; left: 0; z-index: 10;}
.nr-nav-box { position: relative; padding-bottom: 30px;}
.logo { width: 30%;}
.logo a { display: block;}
.logo img { display: block; width: 100%; max-height: 50px;}
.nav { width:auto; margin: 5px 0 0 10%;}
.nav>ul { margin:0 auto; height:40px; line-height:40px; z-index:99}
.nav>ul>li {   float:left; text-align:center; width: 100px;  height: 40px; line-height: 40px; z-index: 99;position: relative; border-radius: 3px; overflow: hidden;}
.nav>ul>li.on { background:#8a1b20; }
.nav>ul>li.on a { color:#ffffff; font-weight: bold;}
.nav>ul>li>a  { color:#333333; font-size:16px; display:block;line-height:40px; }
.nav>ul>li>a:hover { background:#8a1b20;  color:#ffffff;font-weight: bold;}

.nav>ul>li .f-nav a .three-nav { position: absolute; left:0 ;}
.nav>ul>li .f-nav a:hover .three-nav  { display: block;}
.nav>ul>li .f-nav ul li { position: relative; }
.three-nav { position: absolute;left: 190px; top: 0; width: 190px; background: steelblue; display: none;}
.three-nav a { color: #ffffff !important;}
.nav>ul>li .f-nav ul li:hover .three-nav { display: block;}

/* banner */
.banner { width: 100%; min-width: 1200px; position: relative;}
.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }

.banner .swiper-slide img { display: block; object-fit: cover;width: 100%;}
.banner .swiper-pagination-bullet { width: 18px; height: 18px; border-radius: 8px; background: url(../images/tab-off.png) no-repeat center center; opacity: 0.8;}
.banner .swiper-pagination-bullet-active { width: 18px;background: url(../images/tab-on.png) no-repeat center center;}

/* 关于我们 */

.contact-box { width: 32%; position: absolute; z-index: 999; left: 4%; bottom:8%; background: rgba(255,255,255,0.75); box-sizing: border-box; padding: 30px;}
.contact-box h3 { font-size: 32px; font-weight: bold; color: #8a1b20; padding-bottom: 20px;}
.contact-box h3 span { margin-left: 15px; font-size: 18px; color: #666666; font-weight: normal;}
.contact-box p { font-size: 16px; line-height: 36px; text-indent: 32px; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.contact-box a { font-size: 16px; font-weight: bold; color: #8a1b20; padding-top: 20px; display: block;}

/* 数字说话 */

.sz-box { width: 100%; background: url(../images/sz-bg.jpg) no-repeat center center; padding: 40px 0;}
.sz-sh { margin: 0 auto; width: 1400px;}
.sz-box-two .sz-sh { background: #fafafa; padding: 30px 0; margin-bottom: 40px;}
.sz-sh ul li { width: 33.333333%; float: left; color: #ffffff; font-size: 14px; box-sizing: border-box; padding-left: 160px;}
.sz-sh ul li h4 span { font-size: 48px; font-weight: bold; color: #bc1a21; padding-right:40px; display: inline-block; position: relative;}
.sz-sh ul li h4 span::after { content: "+"; font-weight: bold; font-size: 30px; position: absolute; top: 0; right: 10px;}
.sz-box-two .sz-sh ul li { color: #999999;}


/* 新闻中心 */

.news-box { width:1400px; margin: 0 auto; padding-bottom: 40px;}
.news-list-box { width:1400px; margin: 0 auto; height:280px; }
.news-list-box>ul li { float: left; margin: 0 0 40px; height: 80px; padding:10px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.news-list-box>ul li .newstime-box { width: 120px; height: 80px; overflow: hidden; text-align: center; border-right: 1px solid #d2d6de; color:#8A1B20;}
.news-list-box>ul li .newstime-box span { display: block; font-size: 42px; font-weight: bold;}
.news-list-box>ul li .newstxt-box { margin: 0 60px;height: 80px; width: 445px;}
.news-list-box>ul li .newstxt-box h4 {font-size: 18px; font-weight: bold; color: #333333; padding-bottom: 10px;}
.news-list-box>ul li .newstxt-box a:hover h4,.news-list-box>ul li .newstxt-box a:hover p { color: #8A1B20;}
.news-list-box>ul li .newstxt-box p { font-size: 14px; line-height: 24px; color: #999999;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-tab { position: relative; height: 40px; width: 90px; margin: 0 auto;}
.news-tab div.l { height: 40px; width: 40px; border-radius: 20px; background: url(../images/l-jt.png) no-repeat 13px center #8A1B20; cursor: pointer;}
.news-tab div.r { height: 40px; width: 40px; border-radius: 20px; background: url(../images/r-jt.png) no-repeat 16px center #8A1B20; cursor: pointer;}
.news-tab div.swiper-button-disabled { background-color: #666666;cursor: default;}

/* 技术团队 */

.jstd-box,.xmal-box { width:1400px; margin: 0 auto; padding-bottom: 40px; position: relative;}
.jstd-list-box { height: auto; padding-bottom: 60px !important; }
.jstd-list-box .swiper-slide {transform: scale(0.9); transition: all 0.3; margin-top: 30px;}
.jstd-list-box .swiper-slide .jstd-list-img { width: 100%; height: auto;}
.jstd-list-box .swiper-slide .jstd-list-img img { display: block; width: 100%; max-height: 330px;}
.jstd-list-box .swiper-slide .jstd-list-text { height: 0; overflow: hidden;}
.jstd-list-text h3 { font-size: 18px; font-weight: bold; padding: 10px 0 10px 10px;}
.jstd-list-text p { color: #999999; padding-left: 10px;}
.jstd-list-box .swiper-slide {transform: scale(0.9); transition: all 0.3;}
.jstd-list-box .swiper-slide-active {transform: scale(1); transition: all 0.3;  margin-top: 0;}
.jstd-list-box .swiper-slide-active .jstd-list-text { height: auto; border-bottom: 5px solid #8A1B20; padding-bottom: 10px; }
.jstd-list-box .swiper-pagination-bullet { width: 30px; height: 15px; border-radius: 10px; background: #f0dadb; opacity: 0.7;}
.jstd-list-box .swiper-pagination-bullet-active { width: 45px; background: #8A1B20;}

/* 首页通用标题 */

.tybt-box { padding: 50px 0;}
.tybt-box h3 { font-size: 18px; color: #666666; font-weight: normal; position: relative;height: 34px; line-height: 34px;}
.tybt-box h3::before { display: inline-block; content: ""; height: 32px; width: 8px; margin-right: 20px; vertical-align: text-bottom; background: #8A1B20;}
.tybt-box h3 span { font-size: 32px; color: #333333; font-weight: bold; margin-right: 20px;}
.tybt-box h3 a { float: right; color: #8A1B20;}

/* 案例展示-焦点案例 */

.xmal-tl-box { width: 100%; background: #f7f7f7;}
.jdxm-box { background: #ffffff;box-shadow: 0 4px 10px #c6c6c6; margin-bottom: 50px;}
.jdxm-box .jdxm-img { width: 700px; height: 400px; overflow: hidden;}
.jdxm-box .jdxm-img img { display: block; width: 700px; height: 400px; transition: all 0.3s;}
.jdxm-box .jdxm-text { width: 700px; box-sizing: border-box; padding: 35px;}
.jdxm-box .jdxm-text h3 { font-size: 24px; font-weight: bold; padding-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jdxm-box .jdxm-text span { display: block; line-height: 24px; font-size: 14px; color: #999999;}
.jdxm-box .jdxm-text p { line-height: 28px; font-size: 16px; max-height: 140px; padding-top: 10px; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical; margin-bottom: 15px;}
.jdxm-box .jdxm-text a { display: block; width: 100px; height: 40px; text-align: center; line-height: 38px; box-sizing: border-box; border:1px solid #8A1B20; color: #8A1B20; transition: all 0.3;}
.jdxm-box .jdxm-text a:hover { color: #ffffff; background: #8A1B20; transition: all 0.3;}
.jdxm-box:hover .jdxm-img img { transform: scale(1.1); transition: all 0.3s;}


/* 案例展示-滚动案例 */

.xmal-list-box ul li .xmal-list-img { width: 450px; height: 250px; overflow: hidden;}
.xmal-list-box ul li .xmal-list-img img { display: block; width: 450px; height: 250px; transition: all 0.3s;}
.xmal-list-box ul li:hover .xmal-list-img img {  transform: scale(1.1); transition: all 0.3s;}
.xmal-list-box ul li .xmal-list-text { height: 140px; background: #ffffff; position: relative;}
.xmal-list-box ul li .xmal-list-text a { display: block; width: 100px; height: 40px; text-align: center; line-height: 38px; box-sizing: border-box; border:1px solid #8A1B20; color: #8A1B20; position: absolute; bottom:10px; right: 10px;}
.xmal-list-box ul li .xmal-list-text a:hover { color: #ffffff; background: #8A1B20; transition: all 0.3;}
.xmal-list-box ul li .xmal-list-text h3 { padding: 10px; font-size:18px; font-weight: bold; height: 22px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xmal-list-box ul li .xmal-list-text p { font-size: 14px; line-height: 28px; color: #999999; padding: 0 10px;}
.xmal-box .news-button-next { position: absolute; left:-70px; bottom:200px; width: 40px; height: 70px; background: url(../images/l-jt-02.png) no-repeat center center #bcbcbc; cursor: pointer;display: block;}
.xmal-box .news-button-prev { position: absolute; right:-70px; bottom:200px; width: 40px; height: 70px; background: url(../images/r-jt-02.png) no-repeat center center #bcbcbc; cursor: pointer;display: block;}
.xmal-box .news-button-next:hover,.xmal-box .news-button-prev:hover { background-color: #8A1B20;}

/* 合作客户 */

.hzdw-box { width: 1400px; margin:0 auto;}
.hzdw-list ul li { box-sizing: border-box; margin: 0 25px 50px; width: 180px; height: 90px; float: left; border: 1px solid #d2d6de; }
.hzdw-list ul li .list-img-box { display: table-cell; width: 178px; height: 88px; vertical-align: middle; margin: 0 auto;}
.hzdw-list ul li .list-img-box img { max-width: 170px; max-height: 80px; vertical-align: middle; display: block; margin: 0 auto;}

/* 底部版权 */

.footer-box { width: 100%; background: #1d0b0b; }
.footer { width: 1400px; margin: 0 auto; color: #bbbbbb;}
.footer a { color: #e8e8e8;}
.footer-bq { font-size: 14px; line-height: 28px; padding: 50px 0;}
.footer-bq p { color: #e8e8e8;}
.footer-jszc {color: #bbbbbb; text-align: center; color: #e8e8e8; padding-top: 30px;}
.footer-jszc img { margin-right: 5px; width: 100px; height: 100px;}

 
/* 分页 */

.page {width:100%;height:auto;overflow:hidden; margin-bottom:40px; text-align: center;}
.page ul li {border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;margin:0 5px;display:inline-block}
.page ul li.active {color: #ffffff; background: #8a1b20;}
.page ul li.disabled { color: #999999;}


.ny-banner img { width: 100%; height: auto; max-width: 1920px; display: block; margin: 0 auto;}
.mbx-box { width: 100%; height: 50px; line-height: 50px; background: #f4f4f4;}
.mbx { width: 1400px; color: #666666; margin: 0 auto;}
.nr-aboutus-box { width: 1400px; margin: 0 auto; padding: 40px 0;}
.aboutus-text { width: 680px;}
.aboutus-text>h3 { color: #8a1b20; font-size: 24px; font-weight: bold; padding: 20px 0;}
.aboutus-text p { font-size: 16px; line-height: 1.8; text-indent: 2em; margin-bottom: 10px;}
.aboutus-img { width: 680px;}
.aboutus-img ul li { float: left; width: 310px; margin-left: 30px; margin-bottom: 30px;}
.aboutus-img ul li img { width: 310px; height: 215px; display: block; margin: 0 auto;}

.nrxmal-list-box,.nrnews-list-box,.zzry-list,.nrjstd-list { width: 1400px; margin: 0 auto; padding: 40px 0;}
.nrxmal-list-box ul { width: 1425px;}
.nrxmal-list-box ul li { float: left; width: 450px; margin-right: 25px; margin-bottom: 30px;}
.nrxmal-list-box ul li .xmal-list-img { width: 450px; height: 250px; overflow: hidden;}
.nrxmal-list-box ul li .xmal-list-img img { display: block; width: 450px; height: 250px; transition: all 0.3s;}
.nrxmal-list-box ul li:hover .xmal-list-img img {  transform: scale(1.1); transition: all 0.3s;}
.nrxmal-list-box ul li .xmal-list-text { height: 140px; background: #ffffff; position: relative;}
.nrxmal-list-box ul li .xmal-list-text a { display: block; width: 100px; height: 40px; text-align: center; line-height: 38px; box-sizing: border-box; border:1px solid #8A1B20; color: #8A1B20; position: absolute; bottom:10px; right: 10px;}
.nrxmal-list-box ul li .xmal-list-text a:hover { color: #ffffff; background: #8A1B20; transition: all 0.3;}
.nrxmal-list-box ul li .xmal-list-text h3 { padding: 10px; font-size:18px; font-weight: bold;}
.nrxmal-list-box ul li .xmal-list-text p { font-size: 14px; line-height: 28px; color: #999999; padding: 0 10px;}

.fl-tab-box { height: 50px; font-size: 0; text-align: center; margin-bottom: 40px;}
.fl-tab-box a { font-size: 16px; padding:0 24px; height: 48px; line-height: 48px; margin: 0 10px; display: inline-block; border:1px solid #8a1b20; background: #f9f3f4;}
.fl-tab-box a:hover { color: #ffffff; background: #8A1B20;}
.fl-tab-box a.on { font-weight: bold; color: #ffffff; background: #8A1B20;}

.nrxmal-img { width: 690px;}
.nrxmal-img .mySwiper2 { margin-bottom: 10px;}
.nrxmal-img .mySwiper2 img { display: block; width: 690px; height: 395px; object-fit: cover;}
.nrxmal-img .mySwiper img { display: block;  height: 100px; width: 100%; object-fit: cover; cursor: pointer;}
.nrxmal-img .mySwiper .swiper-slide-thumb-active img {border: 2px solid #8A1B20; box-sizing: border-box;}
.nrxmal-img .mySwiper .swiper-slide { opacity: 0.6;width: 25%; height: 100%;}
.nrxmal-img .mySwiper .swiper-slide-thumb-active {opacity: 1; }
.nrxmal-text>h3 { font-size: 32px; font-weight: bold; text-align: center; padding-bottom: 40px;}
.nrxmal-ms { width: 660px;}
.xmzd-box { margin-bottom: 20px;}
.xmzd-box h4 { font-size: 18px; margin-bottom: 6px; color: #8A1B20; }
.nrxmal-ms p { font-size: 16px; line-height: 2;}
.nrxmal-ms img { max-width: 100%;}
.next-page { height: 50px; line-height: 50px; margin-top: 30px; padding-top: 10px; border-top:1px solid #d9d9d9;}
.next-page p { width: 50%;}
.next-page p.r { text-align: right;}

.rlzy-text { width: 50%; box-sizing: border-box; padding:0 60px 0 0;}
.rlzy-fl { width: 50%; box-sizing: border-box; padding: 20px 30px; background-color: #f9f3f4;}
.rlzy-text h3,.rlzy-fl h3 { font-size: 24px; font-weight: bold; color: #8A1B20; padding: 10px 0;}
.rlzy-text p,.rlzy-fl p { font-size: 16px; line-height: 1.8;}

.nrnews-list-box { padding-bottom: 0;}
.nrnews-list-box ul { width: 1440px;}
.nrnews-list-box ul li { float: left; width: 440px; height: 240px; box-shadow: 0 2px 10px #e9e9e9; margin-left: 40px; margin-bottom: 40px; position: relative;}
.nrnews-list-box ul li .news-timebox { text-align: center; position: absolute; right: 15px; top:-15px; width:70px ; height: 70px; background: #8A1B20;}
.nrnews-list-box ul li .news-timebox span { display: block; font-size: 32px; font-weight: bold; color: #ffffff;}
.nrnews-list-box ul li .news-timebox p { font-size: 14px; color: #ffffff;}
.news-textbox h3 { font-size: 18px; font-weight: bold; padding: 20px; width: 285px;}
.news-textbox h3 a {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-textbox p { padding: 0 20px; font-size: 16px; color: #999999; line-height: 1.8;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-textbox>a { position: absolute; width: 100%; display: block; height: 39px; line-height: 39px; border-top:1px solid #f2f2f2; bottom:0; left:0; text-align: right; padding-right: 10px; font-size: 14px;}

.news-xq-box h3 { font-size: 24px; font-weight: bold; line-height: 1.8; padding-bottom: 20px; text-align: center;}
.news-xq-box h4 { text-align: center; color: #999999; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #f2f2f2;}
.news-xq-box p { padding: 0 20px; font-size: 16px; text-indent: 2em; line-height: 1.8;}
.news-xq-box p img { display: block; margin: 0 auto; max-width: 90%; height: auto; margin-bottom: 20px;}
.news-xq-box video { display: block; margin: 0 auto; max-width: 90%; height: auto; margin-bottom: 20px;}

.zzry-list ul { width: 1440px;}
.zzry-list ul li { width: 440px; height: 420px; margin-right: 40px; float: left;box-shadow: 0 2px 10px #e9e9e9; margin-bottom: 40px; text-align: center;}
.zzry-list ul li .zz-imgbox { display: table-cell; margin: 0 auto; width: 440px; height: 360px; vertical-align: middle;}
.zzry-list ul li .zz-imgbox img { max-width: 400px; display: block; max-height: 360px; margin: 0 auto; vertical-align: middle;}
.zzry-list ul li p { height: 60px; line-height: 60px; overflow: hidden;}

.nrjstd-list ul { width: 1440px;}
.nrjstd-list ul li { width: 680px; float: left; height: 360px; box-shadow: 0 2px 10px #e9e9e9; margin-bottom: 40px; margin-right: 40px; }
.nrjstd-list ul li img { float: left; width: 280px; height: 360px; margin: -20px 20px 0;}
.nrjstd-list ul li h3 { font-size: 18px; font-weight: bold; padding: 10px 0 10px;}
.nrjstd-list ul li h4 { padding: 20px 0 10px;  font-size: 24px; font-weight: bold; color: #8A1B20;}
.nrjstd-list ul li h4 a { color: #8A1B20;}
.nrjstd-list ul li h3 p { font-size: 15px; line-height: 28px; }
.nrjstd-list ul li>p {max-height: 196px; overflow: hidden; padding-right:20px; line-height: 24px; }

.content-txt { width: 600px;}
.content-txt h3 { font-size: 28px; font-weight: bold; color:#8A1B20 ; padding: 10px 0;}
.content-txt h4 { font-size: 14px; color: #999999; margin-bottom: 40px;}
.content-txt p { line-height: 32px; font-size: 16px;}
.content-txt p img { vertical-align: top; margin-right: 10px; width: 20px; height: 20px; padding-top: 6px;}
.mapbox { width: 750px; height: 420px;}
.ssjg-box { width: 1200px; margin: 0 auto; padding: 40px 0;}
.ssjg-box ul li { height: 48px; line-height: 48px; border-bottom:1px dashed #c9c9c9; font-size: 16px;}
.ssjg-box ul li a { display: block; float: left; width: 85%; overflow: hidden;}
.ssjg-box ul li a::before { content: ""; display: inline-block; width: 4px; height: 4px; vertical-align: middle; background: #8A1B20; border-radius: 4px; margin-right: 8px;}
.ssjg-box ul li span { display: block; float: right; color: #999999;}

@media only screen and (max-width :828px){ 
	body{ font-size:14px;}
	::-webkit-scrollbar {display:none}
	.l{float:none;}
	.r{float:none;}
	
	.nav .sj-nav-btn span { height: 3px; margin-top: 6px; display: block; background: #8a1b20; width: 31px; border-radius: 3px; z-index: 1; -webkit-transform-origin: 20px; transform-origin: 20px; -webkit-transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1); transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1); transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease; transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);}
	.nav .sj-nav-btn2 span {transform-origin: 29px center;}
	.nav .sj-nav-btn2 span:nth-last-child(1) {opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top:8px; }
	.nav .sj-nav-btn2 span:nth-last-child(2) { opacity: 0;}
	.nav .sj-nav-btn2 span:nth-last-child(3) { opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top:5px;}
	.nav-box { position: relative; padding: 0.2rem; min-width: 320px;z-index: 999;}
	.nav-box .nav>ul { display: none; left:0; z-index: 999; height: auto; line-height: 40px; width: 100%; position: absolute; top: 1.75rem; background: rgba(0,0,0,0.85);}
	.nav-box .nav>ul li { float: none; height: auto; line-height: 40px; width: 100%; margin: 0; text-align: left; position: relative; border-bottom: 1px solid #565656;}
	.nav-box .nav>ul li a { color: #ffffff; text-indent: 12px;}
	.nav>ul>li.on { background: none;}
	
	.banner { min-width: 320px;}

	.logo,.sz-sh,.hzdw-box { width: 100%; padding-bottom: 10px;}
	.nav .sj-nav-btn { display: block; float: right; padding-bottom: 10px;}
	.search { position: relative; top: 0; right: auto; width: 5.5rem; background: #f5f5f5; border-radius: 20px;}
	.search-txt input.search-t { width: 3.5rem;}
	.contact-box { position: relative; padding: 10px; width:100%; box-sizing: border-box; left: auto; bottom: auto; background: #f9f9f9; z-index: 9;}
	.contact-box h3 { font-size: 24px;}
	.swiper-pagination { bottom:0 !important;}
	
	.news-box,.jstd-box, .xmal-box { width: 100%;}
	.tybt-box { padding: 0.4rem 0;}
	.tybt-box h3 { padding: 0 0.2rem; font-size: 0.28rem;}
	.tybt-box h3 span { font-size: 0.36rem;}
	.tybt-box h3::before { height: 0.38rem; width: 4px;}
	.news-list-box { width: 100%; height: 330px;}
	
	.news-list-box>ul li .newstime-box { float: left;}
	.news-list-box>ul li .newstxt-box { margin: 0 15px;}
	.news-list-box>ul li .newstime-box span { font-size: 0.64rem;}
	.news-list-box>ul li { margin-bottom: 10px;}
	.news-list-box>ul li .newstxt-box h4 { font-size: 16px; height: 31px; overflow: hidden;line-height: 31px; box-sizing: border-box;}
	.news-list-box>ul li .newstxt-box p { font-size: 14px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.news-tab div.l { float: left;}
	.news-tab div.r { float: right;}
	
	.sz-box { padding: 20px 0; background-size: cover;}
	.sz-sh ul li { width: 100%; text-align: center; padding: 20px 0;}
	.jstd-list-text h3 { font-size: 16px;}
	.jstd-list-box .swiper-pagination-bullet { width: 15px;}
	.jstd-list-box .swiper-pagination-bullet-active { width: 30px;}
	
	.jdxm-box .jdxm-img,.jdxm-box .jdxm-text { width: 100%; height: auto; box-sizing: border-box;}
	.jdxm-box .jdxm-img img { width: 100%; height: auto;}
	.jdxm-box .jdxm-text { padding: 15px;}
	.jdxm-box .jdxm-text h3 { font-size: 18px; padding-bottom: 10px;}
	.jdxm-box .jdxm-text p { font-size: 14px; line-height: 1.5;}
	.jdxm-box { margin-bottom: 20px;}
	.xmal-box .news-button-next { z-index: 999; left: 0; opacity: 0.8; bottom:270px;}
	.xmal-box .news-button-prev { z-index: 999; right: 0; opacity: 0.8; bottom:270px;}
	.hzdw-list ul li { width: 29.33333%; margin: 0 0 0.2rem 3%; height: auto !important;}
	.list-img-box { width: 100% !important; height: auto !important; padding: 5px 0;}
	.list-img-box img { max-width: 90% !important;}
	.jstd-box, .xmal-box { padding-bottom: 20px;}
	.footer { width:100%;}
	.footer-bq { padding: 10px; text-align: center; font-size: 12px; line-height: 1.5;}
	.footer-jszc { font-size: 12px; padding: 10px;}
	.nr-nav-box  { padding-bottom: 0;}
	.mbx { width: 95%;}
	.nr-aboutus-box { width: 100%; padding: 15px 0;}
	.content-txt { width: 100%; box-sizing: border-box; padding: 0 15px;}
	.content-txt h3 { font-size: 20px;}
	.content-txt h4 { margin-bottom: 20px;}
	.content-txt p { font-size: 14px;}
	.mapbox { width: 100%; height: 320px; margin-top: 20px;}
	.aboutus-text { width: 100%; box-sizing: border-box; padding: 0 15px;}
	.aboutus-text>h3 { font-size: 20px;}
	.aboutus-text p { font-size: 14px;}
	.aboutus-img { width: 100%;}
	.aboutus-img ul li { width: 100%; margin-left: 0; margin-bottom: 20px;}
	.aboutus-img ul li img { width: 92%; height: auto;}
	
	.nrxmal-list-box, .nrnews-list-box, .zzry-list, .nrjstd-list {width: 100%; box-sizing: border-box; padding:15px;}
	.nrjstd-list ul li { width: 100%; height: auto; margin-bottom: 15px;}
	.nrjstd-list ul li img { width: 40%; height: auto; margin: 0; display: block; margin-right: 10px;}
	.nrjstd-list ul { width: 100%;}
	.nrjstd-list ul li h3 { font-size: 14px; padding: 10px 0;}
	.nrjstd-list ul li h4 { font-size: 18px; padding-top: 0;}
	.nrjstd-list ul li p { line-height: 1.5; color: #999999;}
	.fl-tab-box { height: auto; margin-bottom: 10px;}
	.fl-tab-box a { font-size: 14px; padding: 0 10px; line-height: 36px; height: 36px; margin: 0 5px 10px;}
	.rlzy-text { width: 100%; padding: 0 0 20px 0;}
	.rlzy-fl { width: 100%; padding: 15px;}
	.ssjg-box { width: 100%; padding: 15px; box-sizing: border-box;}
	.ssjg-box ul li { font-size: 14px; height: auto; line-height: 1.5; padding: 10px 0;}
	.ssjg-box ul li a { width: 70%;}
	.nrxmal-list-box ul { width: 100%;}
	.nrxmal-list-box ul li { float: none; width: 100%; margin: 0 0 20px 0;}
	.nrxmal-list-box ul li .xmal-list-img { width: 100%; height: auto;}
	.nrxmal-list-box ul li .xmal-list-img img { width: 100%; height: auto;}
	.nrxmal-list-box ul li .xmal-list-text h3 { padding: 10px 0;}
	.nrxmal-list-box ul li .xmal-list-text p { padding: 0; line-height: 24px;}
	.nrxmal-list-box ul li .xmal-list-text { height: auto;}
	.nrxmal-list-box ul li .xmal-list-text a { width: 70px; height: 30px; line-height: 28px; bottom: 0; right: 0; font-size: 12px;}
	.nrxmal-text>h3 { padding-bottom: 20px; font-size: 24px;}
	.nrxmal-img,.nrxmal-ms { width: 100%;}
	.nrxmal-img .mySwiper img { height: auto;}
	.nrxmal-img .mySwiper2 img { width: 100%; height: auto;}
	.nrxmal-ms { margin-top: 15px;}
	.nrxmal-ms p { line-height: 1.8;}
	.next-page { height: auto; line-height: 40px;}
	.next-page p { width: 100%;}
	.next-page p.r { text-align: left;}
	.news-xq-box p { padding: 0;}
	.news-xq-box p img { max-width: 100%;}
	.news-xq-box p video { width: 100%;}
	.nrnews-list-box ul,.zzry-list ul { width: 100%;}
	.nrnews-list-box ul li { width: 100%; height: auto; margin: 0 0 20px 0;}
	.news-textbox h3 { width: 70%; font-size: 16px;}
	.news-textbox p { font-size: 14px; margin-bottom: 10px;}
	.news-textbox>a { position: relative; box-sizing: border-box;}
	.nrnews-list-box ul li .news-timebox { top:-10px; right: 10px; width: 50px; height: 50px;}
	.nrnews-list-box ul li .news-timebox span { font-size: 20px;}
	.nrnews-list-box ul li .news-timebox p { font-size: 12px;}
	.zzry-list ul li { width: 100%; margin: 0 0 20px 0; float: none; height: auto;}
	.zzry-list ul li .zz-imgbox { width: 90%; height: auto; text-align: center; display: block;}
	.zzry-list ul li .zz-imgbox img { max-width: 100%; max-height: 240px; margin: 0 auto; padding-top:15px;}
}