@import url("rest.css");
@import url("top.css");

body{max-width: 1080px; margin: 0 auto;}
header{height: 20rem; background: #204a86;overflow: hidden; background: url(../images/top.jpg) no-repeat; background-size: 100% 20rem; position: relative; border-bottom:1rem solid #e9edf0 ;}
header a.logo{height: 10rem; display: block; background: url(../images/znq_16.png) no-repeat center center; background-size: auto 100%; margin-top: 2rem;}
header span{display: block; height: 4rem; width: calc(100% - 4rem); background: url(../images/sjsp_03.png) calc(100% - 1rem) center no-repeat #FFFFFF; background-size: 2.8rem;  position: absolute; left: 2rem; bottom: 2rem; border-radius:5px ;}
header span input{background: none; border: none; height:4rem; outline: none; padding-left: 1rem;width: calc(100% - 5.5rem); float: left; font-size: 1.4rem;}
header span a{display: block;width: 4rem; height: 4rem; float: left;}
.conternner{overflow: hidden ; }
.banner-shop{overflow: hidden; position: relative; border-bottom: solid 1rem #E9EDF0;}
.banner-shop h3{position: absolute; bottom: 1rem; text-align: center;width: 100%; z-index: 9999;}
.banner-shop h3 ul{width: 9rem; margin: 0 auto;}
.banner-shop h3 li{width: 1.2rem; height: 1.2rem; background: #FFFFFF; float: left; margin: 0 .2rem; border-radius:1.2rem ; overflow: hidden; text-indent: -999px;}
.banner-shop h3 li.on{width: 2.4rem; background: #FF4E00;}
.ytmz-shop{position: relative; overflow: hidden;  border-bottom: solid 1rem #E9EDF0; padding: 0 1rem;}

.ytmz-shop h3{height: auto; border-bottom: solid 1px #E9EDF0; background-size: 100% auto;}
.ytmz-shop h3 ul{display: block; width:100%; overflow: hidden;}
.ytmz-shop h3 .swiper-slide{float: left; width: 25%; line-height: 4.2rem; font-size: 1.6rem; text-align: center; font-weight: normal;}

.ytmz-shop h3 li{font-weight: bold; font-size: 1.7rem;}
.ytmz-shop h3 li a{color: #005bac; border-bottom: solid 1px #005bac; display: inline-block;height: 4.2rem; line-height:4.2rem;}

.ytmz-shop h3 .swiper-slide-thumb-active{font-weight: bold; font-size: 1.7rem;}
.ytmz-shop h3 .swiper-slide-thumb-active a{color: #005bac; border-bottom: solid 1px #005bac; display: inline-block;height: 4.2rem;}

#ytmz-center,#zcywnr{ overflow:hidden;}
#fwdh-shop{ border-bottom:none;}


.ytmz-shop .mySwiper .swiper-slide{float: left; width: 25% !important; line-height: 4.2rem; font-size: 1.6rem; text-align: center; font-weight: normal;margin-right: 0 !important;}
.ytmz-shop .mySwiper .swiper-slide-thumb-active a{color: #005bac; border-bottom: solid 1px #005bac; display: inline-block;height: 4.2rem;font-weight: bold;font-size: 18px;}


.mySwiper {height: 4.2rem; border-bottom: solid 1px #E9EDF0; background-size: 100% auto;}
.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        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;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.ytmz-shop .ytmz-center li{width: 100%; overflow: hidden; padding: 1rem 0; border-bottom: solid 1px #E9EDF0;}
.ytmz-shop .ytmz-center li div{width: calc(100% - 13rem); float: left;}
.ytmz-shop .ytmz-center li div p{font-size: 1.6rem; padding-bottom: 1rem; text-align:left;}
.ytmz-shop .ytmz-center li div span{color: #a4a4a4; font-size: 12px;     display: block; text-align: left;}
.ytmz-shop .ytmz-center li:last-child{border: none;}
.ytmz-shop .ytmz-center li img{width: 12rem; height: 7rem; float: right;}
.yjfz-shop{}
.ytmz-shop .ytmz-center li.noimg div{width: calc(100% - 1rem);}
.ztzl-shop{border-bottom: solid 1rem #E9EDF0; background: #FFFFFF; padding: 2rem; overflow: hidden;}
.ztzl-shop .swiper-slide img{width: calc(100%);height: 7.6rem;}
.zttp-center{position: relative;overflow: hidden;}
.zttp-center h3{background: #005bac; transform: rotate(-45deg); height: 3rem; line-height: 3rem; width: 8rem; text-align: center; position: absolute; top: 0; z-index: 999; left: -2.7rem; font-weight: normal; color: #FFFFFF;}
.fwdh-shop{border-bottom:1rem #E9EDF0 solid ; overflow: hidden; position: relative;}
.fwdh-shop h3{height: 2rem; background: url(../images/fwdh_03.png) right center #204a86 no-repeat; float: left; padding-right: 2rem; background-size:  auto 100%; border: none;padding-left: 1rem; line-height: 2rem; color: #FFFFFF; font-weight: normal;}
.fwdh-center{clear: both; padding: 1rem; overflow: hidden;}
.fwdh-center li{float: left; width: 25%; text-align: center;}
.fwdh-center li i{width: 4.2rem; height: 4.2rem; display: block; margin: 0 auto .5rem; border-radius:1.5rem ;}
.fwdh-center li span{display: block; font-size: 1.4rem; height: 4.2rem;}
.fwdh-title{position: absolute; left: 0; bottom: .5rem; width: 100%;}
.fwdh-title ul{width: 7rem; margin: 0 auto;}
.fwdh-title li{width: 1.2rem; height: 1.2rem; background: #dedede; float: left; margin: 0 .2rem; border-radius:1.2rem ; overflow: hidden; text-indent: -999px;}
.fwdh-title li.on{background: #33acd4;}
.fwdh-shop .tempWrap{clear: both !important; padding-top: 1rem;}
.fwdh-center li.tsg i{background: url(../images/sjsp_10.png) #fdbb38 center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.yzxb i{background: url(../images/sjsp_13.png) #61b9ff center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.vpnycfw i{background: url(../images/sjsp_15.png) #ff6f41 center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.rlzyglyfpt i{background: url(../images/sjsp_17.png) #73e7a9 center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.jwxt i{background: url(../images/sjsp_31.png) #fdbb38 center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.xyaqhh i{background: url(../images/sjsp_32.png) #f6552c center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.dygxpt i{background: url(../images/sjsp_33.png) #f4542b center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.zhyzmh i{background: url(../images/sjsp_34.png) #38a1f7 center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.jwglxt i{background: url(../images/sjsp_23.png) #73e7a9 center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.cwxt i{background: url(../images/sjsp_24.png) #61b9ff center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.jfpt i{background: url(../images/sjsp_25.png) #d13a18 center center no-repeat; background-size: 60% 60%;}
.fwdh-center li.zcglxt i{background: url(../images/sjsp_26.png) #f49c44 center center no-repeat; background-size: 60% 60%;}
.jgsz-shop{padding-top: 1rem; overflow: hidden;}
.jgsz-shop h3{padding: 1rem 0; text-align: center; font-size: 1.8rem; color: #005bac;}
.jgsz-shop ul{display: block; padding: 0 2rem; overflow: hidden; padding-bottom: 2rem;}
.jgsz-shop ul li{float: left; width: calc((100% - 2rem) / 2);height: 3.2rem; border-bottom: solid 1px #e9e9e9; font-size: 1.4rem; line-height: 3.2rem; background: url(../images/right.png) right center no-repeat; background-size: auto 1.2rem; }
.jgsz-shop ul li:nth-child(2n){float: right;}
footer{text-align: center; padding: 2rem; background: #005bac; font-size: 1.4rem; color: #FFFFFF;}
footer li{width: 50%; float: left; text-align: center; margin-bottom: 1rem;}
footer img{width: 80%; display: block; margin: 0 auto 1rem;}
.marp-shop{display: none;}
.page-shop{text-align: center; padding: 20px 0; overflow: hidden;}
.page-shop a{display: inline-block; height: 2.4rem; border: solid #DEDEDE 1px; padding: 0 10px; border-radius:3px ; margin: 0 .2rem; line-height: 2.8rem;}
.page-shop span{display: inline-block; height:2.4rem; border: solid #AF2A3C 1px; background: #AF2A3C; color: #FFFFFF; padding: 0 10px; border-radius:3px ; margin: 0 .2rem; line-height: 2.8rem;}
.zxgg-shop{padding: 1rem; overflow: hidden;}
.zxgg-shop .zxgg-center .xqzx-shop h4{font-size: 2.2rem; line-height: 1.4; margin-bottom: 1.4rem; font-weight: normal;}
.ly{color: #0f9fd6; border-bottom: solid 1px #DEDEDE; line-height: 3rem; margin-bottom: 2.2rem;}
.text-center{font-size: 1.5rem; line-height: 2;}
.text-center img{max-width: 80%; margin: 1rem auto;display: block;}

.lmlb-shop{ overflow: hidden;}
.lmlb-shop h3{padding: 0 2rem; background: #E9EDF0; height: 3rem; line-height: 3rem;}
.lmlb-center{ overflow: hidden;}
.lmlb-center li{border-bottom: solid 1px #e9edf0; padding: 1.5rem 2rem; background: url(../images/right.png) calc(100% - 2rem) center no-repeat; background-size: auto 2rem;}
.lmlb-center li a{display: block;}
.lmlb-center ul li:last-child{border: none;}