.H60 {
    height: 60px;
}

.wrap-layer {
    max-width: 1200px;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
}


.wrap-layer2 {
    box-sizing: border-box;
    max-width: 1350px;
    /*padding:0 7%;max-width: 1920px;*/
    margin: 0 auto;
}


.swiper-roll-1 .H30 {
    height: 30px;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-bottom: 0;
}

img {
    /* max-width: 100%; */
    height: auto;
}

/*头部*/
.header-wrap {
    height: 98px;
}

.mod-headers {
    position: fixed;
    left: 0;
    height: 98px;
    z-index: 8;
    right: 0;
    z-index: 888;
    /**/
    transition: all 500ms;
    -webkit-transition: all 500ms;
    box-shadow: -5px 0 5px rgba(0, 0, 0, 0.05), 5px 0 5px rgba(0, 0, 0, 0.05), 0 -5px 5px rgba(255, 255, 255, 0.05), 0 5px 5px rgba(0, 0, 0, 0.05);
    background: #fff;
}

.logo-css {
    float: none;
    z-index: 88;
    /* width: 163px; */
    position: absolute;
    left: 14%;
    top: 18px;
    display: flex;
    align-items: flex-end;
}

.logo-css img {
    max-width: 120px;
    height: auto !important
}
.logo-css>p{
    font-size: 16px;
    color: #fff;
}
.index-header2 .logo-css>p{
    color: #4d4d4d;
    margin-left: 10px;
}
.wrap-nav {
    text-align: center;
}


/*banner图*/
.mode-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner-cnt {
    float: left;
    position: relative;
    right: 50%;
}

.mode-inner {
    float: left;
    position: relative;
    left: 50%;
}

.swiper-roll-1 {
    /*max-height: 815px; */
    overflow: hidden;
}

.swiper-roll-1 img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*导航*/
.wrap-nav {}

.navMenu {
    padding-top: 50px;
    position: relative;
    padding-right: 100px;
}

.navMenu>li {
    display: inline-block;
    position: relative;
    height: 45px;

}

.navMenu>li {
    padding: 0 1% 0 1%;
}

.navMenu>li>a {
    cursor: pointer;
    white-space: nowrap;

    display: block;
    /* padding: 0 4% 0 4%;*/
    box-sizing: border-box;
    text-align: center;
    color: #666;
    /*border-bottom:transparent solid 2px;*/
    /*text-shadow:#fff 1px 1px;*/
}

.navMenu>li>a>span {
    color: #4d4d4d;
    line-height: 100%;
    font-size: 18px;
    /* font-weight: bold;*/
}

.navMenu>li.cr>a,
.navMenu>li>a:hover,
.navMenu>li>a:hover *,
.navMenu>li.cr>a * {}

.navMenu .sub-menus:after {
    content: "";
    position: absolute;
    top: -6px;
    width: 0px;
    height: 0px;
    left: 50%;
    margin-left: -6px;
    display: block;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #f4f4f4;
}

.navMenu .sub-menus {
    border: 1px solid #f9f9f9;
    position: absolute;
    /**/
    top: 48px;
    /*   top:-1800px;*/
    left: 50%;
    margin-left: -78px;
    width: 156px;
    height: auto;
    /**/
    overflow: hidden;
    /*height:80px;*/
    background: rgba(255, 255, 255, .95);

    transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    opacity: 0;
    text-align: center;
    box-shadow: -5px 0 5px rgba(0, 0, 0, 0), 5px 0 5px rgba(0, 0, 0, 0), 0 -5px 5px rgba(255, 255, 255, 0.06), 0 5px 5px rgba(0, 0, 0, 0.06);


}

.mod-cr .navMenu .sub-menus {
    top: 65px;
    /*overflow: hidden;*/
}

.navMenu .sub-menus li {
    line-height: 120%;
}

.navMenu>li>a>span,
.navMenu>li>a>span {
    padding-bottom: 4px;
    position: relative;
}

.navMenu>li:hover>a>span,
.navMenu>li.cr>a>span {}

.navMenu>li:hover>a>span:after,
.navMenu>li.cr>a>span:after {
    border-bottom: 2px solid #01348b;
    position: absolute;
    width: 35px;
    bottom: -5px;
    left: 50%;
    margin-left: -17px;
    content: "";
    display: block;
}

.navMenu>li:hover>a>span,
.navMenu>li.cr>a>span,
.navMenu>li:hover>a>span em,
.navMenu>li.cr>a>span em {
    color: #01348b;
}

.navMenu>li:hover .sub-menus {
    opacity: 1;
    z-index: 10000;

}

.navMenu .sub-menus li span {
    color: #666;
    font-size: 16px;
    /*font-weight: bold;*/
}

.navMenu .sub-menus li {
    line-height: 25px;
    padding: 10px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid #f6f6f6;
    transition: 0.3s;
}

.navMenu .sub-menus li:hover {
    background: #1351b9;
}

.navMenu .sub-menus li:hover a span {
    color: #fff;
}

.swiper-roll-1 img {
    max-width: 100%;
    height: auto;
}

.index-header {
    background: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8000;
}

.index-header .mod-headers {
    background: none;
    box-shadow: none;
}

/*新增*/
.logo-css cite {
    display: block;
}

.logo-css i {
    display: none;
}

.index-header .navMenu>li>a>span {
    color: #fff;
}

.index-header .logo-css cite {
    display: none;
}

.index-header .logo-css i {
    display: block;
}

.index-header .navMenu>li:hover>a>span:after,
.index-header .navMenu>li.cr>a>span:after {
    border-bottom: 2px solid #fff;
}

.index-header .wrap-tels .wtels {
    color: #fff;
    background: url(../images/telicon1.png) no-repeat 0px 22px;
}
.index-header .wrap-tels .wtels a{
    display: block;
}
.index-header .t-search {
    background: url(../images/search2.png) center center no-repeat;
}

.mod-headers .wicon1 cite {
    display: none;
}

.mod-headers .sicon1 cite {
    display: none;
}

.index-header .wicon1 cite,
.index-header .sicon1 cite {
    display: block;
}

.index-header .wicon1 span,
.index-header .sicon1 span {
    display: none;
}



.index-header2 .navMenu>li>a>span {
    color: #4d4d4d;
}

.index-header2 .navMenu>li.cr>a>span,
.index-header2 .navMenu>li>a:hover>span {
    color: #01348b;
}

.index-header2 .logo-css cite {
    display: block;
}

.index-header2 .logo-css i {
    display: none;
}

.index-header2 .navMenu>li:hover>a>span:after,
.index-header2 .navMenu>li.cr>a>span:after {
    border-bottom: 2px solid #01348b;
}

.index-header2 .wrap-tels .wtels {
    color: #1356c7;
    background: url(../images/telicon2.png) no-repeat 0px 22px;
}

.index-header2 .mod-headers .t-search {
    background: url(../images/search.png) center center no-repeat;
}

.index-header2 .wicon1 cite,
.index-header2 .sicon1 cite {
    display: none;
}

.index-header2 .wicon1 span,
.index-header2 .sicon1 span {
    display: block;
}



/*banner图*/
.mode-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner-cnt {
    float: left;
    position: relative;
    right: 50%;
}

.mode-inner {
    float: left;
    position: relative;
    left: 50%;
}

.mode-banner img {
    max-width: 100%;
    display: block;
}

/*品牌*/
.my-brand {
    display: table;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 80px;
}

.my-brand span {
    display: table-cell;
    width: 33.33%;
    table-layout: fixed;
    text-align: center;
    position: relative;
}

.my-brand span:after {
    content: "";
    display: block;
    position: absolute;
    height: 50px;
    right: 0;
    top: 50px;
    border-left: 1px solid #d7d6d2;
}

.my-brand span:nth-last-child(1):after {
    display: none;
}

.my-brand img {
    max-width: 200px;
}

.mod-profile {
    display: table;
    width: 100%;
}

.mod-profile+.H80 {
    height: 70px;
}

.H80 {
    height: 80px;
}

.brandspro .H80 {
    height: 80px;
}

.spro {
    padding-bottom: 20px;
    margin-top: -10px;
}

.spro .item-cell {
    /*height:350px!important;*/
}

.mod-profile>* {
    display: table-cell;
    vertical-align: middle;
}

.mod-profile .profilewrap {
    width: 58.9%;
}

.mod-profile .profile-intr {
    text-align: right;
}

.mod-profile .profile-intr img {}

.H80 {
    /* height: 30px; */
}

.brandspro {
    /*background: #f2efea; */
}

.spro {
    width: 100%;
    overflow: hidden;
}

.spro .item-cell {
    float: left;
}

.spro .item-1 {
    width: 50%;
}

.spro .item-2 {
    width: 50%;
}

.spro .item-cell .auto-img {}

/*首页产品聚合页*/
.swiper-roll-29 {
    overflow: hidden;
    margin: 0 auto;
}

.swiper-roll-29 .item-cell {
    text-align: center;
    transform: scale(0.6);
    transition: all .8s;
}

.swiper-roll-29 .item-cell img {}

.swiper-roll-29 .swiper-slide-active img {
    max-width: 100% !important;
}

.swiper-roll-29 .swiper-slide-active {
    transform: scale(1)
}

.swiper-roll-29 .item-cell .item-cnt {
    transform: scale(1.3);
    margin-top: 25px;
}

.swiper-roll-29 .swiper-slide-active .item-cnt {
    transform: scale(1);
    margin-top: 0;
}

.H50 {
    height: 30px;
}

.pro-rolls {
    padding: 0 50px;
    margin-top: -20px;
    overflow: hidden;
    position: relative;
}

.com-tit {
    color: #333333;
    text-align: center;
}

.com-tit h3 {
    font-size: 32px;
    font-weight: normal;
    position: relative;
    z-index: 1;
    line-height: 100%;
}
.com-tit h3.line::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    width: 50px;
    height: 2px;
    background-color: #01358b;
}
.com-tit span {
    display: inline-block;
    color: #757679;
    font-size: 14px;
    /* text-transform: uppercase; */
    /* display: none; */
    margin-top: 30px;
}

.com-desc {
    font-size: 18px;
    line-height: 150%;
    margin: 0 auto;
    max-width: 874px;
    color: #333;
    text-align: center;
    margin-top: 10px;
    border-top: 2px solid #a69380;
    padding-top: 16px;
    margin-top: 5px;
}

.com-desc span {
    color: #666;
    font-size: 18px;
}

.com-mores {
    text-align: center;
    margin-top: 20px;
}

.com-mores a {
    font-size: 28px;
    color: #7e5d38;
}

.pro-rolls .item-tit {
    margin-top: 0;
}

.pro-rolls .item-tit a {
    padding: 0 40px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    border: 3px solid #7e5d38;
    border-radius: 70px;
    font-size: 24px;
    color: #7e5d38;
    font-weight: bold;
}

.pro-rolls .item-txt {
    line-height: 120%;
    font-size: 24px;
    color: #44433f;
    margin-top: 10px;
}

.prosbg {
    background: #fff url(../images/pr_bg2.png) no-repeat;
    /* background: #f6f6f6; */
}

.pro-bt1 {
    position: absolute;
    width: 6.25%;
    min-width: 50px;
    top: 50%;
    margin-top: -50px;
    z-index: 6;
    left: 0;
    cursor: pointer;
}

.pro-bt2 {
    position: absolute;
    width: 6.25%;
    min-width: 50px;
    top: 50%;
    margin-top: -50px;
    z-index: 6;
    right: 0;
    cursor: pointer;
}

/*产品*/
.pro-wrap {
    overflow: hidden;
    margin-right: 0;
    height: 0px;
}

.pro-wrap .item-cell {
    width: 23%;
    padding: 0 20px 10px 20px;
    box-sizing: border-box;
    float: left;
}

.pro-wrap .item-cell .item-inner {
    background: #fff;
    /* padding: 0px 20px; */
    transition: all .3s;
}

.pro-wrap .item-cnt {
    text-align: center;
    padding-bottom: 0;
}

.pro-wrap .item-pic {
    /* max-width: 230px; */
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.pro-wrap .item-pic img {
    transition: all .3s;
}

.pro-wrap .item-tit * {
    font-size: 22px;
    color: #333;
}

.pro-wrap .item-tit {
    overflow: hidden;
    height: 28px;
}

.pro-wrap .item-titen {
    color: #7e5d38;
    font-weight: bold;
    font-family: "Arial";
    /*font-family: "Century Gothic";*/
    font-size: 23px;
    /* font-size: 24px;*/
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro-wrap .item-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #666;
    font-weight: bold;
    margin-top: 0;
}

.pro-wrap.active {
    height: auto;
    overflow: hidden;
}

.pro-wrap .item-cell:hover .item-inner {
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.pro-wrap .item-cell:hover img {
    transform: scale(1.05, 1.05);
}


.md-stores {
    background: #e8e3d6;
    position: relative;
    padding: 20px 0 30px 0;
    overflow: hidden;
}

.md-stores .auto-img {}

.store-lefts {
    width: 26.7%;
    margin-left: 8%;
}

.store-rights {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.store-tits {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 8%;
    padding-top: 0%;
}

.store-tits h3 {
    /* font-size: 70px;*/
    font-size: 60px;
    color: #623d29;
    text-align: center;
    font-weight: normal;
    line-height: 100%;
    padding-bottom: 2%;
}

.store-tits span {
    font-size: 36px;
    font-weight: bold;
    color: #623d29;
}

.store-cnts h3 {
    font-size: 28px;
    padding-top: 8%;
    color: #333333;
    text-align: center;
}


.brands {
    position: relative;
    max-width: 1060px;
    margin: 0 auto 75px auto;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.brands .item-pic {
    width: 700px;
    float: left;
    margin-left: 2px;
}

.brands .item-cnt {
    padding-top: 0;
}

.brands .item-cnt .item-tit span {
    display: block;
    font-size: 32px;
    line-height: 100%;
    color: #333;
    border-bottom: 2px solid #333;
    padding-bottom: 12px;
}

.brands .item-cnt .item-tit h3 {
    margin-top: 20px;
    color: #7e5d38;
    font-size: 28px;
    font-weight: bold;
    line-height: 100%;
}

.brands .item-tit2 {
    margin-top: 50px;
    font-size: 22px;
    color: #222;
}

.brands .item-cnt .item-tit2 span {
    font-size: 32px;
    display: block;
    line-height: 100%;
}

.brands .item-cnt .item-tit2 h3 {
    font-size: 32px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.brands .item-cnt .item-desc {
    margin-top: 10px;
    height: 120px;
    margin-bottom: 20px;
    color: #666666;
    font-size: 20px;
    line-height: 150%;
    font-size: 15px;
}

.brands .item-more {
    position: absolute;
    bottom: 0;
    left: 525;
}

.brands .item-more a {
    width: 50px;
    height: 51px;
    line-height: 190px;
    overflow: hidden;
    display: block;
    background: #fff url(../images/more2.jpg) 0 0 no-repeat;
    background-size: 50px auto !important;
}

/*底部*/
.footer {
    background: #2c2a2b;
    text-align: center;
    padding-top: 50px;
}

.copy {
    color: #fff;
    opacity: 0.9;
    text-align: left;
    font-size: 15px;
    /* padding: 20px 0 20px 0; */
}

.bom-logos h3 {
    font-size: 20px;
    color: #55452d;
    padding-top: 8px;
}

.bom-search {
    margin-bottom: 30px;
    margin-top: 30px;
}

.bom-search input {
    width: 338px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid #817967;
    background: #e8e3d6;
    padding: 0 25px;
    box-sizing: border-box;
}

.bom-search input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #55452d;
    opacity: .5;

}

.bominner {
    display: inline-block;
    position: relative;
}

.bominner a {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    right: 15px;
    top: 8px;
    color: #55452d;
}

.bominner a:before {
    display: block;
    color: #55452d;
}

.cart-links {
    position: absolute;
}

.t-search {
    position: absolute;
    right: 24.5%;
    top: 51px;
    width: 25px;
    height: 25px;
    background: url(../images/search.png) center center no-repeat;
    background-size: 25px auto;
    cursor: pointer;
}
.language{
    position: absolute;
    right: 27.5%;
    top: 48px;
    font-size: 16px;
    color: #fff;
}
.index-header2 .language {
    color: #4d4d4d;
}
.cart-links {
    position: absolute;
    right: 7.5%;
    top: 36px;
}

.cart-links a {
    width: 25px;
    height: 25px;
    background: url(../images/buys-bt.png) center center no-repeat;
    background-size: 25px auto;
    display: block;
    cursor: pointer;
}

.base-wrap .item-tit {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 35px;
}

.base-wrap .item-cell {
    margin-bottom: 80px;
}

.base-wrap .item-tit {
    padding-left: 32px;
    background: url(../images/icon_addr1.png) 0 bottom no-repeat;
}

.base-wrap .item-desc {
    color: #666;
    font-size: 16px;
    margin-top: 5px;
}

.base-wrap {
    /*margin-top:-120px;*/
    position: relative;
    z-index: 5;
}

.base-wrap .item-cnt {
    padding-top: 50px;
}

.jk-desc {
    font-size: 20px;
    color: #333;
}

/*.basepro-wrap{ margin-right: -3%; }
.basepro-wrap .item-cell{ position: relative;width: 30.33%; margin-bottom: 3%; margin-right: 3%; float: left;}
.basepro-wrap .item-1,.basepro-wrap .item-11{  width: 63.66%;}

.basepro-wrap .item-19,.basepro-wrap .item-20{width: 47%;}
.basepro-wrap .item-6,.basepro-wrap .item-18{  width:97%;}*/

/*.basepro-wrap .item-cnt{ 
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position: absolute; left: 0; right: 0; bottom: 0; padding: 25px 25px 30px 25px;}
.basepro-wrap .item-pic { height: 370px!important;}
.basepro-wrap .item-pic img{   transition: all .3s;-webkit-transition: all .3s;}
.basepro-wrap .item-tit *{ font-size: 24px; color: #fff; }
.basepro-wrap .item-tit{ line-height: 100%; }
.basepro-wrap .item-6 .item-cnt,.basepro-wrap .item-18 .item-cnt{  position: absolute; margin-left: -145px; width: 290px; height: 70px; left: 50%; top: 50%; bottom: auto; background: none; margin-top: -38px;}

.basepro-wrap .item-6 .item-tit a,.basepro-wrap .item-18 .item-tit a{ width: 290px; border: 1px solid #fff;  height: 70px; line-height: 70px; text-align: center; display: block;}
.basepro-wrap .item-cell:hover .item-pic img{ transform: scale(1.1);-webkit-transform: scale(1.1);}*/
.about-tits {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.about-tits img {
    max-width: 280px !important;
}

.article .content {
    font-size: 18px;
    line-height: 180%;
    color: #666;
}

.ab-img {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ab-tit2 {
    font-size: 26px;
    color: #222;
    margin-top: 35px;
    margin-bottom: 12px;
}

.layer-l {
    width: 205px;
    float: left;
}

.layer-r {
    margin-left: 290px;
}

.mod-navl {
    margin-bottom: 21px;
}

.mod-navl ul li {
    padding: 20px 0 20px 0;
    height: 40px;
}

.mod-navl ul li a {
    display: inline-block;
    font-weight: normal;
    line-height: 100%;
    height: 22px;
    font-size: 16px;
    color: #333;
    position: relative;
    padding: 0 0 0 0;
    cursor: pointer;
}

.mod-navl ul li a:hover {
    color: #7e5d38;
    font-size: 16px;
}

.mod-navl ul li.cr a {
    color: #7e5d38;
    font-size: 16px;
}

.mod-navl ul li.cr,
.mod-navl ul li:hover {}

/*.mod-navl>ul>li.cr>a:after,.mod-navl>ul>li.cr>a:before,.mod-navl>ul>li>a:hover:after,.mod-navl>ul>li>a:hover:before{ content: ""; display: block;position: absolute;  right: -30px; width: 11px; height: 29px;background:url(../images/nav_bg2.png) right 0 no-repeat; top:-4px;  }
.mod-navl>ul>li.cr>a:before,.mod-navl>ul>li>a:hover:before{ right: auto; left: -30px;background:url(../images/nav_bg1.png) 0 0 no-repeat; }*/



/*新闻列表*/
.mod-news-14 {
    margin-right: -79px;
}

.mod-news-14 .item-cell {
    width: 240px;
    float: left;
    margin-bottom: 70px;
    margin-right: 79px;
}

.mod-news-14 .item-cnt {
    height: 160px;
    margin-top: 25px;
    overflow: hidden;
}

.mod-news-14 .item-pic {
    height: 240px;
}

.mod-news-14 .item-pic img {
    height: auto;
    width: auto;
}

.mod-news-14 .item-tit * {
    font-size: 18px;
}

.mod-news-14 .item-tit {
    margin-top: 0;
    height: 85px;
    overflow: hidden;
}

.mod-news-14 .item-desc * {
    color: #999;
    font-size: 14px;
}

.mod-news-14 .item-desc {
    height: 44px;
    overflow: hidden;
}

.mod-news-14 .item-tit a:hover {
    color: #7e5d38;
}

/*品牌列表*/
.brands-wrap {}

.brands-wrap .item-cell {
    border: 1px solid #f2eeeb;
    padding: 35px;
    margin-bottom: 40px;
    overflow: hidden;
}

.brands-wrap .item-cnt {
    margin-left: 250px;
}

.brands-wrap .item-pic {
    width: 215px;
    float: left;
}

.brands-wrap .item-pic img {
    height: auto;
    width: auto;
}

.brands-wrap .item-tit *,
.brands-wrap .item-tit {
    font-size: 28px;
    color: #333;
}

.brands-wrap .item-tit {
    margin-top: 20px;
    margin-bottom: 10px;
}

.brands-wrap .item-desc,
.brands-wrap .item-desc a {
    font-size: 16px;
    color: #333;
}

/*同仁堂集团介绍*/
.name-tit {
    font-size: 52px;
    color: #333;
    line-height: 100%;
    margin-bottom: 40px;
}

.bomintr-cnt {
    margin-top: 50px;
}

.bomintr-img {
    width: 92px;
    float: left;
}

.bomintr-txt {
    margin-left: 130px;
    padding-left: 45px;
    border-left: 1px solid #dcdcdc;
    min-height: 190px;
}

/*同仁堂健康介绍*/
.tit3 {
    font-size: 20px;
    color: #222;
    display: none;
}

.tit4 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-top: 45px;
    margin-bottom: 25px;
    line-height: 120%;
}

.tit4 {
    margin-top: 35px;
}

/*下拉框*/
.expert-search {
    position: relative;
    z-index: 6;
}

.mod-serch-l {
    cursor: pointer;
    background: url(../images/icos2.png) right 15px center no-repeat;
    height: 45px;
    position: relative;
    float: left;
    width: 105px;
}

.mod-serch-l span {
    line-height: 45px;
    font-size: 18px;
    color: #876543;
    padding-left: 150px;
    display: block;
}

.mod-serch-l ul {
    position: absolute;
    top: 45px;
    left: -2px;
    width: 100%;
    background: #fff;
    border-top: none;
    padding: 0 0;
    display: none;
    border: 1px solid #01348b;
    max-height: 250px;
    overflow: auto;
}

/*.mod-serch-l:hover ul{ display:block;}*/
.mod-serch-l ul li {
    font-size: 18px;
    padding: 0 10px;
    line-height: 35px;
    border-bottom: 1px solid #f8f8f8;
    cursor: pointer;
    color: #333;
}

.mod-serch-l ul li:hover {
    background: #01348b;
    color: #fff;
}


.expert-search .frm-cell1 {
    /*width:302px;*/
    width: 265px;
    float: left;
    margin-right: 30px;
    position: relative;
}

.expert-search .frm-cell1 .frmtit {
    color: #222;
    font-size: 18px;
}

.expert-search .mod-serch-l {
    width: 100%;
    border: 1px solid #01348b;
}

.frm-2 .mod-serch-l span,
.expert-search .mod-serch-l span,
.frm-3 .mod-serch-l span {
    padding-left: 85px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.expert-search .frm-3 {
    width: 382px;
    margin-right: 0;
}

.expert-search .inputs input {
    border: 1px solid #e5e5e5;
    line-height: 46px;
    height: 46px;
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
}

.bts {
    width: 200px;
    margin: 0 auto;
    margin-top: 36px;
}

.bts a {
    background: #01348b;
    color: #fff;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    font-size: 18px;
}

.expert-search .bts {
    float: right;
    margin-top: 0;
    /*margin-left: 30px;*/
}

.expert-search .bts a {
    height: 47px;
    line-height: 47px;
}

.search-docwrap {
    margin-top: 50px;
}

.expert-search .frmtit {
    position: absolute;
    left: 20px;
    top: 8px;
}

.com-tit3 {
    font-size: 28px;
    text-align: center;
    color: #01348b;
}

.com-desc3 {
    line-height: 140%;
    color: #666;
    font-size: 17px;
    text-align: center;
    width: 770px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 35px;
    /* border-bottom: 1px solid #f0f0f0; */
    padding-bottom: 35px;
    position: relative;
}

.com-desc3:after {
    content: "";
    height: 1px;
    border-bottom: 1px solid #f0f0f0;
    position: absolute;
    left: -215px;
    right: -215px;
    bottom: 0;
}

.search-wraps2 {
    /*background:url(../images/jk_bg5.jpg) repeat-x;*/
    padding: 55px 0;
}

.com-tit4 span {
    font-size: 28px;
    color: #222;
    position: relative;
}

.com-tit4 span:after,
.com-tit4 span:before {
    background: url(../images/nav_bg2.png) no-repeat;
    width: 11px;
    height: 29px;
    content: "";
    display: block;
    position: absolute;
    right: -25px;
    top: 4px;
}

.com-tit4 span:before {
    left: -25px;
    top: 4px;
    background: url(../images/nav_bg1.png) no-repeat;
}

.com-tit4 {
    text-align: center;
    margin-bottom: 45px;
}

.search-docwrap {
    margin-right: -120px;
    overflow: hidden;
}

.search-docwrap .item-cell {
    width: 320px;
    float: left;
    margin-right: 120px;
    margin-bottom: 70px;
}

.search-docwrap2 {
    margin-top: 20px;
}

.search-docwrap2 .item-cell {
    margin-bottom: 30px;
}

.search-docwrap .item-cnt {}

.search-docwrap .item-pic {
    height: 312px;
    border: 4px solid #ccc;
    overflow: hidden;
}

.search-docwrap .item-pic img {
    min-height: 100%;
    min-width: 100%;
}

.search-docwrap .item-tit * {
    font-size: 22px;
    color: #01348b;
    /*font-weight: bold;*/
}

.search-docwrap .item-tit {
    margin-top: 22px;
    margin-bottom: 10px;
}

.search-docwrap .item-desc * {
    color: #222;
    font-size: 16px;
}

.search-docwrap .item-desc {
    margin-bottom: 25px;
}

.search-docwrap .item-addr {
    background: url(../images/addr_ic1.png) 0 0px no-repeat;
    padding-left: 25px;
    color: #999;
    font-size: 16px;
    line-height: 120%;
    min-height: 25px;
}

.search-docwrap .item-bts {
    margin-top: 20px;
}

.search-docwrap .item-bts a {
    float: right;
    background: #fff;
    border: 1px solid #01348b;
    color: #01348b;
    width: 148px;
    height: 45px;
    line-height: 42px;
    box-sizing: border-box;
    font-size: 16px;
    display: inline-block;
    text-align: center;
}

.search-docwrap .item-bts a.bt1 {
    float: left;
    background: #01348b;
    color: #fff;
}


/*门店搜索列表*/
.search-wraps20 .bts {
    float: right;
    margin-top: 0;
    width: 400px;
}

.search-wraps20 .frm-cell1 {
    width: 370px;
}

.search-wraps20 {
    margin-bottom: 50px;
}

.map-lefts {
    width: 780px;
    float: left;
    box-sizing: border-box;
}

.map-rights {
    width: 420px;
    overflow: hidden;
    height: 460px;
    float: right;
    box-sizing: border-box;
    background: #fff;
    padding: 30px 30px 10px 30px;
}

.nodata-rights {
    height: 365px;
}

.cur-pos h5 {
    font-size: 20px;
    color: #222;
    font-weight: normal;
    margin-bottom: 5px;
}

.cur-pos span {
    color: #999;
    font-size: 16px;
}

.cur-pos {
    margin-bottom: 28px;
    padding-left: 65px;
    background: url(../images/addr_ic2.png) 0 0px no-repeat;
    min-height: 50px;
}

.addrlists {
    height: 407px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px !important;
    background: #01348b !important;
    opacity: 1 !important;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
    margin-left: 0;
    border-radius: 4px !important;
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    background: #dbdbdb;
    /*border: 1px solid #eee;*/
    border-radius: 0;
    width: 4px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1 !important;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #f2eeea !important;
}

.expert-search2 {
    margin-bottom: 50px;
}

.addrlists ul li {
    margin-bottom: 25px;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.addrlists ul li h3 {
    font-weight: normal;
    padding-bottom: 5px;
    color: #333;
    font-size: 18px;
}

.addrlists ul li span {
    color: #999;
}

.addrlists ul li:after {
    content: "\e734";
    position: absolute;
    display: block;
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 0;
    top: 0;
}

.addrlists ul li.cr,
.addrlists ul li.cr * {
    color: #01348b !important;
}

.search-wraps20 {
    background: #f6f6f6;
}

.search-storewrap {}


.search-storewrap {
    margin-right: -120px;
}

.search-storewrap .item-cell {
    width: 320px;
    margin-bottom: 60px;
    float: left;
    margin-right: 120px;
}

.search-storewrap .item-cnt {
    height: 185px;
    margin-top: 25px;
}

.search-storewrap .item-pic {
    height: 180px;
    border: 2px solid #f9f1dd;
}

.search-storewrap .item-pic img {}

.search-storewrap .item-tit * {
    font-size: 20px;
    color: #000;
}

.search-storewrap .item-tit {
    margin-bottom: 15px;
    height: 60px;
    overflow: hidden;
}

.search-storewrap .item-addr {
    height: 50px;
    overflow: hidden;
    margin-bottom: 20px;
}

.search-storewrap .item-addr *,
.search-storewrap .item-addr {
    line-height: 140%;
    color: #000;
    font-size: 17px;
}

.search-storewrap .item-tels {
    color: #000;
    font-size: 17px;
}

/*芝麻健康门店一*/
.store-imgs img {
    display: block;
}

.store-intrs1 {
    overflow: hidden;
    margin-bottom: 55px;
}

.store-intrs1 .intr-img1 {
    width: 390px;
    float: left;
}

.store-intrs1 .intr-cnt1 {
    margin-left: 450px;
    padding-top: 70px;
    color: #71481e;
    font-size: 18px;
}

.store-intrs1 .jk-tit2 {
    margin-bottom: 20px;
}

.store-intrs1 .jk-tit2 span {
    background: #71481e;
    color: #fff;
    font-size: 20px;
    padding: 0 15px;
    display: inline-block;
}

.store-intrs2 {
    position: relative;
}

.store2-cnt {
    position: absolute;
    top: 130px;
    left: 75px;
    width: 400px;
}

.store2-cnt p {
    font-size: 18px;
    color: #ffffff;
    line-height: 180%;
    margin-top: 15px;
}

.store-intrs3 {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 80px;
}

.store-intrs3 .storepic3 {
    width: 840px;
    float: left;
}

.store-intrs3 .store3-cnt {
    margin-left: 845px;
    font-size: 18px;
    color: #71481e;
    padding-top: 50px;
}

.store2list-wrap {
    margin-right: -60px;
    overflow: hidden;
    margin-bottom: 30px;
}

.store2list-wrap .item-cell {
    width: 360px;
    margin-bottom: 30px;
    margin-right: 60px;
    float: left;
}

.store2list-wrap .item-pic {
    height: 240px;
}

.store2list-wrap .item-cnt {
    height: 189px;
    overflow: hidden;
}

.store2list-wrap .item-tit0 {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
}

.store2list-wrap .item-tit {
    text-align: center;
    color: #222;
    font-size: 26px;
}

.store2list-wrap .item-addrs {
    line-height: 130%;
    text-align: center;
    margin: 10px auto 0 auto;
    color: #999;
    width: 270px;
}

.tops-navs {
    background: #f9f1dd;
    height: 75px;
    line-height: 75px;
    margin-top: -40px;
    position: relative;
    text-align: center;
}

.tops-navs li {
    display: inline-block;
    line-height: 75px;
    margin: 0 25px;
}

.tops-navs li a {
    font-size: 17px;
    font-weight: bold;
}

.tops-navs li a span {
    position: relative;
    padding: 0 18px;
}

.tops-navs li a span:after {}

.navs {
    padding-top: 20px;
    margin-left: 10px;
    position: relative;
    top: 40px;
}

.navs a.cr,
.navs a {
    font-size: 18px;
    margin-left: 20px;
    margin-right: 10px;
}

.navs a.cr,
.navs a:hover {
    color: #7e5d38;
}

.tops-navs li.cr a span:after,
.tops-navs li.cr a span:before,
.tops-navs li:hover a span:after,
.tops-navs li:hover a span:before {
    content: "";
    display: block;
    position: absolute;
    right: -12px;
    width: 11px;
    height: 29px;
    background: url(../images/nav_bg2.png) right 0 no-repeat;
    top: -2px;
}

.tops-navs li.cr a span:before,
.tops-navs li:hover a span:before {
    right: auto;
    left: -12px;
    background: url(../images/nav_bg1.png) 0 0 no-repeat;
}

.tops-navs li.cr a span,
.tops-navs li:hover a span {
    color: #7e5d38;
}

.msearchs {
    position: relative;
    padding-left: 105px;
    margin-top: 30px;
    font-weight: bold;
}

.msearchs span {
    position: absolute;
    color: #333333;
    font-size: 14px;
    top: 6px;
    left: 0;
}

.msearchs a {
    margin: 0 5px;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    color: #999999;
}

.msearchs a.cr,
.msearchs a:hover {
    background: #7e5d38;
    cursor: pointer;
    color: #fff;
}

/*产品列表*/
.proslists-wrap {
    margin-top: 40px;
    margin-right: -120px;
}

.proslists-wrap .item-cell {
    width: 320px;
    margin-bottom: 65px;
    float: left;
    margin-right: 120px;
}

.proslists-wrap .item-cnt {}

.proslists-wrap .item-pic {
    height: 315px;
    border: 1px solid #eee;
    overflow: hidden;
}

.proslists-wrap .item-pic img {
    height: auto;
    width: auto;
}

.proslists-wrap .item-tit * {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.proslists-wrap .item-tit {
    margin-top: 20px;
    margin-bottom: 5px;
    height: 29px;
    overflow: hidden;
}

.proslists-wrap .item-desc {
    height: 36px;
    /*overflow: hidden;*/
    font-size: 16px;
    color: #000;
}

/*分类列表*/
.typeslist-wrap {
    overflow: hidden;
}

.typeslist-wrap .item-cell {
    position: relative;
    min-height: 343px;
    margin-top: 80px;
}

.typeslist-wrap .item-cnt {
    margin-left: 650px;
    padding: 100px 40px 40px 40px;
}

.typeslist-wrap .item-pic {
    float: left;
    width: 600px;
    height: 343px;
    /*background:url(../images/prbg.jpg) 0 0 no-repeat; background-size:100% 100%;*/
}

.typeslist-wrap .item-pic .auto-img {
    width: 600px;
    margin: 0 auto 0 auto;
}

.typeslist-wrap .item-pic img {
    height: auto;
    width: auto;
    display: block;
}

.typeslist-wrap .item-tit * {
    font-size: 32px;
    color: #000;
    font-weight: normal;
}

.typeslist-wrap .item-tit {
    margin-bottom: 25px;
}

.typeslist-wrap .item-desc {
    font-size: 18px;
    color: #666;
    font-weight: normal;
}

.typeslist-wrap .grey-probgs {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 300px;
}

.typeslist-wrap .grey-probgs img {
    max-height: 300px;
    width: auto;
}

.typeslist-wrap .item-2 .item-pic {
    float: right;
    margin-left: 120px;
}

.typeslist-wrap .item-2 .item-cnt {
    margin-left: 0;
    padding-left: 0;
}

.typeslist-wrap .item-2 .grey-probgs {
    right: auto;
    left: 0;
}

/*轮播图*/
.swiper-roll-1 {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.swiper-pagination,
.swiper-ctrl {
    position: absolute;
    z-index: 6;
    height: 2px;
    bottom: 35px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 8;
}

.swiper-ctrl .swiper-pagination {
    position: static;
}

.swiper-ctrl {
    right: 30px;
    top: 40%;
    left: auto;
    bottom: auto;
}

.nums *,
.nums {
    color: #444444;
    font-size: 18px;
    font-style: normal;
}

.nums i {
    padding-left: 2px;
}

.nums span {
    font-size: 24px;
    padding-right: 2px;
}

.pagination {
    text-align: center;
    font-size: 0;
    line-height: 0;
    margin-top: 8px;
}

.swiper-pagination-switch {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid #7f7f7e;
    background: none;
    opacity: 1;
    margin: 25px 2px;
}

.swiper-active-switch {
    opacity: 1;
    background: #333333;
    border: 1px solid #333333;
}

.swiper-roll-1 .swiper-pagination-switch {
    display: block;
}

.index-header {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.index-header2 {
    background: rgba(255, 255, 255, 1);
    box-shadow: -2px 0 2px rgba(0, 0, 0, 0.06), 2px 0 2px rgba(0, 0, 0, 0.06), 0 -2px 2px rgba(255, 255, 255, 0.06), 0 2px 2px rgba(0, 0, 0, 0.06);
}

/*搜索*/
.in-search {
    display: none;
    /*background: rgba(0,0,0,.2);*/
    position: absolute;
    /* left: 0; right: 0;*/
    padding: 20px 0;
    top: 90px;
    right: 0;
    left: 0;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #f9f9f9;
}

.im-search {
    text-align: center;
    width: 605px;
    margin: 0 auto;
}

.im-search input {
    font-size: 15px;
    height: 42px;
    padding: 0 15px 0 0;
    border: none;
    line-height: 42px;
    width: 600px;
    border-bottom: 2px solid #6f6f6f;
    box-sizing: border-box;
}

.im-search a {
    width: 60px;
    margin-left: -60px;
    text-align: center;
    height: 42px;
    overflow: hidden;
    line-height: 122px;
    display: inline-block;
    color: #fff;
    background: url(../images/searchbtns.png) right 10px top 10px no-repeat;
    background-size: 18px auto;
    vertical-align: top;
    cursor: pointer;
}

.im-search em {
    font-size: 36px;
    vertical-align: top;
    display: inline-block;
    line-height: 36px;
    color: #000;
    margin-left: 20px;
    cursor: pointer;
    position: absolute;
    right: 10.2%;
}

.swiper-wrapper,
.swiper-wrapper .swiper-slide {
    height: auto !important;
}

.pro-wrap .myitem-mores .item-inner {
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.pro-wrap .myitem-mores .item-tit a {
    color: #623d29;
    cursor: pointer;
}

.it-ctrl {
    text-align: center;
    margin-top: 35px;
}

.it-ctrl * {
    display: inline-block;
    font-size: 24px;
    color: #696969;
    position: static;
    cursor: pointer;
    vertical-align: middle;
}

.it-ctrl .swiper-pagination-switch {
    width: 10px;
    margin: 0 5px;
    height: 10px;
    border-radius: 10px;
    background: #dcdcdc;
}

.it-ctrl .swiper-pagination {
    height: 15px;
    vertical-align: top;
    font-size: 24px;
}

.it-ctrl .swiper-active-switch {
    background: #e94609;
}

.btn-search {
    position: absolute;
    right: 10px;
    top: 11px;
}

.btn-search:before {
    content: "\e600";
    font-size: 25px;
    color: #86807f;
}


/*医生详情页*/
.doc-infos {
    left: 0;
    right: 0;
    top: 220px;
    position: absolute;
}

.doc-inner {
    width: 1200px;
    margin: 0 auto;
}

.doc-in {
    float: right;
    max-width: 440px;
}

.doc-in h3 {
    font-size: 60px;
    color: #222222;
    font-weight: normal;
    line-height: 100%;
}

.doc-in span {
    font-size: 24px;
    color: #222;
    line-height: 100%;
    margin-top: 10px;
    display: block;
}

.dc-labs {
    margin-top: 20px;
}

.dc-labs cite {
    margin-bottom: 5px;
    min-width: 108px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    padding: 0 20px;
    border-radius: 48px;
    color: #fff;
    margin-right: 15px;
    text-align: center;
    background: #a54c40;
    font-size: 24px;
}

.dtit {
    font-size: 28px;
    display: inline-block;
    color: #222;
    font-weight: normal;
    position: relative;
    margin-left: 0;
}

.dtit:after,
.dtit:before {
    content: "";
    display: block;
    position: absolute;
    right: -24px;
    width: 11px;
    height: 29px;
    background: url(../images/nav_bg2.png) right 0 no-repeat;
    top: 0;
    display: none;
}

.dtit:before {
    right: auto;
    left: -24px;
    background: url(../images/nav_bg1.png) 0 0 no-repeat;
}

.d-cnt {
    font-size: 18px;
    line-height: 160%;
    color: #666;
    margin-top: 25px;
}

.lines {
    height: 1px;
    background: #f0f0f0;
}

.cp-map img {
    display: block;
}

.cp-names {
    font-size: 22px;
    color: #01348b;
    margin-top: 30px;
    margin-bottom: 30px;
}

.it-dates,
.it-addr {
    height: 140px;
    padding-left: 107px;
    padding-top: 40px;
    width: 280px;
    box-sizing: border-box;
    float: left;
    background: #f6f6f6 url(../images/tic1.png) left 60px top 40px no-repeat;
}

.it-dates span {
    color: #666666;
}

.it-dates h3 {
    color: #805730;
    font-size: 18px;
    font-weight: normal;
}

.it-tels {
    padding-left: 87px;
    background: #f6f6f6 url(../images/tic2.png) left 40px top 40px no-repeat;
}

.it-addr h3 {
    font-size: 18px;
    color: #01348b;
    font-weight: normal;
}

.it-addr {
    width: 640px;
    box-sizing: border-box;
    background: #f6f6f6 url(../images/tic3.png) left 60px top 40px no-repeat;
}

.fbtns {
    margin-top: 55px;
    text-align: center;
    margin-bottom: 20px;
}

.fbtns a {
    font-size: 20px;
    text-align: center;
    width: 240px;
    border: 1px solid #01348b;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    color: #01348b;
    display: inline-block;
}

/*门店详情*/
.it-contacts2 {
    margin-top: 25px;
}

.hos-tits {
    font-size: 34px;
    color: #000000;
    line-height: 100%;
}

.hos-cnts {
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.hoswraps {
    margin-top: 45px;
    color: #666;
    position: relative;
    padding-right: 470px;
    min-height: 280px;
}

.hos-addr {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
}

.doct-labels {
    margin-top: 26px;
}

.doct-labels a {
    margin-bottom: 5px;
    min-width: 108px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    padding: 0 20px;
    border-radius: 48px;
    color: #fff;
    margin-right: 15px;
    text-align: center;
    background: #82572d;
    font-size: 18px;
}

/*新闻最终*/
.newsInfo {
    padding: 10px;
    /*  min-height: 300px;*/
    /*  _heihgt: 300px;*/
    font-size: 16px;
}

.newsInfo h1 {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    color: #111;
    font-weight: bold;
    position: relative;
    line-height: 150%;
    position: relative;
    /*padding-bottom: 20px; */
    margin-bottom: 10px;
}

.newsInfo h3:after {
    content: "";
    background: #ce9b59;
    height: 3px;
    width: 60px;
    margin-left: -30px;
    left: 50%;
    position: absolute;
    bottom: 0;
}


.newsInfo .source {
    /* border-bottom: 1px solid #ededed*/
    /* border-bottom: 1px solid #ededed;*/
}

.newsInfo .source ul {
    text-align: center;
    padding: 15px 15px;
    margin-bottom: 20px;
    /*border-top: 1px solid #f4f4f4; */
    border-bottom: 1px solid #f4f4f4;
}

.newsInfo .source li.ic-1 {
    color: #ed2326;
    border-right: 1px solid #999;
}

.newsInfo .source li {
    display: inline-block;
    padding: 0 10px;
    line-height: 14px;
    min-height: 14px;
    color: #999999;
    font-size: 14px;
}

.newsInfo .source li span {
    color: #666;
}

.newsInfo .content1 {
    margin: 10px 0 0 0;
    min-height: 100px;
    _height: 100px;
}

.newsInfo .content1 p,
.newsInfo .content1 *,
.newsInfo .content1 {
    /*line-height:30px;*/

    line-height: 200%;
    color: #666;
}

.newsInfo .content p {
    padding: 0 0 1em 0;
    /*text-indent: 2em; */
}

.newsInfo .content img,
.article .content img {
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.news-prev-next {
    margin: 0 auto;
    margin-top: 40px;
    padding: 20px 0 10px 0;
    border-top: 1px solid #dbdbdb;
    position: relative;
}

.news-prev-next ul {
    font-size: 16px;
    line-height: 36px;
}

.news-prev-next .go-back {
    position: absolute;
    top: 32px;
    right: 0;
    width: 170px;
    text-align: center;
    line-height: 48px;
    border-radius: 48px;
    background-color: #01348b;
    color: #fff !important;
    font-size: 16px;
}

.news-prev-next .go-back a {
    display: block;
    height: 48px;
    cursor: pointer;
}

.news-prev-next .go-back a:before {
    background: url(../images/msicon.png) no-repeat;
    content: "";
    width: 22px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    position: relative;
    top: -2px;
}

.news-prev-next a:hover {
    color: #01348b;
}

.news-prev-next .go-back a {
    color: #fff
}

.nodata-tips {
    color: #01348b;
    margin-bottom: 50px;
    overflow: hidden;
    font-size: 16px;
    background: url(../images/search-no-data.png) center 70px no-repeat;
    text-align: center;
    padding-top: 200px;
    background-size: auto 100px;
}

.news-list ul li {
    padding: 10px 0 10px 0;
}

.news-list ul li {
    border-bottom: 1px solid #eeeeee;
}

.news-list ul li a {
    display: block;
    overflow: hidden;
    line-height: 40px;
    position: relative;
}

.news-list ul li:hover a {
    color: #7e5d38;
}

.news-list ul li:hover .title:before {
    background-color: #7e5d38;
}


.news-list ul li .time {
    float: right;
    margin-left: 10px;
}

.news-list ul li .title {
    float: none;
    overflow: hidden;
    font-size: 16px;
    position: relative;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list ul li {
    padding-left: 10px;
}

.news-list ul li .title {
    padding-left: 15px;
}

.news-list ul li .title:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    display: block;
    background-color: #333333;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}


/*专家最终*/
.docinfos {}

.docinfos .item-pic {
    width: 400px;
    float: left;
}

.docinfos .doc-ins {
    margin-left: 470px;
}

.docinfos .doc-ins .doc-name {
    font-size: 36px;
    line-height: 100%;
    padding-top: 25px;
}

.docinfos .doc-ins .doc-levels {
    color: #82572d;
    display: block;
    margin-top: 15px;
    font-size: 18px;
    padding-left: 20px;
    position: relative;
}

.docinfos .doc-ins .doc-levels:after {
    width: 8px;
    height: 8px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    background: #875b2e;
    border-radius: 8px;
}

.docinfos .doc-ins .docs-desc {
    font-size: 18px;
    color: #636363;
    line-height: 150%;
    margin-top: 20px;
}

.docinfos .doc-ins .docs-labs {
    margin-top: 20px;
}

.docinfos .doc-ins .docs-labs cite {
    margin-bottom: 5px;
    min-width: 108px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 20px;
    border-radius: 40px;
    color: #fff;
    margin-right: 15px;
    text-align: center;
    background: #82572d;
    font-size: 16px;
}

.docinfos .doc-ins .doc-levels {
    font-weight: bold;
}

.wrap-tels {
    position: absolute;
    right: 10.3%;
    padding-right: 40px;
    top: 33px;
    cursor: pointer;
}

.wrap-tels>* {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
}

.wrap-tels .wtels {
    /* height: 24px; */
    font-size: 16px;
    color: #000;
    font-weight: bold;
    border-radius: 24px;
    padding-right: 10px;
    line-height: 24px;
    padding-left: 30px;
    background: url(../images/telicon2.png) no-repeat;
    position: relative;
    top: -4px;
}

/*新加产品*/
.prosbg {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pro-tabs {
    text-align: center;
    margin: 45px 0 50px 0;
}

.pro-tabs a {
    font-size: 18px;
    display: inline-block;
    min-width: 160px;
    line-height: 52px;
    border: 2px solid transparent;
    margin: 0 15px;
    position: relative;
}

.pro-tabs a.cr,
.pro-tabs a:hover {
    border: 2px solid #959595;
    color: #333333;
    font-size: 20px;
}

.pro-tabs a:after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background: #d9d9d9;
    position: absolute;
    right: -17px;
    top: 18px;
}

.pro-tabs a:nth-last-child(1):after {
    display: none;
}

.pro-wrap .item-tit * {
    font-size: 18px;
}

.pro-wrap .item-desc {
    font-weight: normal;
}

.pro-wrap .item-tit {
    margin-top: 15px;
    margin-bottom: 5px;
}

.proincell {
    position: relative;
}

.proactive .pro-wrap {
    height: auto;
}

.npro-bt1,
.npro-bt2 {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    width: 46px;
    height: 46px;
    left: -60px;
}
.npro-bt1 img,
.npro-bt2 img {
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.npro-bt2 {
    left: auto;
    right: -60px;
}

.mod-stores {
    padding: 120px 0 80px 0;
}

/*全国门店*/
.storeslists-wrap {
    margin-top: 40px;
    margin-bottom: 30px;
}

.storeslists-wrap .item-cell {
    width: 50%;
    float: left;
}

.storeslists-wrap .item-cnt {}

.storeslists-wrap .item-pic {
    overflow: hidden;
    max-height: 550px;
}

.storeslists-wrap .item-pic img {}

.storeslists-wrap .item-tit * {
    font-size: 24px;
}

.storeslists-wrap .item-tit {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
}

.storeslists-wrap .item-view {
    text-align: center;
}

.storeslists-wrap .item-view a {
    width: 230px;
    height: 44px;
    border: 2px solid #959595;
    font-size: 16px;
    color: #333333;
    display: inline-block;
    line-height: 44px;
}

.storeslists-wrap .item-view a:hover {
    background: #623d29;
    border: 2px solid #623d29;
    color: #fff;
}

.brands {
    max-width: 1280px;
}

/*荣誉时刻滚动*/
.brands .item-cnt {
    margin-left: 755px;
}

.brandsroll {
    position: relative;
}

.brand-bts {
    position: absolute;
    left: 755px;
    bottom: 0;
    z-index: 8;
}

.brand-bts a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 2px solid #d2d2d2;
    display: inline-block;
    opacity: .8;
    cursor: pointer;
}

.brand-bts a:before {
    color: #b1b1b1;
    font-size: 22px;
}

.brand-bts a.bt-r {
    margin-left: 8px;
}

.brand-bts a:hover {
    opacity: 1;
    border: 2px solid #959595;
}

.brand-bts a:hover:before {
    color: #959595;
}

.brands .item-cell {
    overflow: hidden;
}

.brands .item-pic {
    position: relative;
    z-index: 2;
}

.proincell {
    height: 0;
    overflow: hidden;
}

.proactive {
    overflow: visible;
    height: auto;
}

.pop-up {
    background: rgba(0, 0, 0, .4);
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.pop-inner {
    width: 100%;
    height: 100%;
    display: table;
}

.pop-inner2 {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.pop-inner3 {
    padding: 40px 30px 30px 30px;
    margin: 0 auto;
    text-align: center;
    /*max-width: 280px;*/
    /*background: #fff;*/
    position: relative;
}

.m-c-i span {
    text-align: center;
    display: block;
    line-height: 150%;
}

.m-c-i {
    text-align: center;
    display: inline-block;
}

.share-close-button {
    font-size: 28px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}



/*道地原料*/
.basepro-wrap2 .item-cell {
    float: left;
}

.basepro-wrap2 .item-pic {
    height: 160px !important;
}

.basepro-wrap2 .item-3 .item-pic,
.basepro-wrap2 .item-6 .item-pic,
.basepro-wrap2 .item-9 .item-pic,
.basepro-wrap2 .item-10 .item-pic,
.basepro-wrap2 .item-13 .item-pic {
    height: 330px !important;
}

.basepro-wrap2 .item-cnt {
    display: none;
}

.basepro-wrap2 {
    margin-right: -1%;
}

.basepro-wrap2 .item-cell {
    width: 24%;
    margin-right: 1%;
    margin-top: 0.9%;
}

.basepro-wrap2 .item-2,
.basepro-wrap2 .item-8,
.basepro-wrap2 .item-12 {
    margin-left: -25%;
    position: relative;
    top: 160px;
    margin-top: 1.8%;
}

.basepro-wrap2 .item-4,
.basepro-wrap2 .item-5,
.basepro-wrap2 .item-6,
.basepro-wrap2 .item-13,
.basepro-wrap2 .item-18 {
    width: 49%;
}

.basepro-wrap2 .item-pic img {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.basepro-wrap2 .item-cell:hover .item-pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

/*首页品牌介绍*/
.H120 {
    height: 125px;
}
.H100 {
    height: 100px;
}

.new-abouts {
    float: left;
    width: 525px;
    padding-top: 75px;
    color: #fff;
}

.new-brand {
    margin-left: 50.5%;
    white-space: nowrap;
    text-align: right;
}

.new-brand>div {
    display: inline-block;
    width: 30%;
    margin-left: 3%;
    vertical-align: top;
}

.new-brand>div.brand-2 {
    padding-top: 40px;
}

.abouts-pics {
    margin-bottom: 35px;
}

.abouts-cnts,
.abouts-cnts * {
    font-size: 18px;
    line-height: 180%;
    margin-bottom: 30px;
}

/*产品*/
.probrand-wrap {
    display: flex;
    justify-content: space-between;
}
.probrand-wrap .item-cell {
    width: 100%;
    float: left;
    margin-bottom: 1.8%;
    position: relative;
}
.probrand-wrap .item-cell:nth-child(1){
    margin-right: 1.8%;
}
.probrand-wrap .item-1 {
    width: 100%;
    margin-left: 0;
}

.probrand-wrap .item-cell .item-cnt {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 25px;
    background: -webkit-linear-gradient(#214c97d7, #214c97d7);
    background: -moz-linear-gradient(top, #214c97d7, #214c97d7 100%);
    ;
    /*FireFox*/
    background: -o-linear-gradient(top, #214c97d7, #214c97d7 100%);
    /* Opear */
    background: -ms-linear-gradient(#214c97d7, #214c97d7);
    /*IE10及IE10+*/
}

.probrand-wrap .item-cell .item-tit a {
    color: #fff;
    font-size: 16px;
}

.probrand-tit2 {
    position: relative;
    display: inline-block;
    font-size: 38px;
    color: #333;
    margin-bottom: 45px;
    line-height: 40px;
}
.probrand-tit2 span{
    font-size: 14px;
    color: #757679;
}
.probrand-tit2.line::after{
    content: "";
    position: absolute;
    bottom: 20px;
    right: -50px;
    width: 35px;
    height: 2px;
    background-color: #446090;
}
.yfsl .probrand-tit2{
    color: #fff;
}
.yfsl .probrand-tit2.line::after{
    background-color: #c16e26;
}
.probrand-wrap .item-1 .item-tit a {
    font-size: 16px;
    color: #fff;
}

.probrand-wrap .item-1 .item-cnt {
    padding: 15px 25px;
}

.com-tit h3 {
    font-size: 38px;
}

.H110 {
    height: 90px;
}

.probrand-wrap .item-cell img {
    transition: all .3s;
}

.probrand-wrap .item-cell:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.probrand-wrap .item-wrap{
    width: 49.2%;
    display: flex;
    flex-direction: column;
}
.probrand-wrap .item-wrap1{
    display: flex;
    flex-direction: row;
}
.brands .item-cnt .item-tit span {
    display: none;
}

.brands .item-cnt .item-tit {
    margin-top: 45px;
}

.brands .item-cnt .item-tit h3 {
    padding: 8px 12px;
    margin-top: 0;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    background: #b8924b;
    color: #ffffff;
}

.brands .item-tit2 {
    margin-top: 35px;
    font-size: 24px;
}

.storeslists-wrap {
    overflow: hidden;
}

.brands {
    background: #f6f6f6;
    max-width: 100%;
    height: 410px;
    padding-top: 120px;
    box-sizing: border-box;
    overflow: visible;
    margin-bottom: 300px;
}

.brandsroll {
    margin: 0 auto;
    max-width: 1170px;
}

.brands .item-pic {
    width: 560px;
}

.brands .item-cnt {
    margin-left: 620px;
}

.brand-bts {
    left: 620px;
    bottom: auto;
    top: 350px;
}

.brands .item-tit2 {
    line-height: 140%;
}

.swiper-ctrl {
    left: 0;
    right: 0;
    bottom: 50px;
    top: auto;
    text-align: center;
}

.swiper-ctrl .nums {
    display: none;
}

.swiper-roll-1 .swiper-pagination-switch {
    display: inline-block;
    margin: 0 4px;
}

.swiper-pagination-switch {
    border: 1px solid #fff;
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.swiper-active-switch {
    background: none;
    border: 2px solid #fff;
}



/*更改字体大小*/
.navMenu>li>a>span {
    font-size: 16px;
}

.wrap-tels .wtels,
.brands .item-cnt .item-tit h3 {
    font-size: 18px;
}

.pro-tabs a,
.pro-wrap .item-tit * {
    font-size: 20px;
}

.pro-tabs a.cr,
.pro-tabs a:hover {
    /* font-size: 22px; */
}

.pro-wrap .item-desc {
    font-size: 16px;
}

.brands .item-cnt .item-desc {
    font-size: 16px;
}

.brands .item-tit2 {
    font-size: 26px;
}


.nav-bg {
    background: #f6f6f6;
    height: 50px;
    line-height: 50px;
}
.nav-bg .wrap-layer{
    line-height: 50px;
}
.nav-bg .wrap-layer a:first-child{
    color: #01358b;
}
.mod-navl2 {
    float: right;
    text-align: right;
    margin-bottom: 0;
}

.mod-navl2 ul li {
    display: inline-block;
    margin: 0 10px;
    padding: 0 0 0 0;
    height: 50px;
    line-height: 50px;
}

.trt-intrs {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

p.txt-cen {
    text-align: center;
    padding-bottom: 2em;
}

.trt-services {
    position: relative;
    background: url(../images/s_logo5.png) right 25px top 60px no-repeat;
}

.trt-services ul li {
    display: table;
    max-width: 650px;
}

.trt-services ul li>* {
    display: table-cell;
    padding: 15px 10px;
}

.trt-services ul li span {
    width: 170px;
    position: relative;
    padding-left: 20px;
}

.trt-services ul li cite {
    color: #866744;
}

.trt-services ul li span:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #7e5d38;
    left: 0;
    top: 25px;
    display: block;
}

.trt-services {
    position: relative;
}

.trts-txt {
    padding-left: 50px;
    padding-bottom: 30px;
    padding-top: 25px;
}

/*品牌介绍*/

.wraps-brand {
    margin-bottom: 70px;
}

.wraps-brand .item-cell {
    min-height: 290px;
    box-sizing: border-box;
    background: #f6f6f6;
    position: relative;
    margin-top: 106px;
    padding: 42px 80px 40px 350px;
}

.wraps-brand .item-cnt {}

.wraps-brand .item-pic {
    position: absolute;
    bottom: 0;
    left: 80px;
}

.wraps-brand .item-pic img {
    display: block;
}

.wraps-brand .item-tit * {}

.wraps-brand .item-tit {}

.wraps-brand .itemlogo {
    margin-bottom: 20px;
}

.wraps-brand .item-2 {
    padding: 42px 350px 40px 80px;
}

.wraps-brand .item-2 .item-pic {
    right: 80px;
    left: auto;
}

/*二级导航*/
.wrap-subs {
    display: none;
}

.wrap-subs {
    background: #fff;
    padding: 50px 0;
    position: fixed;
    top: 98px;
    z-index: 18;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    z-index: 88888;
}

.wraps-nav {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
}

.subs-intrs {
    width: 360px;
    /*float: left;*/
}

.sub-nav {
    float: left;
}

.subs-intrs .ins-txt {
    margin-top: 10px;
}

.subs-intrs .ins-txt a {
    font-size: 16px;
    color: #333;
}

.sub-nav li.firs {
    padding-bottom: 10px;
}

.sub-nav li.firs a {
    font-weight: bold;
    color: #000;
}

.sub-nav li a {
    color: #666;
    font-size: 16px;
}

.sub-nav li {
    position: relative;
}

.sub-nav li a:hover {
    color: #7e5d38;
}

.sub-nav li {
    margin-top: 10px;
}

.sub-nav li.cr a {
    color: #7e5d38;
}

.sub-nav li a:hover:after,
.sub-nav li.cr a:after {
    display: block;
    left: -15px;
    top: 9px;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #7e5d38;
}

.sub-nav li.firs a:after {
    display: none;
}


.sealists-wrap {
    margin-right: -2%;
    padding-bottom: 50px;
    overflow: hidden;
}

.sealists-wrap .item-cell {
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 45px;
    position: relative;
    width: 31.33%;
    float: left;
    margin-right: 2%;
}

.sealists-wrap .item-cnt {}

.sealists-wrap .item-1 {
    height: 450px;
    width: 98%;
    float: none;
    margin-right: 2%;
}

.sealists-wrap .item-cell .item-tit {
    position: relative;
}

.sealists-wrap .item-cell .item-tit:after {
    content: "";
    display: block;
    width: 20px;
    height: 25px;
    background: url(../images/xbs_icon1.png) 0 0 no-repeat;
    background-size: 22px auto;
    position: absolute;
    left: -30px;
    top: 0;
}

.sealists-wrap .item-1 .item-cnt {
    width: 50%;
    box-sizing: border-box;
    padding-right: 50px;
}

.sealists-wrap .item-1 .item-pic {
    height: 430px !important;
    position: absolute !important;
    width: 50%;
    right: 0;
    top: 0;
}

.sealists-wrap .item-pic img {
    transition: all .3s;
}

.sealists-wrap .item-cell:hover .item-pic img {
    transform: scale(1.1)
}

.sealists-wrap .item-tit a {
    font-size: 28px;
    color: #333333;
    padding-right: 15px;
}

.sealists-wrap .item-tit span {
    color: #333;
    font-size: 16px;
}

.sealists-wrap .item-cell .item-tit2 {
    font-size: 18px;
    margin-top: 15px;
}

.sealists-wrap .item-desc {
    height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
    color: #666;
}

.sealists-wrap .item-1 .item-desc {
    height: auto;
    font-size: 18px;
    margin-top: 35px;
}

.sealists-wrap .item-1 .item-tit2 {
    margin-top: 59px;
    font-size: 22px;
}

.sealists-wrap .item-1 .item-tit2 {
    margin-top: 59px;
}

.sealists-wrap .item-1 {
    background: none;
    padding: 0;
    margin-top: 55px;
}

.sealists-wrap .item-1 .item-tit {
    margin-top: 30px;
    padding-top: 60px;
}

.sealists-wrap .item-1 .item-tit a {
    font-size: 40px;
    padding-right: 25px;
}



/*分页新加*/
.page li a {
    background: none;
    border: 1px solid transparent;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.page li a.page-num-current,
.page li a:hover {
    background: none;
    border: #333333 solid 1px;
    color: #333;
}

.page li.cr a span,
.page li a:hover span,
.page li a:hover:before {
    color: #333 !important;
}

.wrap-ddbg {
    background: url(../images/dd_bg.jpg) center 0 no-repeat;
    padding-top: 100px;
    padding-bottom: 80px;
}

.dd-cnt {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.dd-cnt h3 {
    font-size: 38px;
    color: #fff;
}

.dd-cnt .tit-desc {
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
}

.ny-bg {
    background: #f6f6f6
}

.mod-navl3 {
    position: relative;
    padding-top: 25px;
}

.mod-navl3:after {
    width: 88px;
    height: 76px;
    content: "";
    display: block;
    background: url(../images/1658818956778292.png) center 0 no-repeat;
    right: 0;
    bottom: 30px;
    position: absolute;
}

.mod-navl3>ul>li>a:after,
.mod-navl3>ul>li>a:before {
    display: none !important;
}

.mod-navl3 ul li {
    margin: 0 25px;
    position: relative;
}

.mod-navl3 ul li a,
.mod-navl3 ul li.cr a,
.mod-navl3 ul li:hover a {
    font-size: 20px;
}

.mod-navl3 ul li.cr a,
.mod-navl3 ul li:hover a {
    color: #7e5d38;
}

.mod-navl3 {
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}

.mod-navl ul li {
    position: relative;
}

.mod-navl ul li.cr:after,
.mod-navl ul li:hover:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: #214c97;
    bottom: 0px;
    left: 0;
    content: "";
}

.wrap-layer {
    max-width: 1350px;
}

.brandtits {
    font-size: 26px;
    text-align: center;
    color: #7e5d38;
    margin-top: 40px;
}

.branddesc {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

/*同仁堂集团*/
.wrap-brandeffects {
    margin-top: 60px;
    display: table;
    width: 100%;
}

.wrap-brandeffects .mybrand-cnts {
    display: none;
}

.wrap-brandeffects .item-active .mybrand-cnts {
    display: block;
    box-sizing: border-box;
}

.wrap-brandeffects .item-active .mybrand-tit {
    display: none;
}

.wrap-brandeffects .mybrand-tit {
    margin: 0 auto;
}

.wrap-brandeffects .item-cell {
    display: table-cell;
    vertical-align: top;
    width: 12.5%;
}

.wrap-brandeffects .item-active {
    width: 50%;
}

.wrap-brandeffects .mybrand-cnts {
    background: #f9f6f2;
    width: 540px;
    box-sizing: border-box;
    border: 7px solid #7e5d38;
    position: relative;
    margin: 0 auto;
}

.mybran-ins {
    padding: 35px 145px 35px 35px;
    margin-left: 25px;
    border-left: 2px solid #7e5d38;
    position: relative;
}

.wrap-brandeffects .mybrand-tit2 {
    position: absolute;
    right: 40px;
    top: 40px;
}

.mybran-ins:after,
.mybran-ins:before {
    content: "";
    display: block;
    height: 100px;
    width: 27px;
    background: #7e5d38;
    top: 25%;
    position: absolute;
    left: -29px;
}

.mybran-ins {
    min-height: 500px;
}

.mybran-ins p {
    font-size: 18px;
    color: #666;
    text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;
    line-height: 150%;
}

.mybran-ins:before {
    margin-top: 220px;
}

.mybrand-tit2 *,
.mybrand-tit * {
    text-align: center;
    font-size: 26px;
    width: 35px;
    color: #7e5d38;
    font-style: normal;
}

.mybrand-tit2 {
    width: 70px;
    padding-bottom: 60px;
    /*background:url(../images/small_logo.png) right 10px bottom no-repeat;*/
}

.mybrand-tit2 span,
.mybrand-tit span {
    float: right;
    width: 30px;
    display: block;
}

.mybrand-tit2 i,
.mybrand-tit i {
    float: left;
    display: block;
    width: 30px;
}

.mybrand-tit {
    width: 70px;
    min-height: 300px;
    padding-top: 25px;
    border-top: 2px solid #7e5d38;
}

.mybrand-tit cite,
.mybrand-tit2 cite {
    height: 10px;
    display: block;
    width: 35px;
}

.wrap-layer8 {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}

/*健康介绍*/
.mod-about2 {}

.mod-about2 .item-cell {
    height: auto;
    min-height: 350px;
    margin-top: 125px;
    position: relative;
}

.mod-about2 .item-cnt {
    background: #fff;
    width: 50%;
    box-sizing: border-box;
    padding: 40px 50px;
    box-sizing: border-box;
    z-index: 5;
    margin-left: 50%;
    min-height: 350px;
    position: relative;
    text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;
}

.mod-about2 .item-cnt:after {
    content: "";
    width: 150px;
    position: absolute;
    top: 0;
    left: -150px;
    bottom: 0;
    background: #fff;
}

.mod-about2 .item-2 .item-cnt:after {
    right: -150px;
    left: auto;
}

.mod-about2 .item-pic {
    position: relative;
    z-index: 30;
    width: 50%;
    height: 350px !important;
    float: left;
    margin-top: -50px;
}

.mod-about2 .item-pic img {
    display: block;
}

.mod-about2 .item-tit * {
    font-size: 26px;
    color: #333333;
}

.mod-about2 .item-tit {
    margin-top: 15px;
    padding-right: 40px;
}

.mod-about2 .item-desc {
    padding-right: 0;
    font-size: 16px;
    color: #666666;
    margin-top: 15px;
    line-height: 28px;
}

.mod-about2 .item-mores {
    margin-top: 25px;
}

.mod-about2 .item-mores a,
.mod-about2 .item-more a {
    color: #999;
    padding-right: 22px;
    background: url(../images/arr_r2.png) right center no-repeat;
    font-size: 16px;
}

.mod-about2 .item-mores a:hover,
.mod-about2 .item-more a:hover {
    color: #ea460f;
    background: url(../images/arr_r22.png) right center no-repeat;
}

.mod-about2 .item-2 .item-pic {
    float: right;
}

.mod-about2 .item-2 .item-cnt {
    padding-left: 0;
    padding-right: 40px;
    left: 0;
    margin-left: 0;
}

.mod-about2 .item-2 .item-tit,
.mod-about2 .item-2 .item-mores,
.mod-about2 .item-2 .item-desc {
    padding-left: 40px;
}

.mod-about2 .item-2 .item-desc {
    padding-right: 40px;
}

/*同仁堂健康介绍*/
.about2-logo {
    max-width: 1000px;
    margin: 60px auto 0 auto;
    text-align: center;
    font-size: 16px;
    color: #7e5d38;
}

.about2-logo h6 {
    margin-bottom: 15px;
}

.about2-logo p {
    color: #7e5d38;
}

.kj-out {
    margin-top: 70px;
    background: #fff;
}

.kj-cnts h3 {
    font-weight: normal;
    font-size: 26px;
    color: #222;
    margin-bottom: 20px;
}

.kj-cnts {
    padding: 50px;
    font-size: 16px;
    color: #666;
}

/*生产基地*/
.mode-maps {
    position: relative;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
    display: none;
}

.mode-maps img {
    max-width: none !important;
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.com-topintrs h3 {
    font-weight: normal;
    font-size: 38px;
    color: #000;
    margin-bottom: 25px;
}

.com-topintrs {
    text-align: center;
    max-width: 780px;
    margin: 0 auto;
}

.com-topintrs span {
    font-size: 18px;
    line-height: 180%;
}

.mode-maps ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
}

.mode-maps ul li {
    cursor: pointer;
    position: absolute;
    font-size: 16px;
    line-height: 120%;
}

.mode-maps ul li[data-index="1"],
.mode-maps ul li[data-index="2"],
.mode-maps ul li[data-index="8"],
.mode-maps ul li[data-index="6"],
.mode-maps ul li[data-index="5"] {
    left: 72%;
    top: 182px;
    width: 160px;
    text-align: center;
    line-height: 120%;
}

.mode-maps ul li[data-index="2"] {
    top: 259px;
    left: 70%;
}

.mode-maps ul li[data-index="8"] {
    top: 329px;
    left: 70%;
    width: 180px;
}

.mode-maps ul li[data-index="6"] {
    top: 89px;
    left: 72%;
    width: 180px;
}

.mode-maps ul li[data-index="5"] {
    top: 45px;
    left: 65%;
}

.mode-maps ul li[data-index="12"] {
    top: 47px;
    left: 50.8%;
}

.mode-maps ul li[data-index="11"] {
    top: 94px;
    left: 48.8%;
}

.mode-maps ul li[data-index="7"] {
    top: 142px;
    left: 48.8%;
}

.mode-maps ul li[data-index="3"] {
    top: 197px;
    left: 48.8%;
}

.mode-maps ul li[data-index="9"] {
    top: 248px;
    left: 48%;
}

.mode-maps ul li[data-index="4"] {
    top: 295px;
    left: 50%;
}

.mode-maps ul li[data-index="10"] {
    top: 104px;
    left: 18%;
    width: 150px;
    text-align: center;
}

.mode-maps ul li.active {
    color: #7e5d38;
    font-weight: bold;
}

.base-wrap {
    /*overflow: hidden;*/
    padding-bottom: 80px;
    margin-top: -10px;
}

.base-wrap .item-cell {
    /*overflow:hidden;*/
    position: relative;
}

.base-wrap .item-cell .item-pic {
    width: 50%;
    float: left;
}

.base-wrap .item-cell .item-cnt {
    margin-left: 53%;
    text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;
}

.base-wrap .item-tit {
    font-size: 26px;
    font-weight: normal;
    background: url(../images/icon_addr1.png) 0 0px no-repeat;
}

.base-wrap .item-cell {
    background: #fff;
    /*height: 0;*/
    margin: 0;
    margin-top: 80px;
}

.base-wrap .active {
    display: block;
    height: auto;
}

.base-wrap .item-cell:after {
    content: "";
    position: absolute;
    background: #fff;
    left: 100%;
    width: 50%;
    top: 0;
    bottom: 0;
    display: block;
}

.base-wrap .item-2 {}

.base-wrap .item-2 .item-pic {
    float: right;
    margin-left: 45px;
}

.base-wrap .item-2 .item-cnt {
    margin-left: 0%;
}

.base-wrap .item-2:after {
    right: 100%;
    left: auto;
}




.typeslist-wrap {
    padding-top: 40px;
}

.typeslist-wrap .item-pic {
    float: left;
    width: 825px;
    height: 524px;
    /*background:url(../images/prbg.jpg) 0 0 no-repeat; background-size:100% 100%;*/
}

.typeslist-wrap .item-pic .auto-img {
    width: 825px;
}

.typeslist-wrap .item-cell {
    min-height: 525px;
    background: #fff;
    overflow: hidden;
}

.typeslist-wrap .item-cnt {
    margin-left: 870px;
    padding: 100px 40px 40px 10px;
    position: relative;
    z-index: 5;
}

.typeslist-wrap .item-2 .item-cnt {
    padding-left: 50px;
}


.com-tit4 span:after,
.com-tit4 span:before {
    display: none;
}

.com-tit4 span {
    font-size: 32px;
}

.expert-search .mod-serch-l {
    border: 1px solid #fff;
}

.expert-search .frm-cell1 {
    background: #fff;
}

.bts a {
    background: #333333;
}

.mod-serch-l ul {
    border: 1px solid #f9f9f9;
}

.map-lefts {
    background: #fff;
}

.cur-pos {
    padding: 20px 20px 0 80px;
    margin-bottom: 15px;
    background: url(../images/addr_ic2.png) 30px 20px no-repeat;
    background-size: 34px auto;
}

.map-pics>img {
    display: block;
}

.search-storewrap .item-cell {
    margin-right: 60px;
    width: 360px;
}

.search-storewrap {
    margin-right: -60px;
}

.search-storewrap .item-tit {
    height: 28px;
}

.search-wraps20 .bts {
    width: 200px;
}

.search-wraps20 .frm-cell1 {
    width: 470px;
}

.search-wraps21 .frm-cell1 {
    width: 302px;
}

.search-wraps21 .frm-cell1 input {
    /*margin-left:100px;*/
    padding-left: 100px;
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    border: none;
    font-size: 18px;
}

.search-wraps21 .frm-cell1 input {}

.search-storewrap .item-addr {
    margin-bottom: 5px;
    height: 25px;
    background: url(../images/adr1.png) 0 3px no-repeat;
    padding-left: 20px;
    color: #666
}

.search-storewrap .item-tels {
    background: url(../images/telicon0.png) 0 7px no-repeat;
    padding-left: 20px;
    color: #666
}

.search-storewrap .item-addr * {
    color: #666
}

.search-storewrap .item-cnt {
    height: 120px;
}

.search-storewrap .item-cell {
    margin-bottom: 50px;
}

.mod-news-14 {
    margin-right: -5%;
}

.mod-news-14 .item-cell {
    width: 28.33%;
    margin-right: 5%;
    margin-bottom: 50px;
}

.mod-news-14 .item-pic {
    max-height: 275px;
    overflow: hidden;
}

.mod-news-14 .item-tit {
    max-height: 55px;
    height: auto;
    margin-bottom: 5px;
}

.mod-news-14 .item-desc {
    height: 30px;
    font-size: 14px;
}

.mod-news-14 .item-cnt {
    height: 90px;
}

.news-list ul li .title {
    font-size: 18px;
}

.news-list ul li a {
    font-size: 18px;
}

.news-list ul li .title:before {
    border: 5px solid transparent;
    border-left: 5px solid #7f5d38;
    border-radius: 0;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    margin-top: -5px;
}

.news-list ul li {
    padding: 20px 0 20px 0;
}


.it-contacts2>* {
    background-color: #fff;
}



/*弹出层开始*/
.basepro-wrap2 .item-cell,
.basepro-wrap2 .item-cell * {
    cursor: pointer;
}

.layerbox {
    position: fixed;
    background: rgba(0, 0, 0, .7);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}

.layinner1 {
    width: 100%;
    height: 100%;
    display: table;
}

.layinner2 {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.layboxpro {
    width: 95%;
    max-width: 1035px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

.lay-table {
    display: table;
    table-layout: fixed;
    min-height: 400px;
    width: 100%;
}

.layer-prol,
.layer-pror {
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    padding: 45px;
    position: relative;
}

.layer-prol {
    vertical-align: middle;
    padding-right: 28px;
}

.layer-pror {
    padding-top: 35px;
    padding-right: 60px;
}

.layer-prol {
    background: #ededed;
}

.close-bts {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 40px;
    color: #000;
    line-height: 100%;
    cursor: pointer;
    z-index: 90;
}

.pror-tit {
    font-size: 26px;
    color: #000;
}

.pror-cnt {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;
}

.layer-pror:after {
    content: "";
    position: absolute;
    right: 35px;
    bottom: 18px;
    border-left: 1px solid #7e5d38;
    height: 150px;
}

.layer-pror:before {
    content: "";
    position: absolute;
    right: 15px;
    bottom: 35px;
    border-bottom: 1px solid #7e5d38;
    width: 80px;
}

.pr-names {
    position: absolute;
    top: 20px;
    left: 40px;
    border-left: 1px solid #7e5d38;
    padding-left: 15px;
    padding-top: 35px;
    padding-bottom: 25px;
    z-index: 9999;
}

.pr-names span {
    display: block;
    font-size: 15px;
    width: 18px;
    text-align: center;
    color: #7e5d38;
    line-height: 120%;
}

.pr-names:after {
    content: "";
    width: 80px;
    border-bottom: 1px solid #7e5d38;
    left: -15px;
    top: 20px;
    display: block;
    position: absolute;
}

.layer-prol:after {
    position: absolute;
    bottom: 50px;
    right: 50px;
    /* background: url(../images/small_logo.png) 0 0 no-repeat;*/
    width: 21px;
    height: 46px;
    content: "";
}

.prospic {
    text-align: center;
}

.prospic img {
    margin: 0 auto;
}

/*弹出层结束*/


/*芝麻健康门店*/
.zmbg {
    background: #f6f6f6;
    padding: 50px 0;
}

.zm-intrs {
    text-align: center;
    max-width: 920px;
    margin: 0 auto;
    font-size: 16px;
    color: #01348b;
}

.zm-logo {
    text-align: center;
    padding-bottom: 25px;
}

.zm-cnt .item-pic {
    width: 620px;
    float: left;
}

.zm-cnt {
    overflow: hidden;
}

.zm-cnt .item-cnt {
    margin-left: 665px;
    padding-top: 40px;
    font-size: 16px;
    color: #666666;
}

.zmbg-2 {
    background: #fff;
    padding: 45px 50px;
    margin-bottom: 50px;
}

.zm-tit {
    font-size: 26px;
    color: #01348b;
    padding-bottom: 8px;
}

.zm-txt {
    font-size: 16px;
    color: #666;
}

.zm-features {
    overflow: hidden;
    margin-top: 20px;
}

.zm-features .item-cell {
    width: 17%;
    float: left;
    height: 310px;
    box-sizing: border-box;
    border-left: 1px solid #fff;
}

.zm-features .active {
    width: 49%;
    padding-right: 40px;
}

.zm-features .item-1 {
    background: url("../images/zm_bg.jpg") 0 0 no-repeat;
}

.zm-features .item-2 {
    background: url("../images/zm_bg2.jpg") 0 0 no-repeat;
}

.zm-features .item-3 {
    background: url("../images/zm_bg3.jpg") 0 0 no-repeat;
}

.zm-features .item-4 {
    background: url("../images/zm_bg4.jpg") 0 0 no-repeat;
}

.zm-features .features-tit {
    width: 200px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-top: 180px;
}

.zm-features .features-cnt {
    font-size: 15px;
    margin-left: 220px;
    color: #fff;
    display: none;
}

.features-tables {
    height: 310px;
    display: table;
    width: 100%;
}

.features-td {
    height: 310px;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-size: 15px;
}

.zm-features .active .features-cnt {
    display: block;
}


.mod-feawrap .item-cell {
    background: #fff;
    margin-bottom: 42px;
    padding: 50px;
    min-height: 360px;
    box-sizing:
        border-box;
}

.mod-feawrap .item-pic {
    width: 500px;
    float: right;
}

.mod-feawrap .item-cnt {
    margin-right: 550px;
}

.mod-feawrap .item-tit {
    font-size: 25px;
    color: #01348b;
    padding-top: 20px;
    line-height: 140%;
    margin-bottom: 20px;
}

.mod-feawrap .item-desc {
    font-size: 16px;
    color: #666;
}

.mod-feawrap .item-2 .item-cnt {
    margin-right: 0;
    margin-left: 550px;
}

.mod-feawrap .item-2 .item-pic {
    float: left;
}

.storewrap2 .item-addr {
    height: 45px;
}

.storewrap2 .item-cnt {
    height: 100px;
}

.storewrap2 .item-per {
    font-size: 17px;
    color: #666;
    padding-left: 20px;
    margin-bottom: 6px;
    background: url(../images/per1.png) 0 6px no-repeat;
    background-size: 14px auto;
}

.expert-2 .mod-serch-l span {
    padding-left: 100px;
}

.expert-2 .frm-4 .mod-serch-l span {
    padding-left: 85px;
}

.expert-2 .frm-3 .mod-serch-l span,
.expert-2 .frm-2 .mod-serch-l span {
    padding-left: 55px;
}

.expert-2 .frm-cell1 {
    width: 235px;
}

.expert-2 .frm-4 {
    width: 205px;
}

.expert-2 .frm-2 {
    width: 180px;
}

.expert-2 .frm-3 {
    width: 335px;
}

.expert-2 .frm-cell1 {
    margin-right: 25px;
}

.expert-2 .frmtit {
    left: 8px;
}

.expert-2 .mod-serch-l {
    background: url(../images/icos2.png) right 5px center no-repeat;
}

.expert-2 .bts {
    width: 140px;
}
.btn{
    display: table;
    text-align: center;
    margin: 30px auto 0 auto;
    background-color: #01358b;
    color: #fff;
    border-radius: 20px;
    padding: 3px 20px;
    font-size: 16px;
    transition: 0.5s;
}
.btn:hover{
    background-color: #e4e4e4;
    color: #01358b;
}

.new-brand .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.new-brand .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.new-brand .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.new-brand .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.new-brand .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.new-brand .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.new-brand .swiper-button-next,.new-brand .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.new-brand .swiper-button-next.swiper-button-disabled,.new-brand .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.new-brand .swiper-button-prev,.new-brand .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 90px;
    right: auto;
}

.new-brand .swiper-button-prev.swiper-button-black,.new-brand .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.new-brand .swiper-button-prev.swiper-button-white,.new-brand .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.new-brand .swiper-button-next,.new-brand .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 90px;
    left: auto;
}

.new-brand .swiper-button-next.swiper-button-black,.new-brand .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.new-brand .swiper-button-next.swiper-button-white,.new-brand .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.new-brand .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.new-brand .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.new-brand .swiper-container-horizontal>.swiper-pagination-bullets,.new-brand .swiper-pagination-custom,.new-brand .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.new-brand .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.new-brand button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.new-brand .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.new-brand .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.new-brand .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.new-brand .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.new-brand .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.new-brand .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.new-brand .swiper-container-vertical>.new-brand .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.new-brand .swiper-container-horizontal>.new-brand .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.new-brand .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.new-brand .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.new-brand .swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.new-brand .swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.new-brand .swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.new-brand .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.new-brand .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.new-brand .swiper-container-3d .swiper-slide-shadow-bottom,.new-brand .swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.new-brand .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.new-brand .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.new-brand .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.new-brand .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.new-brand .swiper-container-coverflow .swiper-wrapper,.new-brand .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.new-brand .swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.new-brand .swiper-container-cube .swiper-slide,.new-brand .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.new-brand .swiper-container-cube .swiper-slide .swiper-slide,.new-brand .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.new-brand .swiper-container-cube .swiper-slide-active,.new-brand .swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.new-brand .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.new-brand .swiper-container-cube .swiper-slide-shadow-bottom,.new-brand .swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.new-brand .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.new-brand .swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.new-brand .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.new-brand .swiper-container-cube .swiper-slide-active,.new-brand .swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.new-brand .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.new-brand .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.new-brand .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.new-brand .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.new-brand .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.new-brand .swiper-container-fade .swiper-slide-active,.new-brand .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.new-brand .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.new-brand .swiper-zoom-container>canvas,.new-brand .swiper-zoom-container>img,.new-brand .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.new-brand .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.new-brand .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.new-brand .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.new-brand .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.new-brand .swiper-scrollbar-cursor-drag {
    cursor: move
}

.new-brand .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.new-brand .swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.new-brand .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}



@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.new-brand .layer-mask {
	width: 100%;
	height: 100%;
	opacity: 0.7;
	transition: all 0.5s;
	background-color: #3e3e3e;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

.new-brand .swiper-slide-active .layer-mask {
	display: none;
}

.new-brand .pc-banner {
	width: 100%;
	float: left;
}

@media screen and (max-width: 668px) {
	.new-brand .pc-banner {
		background-size: auto 100%;
	}
}

.new-brand .swiper-container {
	width: 100%;
	margin: 35px 0;
}

@media screen and (max-width: 668px) {
	.new-brand .swiper-container {
		margin: 0;
	}
}

.new-brand .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.85);
	/* margin: 1px; */
	transform: scale(0.85);
	margin-top: 70px;
	margin-bottom: 70px;
}

@media screen and (max-width: 668px) {
	.new-brand .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.new-brand .swiper-slide-active,.new-brand .swiper-slide-duplicate-active {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 1002;
}

@media screen and (max-width: 668px) {
	.new-brand .swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.new-brand .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.new-brand .swiper-slide a {
	background: #fff;
	display: block;
	border-radius: 2px;
}

@media screen and (min-width: 668px) {
	/* .new-brand .swiper-slide a:after {
		position: absolute;
		top: 0px;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 2px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
		box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);
	} */

	.new-brand .swiper-slide-active a:before {
		position: absolute;
		top: 410px;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 2px;
		/* box-shadow: 0 2px 6px rgba(0,0,0,0.3); */
		/* box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3); */
		z-index: 10002;
	}
}

.new-brand .swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.new-brand .swiper-slide a {
		padding: 5px;
		border-radius: 2px;
	}
}

.new-brand .swiper-slide img {
	width: 100%;
	border-radius: 5px;
	display: block;
	height: 100%;
	border: none;
}

@media screen and (max-width: 668px) {
	.new-brand .swiper-slide img {
		border-radius: 2px;
	}
}

.new-brand .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.new-brand .swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.new-brand .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	.new-brand .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.new-brand .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.new-brand .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.new-brand .button {
	width: 100%;
	margin: 0 auto;
	top: -230px;
	position: relative;
	z-index: 1002;
}

@media screen and (max-width: 1105px) {
	.new-brand .button {
		width: 100%;
		top: -240px;
		z-index: 1002;
		position: relative;
	}
}

@media screen and (max-width: 800px) {
	.new-brand .button {
		width: 100%;
		top: -168px;
		z-index: 1002;
		position: relative;
	}
}

.new-brand .button div:hover {
	background-color: #333;
	opacity: 0.8;
	cursor: pointer;
}

.new-brand .swiper-button-prev {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size: 15px;
	cursor: pointer;
}

.new-brand .swiper-button-next {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size: 15px;
	cursor: pointer;
}

@media screen and (max-width: 668px) {
    .new-brand	.button div {
		width: 40px;
		height: 40px;
	}
}
.yunu-six-in li {
    float: left;
    width: 24.6666666667%;
}
.yunu-six-in li a {
    display: block;
    margin-left: 20px;
    background-color: #fff;
    padding: 20px 0;
    border: #eee 1px solid;
    box-shadow: 0 3px 10px 3px #eaeaea;
    text-align: center;
}
.yunu-six-in li:nth-child(1) a{
    margin-left: 0;
}
.yunu-six-in li i {
    display: block;
    height: 139px;
    background: no-repeat center 0;
    transition: 0.5s;
}
.yunu-six-in li h4 {
    font-size: 18px;
    margin: 10px 0;
}
.yunu-six-in li p {
    line-height: 21px;
}
.yunu-six-in li:hover i{
    transform: rotate(180deg);
}

.new-tabs {
    display: inline-block;
    text-align: center;
    margin: 45px 0 50px 0;
    float: right;
}
.new-wrap {
    /* overflow: hidden;
    margin-right: 0;
    height: 0px; */
}

.new-wrap .item-cell {
    width: 23%;
    padding: 0 20px 10px 20px;
    box-sizing: border-box;
    float: left;
}

.new-wrap .item-cell .item-inner {
    background: #fff;
    /* padding: 25px 20px; */
    transition: all .3s;
    border-radius: 15px;
}

.new-wrap .item-cnt {
    text-align: left;
    padding: 20px;
}
.new-wrap .item-cnt .more{
    color: #fc8a24;
    text-align: right;
}
.new-wrap .item-pic {
    /* max-width: 230px; */
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    border-radius: 15px 15px  0  0 ;
}

.new-wrap .item-pic img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: all .3s;
}

.new-wrap .item-tit a {
    font-size: 16px;
    color: #2c559f;
    font-weight: 600;
}

.new-wrap .item-tit {
    overflow: hidden;
    height: 28px;
}
.new-wrap .item-date {
    color: #999999;
}

.new-wrap .item-titen {
    color: #7e5d38;
    font-weight: bold;
    font-family: "Arial";
    /*font-family: "Century Gothic";*/
    font-size: 23px;
    /* font-size: 24px;*/
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-wrap .item-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #323232;
    margin-top: 0;
}

.new-wrap.active {
    height: auto;
    overflow: hidden;
}

.new-wrap .item-cell:hover .item-inner {
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.new-wrap .item-cell:hover img {
    transform: scale(1.05, 1.05);
}
.newincell{
    display: none;
    position: relative;
}
.newincell.proactive{
    display: block;
    position: relative;
}
.tit .new-tabs{
    margin: 0;
}
.tit .new-tabs a{
    font-size: 16px;
    padding: 5px 20px;
    margin: 0 0 0 12px;
    background-color: #cdcdcd;
    border-radius: 15px;
    color: #232323;
    transition: 0.3s;
}
.tit .new-tabs a.cr{
    background-color: #1a4896;
    color: #fff;
}
.partner .pro-wrap .item-cell {
    width: 20%;
    padding: 0 20px 10px 20px;
    box-sizing: border-box;
    float: left;
}
.foot-nav{
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom:1px solid #666465;
}
.foot-nav .left {
    text-align: left;
}
.foot-nav .left a{
    color: #fff;
    text-align: left;
    padding: 0px 10px;
    font-size: 16px;
    font-weight: 600;
}
.social {
    position: relative;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}
.social .img{
    width: 30px;
}
.social .img img{
    width: 100%;
}
.social .ewm {
    display: none;
    position: absolute;
    top: -167px;
    left: -42px;
    width: 150px;
    transition: 0.5s;
}

.social:hover .ewm {
    display: block;
    transition: 0.5s;
}

.social:hover .ewm img {
    max-width: 200px;
    border-radius: 4px;
}

.social .ewm img {
    max-width: 140px;
    width: 100%;
}
.bom-logos{
    padding: 30px 0;
    display: flex;
    align-items: center;
}
.fot-warp-cont{
    text-align: left;
    opacity: 0.9;
    color: #fff;
    font-size: 15px;
}
.fot-warp{
    margin-left: 30px;
}
.subname{
    position: absolute;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
}
.band-wrapper{
    margin-top: 40px;
}
.band-wrapper .item {
    float: left;
    width: 31.6%;
    margin-right: 30px;
    margin-bottom: 60px;
}
.band-wrapper .item:nth-child(3n) {
    margin-right: 0px;
  }
.band-wrapper .item .images {
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
  }
  
  .band-wrapper .item .images img {
    display: block;
    width: 100%;
    height:360px; 
    border-radius: 10px 10px 0 0;
    transition: 0.5s;
    object-fit: cover;
  }
  
  .band-wrapper .item a:hover img {
    transform: scale(1.2);
  }
  
  .band-wrapper .item .word {
    background: #fafafa;
    padding: 30px;
    border: 1px solid #E6E6E6;
    border-radius: 0 0 10px 10px;
    transition: 0.3s;
  }
  
  .band-wrapper .item .word h2 {
    font-size: 20px;
    font-family: AlibabaPuHuiTiR;
    color: #1A1A1A;
    height: 70px;
    line-height: 35px;
    margin-bottom: 10px;
  }
  
  .band-wrapper .item .word p {
    font-size: 16px;
    font-family: AlibabaPuHuiTiR;
    color: #333333;
    line-height: 22px;
    margin-bottom: 20px;
  }
  
  .band-wrapper .item .word .details {
    line-height: 30px;
  }
  
  .band-wrapper .item .word .details span {
    font-size: 12px;
    font-family: AlibabaPuHuiTiM;
    color: #333333;
    line-height: 17px;
    transition: 0.3s;
  }
  
  .band-wrapper .item .word .details .more {
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/icon_inter_nor.png) no-repeat;
    transition: 0.3s;
  }
  
  .band-wrapper .item a:hover .details span {
    color: #0045C1;
  }
  
  .band-wrapper .item a:hover .word {
    background-color: #fff;
  }
  
  .band-wrapper .item a:hover .word .details .more {
    background: url(../images/icon_inter_sel.png) no-repeat;
  }
  .cleafix {
    display: block;
  }
  
  .cleafix::after {
    content: "";
    display: block;
    clear: both;
  }
  .page-position {
    padding: 15px 0;
    font-size: 14px;
    color: #2f2f2f;
  }
  
  .page-position a {
    color: #2f2f2f;
  }
  
  .page-position a:hover {
    color: #1356c7;
  }
  
  .page-wrap {
    background: #ffffff;
    padding-bottom: 3.38541667%;
    margin-top: 40px;
  }
  
  @media (min-width: 990px) {
    .page-wrap-left {
      float: left;
      width: 305px;
      margin-right: 4.16666667%;
    }
  }
  
  .xypg-left-box {
    margin-bottom: 20px;
  }
  
  .xypg-left-title {
    background: #1356c7;
    padding: 10px 20px;
    position: relative;
  }
  
  .xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    z-index: 9;
  }
  
  .xypg-left-title i {
    position: absolute;
    left: -5px;
    top: -9px;
    font-style: normal;
    font-size: 67px;
    font-weight: bold;
    opacity: .1;
    color: #fff;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
  }
  
  .xypg-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin-left: 10px;
    text-transform: capitalize;
  }
  
  .xypg-left-title span:before {
    content: "/";
    padding-right: 5px;
  }
  
  .xypg-left-con {
    border: 1px solid #d2d2d2;
    border-top: none;
  }
  /* 内页左侧导航栏样式 */
.xypg-left-nav {
    margin: 0 -1px;
  }
  
  .xypg-left-nav > li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
  }
  
  .xypg-left-nav > li:last-child {
    border-bottom: none;
  }
  
  .xypg-left-nav > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 15px 18px;
  }
  
  .xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url(../images/icon_spirit.png) 0 -240px no-repeat;
  }
  
  .xypg-left-nav > li .first-nav-btn.clicked {
    background-position: 0 -270px;
  }
  
  .xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
    color: #1356c7;
  }
  
  .xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
    color: #1356c7;
  }
  
  .xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 0 10px;
  }
  
  .xypg-left-nav .xypg-left-subnav > li {
    border-top: 1px dashed #eeeeee;
  }
  
  .xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
  }
  
  .xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: #1356c7;
  }
  
  .xypg-left-nav .xypg-left-subnav > li.clicked > a {
    color: #1356c7;
  }
  
  .xypg-left-nav .xypg-left-threenav > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
  }
  
  .xypg-left-nav .xypg-left-threenav > li > a:before {
    content: '\2014   ';
  }
  
  .xypg-left-nav .xypg-left-threenav > li > a:hover {
    color: #1356c7;
  }
  
  .xypg-left-nav .xypg-left-threenav > li.clicked > a {
    color: #1356c7;
  }
  
  @media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
      display: block;
    }
  }
  
  .xypg-pro-description {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 2em;
  }
  
  .xypg-product-list {
    margin: 0 -1.5%;
    font-size: 0;
  }
  
  .xypg-product-list li {
    display: inline-block;
    vertical-align: bottom;
    width: 30.333%;
    margin: 0 1.5% 20px 1.5%;
    padding: 10px 10px 0 10px;
    border: 1px solid #eeeeee;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  
  .xypg-product-list li .img {
    display: block;
  }
  
  .xypg-product-list li h3 a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1.6;
    padding: .8em 0;
  }
  
  .xypg-product-list li:hover {
    border-color: #1356c7;
  }
  
  .xypg-product-list .no-result {
    margin: 0 1.5%;
    font-size: 14px;
  }
  .page-product-detail-effect .big-img {
    border: 1px solid #eee;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 0;
  }
  
  .page-product-detail-effect .big-img a img {
    max-width:100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  
  .page-product-detail-effect .big-img a:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  
  .xypg-detail-article .article-img {
    text-align: center;
    margin: 5px 0;
  }
  
  .xypg-detail-article .article-img img {
    border: 1px solid #efefef;
    padding: 1px;
    max-width: 100%;
    height: auto !important;
  }
  .page-wrap-right {
    overflow: hidden;
}
  .page-product-detail-effect {
    float: left;
    width: 42.61%;
  }
  
  .page-product-detail-right {
    width: 50%;
    float: right;
  }
  
  .page-product-detail-right > h1 {
    font-size: 22px;
    color: #0d0d0d;
    margin-bottom: 20px;
  }
  
  .product-detail-item li {
    font-size: 14px;
    line-height: 30px;
    color: #777272;
  }
  
  .product-detail-slick {
    position: relative;
    margin-top: 20px;
  }
  
  .product-detail-slick a.slick-item {
    display: block;
    text-align: center;
    width: 100%;
    height: 95px;
    font-size: 0;
    border: 1px solid #eee;
    position: relative;
  }
  
  .product-detail-slick a.slick-item img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  
  .product-detail-slick a.slick-item:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  
  .product-detail-slick a.slick-item.active {
    border-color: #1356c7;
  }
  
  .product-detail-slick .owl-nav button {
    position: absolute;
    width: 27px;
    height: 27px;
    background: rgba(37, 37, 37, 0.6) !important;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    top: 50%;
    margin-top: -13.5px;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    outline: none;
    border: none;
  }
  
  .product-detail-slick .owl-nav button .icon-font {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .product-detail-slick .owl-nav button .icon-left-arrow:after {
    background-position: 1px -509px;
  }
  
  .product-detail-slick .owl-nav button .icon-right-arrow:after {
    background-position: -27px -240px;
  }
  
  .product-detail-slick .owl-prev {
    left: 0;
  }
  
  .product-detail-slick .owl-prev:after {
    background-position: 0 0;
  }
  
  .product-detail-slick .owl-next {
    right: 0;
  }
  
  .product-detail-slick:hover .owl-nav button {
    opacity: 1;
  }
  
  .page-product-inquiry {
    margin-top: 30px;
  }
  
  .page-product-inquiry a {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    background: #1356c7;
    padding: .5em 1.875em;
    border-radius: 2em;
  }
  
  .page-product-inquiry a:hover {
    opacity: .8;
  }
  
  @media (max-width: 990px) {
    .page-product-detail-effect {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    }
    .page-product-detail-right {
      width: 100%;
      float: none;
    }
  }
  
  @media (max-width: 640px) {
    .page-product-detail-effect .big-img {
      height: 280px;
    }
    .product-detail-slick .slick-item {
      height: 65px;
    }
    .page-product-inquiry a {
      font-size: 12px;
    }
    .page-product-detail-right > h1 {
      font-size: 16px;
      margin-bottom: 15px;
    }
  }
  
  .product-detail-tab {
    margin-top: 50px;
  }
  
  .product-detail-tab .product-detail-tabli {
    border: 1px solid #eee;
    height: 40px;
    line-height: 38px;
  }
  
  .product-detail-tab .product-detail-tabli li {
    float: left;
    width: 20%;
    text-align: center;
    line-height:40px;
    font-size: 14px;
    color: #2f2f2f;
    cursor: pointer;
    border-right: 1px solid #eee;
  }
  
  .product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:visited, .product-detail-tab .product-detail-tabli li:active {
    color: #1356c7;
    position: relative;
  }
  
  .product-detail-tab .product-detail-tabli li.on:before, .product-detail-tab .product-detail-tabli li:visited:before, .product-detail-tab .product-detail-tabli li:active:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    border: 1px solid #1356c7;
  }
  
  .product-detail-tab .product-detail-tabcon {
    padding: 15px 0;
  }
  
  .product-detail-tab .product-detail-tabcon img,
  .product-detail-tab .product-detail-tabcon p img {
    max-width: 100%;
  
    
  }
  
  @media (max-width: 768px) {
    .product-detail-tab .product-detail-tabli {
      height: 35px;
    }
    .product-detail-tab .product-detail-tabli li {
      font-size: 13px;
      line-height: 33px;
    }
  }
  
  @media (max-width: 420px) {
    .product-detail-tab .product-detail-tabli {
      height: 30px;
    }
    .product-detail-tab .product-detail-tabli li {
      font-size: 12px;
      line-height: 28px;
    }
  }
  .xypg-detail-pn {
    margin-top: 30px;
  }
  
  .xypg-detail-pn div + div {
    margin-top: 15px;
  }
  
  .xypg-detail-pn div {
    line-height: 22px;
    padding: 10px;
    position: relative;
    border: 1px solid #eeeeee;
  }
  
  .xypg-detail-pn div b {
    font-size: 14px;
    color: #1356c7;
    float: left;
    font-weight: normal;
  }
  
  .xypg-detail-pn div b:after {
    content: '\FF1A';
  }
  
  .xypg-detail-pn div a {
    /* float: left; */
    width: 75%;
    font-size: 14px;
    color: #666666;
  }
  
  .xypg-detail-pn div a:hover {
    color: #1356c7;
  }
  
  @media (max-width: 600px) {
    .xypg-detail-pn div a {
      width: 60%;
    }
  }
  
  @media (max-width: 600px) {
    .xypg-detail-pn div a {
      width: 50%;
    }
  }
  
  .xypg-detail-pn div span {
    position: absolute;
    right: 20px;
    top: 11px;
    font-size: 14px;
    color: #666666;
  }
  .jszc-wrap .item{
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .jszc-wrap .item img{
    max-width: 100px;
  }
  .jszc-wrap .item h3{
    padding: 10px 0;
  }
  .jszc-wrap .item .decs{
    color: #424242;
  }
  .jszc-wrap1 .jszc-cont:nth-child(2n-1){
    background-color: #f5f5f5;
  }
  .jszc-cont{
    display: flex;
    justify-content: space-between;
    padding: 40px;
    margin-bottom: 20px;
  }
  .jszc-cont h3{
    position: relative;
    font-size: 26px;
    color: #3b3b3b;
    font-weight: 500;
    padding-left: 30px;
    line-height: 40px;
  }
  .jszc-cont h3::before{
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #11a642;
  }
  .jszc-cont img{
    border-radius: 5px;
  }
  .jszc-cont .word{
    width: 40%;
  }
  .jszc-cont .txt{
    margin-top: 30px;
    padding-left: 30px;
    line-height: 30px;
    color: #404040;
    font-size: 16px;
  }

  .culwh-list {
    width: 100%;
    margin-top: 44px;
}

.culwh-list ul {
    margin-left: -2%;
}

.culwh-list li {
    width: 31.3333%;
    float: left;
    margin-left: 2%;
}

.culwh-img {
    width: 100%;
    overflow: hidden;
}

.culwh-img img {
    width: 100%;
    object-fit: cover;
    transition: all 1s ease;
}

.culwh-wd {
    width: 88%;
    margin-left: 6%;
    transition: all .4s ease;
    margin-top: -88px;
    height: 206px;
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 6px solid #004da0;
    padding: 0 42px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}

.culwh-center {
    width: 100%;
}

.culwh-wd h6 {
    font-size: 30px;
    color: #333;
}

.culwh-wd span {
    display: block;
    margin-top: 8px;
    font-size: 20px;
    color: #004da0;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.culwh-wd i {
    display: block;
    width: 40px;
    height: 1px;
    background: #004da0;
    margin: 18px 0;
}

.culwh-wd p {
    font-size: 16px;
    color: #666;
    line-height: 1.4em;
}

.culwh-list li:hover .culwh-img img {
    transform: scale(1.04);
}

.culwh-list li:hover .culwh-wd {
    transform: translateY(-10px);
}

.culsp {
    width: 100%;
    position: relative;
}

.culsp-bg {
    width: 100%;
    object-fit: cover;
    min-height: 280px;
}

.culsp-bth {
    width: 126px;
    height: 126px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    user-select: none;
    text-align: center;
    cursor: pointer;
}

.culsp-bth i {
    width: 68px;
    display: block;
    margin: 0 auto;
}

.culsp-bth i img {
    width: 100%;
    object-fit: cover;
}

.culsp-bth p {
    font-size: 30px;
    color: #fff;
    margin-top: 26px;
}

.culsp-bth:hover i img {
    animation: indvdI .8s ease-in-out both;
}

@keyframes indvdI {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}
/* 清除浮动 */
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}

.join-item {
    width: 100%;
    padding-bottom: 74px;
}

.join-title {
    width: 100%;
    background: #004da0;
}

.join-title li {
    font-size: 16px;
    color: #fff;
    padding: 14px 32px;
}

.join-list,
.join-li {
    width: 100%;
}

.join-li-name li {
    font-size: 16px;
    color: #333;
    padding: 18px 32px;
}

.join-li-cont {
    width: 100%;
    padding: 34px 32px 58px;
    background: #f9f9f9;
    display: none;
}

.join-li {
    border-bottom: 1px solid #eee;
}

.join-title li,
.join-li-name li {
    float: left;
    line-height: 1.4em;
}

.join-title li:nth-child(1),
.join-li-name li:nth-child(1) {
    width: 44%;
}

.join-title li:nth-child(2),
.join-li-name li:nth-child(2) {
    width: 14%;
}

.join-title li:nth-child(3),
.join-li-name li:nth-child(3) {
    width: 16%;
}

.join-title li:nth-child(4),
.join-li-name li:nth-child(4) {
    width: 16%;
}

.join-title li:nth-child(5),
.join-li-name li:nth-child(5) {
    width: 10%;
}

.join-li-name li:last-child {
    color: #999;
    text-align: right;
}

.join-li-cont-info {
    width: 100%;
}

.join-li-cont-info h6 {
    font-size: 18px;
    color: #004da0;
    line-height: 36px;
}

.join-li-cont-info p {
    font-size: 14px;
    color: #666;
    line-height: 36px;
}

.join-li-cont-top {
    margin-top: 38px;
}

.join-li-cont-send {
    display: block;
    position: relative;
    margin-top: 32px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #004da0;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}

.join-li-name {
    width: 100%;
    cursor: pointer;
    user-select: none;
}

.join-li-name:hover li:first-child,
.join-li-name.ontrue li:first-child,
.join-li-name:hover li:last-child,
.join-li-name.ontrue li:last-child {
    color: #004da0;
}

.join-more {
    width: 100%;
    text-align: center;
    margin-top: 46px;
}

.join-more a {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 194px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #004da0;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
.news-wrapper .item .word .date {
    position: relative;
    font-size: 14px;
    font-family: Poppins-Regular, Poppins;
    font-weight: 400;
    color: #999999;
    line-height: 23px;
    padding-left: 20px;
  }
  
  .news-wrapper .item .word .date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 14px;
    height: 14px;
    background-image: url(../images/icon_time.png);
    background-repeat: no-repeat;
    transform: translateY(-50%);
  }

  .pagination {
    text-align: center;
    /* margin-top: 4.5%; */
    padding-bottom: 5.5%;
    font-size: 0;
  }
  
  .pagination a {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #333;
    padding: 0 10px;
    font-size: 14px;
    margin: 0 5px;
    white-space: nowrap;
  }
  
  .pagination a.prev {
    width: 76px;
    /*height: 39px;*/
    background: #F0F0F0;
    border-radius: 22px;
    margin-right: 0.3rem;
    /* display: none; */
  }
  
  .pagination a.next {
    width: 76px;
    /*height: 39px;*/
    background: #F0F0F0;
    border-radius: 22px;
    margin-left: 0.3rem;
    /* display: none; */
  }
  
  .pagination a.page-num-current {
    color: #fff;
    /*border: 1px solid #325fd5;*/
    background: #325fd5;
    text-align: center;
  }
  .toutiao{
    display: flex;
    align-items: center;
    margin: 50px 0;
  }
  .toutiao img{
    border-radius: 5px;
    max-width: 600px;
  }
  .toutiao .right{
    width: 80%;
    margin-left: 50px;
  }
  .toutiao .date{
    color: #0c3d90;
    font-size: 16px;
    font-weight: 600;
  }
  .toutiao .tit{
    font-size: 25px;
    margin:10px 0;
  }
  .toutiao .txt{
    color: #6a6a6a;
  }
  .toutiao .more{
    color: #325796;
    margin-top: 15px;
  }
  /* 检测实验室 */
.jcsys_part1{ padding: 120px 0 0 0; overflow: hidden;}
.jcsys_part1 .wrap .index_intro{ margin: 0 -50px 0 -30px;}
.jcsys_part1 .wrap p{  padding: 0 50px 0 30px; box-sizing: border-box;}

.jcsys_part2{ padding:120px 0;}
.jcsys_part2 .wrap{ position: relative;}
.jcsys_part2 .swiper_bg{ overflow: hidden;}
.jcsys_part2 .swiper-container{ width: 750px; padding: 30px 0; margin: 0 auto; overflow: visible;}
.jcsys_part2 .swiper-slide{  position: relative; transition: 0.4s;}
.jcsys_part2 .swiper-slide:before{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #fff; opacity: 0.8; transition: 0.4s;}
.jcsys_part2 .swiper-slide img{ width: 100%; }
.jcsys_part2 .swiper-slide-active{box-shadow: 0 0 24px rgba(0,0,0,0.38);}
.jcsys_part2 .swiper-slide-active:before{ opacity:0;}
.jcsys_part2 .arrow{ cursor: pointer; position: absolute; width: 48px; height: 48px; border:1px solid #1356c7; border-radius: 50%; color: #1356c7; text-align: center;  line-height: 48px; top: 250px; transition: 0.4s;}
.jcsys_part2 .arrow .iconfont{ font-size:12px}
.jcsys_part2 .arrow:hover{ background: #1356c7; color: #fff;}
.jcsys_part2 .arrow-left{ left: -90px;}
.jcsys_part2 .arrow-right{ right: -90px;}

.jcsys_part3{ padding-top: 60px;}
.jcsys_part3 .list ul{ margin:0 -50px ; }
.jcsys_part3 .list li{ width: 25%; float: left; padding: 25px 50px; box-sizing: border-box;}
.jcsys_part3 .list li a{ display: block; border-bottom: 1px solid #c1c1c1; padding: 0 20px 17px 13px; position: relative; color: #000000; font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.jcsys_part3 .list li a:after{ content: ""; position: absolute; width: 4px; height: 4px; left: 0; top: 10px; background: #1356c7;  }
.jcsys_part3 .list li a:before{ content: ""; position: absolute;  right: 9px; top: 8px; border: 6px solid transparent; border-left-color: #1356c7; }
.jcsys_part3 .list li a:hover{ color: #1356c7; }
.index_tit_lm {
    font-size: 30px;
    padding-bottom: 28px;
}
.g_index_line {
    overflow: hidden;
    height: 4px;
    width: 73px;
    box-sizing: border-box;
    background-color: #1356c7;
    margin: 10px 0 0;
}
.m-cont{display: flex;justify-content: space-between;margin-top: 80px;overflow: hidden;}
.m-cont .txt{color: #fff;}
.m-cont .txt{margin-top: 60px;font-weight: normal;}
.m-cont .q-t1{font-size: 28px;font-weight: bold;}
.m-cont p{line-height: 2.5;font-size: 16px;}
.contact__area {
    box-sizing: border-box;
    padding: 45px 7.777% 60px;
    width: 70%;
    background: #313131ad;
    border-radius: 10px;
    margin: 40px auto;
  }
  .measge__tt {
    display: block;
    margin-bottom: 34px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1;
  }
  .contact__row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .contact__row .text {
    box-sizing: border-box;
    margin-bottom: 38px;
    padding-left: 19px;
    width: 46.87%;
    height: 52px;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    border: none;
    background: rgba(255, 255, 255, 0.3);
  }
  .contact__row .text::-webkit-input-placeholder {
    color: #fff;
  }
  .contact__row .text:focus::-webkit-input-placeholder {
    opacity: 0;
  }
  .contact__row .textarea {
    width: 100%;
    line-height: 1.5;
    padding: 12px 19px;
    height: 138px;
    resize: none;
    font-family: "微软雅黑";
  }
  .contact__s {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .contact__s input {
    border: none;
    padding: 0;
    margin: 0 auto;
    width: 25%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    transition: 0.48s;
    background: #9f9f9f;
    cursor: pointer;
  }
  .contact__s input:hover,
  .contact__s input:last-child {
    background: #11a642;
  }

  .swiperBox_1 .swiper-slide video {
    position: absolute;
    top: 0;
    left: 0;
    /*opacity: 0;*/
    width: 100%;
    /*height: 100%;*/
    object-fit: fill;
  }
  .swiperBox_1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* height: 100vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}



.circular{
    position: fixed;
    /* background-color: #fff; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.circular.circular-warp{
    display: none;
    text-align: center;
}
.circular.circular-warp img{
    width: 530%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.circular-warp1{
    display: none;
    min-height: 100%;
    background-color: #fff;
    text-align: center;
}
.circular-warp1 img{
    max-width: 800px;
}
/* 右侧按钮及弹出层-2023.1.5更新样式 */
.right_icon{position: fixed;width: 92px;padding: 2px; border-radius: 10px;  bottom: 10%; right: 20px; animation: none;z-index: 99;}
.right_icon .con_box{  border-radius: 8px; overflow: hidden;}
/* .right_icon a{ display: block; position: relative;} */
.right_icon a:first-child{ border-bottom: 2px solid rgba(255,255,255,0.2);display: block;}
.right_icon .btn{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; font-size: 14px;margin: 0;border-radius: 0; padding: 12px 10px;}
.right_icon .btn img{ display: none;}
.right_icon .btn .img{ display: block; width: 40px; height: 40px;}
.right_icon .btn .img1{ background: url(../images/btn_zx3.png) no-repeat center; background-size: contain;}
.right_icon .btn .img2{ background: url(../images/btn_zx4.png) no-repeat center; background-size: contain;}
.right_icon .btn b{ padding-top: 8px;}
.right_icon a:hover .btn{ color: #fff;}
.right_icon a:hover .btn .img1{ background-image: url(../images/btn_zx3.png);}
.right_icon a:hover .btn .img2{ background-image: url(../images/btn_zx4.png);}

.right_icon a .phone_tc{ position: absolute;top:0px; right:calc(100% - 4px); padding-right: 20px; width: auto; height: auto; opacity: 0; visibility: hidden; }
.right_icon a .phone_tc::after{ content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-left-color: #fff; right: 0; top: 33px}
.right_icon a .phone_tc .tit{ line-height: 44px; padding: 0 15px; background: #f4f4f4; color: #888888;}
.right_icon a .phone_tc .txt{ background: #fff ; padding: 15px 15px 15px 15px; line-height:26px;text-align: center;}
.right_icon a .phone_tc .phone{font-family: 'bahnschrift'; font-size: 29px; font-weight: bold; color: #487bcf; letter-spacing: 0.1em; border-bottom: 1px solid #487bcf;white-space: nowrap;}
.right_icon a:hover .phone_tc{ opacity: 1; visibility: visible; transition: 0.4s; }
.right_icon .btn:hover{
    background-color: #1052bf;
}
#btn_baiduqiao .phone_tc{
    top: 55px;
    text-align: center;
}
#btn_baiduqiao .right_icon a .phone_tc .txt{
    padding: 0;
}

.fixed-product-consulting
{
    position: fixed;
    z-index: 10;
    z-index: 9999;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .5);
}
.fixed-product-consulting .wrap-product-consulting
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 50%;
    height: auto;
    padding: 0 15px;

    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

}
.fixed-product-consulting .wrap-product-consulting .product-consulting
{
    position: relative;

    overflow-y: auto;

    max-width: 690px;
    max-height: 600px;
    margin: 0 auto;
    padding: 30px;

    border-radius: 10px;
    background-color: #fff;
}
@media (max-width: 1470px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting
    {
        max-height: 650px;
    }
}
@media (max-width: 1199px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting
    {
        max-height: 600px;
    }
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting
    {
        max-height: 500px;
        padding: 20px 10px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting::-webkit-scrollbar
{
    position: absolute;
    left: 0;

    width: 4px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting::-webkit-scrollbar-track
{
    background-color: #dcdcdc;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting::-webkit-scrollbar-thumb
{
    background-color: #9f9f9f;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-close
{
    position: absolute;
    top: 20px;
    right: 20px;

    cursor: pointer;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-close
    {
        right: 10px;
    }
    .fixed-product-consulting .wrap-product-consulting
    {
    
        width: 100%;
    
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-close img
{
   width: 30px;

}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting
{
    text-align: center;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting b
{
    font-size: 26px;
    font-weight: normal;
    /* line-height: 1; */

    display: block;

    color: #0065b9;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting b:after
{
    display: block;

    width: 100%;
    height: 4px;
    margin-top: 10px;

    content: '';

    background: url(../images/line-5.png) no-repeat center;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting b
    {
        font-size: 20px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting p
{
    font-size: 18px;
    /* line-height: 1.66666667; */

    /* margin: 14px 0 0 0; */

    color: #666;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .title-product-consulting p
    {
        font-size: 16px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list
{
    margin-top: 10px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form
{
    overflow: hidden;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul
{
    overflow: hidden;

    margin: 0 -30px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul li
{
    float: left;

    width: 100%;
    margin-top: 10px;
    padding: 0 30px;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul li:nth-child(7)
{
    width: 100%;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form ul li
    {
        width: 100%;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input[type=text],
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea
{
    font-size: 16px;
    line-height: 30px;

    width: 100%;
    min-height: 52px;
    padding: 10px;

    resize: vertical;

    color: #999;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    border-radius: 4px;
    outline: none;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input[type=text],
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea
    {
        font-size: 15px;

        min-height: 44px;
        padding: 6px 10px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input::-webkit-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea::-webkit-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:-o-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:-o-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input::-moz-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea::-moz-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:-ms-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:-ms-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-webkit-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-webkit-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-o-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-o-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-moz-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-moz-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form input:focus::-ms-input-placeholder,
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form textarea:focus::-ms-input-placeholder
{
    color: #999;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form select
{
    font-size: 16px;
    line-height: 52px;

    width: 100%;
    height: 52px;
    padding: 0 30px 0 10px;

    color: #999;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    outline: none;
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form select
    {
        line-height: 42px;

        height: 42px;
    }
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form .send
{
    text-align: center;
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form .submit
{
    font-size: 16px;
    line-height: 10px;

    height: 40px;
    margin-top: 20px;
    padding: 0 100px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border-radius: 30px;
    background-color: #e5e5e5;
    background-color: #0065b9;
}
.pagination{
    /* text-align: right; */
}
@media (max-width: 991px)
{
    .fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form .submit
    {
        font-size: 15px;
        line-height: 48px;

        height: 48px;
        margin-top: 20px;
        padding: 0 50px;
    }
    .leftmgs{
    /*display:none;*/
    width: 40px;
    height: 130px;
    right: 15px;
    
}
.pagination{
    text-align: center;
}
}
.fixed-product-consulting .wrap-product-consulting .product-consulting .product-consulting-list form .submit:hover
{
    color: #fff;
    background-color: #004a87;
}
button {
    border: 0;
    outline: none;
    background: transparent;
}
.flag {
    text-align: center;
    height: 800px;
}
.flag img{
    display: none;
    max-width: 800px;
}

@media (min-width: 991px){
    .newincell .npro-warp{
        width: 100px;
        position: absolute;
        left: 46%;
        bottom: -50px;
    }   
}
@media (max-width: 991px){
    .right_icon
    {
        display: none;
    }
    .circular.circular-warp img{
        max-width: 13500px;
    }
    .circular-warp1 img {
        max-width: 100%;
        margin-top: 50%;
    }
    .probrand-wrap{
        flex-direction: column;
    }
    .probrand-wrap .item-wrap{
        width: 100%;
    }
    .yunu-six-in li{
        float: none;
        width: 100%;
    }
    .yunu-six-in li a{
        margin: 0 0 25px 0;
    }
    .tit .new-tabs{
        margin-bottom: 20px;
    }
    .bom-logos{
        flex-direction: column;  
    }
    .band-wrapper .item{
        width: 100%;
    }
    .jcsys_part3 .list li{
        width: 50%;
        padding: 15px 0px;
    }
    .jcsys_part3 .list ul{
        margin: 0;
    }
    .toutiao{
        flex-direction: column;
    }
    .toutiao img{
        width: 100%;
      }
    .toutiao .right{
        width: 100%;
        margin-left: 0px;
    }
    .subname{
        font-size: 20px;
    }
    .m-cont{
        flex-direction: column;
    }
    .contact__area{
        width: 100%;
    }
    .culwh-list {
        margin-top: 14px;
    }

    .culwh-list ul {
        margin-left: 0;
    }

    .culwh-list li {
        width: 100%;
        margin-left: 0%;
        margin-top: 24px;
    }

    .culwh-wd h6 {
        font-size: 20px;
    }

    .culwh-wd span {
        font-size: 16px;
    }

    .culwh-wd i {
        margin: 12px 0;
    }

    .culwh-wd {
        margin-top: -60px;
        height: 180px;
    }
    .joinmenu p {
        margin-top: 12px;
    }

    .joinmenu p span {
        font-size: 20px;
    }

    .joinmenu a {
        margin: 0 20px;
    }

    .joinmenu {
        padding: 36px 0 40px;
    }

    .join-title li:nth-child(1),
    .join-li-name li:nth-child(1) {
        width: 76%;
    }
    .join-title li:nth-child(2), .join-li-name li:nth-child(2) {
        display: none;
    }
    .join-title li:nth-child(3),
    .join-li-name li:nth-child(3) {
        display: none;
    }

    .join-title li:nth-child(4),
    .join-li-name li:nth-child(4) {
        display: none;
    }

    .join-title li:nth-child(5),
    .join-li-name li:nth-child(5) {
        width: 24%;
    }

    .join-li-cont {
        padding: 18px 20px 36px;
    }

    .join-li-cont-info p {
        line-height: 30px;
    }

    .join-li-cont-top {
        margin-top: 18px;
    }

    .join-li-cont-send {
        margin-top: 24px;
    }

    .join-more {
        margin-top: 34px;
    }

    .join-item {
        padding-bottom: 40px;
    }
    .join-li-name li {
        padding: 16px 20px;
    }
    .flag img{
        width: 100%;
    }
    .flag{
        height: 360px;
    }
    .jszc-cont h3{
        font-size: 20px;
        line-height: 30px;
    }
    .jszc-cont{
        flex-direction: column;
        padding: 20px;
    }
    .jszc-cont .word{
        width: 100%;
    }
    .jszc-wrap1 .jszc-cont:nth-child(2n-1) {
         flex-direction: column-reverse;
    }
}