body {background:#F6F6F6 url("") no-repeat center top;background-repeat: repeat-x; /* 横向平铺 */
background-position: top; ; font-family:"Microsoft YaHei", Arial; font-size:16px; line-height:27px; color:#333; margin:0 auto;min-width:1150px;max-width: 1150px;}
.banner1{ height: 80px;width: auto;margin:10px 0;}
/*.banner1 div{ margin: 0 20px; display: block; float:right;}*/
.right-d{ width: 260px; display: block; float: right;margin:10px 0;}
.banner1 img{ width: auto;  height: 100%;}
.head_bs a{margin:0 24px}
.search { float: right;width: 255px; height: 33px; position: relative; border: 1px solid #B2B2B2;border-radius: 5px;margin-top: 5px; overflow: hidden;}
.search1 {width: 210px; height: 21px; padding: 0; border: 0;margin: 6px 0 0 10px;font-size: 12px;line-height: 21px;color: #858585; float: left;}
.search2 { display: block;float: right;margin: 6px 10px 0 0;}
a {color:#333; text-decoration:none}
a:hover {color: #3773db}
/*.menu a:hover {  background:linear-gradient(to bottom,#d13409,#ef9825); color: #e6441c;}*/
.menu a:hover {font-size:24px;}
h1,h2,h3,h4,p,form {margin:0; padding:0}
img {border:0}
ul,li {list-style:none; padding:0; margin:0}
input,button,select,textarea{outline:none}

.menu {width: 1150px; height: 65px; background: linear-gradient(to bottom,#d13409,#ef9825);; margin: 0 auto; display: flex;justify-content: space-evenly;}
.menu li { font-size: 21px; font-weight: bold; line-height: 65px; text-align: center;display: block; float: left;width: 12%;margin: 0 1% 0 1%;}
.menu li,.menu li a {color: #FFF}
.container-top {clear:both; width: 1150px; margin: 0 auto 5px; overflow: hidden}
.container {clear:both; width: 1150px; margin: 10px auto 5px; overflow: hidden}
h2 {clear: both; width: 540px; height: 100px; ; box-sizing: border-box; padding-top: 23px; font-size: 35px; line-height: 100px; text-align: center; color: #e4751e; margin: 0 auto ; overflow: hidden}
h2.long {width: 1029px; background-position: 0 -300px}
.more {text-align: right;margin-top: -10px}

.tt {font-size: 34px; line-height: 48px; text-align: center; padding: 20px 10px 10px}
.tt,.tt a {color: #333}

.r1c1 {float: left; width: 480px; height: 357px; box-sizing: border-box; padding: 15px 30px; background: #FFF}
.r1c1 li {margin-bottom: .8em; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.r1c2 {float: right; width: 835px; height: 500px}

.qwfb {margin:40px 0px -15px}
.qwfb1 {float: left; width: 140px; height: 62px; box-sizing: border-box; padding: 18px 0 0 38px; background: url("/../resources/images/xz/icons.png") no-repeat 0 0; color: #FFF}
.qwfb1 a {color: #FFF;}
.qwfb2 {float: left; width: 1010px; height: 52px; box-sizing: border-box; border: 1px solid rgb(226 111 28); border-left: 0; white-space: nowrap; line-height: 50px; overflow: hidden; position: relative; margin-top: 5px}
.qwfb2 a {margin-right: 3em}
.str_move {white-space:nowrap;position:absolute; top:0; left:0}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute; left:100%;top:0;}

.r3 {margin-top: 50px}
.kk {float: left; width: 55px; box-sizing: border-box; padding: 25px 0 0 20px; background: url("/../resources/images/xz/icons.png") no-repeat -400px 0; font-size: 40px; line-height: 49px; color: #D20112}
.kk1 {float: left;width: 1275px;margin: 25px 0;display: flex;justify-content: space-between;}
.kk1 li {float: left; width: 230px; height: 400px; margin-left: 20px; box-shadow: 0 0 20px #900301}
.kk1 img {width: 100%; height: 100%}
.ct {float: left; width: 55px; box-sizing: border-box; padding: 25px 0 0 20px; background: url("/../resources/images/xz/icons.png") no-repeat -600px 0; font-size: 40px; line-height: 49px; color: #D20112; margin-left: 20px}
.ct1 {float: left; width: 480px; margin: 25px 0}
.ct1 li {float: left; width: 220px; height: 400px; margin-left: 20px; box-shadow: 0 0 20px #900301}
.ct1 img {width: 100%; height: 100%}

.r4 {margin-top: 25px;  align-items: stretch; display:flex;justify-content: space-between}
.r4>div {display: block;float: left;width: 575px;background: #FFF;margin-top: 30px;margin: 29px 0px;}
.r4 h2 {width: 135px; height: 50px; box-sizing: content-box; background: none; padding: 0; border: solid #C91C18; border-width: 0px 0 2px; font-size: 33px; line-height: 50px; margin: -25px 25px 0}
.r4 ul {padding: 0 40px}
.r4 li {padding: 25px 0; list-style: disc; border-bottom: 1px solid #AAA; list-style-position: inside;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.r4 li::marker { color: #c91c18;}
.r4 li:last-child {border: 0}
.container-title{ width: 1150px;margin: 0 auto;}
.container-title h2{ position: relative; width: 1150px; line-height: 100px;}
.container-title h2::before{position: absolute;content: "";width: 490px; height: 15px;background: linear-gradient(to left, #F4A48D, #FFF); left: 0;top: 70px;}
.container-title h2::after{position: absolute; content: ""; width: 490px; height: 15px; background: linear-gradient(to right, #F4A48D, #FFF);right: 0;top:70px;}
h3.dbzs {clear: both; width: 324px; height: 93px; background: url("/../resources/images/xz/icons.png") no-repeat 0 -500px; font-size: 34px; line-height: 80px; text-align: center; color: #FFF; letter-spacing: 2px; margin: 50px auto 30px; overflow: hidden}
.dbft {width: 1500px}
.dbft li {float: left; width: 260px; height: 265px; margin-right: 12px}
.dbft img {width: 100%; height: 100%}

.r5 {background: #FFF; box-sizing: border-box; padding: 20px 50px}
.r5 ul {columns: 2; column-gap: 150px; column-rule: 1px #AAA solid}
.r5 li {list-style: disc; color: #C91C18; padding: 20px 0; border-bottom: 1px solid #AAA; list-style-position: inside}
.r5 li:nth-child(5n) {border: 0}

.gzcj {background: #FFF; box-sizing: border-box; padding: 35px}
.qz {float: left; width: 600px}
.df {float: right; width: 600px}
.gzcj h3 {font-size: 34px; line-height: 51px; color: #D20112}
.gzcj ul {padding-left: 20px}
.gzcj li {list-style: disc; color: #C91C18; padding: 20px 0; border-bottom: 1px solid #AAA; list-style-position: inside}
.gzcj li:last-child {border: 0}

.r6 {min-width: 1150px; height: 510px; background: url("/../resources/images/xz/bg2.jpg") no-repeat center 0; margin-top: 50px}
.r6 h2 {margin-top: 20px}
.r6 ul.divs {width: 1150px; margin: 40px auto 0; position: relative}
.r6 ul.divs li {float: left; width: 56px; height: 294px; line-height: 0; position: relative; margin-right: 3px; overflow: hidden}
.r6 ul.divs li:last-child {margin: 0}
.r6 ul.divs li h3 {position: absolute; width: 26px; height: 234px; padding: 60px 15px 0; background: rgba(200,25,25,.5); font-size: 16px; line-height: 21px; text-align: center; color: #FFF}
.r6 ul.divs li img {width: 400px; height: 294px}
.r6 ul.divs li p {display: none}
.r6 ul.divs li.selected {width: 400px}
.r6 ul.divs li.selected h3 {display: none}
.r6 ul.divs li.selected p {display: flex; width: 360px; height: 57px; padding: 10px 20px; background: linear-gradient(to top, rgba(200,25,25,1), rgba(200,25,25,0)); bottom: 0; position: absolute; align-items: flex-end; line-height: 25px; color: #FFF}
.line {width: 1357px; height: 71px; background: url("/../resources/images/xz/line.png"); margin: 20px auto 0; position: relative}
.line0 {position: absolute; width: 30px; height: 71px; background: url("/../resources/images/xz/line0.gif"); left: -11px}

.r7 h2 {height: 72px; background: none; padding: 0; font-size: 48px; line-height: 72px; text-align: left; margin: 60px 0 0}
.r7 ul {background: #FFF; padding: 30px 0; width: 1150px; margin-top: 25px; overflow: hidden}
.r7 li {float: left; width: 214px; height: 120px; margin-left: 9px}
.r7 img {width: 100%; height: 100%}

.foot-01 {min-width: 1140px; background: #B8B8B8; font-size: 14px; line-height: 36px; margin-top: 10px}
.yqlj {width: 1090px; padding: 40px 25px; margin: 0 auto}
.foot-03 {width: 1090px; padding:0 25px 40px; text-align:center; margin: 0 auto}
.swiper-container-hd{ width: 635px;  height: 357px; float: right; overflow: hidden;}
.swiper-container-hd .swiper-wraper{ width: 835px;}
.swiper-container-hd .swiper-slide {width: auto;height: 500px;}
.swiper-container {  padding:30px 0; width: 1150px;height:215px}
.swiper-slide { width:auto;  height:254px;background-size:cover;  background-repeat:no-repeat;  background-position:center; border-radius:0px;border-bottom:1px solid #555;-webkit-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 20px);}
.swiper-slide a { position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.instruction{position: absolute;bottom: 0;font-size: 1em; height: 2em;line-height:2em; width: 100%; text-align: center; color: white; background-color: #33333369 ;}
.pagination-hd,.pagination-gq {position: relative;bottom: 20px;text-align: right;right: 5px;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #555;margin-right: 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.swiper-container-gq{ width: 1150px;height: 110px;overflow: hidden;}
.swiper-container-gq .swiper-wraper{width: 1150px;}
.swiper-container-gq .swiper-slide {width: auto;height: 110px;}

.swiper-container {padding: 0px 0;width: 1149px;height:215px;margin-top: 30px;padding-top: 30px;}
.swiper-container .swiper-slide{width: 383px;background-size: 96%;background-position-x: center;}
.swiper-container  img { display: inline-block; width: 96%; margin: 5px 2%;}
.swiper-container .instruction{width:96%;margin:5px 2%; }
.instruction a {background-color: #33333369;color: #FFF; }
.swiper-container-gq img { display: inline-block; width: 1150px; height: 110px;}
.mfoot { display: none;}
@media screen and (max-width:750px) {
       body{ min-width: 0px!important;}
    .right-d{ display: none;}
    .banner1 div{ display: none; }
      .banner1 { /* width:100%; */ text-align:center; padding:0px; }

    .banner{ width: 100%;}
    .banner img{max-width: 100%;}
    .menu {width: 100%; height: 2.5em; background-color: brown;; margin: 0 auto;display:flex;white-space:nowrap;overflow-x: scroll; }
    .menu li { font-size: .9rem; font-weight: bold; line-height: 2.4rem; text-align: center;margin: 0 1.5% 0 1%;vertical-align: middle;width: auto;height: auto;}
    .container{width: 100%;}
    .r1c1,.r1c2{display: block;width: 100%;height: auto;margin: 10px auto;font-size: 1rem;padding:10px}
    .bg1{min-width: 0px!important;height: auto;}
    h2{width: 100%;line-height: 50px;font-size:1.6rem;height: auto;}
    .container{margin: 0 auto;}
    .r3,.r4{margin: 25px 0px 0px;}

    .r4 > div{width: 100%;}
    .r4 ul{padding:0 25px;}
    .r4 li{padding: 5px 0px;font-size: 1rem;line-height:45px;}
    .r4 h2{width:105px; font-size: 1.5rem;}
    .qwfb{display: none;}
    .jcarousel-skin-tptt{width: 100%;height: auto;}
    .jcarousel-skin-tptt li {width:100%; height:auto; position: relative}
    .jcarousel-skin-gq .jcarousel-clip {width:100%; overflow: hidden}
    .jcarousel-skin-gq li {position:relative; width:100%; height:auto}

    .swiper-container{padding: 0px;width: 100vw;}
    .swiper-container .swiper-wraper{width: 100vw;margin: 0 auto;}
    .swiper-container .swiper-slide{width: 100vw;height: auto;background-size: 96%;background-position-x: center;}
    .swiper-container img{width : 100%;height:100%;margin:0;}
    .swiper-container .instruction{width : 100%; margin:0; }

    .container-top{max-width: 100%; width: 100%;height:20vw;}

    .swiper-container-hd{width: 100%; height: 55vw; }
    .swiper-container-hd img{width : 100%;}

    .swiper-container-gq{width: 100%;height:100%; }
    .swiper-container-gq .swiper-wraper{width: 100vw;}
    .swiper-container-gq .swiper-slide { width: auto;height: auto;}
    .swiper-container-gq img {width:100%;height: auto;}
    .pagination-gq { bottom: 12px; }
    .pagination-gq .swiper-pagination-switch { width: 4px; height: 4px;}
    .kk,.sp{width: auto;font-size: 1.5rem;margin: 10px 0; }
    .kk1{margin: 3px 10px;width: 72%; }
    .swiper-slide {height:100px;font-size: .8em; }


    .kk1 li{width: 47vw; height: auto; margin: 0 11px; }
    .kk1 li:nth-last-child(1),.kk1 li:nth-last-child(2),.kk1 li:nth-last-child(3){ display: none; }
    .foot-01{ display: none;}
    .container-title{ width: 100%;margin:20px auto 5px;}
    .container-title h2{ width: 100%;}
    .container-title h2::before{ display: none; }
    .container-title h2::after{display: none; }

    .r4>div{margin: 20px 0px; }
      .container.r4 {display: block;}
    .container-title h2{ line-height: 50px; }
    h2{ padding-top: 0px;}
    .footer-wrapper{display: block;}
  
    .mfoot {display: block;}
    .mfoot .floatewm{display:none;}
    .mfoot .foot-03 {width: 100%;min-width: 320px;box-sizing: border-box;padding: 10px 20px;border-top: 1px solid #D2D2D2;font-size: 12px;line-height: 21px;text-align: center;margin-top: 20px}

.qwfb{display: block; margin-top: 10px;}
.qwfb1 {float: left;width: 20%;height: 62px;box-sizing: border-box;padding: 18px 0 0 10px; background: url("") no-repeat 0 0; color: #141414;}
.qwfb1 a {color: #e4751e;font-weight: bold;}
.qwfb2 {float:left;width: 79%;height: 43px;box-sizing: border-box;border: 1px solid rgb(226 111 28 / 24%);border-left: 0;white-space: nowrap;line-height: 48px;overflow: hidden;position: relative;margin-top: 5px}
.container-title{width: 100%;margin: 3px auto 5px;}
}