*{
    margin: 0;
    padding: 0;   
}

div{
    display: block;
    box-sizing: border-box;
}

.text_1{
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.text_2{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.text_3{
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.headback{
    height: 25px;
    width: 100%;
    background: #111111;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.headbackcon{
    width: 100%;
    max-width: 1620px;
    padding: 0 10px;
    margin: 0 auto;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headbackcon a:nth-child(1){
    margin-left: auto;
}

.headbackconmail{
    display: flex;
    justify-content: center;
    align-items: center;
}

.headbackconmail img{
    margin-right: 5px;
}


.headbackcon a{
    color: #fff;
    font-size: 12px;
    margin-left: 60px;
}

.headsearch{
    width: 240px;
    height: 32px;
    border-radius: 15px;
    background: #f4f4f4;
    margin-top: 23px;
    display: flex;
    padding: 0 10px;
    align-items: center;
}

.headsearch>img{
    width: 18px;
    height: 18px;
    margin-left: auto;
}

.headsearch>input{
    background: transparent;
    color: #111111;
    font-size: 16px;
}

.headsearch>input::placeholder{
    color: #999999;
}

.navbar_nav li:last-child::after{
    display: none!important;
}


.content{
    padding-top: 103px;
}

.conhead{
    height: 36.45vw;
    width: 100%;
    position: relative;
}

.conhead img{
    display: block;
    height: 36.45vw;
    width: 100%;
    object-fit: cover;
}

.conhead div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.conhead div h3{
    font-size: 48px;
    line-height: 48px;
    white-space: nowrap;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.conhead div p{
    font-size:36px;
    line-height: 36px;
    white-space: nowrap;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
}

.znav{
    height: 60px;
    width: 100%;
    display: block;
    background: #ffffff;
}

.navcon{
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 60px;
    max-width: 1620px;
    margin: 0 auto;
    width: 100%;
}

.navcon a{
    display: block;
    color: #666666;
}

.navcon img{
    margin-right: 16px;
}

.navconp{
    margin-left: 16px;
    margin-right: 13px;
}

.sonhead{
    height: 60px;
    background: #f7f7f9;
}

.sonheadsw{
    max-width: 1620px;
    display: block;
    height: 60px;
    width: 100%;
    margin: 0 auto;
}

.sonheadsw .swiper-slide{
    width: 230px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    color: #333333;
    text-align: center;
}

.sonheadsw .sonactive{
    background: #2e3094;
    color: #ffffff;
}

.fbcon{
    background: #f7f7f7;
}

.fbcon1{
    max-width: 1660px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    padding-top: 35px;
    padding-bottom: 280px;
}

.fbcon2{
    width: 100%;
    height: 600px;
    position: relative;
}

.fbcon2>img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.fbcon3{
    height: 600px;
    max-width: 960px;
    width: 100%;
    padding: 0 30px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fbcon3 img{
    position: absolute;
    top: 70px;
    left: 30px;
}

.fbcon3 p{
    font-size: 72px;
    text-align: center;
    color: #ffffff;
}

.fbcon4{
    border: 1px solid #333333;
    box-sizing: border-box;
    border-top: 0;
    width: 100%;
    height: 428px;
    background: #ffffff;
    padding: 0 20px;
}

.fbcon4 p{
    max-width: 580px;
    line-height: 48px;
    font-size: 24px;
    padding-top: 25px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.foot{
    background: #282828;
    padding-top: 60px;
}

.footone{
    width: 100%;
    max-width: 1740px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 30px;
    padding-bottom: 30px;
}

.foottwo{
    border-top: 2px solid #4c5057;
}

.foottwo1{
    max-width: 1740px;
    margin: 0 auto;
    padding: 8px 30px;
    display: flex;
    align-items: center;
}

.foottwo p{
    color: #ffffff;
    font-size: 14px;
    display: block;
    line-height: 40px;
}

.foottwo p a{
    color: #ffffff;
    font-size: 14px;
}

.foottwo p:nth-child(1){
    margin-right: 75px;
}

.footone1{
    max-width: 548px;
    width: 32%;
}

.footone1 img{
    margin-bottom: 25px;
}

.footone1 h3{
    font-size: 24px;
    line-height: 42px;
    color: #ffffff;
    font-weight: bold;
}

.footone1 p{
    color: #ffffff;
    font-size: 14px;
    line-height: 36px;
}

.footone2{
    width: 164px;
    height: 200px;
    background: #ffffff;
}

.footone2 img{
    width: 164px;
    height: 164px;
    margin: 0 auto;
}

.footone2 p{
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.footone3{
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}

.footonea{
    width: 100px;
    margin-left: 20px;
}

.footonea a{
    color: #ffffff;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
}

.footonea a:nth-child(1){
    font-size: 16px;
    margin-bottom: 15px;
}

.jgm{
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 30px;
}

.jgmtitle1{
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    line-height: 60px;
}

.jgmtitle2{
    font-size: 30px;
    line-height: 46px;
    color: #e6e6e6;
}

.jgmcon{
    margin-top: 8px;
    border-top: 2px solid #e6e6e6;
    padding-top: 50px;
}

.jgshow{
    width: 100%;
    height: 395px;
    background-color: #ffffff;
    box-shadow: 0px 2px 7px 1px 
            rgba(174, 174, 174, 0.35);
    padding: 50px;
    padding-left: 28px;
    margin-bottom: 50px;
    display: flex;
}

.jgshowleft>img{
    width: 116px;
    height: 41px;
    margin-top: 8px;
}

.jgshowleftimg {
	width: 367px;
	height: 188px;
	background-color: #ffffff;
	border: solid 1px #eeeeee;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.jgshowleftimg>img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.jgshowright{
    width: calc(100% - 445px);
    margin-left: auto;
}

.jgshowright>p{
    font-size: 24px;
    color: #333333;
    height: 43px;
    line-height: 43px;
}

.jgshowright1{
    border-top: 1px solid #2e3094;
    margin-top: 26px;
    padding-top: 30px;
}

.jgshowrightshow{
    display: flex;
    padding: 7px 0;
    padding-left: 5px;
}

.jgshowrightshow p{
    font-size: 16px;
    line-height: 22px;
}

.jgshowrightshow p:nth-child(1){
    width: 190px;
    line-height: 22px;
}
.jgshowrightshow p:nth-child(2){
    width: calc(100% - 190px);
}

.newscon{
    padding: 70px 30px;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
}

.newsconhead{
    display: flex;
    justify-content: space-between;
}

.newsconheadshow{
    width: 48.8%;
    height: 490px;
    display: block;
    position: relative;
}

.newsconheadshow img{
    width: 100%;
    height: 490px;
    display: block;
    object-fit: cover;
}

.newsconheadnote {
	width: 100%;
	height: 100px;
	background-color: rgba(46,48,148,0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 25px;
    display: flex;
}
.newsconheadnote h3{
    color: #ffffff;
    font-size: 19px;
    line-height: 30px;
    display: block;
    width: 50%;
}

.newsconheadnote p{
    color: #ffffff;
    font-size: 15px;
    margin-left: auto;
    padding-top: 40px;
}

.newsconall{
    display: flex;
    flex-wrap: wrap;
    margin-top: 90px;
}

.newsconshow{
    width: 30%;
    margin-left: 5%;
    margin-bottom: 30px;
    box-shadow: 0px 1px 10px #eee;
}

.newsconshow img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.newsconshow1{
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.newsconall .newsconshow:nth-child(3n+1){
    margin-left: 0;
}

.newsconshownote{
    padding: 22px;
}

.newsconshownote p{
    color: #999999;
    font-size: 15px;
    line-height: 36px;
}

.newsconshownote h3{
    font-size: 19px;
    line-height: 30px;
    transition: 0.5s all;
}

.newsconshownote a{
    display: block;
    font-size: 15px;
    line-height: 36px;
    color: #999999;
    margin-top: 15px;
    transition: 0.5s all;
}

.newsconshow:hover h3{
    color: #2e3094;
}

.newsconshow:hover a{
    color: #2e3094;
}

.page{
    display: flex;
    height: 32px;
    justify-content: center;
    margin-bottom: 80px;
}

.page a{
    min-width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    display: block;
    margin-right: 6px;
    border-radius: 5px;
    line-height: 32px;
}

.page a:last-child{
    margin-right: 0%;
}

.page a.active{
    border: 1px solid #2e3094;
    background: #2e3094;
    color: #ffffff;
}

.newxq{
    max-width: 1680px;
    padding: 0 30px;
    padding-top: 80px;
    padding-bottom: 45px;
    margin: 0 auto;
}

.newxqtitle{
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
}

.newxqtime{
    color: #999999;
    font-size: 18px;
    max-width: 960px;
    margin: 0 auto;
    margin-top: 20px;
}

.newxqnodes{
    padding: 50px 0 100px 0;
}

.newxqnodes img{
    max-width: 100%;
}

.newxqnext{
    border-top: 1px solid #f1f1f1;
    padding-bottom: 70px;
    padding-top: 40px;
}

.newxqnext{
    display: flex;
    align-items: center;
}

.newxqnext1 a{
    display: block;
    line-height: 32px;
    font-size: 16px;
    color: #333333;
}

.newxqnext2{
    display: block;
    margin-left: auto;
    padding: 0 14px;
    height: 38px;
    display: flex;
    border: 1px solid #666666;
    align-items: center;
    font-size: 14px;
    color: #666666;;
}

.newxqnext2 span{
    margin-left: 20px;
}

.kjcx{
    padding: 60px 0;
}

.kjcxtitle{
    width: 100%;
    max-width: 1680px;
    padding: 0 30px;
    margin: 0 auto;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.kjcxone{
    display: flex;
    min-height: 500px;
    margin-top: 30px;
}

.kjcxone>img{
    width: calc(100% - 910px);
    /* height: 500px; */
    display: block;
    object-fit: cover;
}

.kjcxone>div{
    background:#f7f7f7;
    width: 910px;
    padding: 40px 60px;
}

.kjcxonep1{
    font-size: 16px;
    line-height: 36px;
    color: #333333;
}

.yymar{
    margin-top: 70px;
    margin-bottom: 100px;
}

.yyall{
    display: flex;
    flex-wrap: wrap;
}

.yyshow{
    width: 23.7%;
    margin-right: 1.7%;
    position: relative;
    margin-bottom: 60px;
}



.yyall .yyshow:nth-child(4n){
    margin-right: 0;
}

.yyshow>img{
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.yyshownote{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
    /* height: 78px; */
    height: 380px;
    line-height: 80px;
    padding: 0 25px;
    font-size: 20px;
    padding-top: 300px;
    color: #ffffff;
    font-weight: bold;
    transition: 0.3s all;
}

.yyshownote:hover{
    background: rgba(46,48,148,0.3);
}

.shzrshow{
    display: flex;
    align-items: center;
    padding: 60px 0;
}

.shzrshow>img{
    height: 460px;
    object-fit: cover;
    max-width: 836px;
    width: calc(100% - 850px);
}

.shzrshow1{
    max-width: 826px;
}

.shzrleft .shzrshow1{
    margin-left: 100px;
}

.shzrshow1>h3{
    font-size: 24px;
    line-height: 50px;
    color: #333333;
}

.shzrshow1>p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 18px;
}

.shzrshow1all{
    display: flex;
    align-items: center;
    padding: 22px 0;
    /* overflow: hidden; */
}

.shzrshow1img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    overflow: hidden;
}

.shzrshow1all1{
    width: calc(100% - 102px);
    margin-left: auto;
}

.shzrshow1all1 h3{
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}

.shzrshow1all1 p{
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 6px;
}

.shzrright .shzrshow1{
    margin-left: auto;
    margin-right: 100px;
}

.shzr .shzrshow:nth-child(2n){
    background: #fafafa;
}

.zjyg{
    margin-top: 120px;
}

.companyonea{
    background: #f4f4f4;
}

.companyone{
    width: 100%;
    max-width: 1680px;
    padding: 60px 30px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.kjcxtitle1{
    width: 100%;
    max-width: 1680px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6e6e6;
}

.companyone1{
    display: flex;
    padding-top: 60px;
    padding-bottom: 20px;
}

.bor0{
    border-bottom: 0px;
}

.companyone1{
    display: flex;
    align-items: center;
}

.companyone2{
    max-width: 710px;
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
}

.companyone3{
    width: calc(100% - 762px);
    margin-left: auto;
    height: 527px;
    position: relative;
}

.companyone31{
    width: 100%;
    height: 527px;
    display: block;
    object-fit: cover;
}

.companyone32{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.companyone2_num{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.companyone2_num>div{
    width: 25%;
}

.companyone2_num>div h3{
    font-size: 36px;
    color: #2e3094;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
}

.companyone2_num>div h3 span{
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
}

.companyone2_num>div p{
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    margin-top: 15px;
}

.speech{
    display: flex;
}

.speechleft{
    width: calc(100% - 1240px);
    /* min-width: 288px; */
    min-height: 488px;
    background: #2e3094;
    position: relative;
    padding-top: 110px;
}

.speechleft>img{
    position: absolute;
    height: 100%;
    width: 268px;
    left: calc(100% - 2px);
    top: 0;
}

.speechleft h3{
    color: #ffffff;
    font-size: 36px;
    line-height: 60px;
    font-weight: bold;
    margin-left: 20%;
}

.speechleft p{
    font-size: 30px;
    line-height: 48px;
    color: #ffffff;
    margin-left: 20%;
}

.speechright{
    max-width: 840px;
    margin-left: auto;
    margin-right: 150px;
    padding-top: 36px;
}

.speechright p{
    font-size: 18px;
    line-height: 36px;
    display: block;
    color: #333333;
}

.management{
    width: 100%;
    padding: 80px 150px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
}

.managementa{
    margin-left: auto;
    width: 170px;
    height: 50px;
    color: #2e3094;
    border: 1px solid #2e3094;
    line-height: 50px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    display: block;
}

.performance{
    max-width: 1680px;
    padding: 30px;
    margin: 0 auto;
    padding-bottom: 90px;
    padding-top: 90px;
}

.performance1{
    max-width: 1500px;
    margin: 0 auto;
    margin-top: 50px;
}

.performanceswiper .swiper-slide{
	width: 346px;
    margin-right: 38px;
}

.performanceslide{
    width: 346px;
    height: 248px;
    background-color: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
}

.performanceslide img{
    max-width: 90%;
    max-height: 90%;
}

.performanceslidep{
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    padding: 13px 0;
    text-align: center;
}

.Branch{
    background-image: url(../images/sonbg.jpg);
    background-size: 100% 100% ;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.Branch .kjcxtitle1{
    border-bottom: 1px solid #ffffff;
}

.Branch .jgmtitle1{
    color: #ffffff;
}

.Branch .jgmtitle2{
    color: #ffffff;
}

.Branchcon{
    width: 100%;
    max-width: 1680px;
    padding: 50px 30px;
    margin: 0 auto;
}

.Branchcon1{
    max-width: 1440px;
    min-height: 530px;
    background: rgba(255,255,255,0.8);
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    padding: 60px 30px;
}

.Branchtable{
    width: 100%;
    max-width: 1280px;
    border-left: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
}

.Branchtablehead{
    display: flex;
    width: 100%;
    background: #eeeeee;
}

.Branchtablehead p{
    line-height: 72px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}

.Branchtr p{
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

.Branchtr p:nth-child(1){
    flex: 1;
}

.Branchtr p:nth-child(2){
    flex: 3;
}

.Branchtr p:nth-child(3){
    flex: 1;
}

.Branchtabletd{
    display: flex;
    height: 84px;
}

.Branchtabletd p{
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666666;
}

.Branchtabletd p a{
    width: 91px;
    height: 32px;
    border: solid 1px #666666;
    display: block;
    text-align: center;
    line-height: 32px;
    box-sizing: border-box;
    font-size: 16px;
    margin-left: 10px;
}

.structure{
    background: #2e3094;
}

.structure .jgmtitle1{
    color: #ffffff;
}

.structure .jgmtitle2{
    color: #ffffff;
}

.structure .managementa{
    color: #ffffff;
    border: 1px solid #ffffff;
}

.resources{
    background: #f4f4f4;
}

.resourcescon{
    max-width: 1680px;
    padding: 50px 30px;
    margin: 0 auto;
}

.resourcesconall{
    display: flex;
    justify-content: space-between;
}

.resourcesshow{
    width: 32%;
    height: 320px;
    margin-top: 20px;
    background-size: 100% 100%;
    position: relative;
    background-position: center;
    display: block;
}

.resourcesshow:hover{
    background-size: 150% 150%;
    transition: all 0.5s ease;
}

.resourcesshow1{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resourcesshow2 h3{
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.resourcesshow2 p{
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    margin-top: 10px;
    text-align: center;
}

.mapcon{
    max-width: 1680px;
    padding: 50px 30px;
    margin: 0 auto;
}

.mapshow{
    width: calc(100% - 500px);
    margin-left: auto;
    height: 500px;
}

#mapContainer{
    width: 100%;
    height: 500px;
}

.mapcon1{
    margin-top: 55px;
    padding-left: 50px;
    display: flex;
}

/*map*/
.contact-map{padding-left: 19px;padding-right: 19px;}
.my-map { margin: 0 auto; width: 100%; height: 459px;}
.amap-container{height: 100%;}
.mapalert{width: 201px;min-height: 44px;}
.mapalert>p:nth-child(1){font-size: 14px;font-weight: bold;color:#F2453D;padding-left: 16px;}
.mapalert>p:nth-child(2){font-size: 12px;font-weight: bold;color: #000000;padding-left: 16px;position: relative;line-height: 17px;}
.mapalert>p:nth-child(2)>img{position: absolute;left: 3px;top: 2px;}
.contact-show{padding-bottom: 25px;}

.mapconlist{
    width: 335px;
}

.mapconshow{
    min-height: 95px;
    border-bottom: 2px solid #cacaca;
    display: flex;
    padding-bottom: 10px;
    padding-top: 20px;
}

.mapconlist .mapconshow:last-child{
    border-bottom: 0;
}

.mapconshow1{
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.mapconshow1 img{
    object-fit: contain;
}

.mapconshow2{
    margin-left: 12px;
}

.mapconshow2 h3{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

.mapconshow2 p{
    font-size: 16px;
    line-height: 30px;
    color: #999999;
}

.mapconshowewm{
    margin-left: auto;
    width: 70px;
    height: 70px;
}

.about_management{
    max-width: 1680px;
    padding: 60px 30px;
    margin: 0 auto;
}

.about_management1{
    padding: 70px 120px 100px 130px;
    display: flex;
    align-items: flex-start;
}

.about_managementleft{
    width: 260px;
    background-color: #eff8fd;
}

.about_managementleft p{
    height: 54px;
    display: block;
    box-sizing: border-box;
    border-top: 2px solid #2e3094;
    border-bottom: 1px solid #2e3094;
    font-size: 18px;
    text-align: center;
    color: #2e3094;
    line-height: 50px;
}

.about_managementleft a{
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #ffffff;
    height: 40px;
    line-height: 39px;
    text-align: center;
    color: #333333;
}

.about_managementleft a:hover{
    background: #2e3094;
    color: #ffffff;
}

.about_management2{
    width: calc(100% - 370px);
    margin-left: auto;
}

.about_management2>img{
    width: 220px;
    height: 300px;
    display: block;
    margin: 0 auto;
}

.about_management2>h3{
    font-size: 22px;
    line-height: 42px;
    color: #2e3094;
    text-align: center;
    display: block;
}

.about_management3{
    margin-top: 30px;
    margin-bottom: 60px;
}

.about_management3 h3{
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    color: #2e3094;
    font-size: 20px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    padding-left: 14px;
}

.about_management3 p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    margin: 15px 0;
    /* text-indent:2em; */
    max-width: 880px;
}

.aboutson{
    padding: 90px 100px;
}

.aboutsonnav{
    display: flex;
    height: 100px;
}

.aboutsonnav a{
    width: 336px;
    margin-right: 18px;
    background: #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px;
    font-size: 18px;
}

.aboutsonnav a.active{
    background: #2e3094;
    color: #ffffff;
}

.aboutsonnav a:last-child{
    margin-right: 0;
}

.aboutsonde{
    margin-top: 70px;
    display: flex;
}

.aboutsonde img{
    width: calc(100% - 728px);
    height: 390px;
    object-fit: cover;
}

.aboutsondep{
    max-width: 650px;
    margin-left: auto;
    font-size: 14px;
    line-height: 36px;
}

.aboutOrganizational{
    background-image: url(../images/zzjg.jpg);
    background-size: 100% 100%;
}

.aboutOrganizational .jgmtitle1{
    color: #ffffff;
}

.aboutOrganizational .jgmtitle2{
    color: #ffffff;
}

.aboutOrganizational .kjcxtitle1{
    border-bottom: 1px solid #ffffff;
}

.aboutOrganizationalimg{
    margin: 80px auto;
    display: block;
    max-width: 100%;
}

.rclnnote{
    font-size: 18px;
    line-height: 36px;
    color: #333333;
    margin: 30px 0;
}

.rclnmid{
    width: 100%;
    height: 480px;
    background: #2e3094;
}

.rclnlist{
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    margin-top: -480px;
    padding: 0 30px;
    padding-top: 5px;
    padding-bottom: 100px;
}

.rclnlist>h3{
    font-size: 36px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    margin: 70px 0;

}

.rclnlista{
    display: flex;
    justify-content: space-between;
}

.rclnlistshow{
    background: #ffffff;
    max-width: 510px;
    width: 32%;
    box-shadow: 0px 4px 5px 0px 
		rgba(201, 201, 201, 0.38);
}

.rclnlistshow>img{
    width: 100%;
    height: 326px;
    object-fit: cover;
}

.rclnlistshow>div{
    padding: 20px 40px 50px;
}

.rclnlistshow>div p{
    font-size: 16px;
    line-height: 36px;
    color: #333333;
}

.rclnlistshow>div h3{
    font-size: 24px;
    line-height: 50px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.rclnlistshow>div div{
    width: 40px;
    height: 4px;
    background: #333333;
    margin: 0 auto;
    margin-top: 2px;
    margin-bottom: 20px;
}

.rclnfoot{
    display: flex;
    
}

.rclnfoot>img{
    height: 460px;
    width: calc(100% - 950px);
    display: block;
    object-fit: cover;
}

.rclnfoot1{
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    background: #2e3094;
    position: relative;
    padding-top: 100px;
    padding-left: 100px;
}

.rclnfoot1>img{
    height: 460px;
    width: 176px;
    position: absolute;
    left: -174px;
    top: 0;
}

.rclnfoot1>h3{
    font-size: 36px;
    color: #ffffff;
    line-height: 50px;
    font-weight: bold;
}

.rclnfoot1>p{
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    max-width: 540px;
    margin-top: 10px;
}

.rclnfoot1>a{
    width: 180px;
    height: 60px;
    background: #f5f5f5;
    display: block;
    line-height: 60px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 30px;
}

.shzp{
    width: 100%;
    background: #ffffff;
    border-radius: 20px;
    padding: 60px;
    padding-bottom: 30px;
    margin-top: 50px;
}

.search{
    width: 100%;
    max-width: 670px;
    height: 52px;
    border: 1px solid #b5b5b5;
    display: flex;
    align-items: center;
}

.search button{
    width: 140px;
    height: 50px;
    margin-left: auto;
    background: #2e3094;
    color: #ffffff;
    font-size: 14px;
}

.search input{
    height: 38px;
    width: calc(100% - 150px);
    box-sizing: border-box;
    display: block;
    padding-left: 18px;
}

.searchkey{
    color: #333;
    font-size: 14px;
    line-height: 46px;
    display: block;
    margin-bottom: 12px;
}

.searchkeyall {
	width: 100%;
	background-color: #f5f5f5;
    padding: 25px;
	box-shadow: 0px 4px 5px 0px 
		rgba(201, 201, 201, 0.38);
}

.searchkeyline{
    margin-bottom: 2px;
    display: flex;
}

.searchkeyline p{
    font-size: 16px;
    line-height: 34px;
    color: #666666;
    white-space: nowrap;
}

.searchkeylineshow{
    display: flex;
    margin-left: 10px;
    flex-wrap: wrap;
}

.searchkeylineshow a{
    display: block;
    margin-right: 5px;
    padding: 0 10px;
    min-width: 80px;
    border-radius: 6px;
    box-sizing: border-box;
    line-height: 34px;
    text-align: center;
    height: 34px;
    color: #666666;
    margin-bottom: 10px;
}

.searchkeylineshow a.active{
    background: #2e3094;
    color: #ffffff;
}

.zptablediv{
    width: 100%;
    overflow-x: scroll;
}


.zptablediv::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .zptablediv::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
    background: #fff;
  }
  .zptablediv::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
    border-radius: 10px;
    background: #fff;
  }

.zptable{
    width: 100%;
    min-width: 1200px;
}

.zptable th{
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    color: #333333;
}

.zptable td{
    padding-left: 20px;
    font-size: 14px;
    color: #666666;
}

.zptable td a{
    height: 35px;
    display: block;
    border: 1px solid #2e3094;
    color: #2e3094;
    width: 107px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
}

.zptable td a:hover{
    color: #ffffff;
    background: #2e3094;
}

.zptable tr{
    height: 50px;
    border-bottom: 1px solid #eeeeee;
}

.zptablediv{
    margin-top: 30px;
}

.zppage{
    margin-top: 50px;
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zppage a{
    line-height: 26px;
    margin-right: 20px;
    padding: 0 12px;
}

.zppage a:last-child{
    margin-right: 0;
}

.zppage a.active{
    color: #fff;
    background: #2e3094;
}

.shzpxqtitle{
    font-size: 30px;
    line-height: 48px;
    color: #333333;
    display: flex;
}

.shzpxqtitle a{
    margin-left: auto;
    height: 48px;
    display: block;
    width: 170px;
    border: 1px solid #2e3094;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    color: #2e3094;
}

.shzpxqmid {
	width: 100%;
	background-color: #f5f5f5;
	box-shadow: 0px 4px 5px 0px 
		rgba(201, 201, 201, 0.38);
    padding: 26px;
    padding-bottom: 16px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.sqzx .layui-form-select dl{
    top: 60px;
}

.shzpxqmid p{
    font-size: 16px;
    line-height: 36px;
    min-width: 33%;
    padding-right: 20px;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.shzpxqnote{
    padding-top: 40px;
}

.shzpxqnoteh3{
    font-size: 18px;
    line-height: 34px;
    display: block;
    color: #333;
    margin-bottom: 10px;
}

.shzpxqnotep{
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.shzpxqbtn{
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    font-size: 18px;
    color: #fff;
    background: #2e3094;
    margin-top: 40px;
    margin-bottom: 10px;
}

.zppop{
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.zpalert{
    width: 800px;
    /* height: 610px; */
    background-color: #ffffff;
    border-radius: 4px 4px 0px 0px;
    position: absolute;
    left: 50%;
    top: 150px;
    transform: translate(-50%,0);
}

.zpalerthead{
    height: 56px;
    width: 100%;
    background: #2e3094;
    display: flex;
    padding: 0 25px;
    align-items: center;
}

.zpalerthead h3{
    font-size: 18px;
    color: #ffffff;
}

.zpalerthead img{
    margin-left: auto;
    width: 16px;
    height: 16px;
}

.zpalertcon{
    padding: 20px;
}

.zpalertconp{
    font-size: 14px;
    color: #333333;
    line-height: 34px;
}

.zpalertconshowall{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.zpalertconshow{
    width: 48%;
    margin-top: 15px;
}

.zpalertconshow p{
    line-height: 38px;
    color: #333333;
    font-size: 14px;
    display: block;
}

.zpalertconshow input{
    width: 100%;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #666666;
    box-sizing: border-box;
    display: block;
    padding-left: 15px;
    line-height: 36px;
    font-size: 14px;
}

.zpalertconshow input::placeholder{
    color: #999999;
}

.zpalertconshow1 p span{
    color: #999999;
}

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

.zpalertconshow1 input{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.zpalertconshow1>div{
    width: 100%;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #666666;
    box-sizing: border-box;
    display: block;
    line-height: 36px;
    position: relative;
}

.zpalertconshow1>div>p{
    width: 86px;
    height:36px;
    background-color: #666666;
    border-radius: 4px 0px 0px 4px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}

.popbtn{
    display: flex;
}

.popbtn1{
    width: 100px;
    height: 38px;
    background: #f3f7fa;
    font-size: 14px;
    color: #333333;
    margin-left: auto;
    margin-top: 30px;
    margin-right: 15px;
}

.popbtn2{
    width: 100px;
    height: 38px;
    background: #2e3094;
    font-size: 14px;
    color: #ffffff;
    margin-top: 30px;
}

.filename{
    color: #333333;
    line-height: 40px;
    font-size: 16px;
}

.sqzx{
    padding: 30px 70px 80px;
    background: #f6f6f6;
    margin-top: 30px;
}

.sqzxdivall{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sqzxdiv{
    width: 48%;
    margin-bottom: 25px;
}

.sqzxdiv p{
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #333333;
}

.sqzxdiv .layui-input{
    border: 0;
    height: 60px;
    width: 100%;
    background-color: #ffffff;
    color: #333;
    font-size: 16px;
}

.sqzxdivall{
    display: flex;
}

.sqzxdiv1{
    width: 100%;
}

.sqzxdiv1 textarea{
    width: 100%;
    height: 230px;
    box-sizing: border-box;
    padding: 15px 20px;
}

.sqzxdiv1 textarea::placeholder{
    color: #999999;
}

.sqzxbtn{
    width: 180px;
    height: 65px;
    background-color: #2e3094;
    line-height: 65px;
    color: #ffffff;
    font-size: 18px;
    line-height: 65px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

.layui-form-select dl dd.layui-this {
    background-color: #2e3094;
    color: #fff;
}

.cxhzal{
    padding-top: 40px;
    background: #f4f4f4;
}

.cxhzallist{
    display: flex;
    flex-wrap: wrap;
    max-width: 1680px;
    padding: 0 30px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.cxhzallist div{
    width: 245px;
    height: 160px;
    margin-top: 30px;
    margin-right: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    transition: 0.5s all;
}

.cxhzallist div img{
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.cxhzallist div:nth-child(6n){
    margin-right: 0;
}

.cxhzallist div:hover{
    box-shadow: 0 0 20px #cccccc;
}

.jcjg{
    width: 100%;
    max-width: 1680px;
    padding: 90px 30px;
    margin: 0 auto;
}

.jcjgnote{
    display: flex;
}

.jcjgleft{
    width: 100%;
    max-width: 780px;
}

.jcjgleft h3{
    font-size: 36px;
    font-weight: bold;
    line-height: 90px;
}

.jcjgleft p{
    line-height: 16px;
    line-height: 24px;
}

.jcjgnote>img{
    height: 446px;
    width: calc(100% - 910px);
    object-fit: cover;
    margin-left: auto;
}

.jclx{
    background-image: url(../images/jclxfs.jpg);
    background-attachment: fixed;
    /* height: 700px; */
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.jclxall{
    width: 100%;
    max-width: 1680px;
    padding: 60px 30px;
    padding-bottom: 120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.jclxshow{
    width: 30%;
    max-width: 500px;
}

.jclxshow>h3{
    font-size: 36px;
    line-height: 50px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    text-align: center;
}

.jclxshow>.jclxshow1{
    min-height: 400px;
    background: rgba(255,255,255,0.8);
    width: 100%;
    margin-top: 50px;
    padding: 10px;
    display: flex;
}

.jclxshow2{
    width: 100%;
    border: dashed 1px #2e3094;
    padding: 30px;
}

.jclxshow2>h3{
    font-size: 18px;
    line-height: 20px;
    display: block;
    font-weight: bold;
}

.jclxshow2>p{
    font-size: 16px;
    line-height: 24px;
}

.zzzsswiper .swiper-slide{
    width: 322px;
    height: 285px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zzzsswiper .swiper-slide img{
    max-width: 90%;
    max-height: 90%;
}

.zzzsswiper{
    position: relative;
    /* padding: 0 90px; */
}

.zzzs{
    background: #f5f5f5;
    padding: 70px 0;
}

.zzzs>h3{
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 60px;
}

.zzzs1{
    max-width: 1620px;
    width: 100%;
    padding: 0 90px;
    margin: 0 auto;
    position: relative;
}

.zzzs1 .swiper-button-prev{
    background-image: url(../images/zzleft.png);
}


.zzzs1 .swiper-button-next{
    background-image: url(../images/zzright.png);
}

.wmdcn{
    background: #fafafa;
}

.wmdcncon{
    max-width: 1680px;
    padding: 80px 30px;
    margin: 0 auto;
}

.wmdcnconhead{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wmdcnconhead>div{
    width: 60px;
    height: 4px;
    background: #2e3094;
}

.wmdcnconhead>h3{
    font-size: 36px;
    margin: 0 18px;
    font-weight: bold;
    color: #333333;
}

.wmdcnconp{
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 50px;
}

.wmdcnlist{
    display: flex;
    justify-content: space-between;
}

.wmdcnshow{
    max-width: 360px;
    width: 23%;
    background: #ffffff;
    padding: 40px 60px;
}

.wmdcnshowhead{
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}

.wmdcnshowleft h3{
    font-size: 24px;
    line-height: 50px;
    font-weight: bold;
}

.wmdcnshowleft div{
    width: 20px;
    height: 4px;
    background: #2e3094;
}

.wmdcnshowhead img{
    margin-left: auto;
}

.wmdcnshowp{
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin-top: 20px;
}

.shlxfs{
    background-image: url(../images/shphone.jpg);
    /* background-attachment: fixed;
    background-size: cover; */
    height: 290px;
    background-size: 100% 100%;
}

.shlxfs1{
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    padding-top: 80px;
}

.shlxfs2{
    font-size: 48px;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
}

.shlxfs3{
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center;
}

.yjfk .jgmtitle1{
    text-align: center;
}

.yjfk .jgmtitle2{
    text-align: center;
}

.yjfk{
    max-width: 1680px;
    padding: 0px 30px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 140px;
}

.yjfk .sqzxdiv{
    width: 30%;
}

.yjfk .sqzxdiv1{
    width: 100%;
}

.shzc{
    max-width: 1680px;
    padding: 80px 30px;
    margin: 0 auto;
}

.shzccon{
    min-height: 458px;
    background: #2e3094;
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: row-reverse;
}

.shzcconimg{
    width: 55px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.shzccon1{
    width: calc(100% - 550px);
    background-image: url(../images/shleft.jpg);
    background-size: 100% 100%;
    padding: 60px;
    padding-bottom: 0;
}

.shzccon1>h3{
    font-size: 20px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #fff;
}

.shzccon1>h3 span{
    width: 9px;
    height: 9px;
    background-color: #2e3094;
    border-radius: 5px;
    margin-right: 10px;
}

.shzccon1>p{
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    /* padding-left: 20px; */
    margin-top: 16px;
}

.shzccon2{
    width: 550px;
    padding-top: 70px;
    padding-left: 50px;
}

.shzccon2>h3{
    font-size: 36px;
    line-height: 42px;
    color: #ffffff;
}

.shzccon2>p{
    font-size: 16px;
    color: #8889be;
    line-height: 24px;
}

.shzccon2>div{
    margin-top: 30px;
}

.shzccon2>div p{
    display: flex;
    line-height: 36px;
    height: 36px;
    align-items: center;
    color: #ffffff;
}

.shzccon2>div p span{
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background-color: #ffffff;
    margin: 0 10px;
}

.xcsp{
    width: 100%;
    height: 800px;
    background-image: url(../images/xcspbg.jpg);
    background-size: cover;
    background-position: center center;
    padding-top: 100px;
}

.xcspcon{
    width: 1230px;
    height: 565px;
    margin: 0 auto;
    padding-right: 30px;
    padding-top: 24px;
    position: relative;
}

.xcspcon1{
    width: 100%;
    height: 541px;
    background: rgba(255,255,255,0.4);
}

.xcspcon2{
    width: 1200px;
    height: 541px;
    position: absolute;
    right: 0;
    top: 0;
    background: #ffffff;
}

.xcspcon2img{
    width: 100%;
    height: 541px;
    object-fit: cover;
}

.xcspcon2play{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.xcspconswiper1{
    padding: 100px 0;
    position: relative;
    background: #f4f4f4;
}

.xcspconswiper1 .swiper-button-next{
    right: 30%;
    width: 68px;
    height: 68px;
    background-size: 100% 100%;
    background-image: url(../images/xcspright.png)
}

.xcspconswiper1 .swiper-button-prev{
    left: 30%;
    width: 68px;
    height: 68px;
    background-size: 100% 100%;
    background-image: url(../images/xcspleft.png)
}

.xcspconslide{
    width: 100%;
    height: 473px;
    position: relative;
}

.xcspconslide .xcspconslidebg{
    width: 100%;
    height: 473px;
    display: block;
    object-fit: cover;
}

.xcspconswiper .swiper-slide{
    width: 806px;
    transform: scale(0.8);
}

.xcspconswiper .swiper-slide-active{
    transform: scale(1);
}

.xcspcon2play1{
    width: 62px;
    height: 62px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.popvideo{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1110;
    display: none;
}

.popvideo video{
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.popvideo1{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1110;
    display: none;
}

.indexvideoalert1{
    background: rgba(0,0,0,0.8);
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexvideoalert1 .closeimg{
    position: absolute;
    right: 50px;
    top: 50px;
    width: 40px;
    height: 40px;
}


.indexvideoalert1 .showimg{
    max-width: 90vw;
    max-height: 90vh;
}

.scheight{
    height: 165px;
    width: 100%;
}

.shophead{
    width: 100%;
    height: 62px;
    top: 103px;
    left: 0;
    position: fixed;
    z-index: 99;
    background: #ffffff;
}

.shopheadcon{
    max-width: 1200px;
    height: 62px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background: #ffffff;
}

.shopheadconall{
    height: 62px;
    width: 252px;
    display: flex;
    align-items: center;
    padding-left: 34px;
    background: #2e3094;
    position: relative;
}

.shopheadconall>p{
    color: #ffffff;
    font-size: 16px;
    margin-left: 15px;
}

.shopheadsearch{
    height: 42px;
    margin-left: 35px;
    display: flex;
}

.shopheadsearchin{
    height: 42px;
    display: block;
    box-sizing: border-box;
    width: 492px;
    border: 2px solid #2e3094;
}

.shopheadsearchbtn{
    height: 42px;
    width: 90px;
    background: #2e3094;
    color: #ffffff;
    font-size: 14px;
}

.shopheadcar{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #2e3094;
    width: 148px;
    height: 42px;
    margin-left: auto;
}

.shopheadcar p{
    font-size: 14px;
    margin-left: 6px;
}

.shopheadcar p span{
    color: #ee1c22;
}

.shopheadpl{
    width: 116px;
    height: 42px;
    background: #2e3094;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
}

.shopheadpl p{
    color: #ffffff;
    font-size: 14px;
    margin-left: 6px;
}

.shop{
    width: 1200px;
    margin: 0 auto;
}

.shopone{
    height: 493px;
    width: 100%;
    display: flex;
}

.shoponeswiper1{
    width: 676px;
    height: 493px;
}

.shoponeswiper{
    width: 676px;
    height: 493px;
}

.shoponeswiper .swiper-pagination{
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
}

.shoponeswiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #ffffff;
    opacity: 1;
}

.shoponeswiper .swiper-pagination-bullet-active{
    width: 12px;
    height: 12px;
    background: #2e3094;
    border: 1px solid #2e3094;
}

.shoponeright{
    width: 250px;
    margin-left: auto;
    padding-top: 13px;
}

.shoponerightlogin{
    height: 170px;
    background: #ffffff;
    width: 100%;
    padding: 0 15px;
}

.shoponerightlogin>p{
    font-size: 14px;
    color: #333333;
    padding: 10px 0;
    line-height: 22px;
}

.shoponerightloginbtn{
    display: flex;
    margin-top: 3px;
    margin-bottom: 3px;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
}

.shoponerightloginbtn a:nth-child(1){
    width: 65px;
    height: 29px;
    background-color: #2e3094;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12PX;
    text-align: center;
    line-height: 29px;
}

.shoponerightloginbtn a:nth-child(2){
    width: 65px;
    height: 29px;
    color: #2e3094;
    border-radius: 4px;
    border: 1px solid #2e3094;
    font-size: 12px;
    text-align: center;
    line-height: 29px;
}

.shoponerightall{
    display: flex;
    justify-content: space-between;
    padding: 0 3px;
    margin-top: 15px;
    align-items: center;
}

.shoponerightall a{
    width: 64px;
    height: 74px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 12px;
}

.shoponerightall a img{
    height: 26px;
    margin: 0 auto;
    display: block;
}

.shoponerightall a p{
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
}

.shoponerightall>div{
    height: 50px;
    width: 1px;
    background: #eeeeee;
}

.shoponerightalink1{
    width: 250px;
    height: 145px;
    background-image: url(../images/shopheadright1.png);
    background-size: 100% 100%;
    display: block;
    padding: 15px;
}

.shoponerightalink1 h3{
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    width: 170px;
    height: 48px;
}

.shoponerightalink1 p{
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    width: 150px;
    margin-top: 10px;
}

.shoponerightalink2{
    width: 250px;
    height: 145px;
    background-image: url(../images/shopheadright2.png);
    background-size: 100% 100%;
    display: block;
    padding: 15px;
}

.shoponerightalink2 h3{
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    width: 170px;
    height: 48px;
}

.shoponerightalink2 p{
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    width: 150px;
    margin-top: 10px;
}

.shopindexmid{
    width: 100%;
    height: 410px;
    background-image: url(../images/spmidbg.jpg);
    background-size: 100% 100%;
    margin-top: 22px;
    padding: 10px 0;
}

.shopindexmid>h3{
    font-size: 30px;
    line-height: 60px;
    display: block;
    color: #ffffff;
    padding-left: 12px;
    box-sizing: border-box;
}

.shopindexmidswiper{
    height: 330px;
}

.shopindexmidswiper .swiper-slide{
    width: 230px;
    height: 330px;
    background: #ffffff;
}

.shopindexmidswiper .swiper-slide>a{
    width: 230px;
    height: 330px;
    display: block;
}

.shopindexmidswiper{
    
}

.shopindexmidswiper .swiper-button-prev{
    background-size: 100% 100%;
    background-image: url(../images/spmidleft.png);
    width: 32px;
    height: 65px;
    left: 0;
}

.shopindexmidswiper .swiper-button-next{
    background-size: 100% 100%;
    background-image: url(../images/spmidright.png);
    width: 32px;
    height: 65px;
    right: 0;
}

.shopindexmidswipera>.shopindexmidswiperaimg{
    width: 230px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopindexmidswipera>.shopindexmidswiperaimg>img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.shopindexmidswiperadiv{
    padding: 5px 18px;
}

.shopindexmidswiperah3{
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;
    color: #333333;
}

.shopindexmidswiperap1{
    font-size: 14px;
    line-height: 18px;
    color: #999999;
}

.shopindexmidswiperap2{
    color: #f74747;
    font-size: 20px;
    line-height: 36px;
    text-align: right;
    font-weight: bold;
    margin-top: 8px;
}

.mida{
    display: block;
    margin-top: 60px;
    margin-bottom: 16px;
}

.mida img{
    width: 100%;
    display: block;
}

.jptitle{
    display: block;
    line-height: 104px;
    font-size: 30px;
    color: #333333;
}

.jpall{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.jpshow{
    display: flex;
    margin-bottom: 35px;
    width: 590px;
}

.jpshowleft{
    width: 180px;
    height: 300px;
    background-size: 100%;
    padding-top: 50px;
    text-align: center;
}

.jpshowleft>p{
    line-height: 26px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}

.jpshowleft>a{
    border: solid 1px #ffffff;
    font-size: 16px;
    line-height: 36px;
    padding: 0 20px;
    display: inline-block;
    color: #fff;
    margin: 0 auto;
    margin-top: 50px;
}

.jpshowright{
    width: 404px;
    margin-left: auto;
}

.jpshowrightlistshow{
    width: 130px;
    height: 225px;
    background: #ffffff;
    padding: 20px 14px;
    display: block;
    margin-left: 8px;
}

.jpshowrightlistshow>img{
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
}

.jpshowrightlistshow>div{
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jpshowrightlistshow>h3{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
    display: block;
    margin-top: 18px;
}

.jpshowrightlistshow2{
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    height: 54px;
    margin-top: 2px;
}

.jpshowrightlistshow3{
    font-weight: bold;
    font-size: 14px;
    color: #f74747;
    font-weight: bold;
    text-align: right;
    margin-top: 5px;
}

.jpshowrightlist{
    display: flex;
}

.jpshowrightlist .jpshowrightlistshow:nth-child(1){
    margin-left: 0;
}

.jpshowrightlistfoot{
    width: 404px;
    background-color: #fff;
    height: 75px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.jpshowrightlistfoota{
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.jpshowrightlistfootaimg{
    width: 60px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jpshowrightlistfootaimg img{
    max-width: 100%;
    max-height: 50px;
}

.jpshowrightlistfootap{
    width: 80px;
    padding-left: 10px;
}

.jpshowrightlistfootap1{
    font-size: 12px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
}

.jpshowrightlistfootap2{
    color: #f74747;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.spckqb{
    display: flex;
    align-items: center;
    margin-left: auto;
}

.spckqb>p{
    font-size: 14px;
    font-weight: bold;
}

.spckqb img{
    margin-left: 5px;
    width: 15px;
    height: 15px;
}

.zhuce{
    max-width: 500px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 150px;
}

.zhucet{
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    display: block;
}

.zcbz{
    display: flex;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 30px;
    justify-content: center;
}

.zcbz>p{
    display: flex;
    align-items: center;
    font-size: 14px;
}

.zcbz>p span{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    color: #ffffff;
    background: #333333;
    margin-right: 10px;
}

.zcbz>img{
    margin: 0 25px;
}

.zcbz>p.zcbzactive{
    color: #2e3094;
}

.zcbz>p.zcbzactive span{
    background: #2e3094;
}

.zhuceshow{
    display: flex;
    margin-bottom: 16px;
    align-items: center;
}

.zhucein{
    width: 356px;
    height: 65px;
    background: #f9f9f9;
    margin-left: auto;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.zhuceshow>p{
    width: 130px;
    text-align: right;
    font-size: 16px;
}

.zhucein>input{
    width: 330px;
    line-height: 60px;
    height: 60px;
    background: transparent;
    font-size: 16px;
}

.zhucein>input::placeholder{
    color: #999999;
}

.zhucein1>input{
    width: 160px;
}

.zhucein1>button{
    width: 90px;
    text-align: center;
    background: transparent;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-left: auto;
    margin-right: 20px;
    color: #2e3094;
}

.zcagree{
    display: flex;
    align-items: center;
    justify-content: center;
}

.zcagree p{
    font-size: 12px;
}

.zcagree p a{
    font-size: 12px;
    color: #ee1d23;
}

.zcagree .layui-form-checked[lay-skin=primary] i {
    border-color: #2e3094!important;
    background-color: #2e3094;
    color: #fff;
}

.zcbtn {
	width: 356px;
	height: 65px;
	background-color: #2e3094;
	border-radius: 4px;
    margin-left: auto;
    font-size: 14px;
    color: #fff;
    margin-top: 25px;
}

.rzimgup{
    width: 100px;
    height: 100px;
    position: relative;
}

.rzimgup>input{
    opacity: 0;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.zcpop{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0,0,0,0.2);
    display: none;
}

.zcdiv{
    width: 700px;
    height: 290px;
    background: #ffffff;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,0);
}

.zcdivhead{
    display: flex;
    align-items: center;
    height: 70px;
    border-bottom: 1px solid #999;
    padding: 0 30px;
    font-size: 20px;
}

.zcdivhead>img{
    margin-left: auto;
    width: 24px;
    height: 24px;
}

.zcdivcon{
    padding: 25px 58px;
    display: flex;
}

.zcdivcon>img{
    width: 61px;
    height: 61px;
    display: block;
}

.zcdivcon1{
    margin-left: 19px;
}

.zcdivcon1>h3{
    font-size: 16px;
    color: #ee1d23;
    line-height: 40px;
}

.zcdivcon1>p{
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}

.zcdivcon2{
    display: flex;
    padding-left: 49px;
    margin-top: 40px;
}

.zcdivcon2>p{
    padding: 0 40px;
    height: 40px;
    border: solid 1px #999999;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    color: #999999;
    line-height: 40px;
}

.zcdivcon2 .zcdivcon3{
    margin-left: 36px;
    background-color: #2e3094;
    border: solid 1px #2e3094;
    color: #ffffff;
}

.zhuceinallc{
    margin-top: 80px;
}

.zhuceinallc>img{
    display: block;
    margin: 0 auto;
}

.zhuceinallc p{
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    margin-top: 20px;
}

.zhuceinallc p a{
    color: #2e3094;
}

.navtabp{
    height: 62px;
    display: flex;
    align-items: center;
    color: #999999;
}

.navtabp a{
    color: #999999;
}

.goodcon{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 1px;
    /* display: flex; */
}

.goodcon1{
    display: flex;
}

.shoponemenu{
    width: 252px;
    height: 493px;
    background: #231f20;
    margin-right: 11px;
    padding-top: 10px;
}

.shoponemenushow{
    display: flex;
    align-items: center;
    padding: 0 19px;
    height: 48px;
    position: relative;
}

.shoponemenushow>img{
    width: 8px;
    height: 14px;
    margin-left: auto;
}

.shoponemenushow1{
    width: 200px;
}

.shoponemenushow1>h3{
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    line-height: 20px;
}

.shoponemenushow1>p{
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
}

.shoponemenushowactive{
    background: #2e3094;
}

.shoponemenulist{
    width: 686px;
    min-height: 120px;
    background: #fff;
    z-index: 10;
    position: absolute;
    left: 252px;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 20px;
}

.shoponemenulistshow{
    height: 48px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    width: 210px;
}
.shoponemenulistshow>div{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shoponemenulistshow>div>img{
    max-width: 100%;
    max-height: 100%;
}

.shoponemenulistshow p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-left: 10px;
    padding-right: 15px;
    width: 150px;
}

.shoponemenulistshow:hover p{
    color: #2e3094;
}

.shoponemenulist{
    display: none;
}

.shoponemenushowactive .shoponemenulist{
    display: flex;
}

.shoponemenuzzz{
    position: absolute;
    top: 61px;
    left: 0;
}

.shoponemenuzzz{
    display: none;
}

.goodnav{
    width: 1200px;
    /* height: 180px; */
    background: #ffffff;
    padding: 25px;
    margin-bottom: 20px;
}

.goodnavlist{
    display: flex;
}

.goodnavlistp{
    width: 120px;
    font-size: 14px;
    line-height: 32px;
    color: #999999;
}

.goodnavlista{
    display: flex;
    flex-wrap: wrap;
    max-width: 950px;
    margin-bottom: 10px;
}

.goodnavlista>a{
    color: #333333;
    font-size: 14px;
    padding: 0 10px;
    line-height: 32px;
    margin-right: 40px;
}

.goodlist{
    width: 100%;
    min-height: 100px;
    background: #ffffff;
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
}

.goodlist .shopindexmidswiperagood{
    width: 240px;
    height: 308px;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.goodlist .shopindexmidswiperap2{
    text-align: left;
    margin-top: 0;
}

.goodlist .shopindexmidswiperap2 span{
    font-size: 12px;
    color: #999999;
    text-decoration: line-through;
}

.goodnavlista .goodnavlistaactive{
    color: #2e3094;
}

.loginbg{
    width: 100%;
    height: 740px;
    background-image: url(../images/loginbg.jpg);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginv{
    width: 100%;
    max-width: 1200px;
    height: 600px;
    background: #ffffff;
    display: flex;
}

.loginv>img{
    width: calc(100% - 600px);
    height: 600px;
    object-fit: cover;
}

.loginv1{
    width: 600px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginv2{
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}

.loginv2{
    font-size: 18px;
}

.loginv2>p:nth-child(2){
    margin: 0 20px;
}

.loginvform .zhucein{
    margin-bottom: 16px;
}

.logingo{
    font-size: 16px;
    line-height: 36px;
    text-align: right;
}

.logingo a{
    color: #2e3094;
}

.loginv2 .active{
    color: #2e3094;
}

.loginvformlogin2{
    display: none;
}

.loginforget{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loginforget>a{
    color: #2e3094;
}

.mycon{
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
}

.myconleft{
    width: 240px;
}

.myconleftshow{
    border:1px solid #e1e1e1;
}

.myconleftshow>h3{
    background: #ececec;
    border-bottom:1px solid #e1e1e1;
    color: #999999;
    padding-left: 40px;
    height: 50px;
    line-height: 50px;
}

.myconleftshowlist>a{
    padding: 10px;
    padding-left: 40px;
    font-size: 16px;
    line-height: 32px;
    display: block;
}
.myconleftshowlist>a.active{
    background: #2e3094!important;
    color: #ffffff!important;
}

.myconleftshowlist>a:hover{
    color: #2e3094;
}

.myconleftshowlist a.active{
    color: #2e3094;
}

.myconright{
    width: 928px;
    margin-left: auto;
    min-height: 778px;
    box-shadow: 0 0 5px #eaeaea;
    padding: 15px;
}

.myconrighthead{
    color: #2e3094;
    font-size: 24px;
    line-height: 34px;
    display: flex;
    align-items: center;
}

.myconrighthead img{
    width: 12px;
    height: 22px;
    display: block;
    margin-right: 12px;
}

.myconinfo{
    padding-top: 55px;
}

.infoimg{
    display: flex;
    position: relative;
    width: 200px;
    height: 112px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.infoimg>img{
    width: 112px;
    height: 112px;
    object-fit: cover;
    border-radius: 50%;
}

.infoimg>p{
    display: flex;
    height: 20px;
    font-size: 16px;
    align-items: center;
    margin-left: auto;
    margin-top: 88px;
}

.infoimg>p>img{
    margin-left: 6px;
}

.infoimg>input{
    opacity: 0;
    width: 100%;
    height: 112px;
    position: absolute;
    left: 0;
    top: 0;
}

.infoinput{
    width: 400px;
    margin: 0 auto;
    display: flex;
    height: 43px;
    align-items: center;
    margin-bottom: 25px;
}

.infoinput>p{
    width: 134px;
    text-align: right;
    font-size: 16px;
    color: #333333;
}

.infoinput>div{
    width: 266px;
    margin-left: auto;
}

.infoinputin {
	width: 266px;
	height: 43px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #2e3094;
    padding: 0 15px;
}

.infoinputin {
	width: 266px;
	height: 43px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #2e3094;
    padding: 0 15px;
}

.infoinputin::placeholder{
    color: #999999;
}

.infoinputinyzm{
    display: flex;
}

.infoinputinyzm>input{
    width: 120px;
    line-height: 43px;
}
.infoinputinyzm>button{
    margin-left: auto;
    width: 100px;
    background: transparent;
    color: #2e3094;
}

.mybtn {
	width: 175px;
	height: 53px;
	background-color: #2e3094;
    font-size: 18px;
    text-align: center;
    line-height: 53px;
    color: #ffffff;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
}

.zhaq{
    padding-top: 25px;
}

.zhaqshow{
    border: 1px solid #d8d9da;
    margin-bottom: 40px;
}

.zhaqshowhead{
    height: 35px;
    line-height: 35px;
    background: #f2f6fa;
    font-size: 16px;
    color: #333333;
    padding-left: 15px;
}

.zhaqshownote{
    height: 70px;
    border-top: 1px solid #d8d9da;
    display: flex;
    padding: 0 28px;
    align-items: center;
}

.zhaqshownote1{
    margin-left: 15px;
    margin-right: auto;
}

.zhaqshownote1 h3{
    font-size: 14px;
    line-height: 20px;
}

.zhaqshownote1 p{
    font-size: 12px;
    line-height: 20px;
    color: #666666;
}

.zhaqshownote2{
    display: flex;
    align-items: center;
    height: 17px;
    /* margin-left: auto; */
}

.zhaqshownote2>p{
    margin-left: 6px;
    font-size: 14px;
    color: #64c32b;
    margin-right: 20px;
}

.zhaqshownote3{
    font-size: 14px;
    color: #1f71de;
}

.xgpass{
    height: 48px;
    display: flex;
    align-items: center;
    width: 582px;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 120px;
}

.xgpassshow{
    width: 147px;
    height: 48px;
    border: 1px solid #e1e1e1;
    line-height: 48px;
    box-sizing: border-box;
    text-align: center;
    color: #333333;
    position: relative;
}

.xgpassshow span{
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: #c3c3c3;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: -44px;
    font-size: 24px;
    text-align: center;
    line-height: 37px;
    color: #ffffff;
}

.xgpassshowhr{
    height: 1px;
    width: 71px;
    background: #e1e1e1;
}

.xgpassshowactive>span{
    background: #2e3094;
    color: #ffffff;
}

.xgpassshowactive p{
    color: #2e3094;;
}

.passdiv{
    width: 400px;
    margin: 0 auto;
    margin-top: 80px;
}

.passdivwarn{
    display: flex;
    margin-bottom: 20px;
    padding-left: 35px;
}

.passdivwarn>img{
    width: 28px;
    height: 28px;
    margin-right: 10px ;
}

.passdivwarn>p{
    line-height: 28px;
    font-size: 16px;
}

.infoinputbr{
    font-size: 14px;
    line-height:16px;
    color: #999999;
    width: 268px;
    margin-left: auto;
    margin-top: -20px;
    margin-bottom: 20px;
}

.passdiv2{
    display: none;
}

.passdiv3{
    display: none;
}

.yxbtnlist{
    display: flex;
    width: 300px;
    margin-left: auto;
}

.yxbtnlist .mybtn{
    width: 125px;
}

.mybtn1{
    border: 1px solid #2e3094;
    background: #ffffff;
    color: #2e3094;
}

.goodswiper{
    width: 380px;
}

.goodinfo{
    width: 760px;
    margin-left: auto;
    padding-top: 10px;
}

.goodinfohead{
    display: flex;
    align-items: center;
}

.goodinfohead2{
    width: 760px;
    padding: 10px 15px;
    background: #f3f3f3;
    margin-top: 28px;
}

.goodinfohead1>h3{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 40px;
    display: block;
}

.goodinfohead1>p{
    font-size: 14px;
    line-height: 16px;
    color: #999999;
}

.goodinfohead2{
    display: flex;
    padding-bottom: 20px;
}

.goodinfohead2>img{
    width: 80px;
    height: 28px;
    display: block;
}

.carlistlogindiv {
    height: 36px;
    padding: 0 22px;
    background: #2e3094;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    margin-left: 20px;
    color: #ffffff;
    margin-left: 15px;
    position: relative;
}

.goodinfohead2>p{
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    width: 616px;
    margin-left: auto;
}

.goodinfoheadsc{
    margin-left: auto;
}

.goodinfoheadsc>img{
    margin: 0 auto;
    display: block;
    width: 18px;
    height: 18px;
}

.goodinfoheadsc>p{
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 28px;
    color: #333333;
}

.goodinfoprice{
    /* display: flex; */
    margin-top: 16px;
}

.goodinfoprice1{
    font-size: 14px;
    color: #333;
    display: inline-block;
}

.goodinfoprice2{
    font-size: 24px;
    color: #f74747;
    font-weight: bold;
    display: inline-block;
    /* margin-left: 10px;
    margin-right: 6px; */
}

.goodinfoprice3{
    font-size: 14px;
    color: #999999;
    font-weight: bold;
    display: inline-block;
    text-decoration: line-through;
}

.goodinfoaddress{
    display: flex;
    align-items: center;
    color: #333;
    font-size: 12px;
    margin-top: 25px;
}

.goodinfoaddress>p:nth-child(1){
    font-size: 14px;
    width: 74px;
}

.goodinfoaddress1{
    border: 1px solid #eee;
}

.goodinfoaddressxz{
    display: flex;
}

.goodinfoaddressxz>select{
    width: 60px;
    height: 26px;
    font-size: 14px;
    margin-right: 10px;
}

.goodinfohr{
    height: 1px;
    width: 100%;
    background: #dedde4;
    margin-top: 10px;
}

.goodinfoaddnote{
    display: flex;
    padding-left: 74px;
    margin-top: 16px;
    height: 14px;
}

.goodinfoaddnote>div{
    display: flex;
    align-items: center;
}

.goodinfoaddnote>div>p{
    font-size: 14px;
    color: #333333;
    margin-left: 4px;
}

.goodinfoaddnote>div:nth-child(2)>p{
    color: #2e3094;
}

.goodinfoaddnote>div:nth-child(2){
    margin-left: 20px;
}

.goodinfolist{
    padding: 15px 0;
    border-bottom: 1px solid #dedde4;
}

.goodinfolist>div{
    display: flex;
}

.goodinfolist>div>p{
    width: 33%;
    font-size: 14px;
    line-height: 36px;
    display: block;
}

.goodinfolist>div>p span{
    width: 80px;
    display: inline-block;
}

.payfs{
    padding: 20px 0;
}

.payfsa{
    display: flex;
    height: 18px;
    align-items: center;
}

.payfsa>p{
    font-size: 14px;
    width: 110px;
}

.payfsa>div{
    display: flex;
    align-items: center;
    min-width: 100px;
    margin-right: 15px;
}

.payfsa>div p{
    font-size: 14px;
    margin-left: 5px;
}

.gallery .swiper-slide{
    width: 380px;
    height: 380px;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery .swiper-slide img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.thumbs{
    margin-top: 30px;
}

.thumbs .swiper-slide{
    width: 76px;
    height: 76px;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbs .swiper-slide img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.thumbs .swiper-slide-thumb-active{
    border: 1px solid #2e3094;
}

.goodswiper1{
    padding: 0 34px;
    position: relative;
}

/* .goodswiper1 .swiper-button-prev:hover {
    background-image: url(../images/goodleft.png);
}

.goodswiper1 .swiper-button-next:hover {
    background-image: url(../images/goodright.png);
} */

.goodswiper1 .swiper-button-prev {
    background-image: url(../images/goodleft.png);
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    margin-top: -12px;
    left: 0;
}

.goodswiper1 .swiper-button-next {
    background-image: url(../images/goodright.png);
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    margin-top: -12px;
    right: 0;
}

.goodnavmenu{
    margin-top: 60px;
    border: 1px solid #d6d6d6;
}

.conconcon{
    width: 1200px;
    margin: 0 auto;
}

.goodnavmenuhead{
    height: 68px;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.goodnavmenuhead>p{
    width: 130px;
    font-size: 14px;
    color: #333333;
}

.goodnavmenuheaddiv{
    display: flex;
}

.goodnavmenuheaddiv>input{
    width: 304px;
    height: 30px;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    padding-left: 10px;
}

.goodnavmenuheaddiv>button{
    background: #2e3094;
    color: #ffffff;
    font-size: 12px;
    padding: 0 15px ;
    line-height: 30px;
    height: 30px;
}

.goodnavmenuheaddiv>input::placeholder{
    color: #999999;
    font-size: 12px;
}

.goodnavmenucon{
    padding: 20px 15px 10px 15px;
}

.goodnavmenuconshow{
    display: flex;
    /* height: 29px; */
    
}

.goodnavmenuconshow>p{
    width: 130px;
    font-size: 14px;
    color: #333333;
    height: 29px;
    line-height: 29px;
    min-width: 130px;
}

.goodnavmenuconshow>div{
    display: flex;
    flex-wrap: wrap;
}

.goodnavmenuconshow>div p{
    min-width: 56px;
    padding: 0 8px;
    display: block;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    text-align: center;
    line-height: 29px;
    font-size: 12px;
    color: #333333;
    margin-right: 10px;
    margin-bottom: 10px;
}

.goodnavmenuconshow>div p:hover{
    border: 1px solid #2e3094;
    background: #2e3094;
    color: #ffffff;
}

.goodnavmenuconshow>div p.active{
    border: 1px solid #2e3094;
}


.goodcarlist{
    margin-top: 30px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}

.goodcarlisthead{
    display: flex;
    height: 56px;
    background: #f5f5f5;
}

.flex2{
    flex: 2;
}

.flex1{
    flex: 1;
}

.goodcarlisthead p{
    line-height: 56px;
    text-align: center;
    font-size: 14px;
}

.goodcarlistshow{
    display: flex;
    border-top: 1px solid #d6d6d6;
    height: 48px;
}

.goodcarlistshow:hover{
    background-color: #f8f8f8;
}
.goodcarlistshow p{
    line-height: 48px;
    text-align: center;
    font-size: 14px;
}

.goodcarlistshowbtn{
    display: flex;
    justify-content: center;
    align-items: center;
}

.goodcarlistshowbtn>input{
    width: 60px;
    font-size: 14px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.goodcarlistshowbtn>button{
    width: 25px;
    height: 25px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}

.goodcarlistpage{
    height: 23px;
    display: flex;
    margin-top: 25px;
    justify-content: end;
    font-size: 14px;
}

.goodcarlistpage span{
    font-size: 14px;
}

.goodcarlistpage>a{
    width: 23px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    line-height: 23px;
}

.goodcarlistpage>a.nexta{
    background: #f4f4f5;
}

.goodcarlistpage>a.active{
    background: #2e3094;
    color: #ffffff;
}

.goodcarlistpage p input{
    width: 48px;
    border: 1px solid #f5f5f5;
    margin: 0 4px;
    color: #333;
    text-align: center;
    height: 23px;
    line-height: 23px;
}

.goodcarbtn{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.goodcarbtn>button{
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 45px;
    margin-left: 8px;
    border: 1px solid #2e3094;
    background: #ffffff;
    color: #2e3094;
    font-size: 18px;
}

.goodcarbtn .goodcarbtn1{
    background: #2e3094;
    color: #ffffff;
}

.gooddetail{
    border-top: 1px solid #dedde4;
    margin-top: 85px;
    padding-top: 85px;
}

.gooddetailalist{
    display: flex;
    height: 28px;
    justify-content: center;
}

.gooddetailalist a{
    line-height: 28px;
    display: inline-block;
    margin-right: 60px;
    padding: 0 10px;
}

.gooddetailalist a:last-child{
    margin-right: 0;
}

.gooddetailalist a.active{
    color: #2e3094;
    border-bottom: 3px solid #2e3094;
}

.gooddetailhead{
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #dedde4;
    margin-top: 25px;
}

.gooddetailhead>div{
    width: 5px;
    height: 24px;
    background-color: #2e3094;
    margin-right: 10px;
}

.gooddetailhead>p{
    font-size: 18px;
    color: #333333;
}

.gooddetailgg{
    display: flex;
    padding: 40px 0;
}

.gooddetailgg>h3{
    font-size: 18px;
    font-weight: bold;
    max-width: 100px;
}

.gooddetailggdiv{
    width: 1100px;
    margin-left: auto;
    display: flex;
    border-left: 1px solid #d6d6d6;
    flex-wrap: wrap;
}

.gooddetailggdivshow{
    display: flex;
    width: 50%;
}

.gooddetailggdivshow1{
    width: 180px;
    max-width: 180px;
    background: #eeeeee;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.gooddetailggdivshow2{
    width: 370px;
    max-width: 370px;
    height: 42px;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    border: 1px solid #d6d6d6;
}

.gooddetailxq{
    padding: 35px 0;
}

.gooddetailxq img{
    max-width: 100%;
}

.gooddetailsh{
    padding: 20px 0;
}

.gooddetailsh p{
    font-size: 14px;
    line-height: 36px;
}

.gooddetailsh p span{
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background: #dedde4;
    display: inline-block;
    margin-right: 10px;
}

.gooddetailpjhead{
    height: 100px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedde4;
}

.gooddetailpjhead>h3{
    color: #ee1c22;
    font-size: 36px;
    margin-right: 35px;
}


.gooddetailpjhead>p{
    color: #333333;
    font-size: 16px;
    margin-right: 70px;
}

.gooddetailpjshow{
    padding: 25px 20px;
    display: flex;
}

.gooddetailpjshow>img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.gooddetailpjshownote{
    width: 1080px;
    margin-left: auto;
}

.gooddetailpjshownote1{
    font-size: 16px;
    line-height: 36px;
    display: flex;
    color: #666666;
}

.gooddetailpjshownote1 span{
    margin-left: auto;
}

.gooddetailpjshownotexing{
    margin-top: 10px;
    display: flex;
}

.gooddetailpjshownotexing img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.gooddetailpjshownotecon{
    font-size: 16px;
    line-height: 36px;
    color: #666666;
    margin-top: 24px;
}

.gooddetailpjshownoteimg{
    display: flex;
    margin-top: 20px;
}

.gooddetailpjshownoteimg img{
    margin-right: 10px;
    width: 85px;
    height: 85px;
    object-fit: cover;
    margin-right: 10px;
}

.gooddetailpjshownote2{
    font-size: 16px;
    line-height: 36px;
    color: #666666;
}

.goodcarlistpagepl{
    justify-content: center;
}

.goodpop{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1001;
}

.popqjsdiv{
    width: 460px;
    padding: 25px 60px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding-left: 65px;
}

.popqjsdivdui{
    width: 26px;
    height: 26px;
    position: absolute;
    left: 30px;
    top: 25px;
}

.popqjsdivdui>p{
    font-size: 16px;
    line-height: 24px;
}

.popqjsbtn{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.popqjsbtn1{
    border: 1px solid #999;
    color: #999;
    font-size: 16px;
    text-align: center;
    width: 140px;
    height: 42px;
    background: #ffffff;
    box-sizing: border-box;
}

.popqjsbtn2{
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    width: 140px;
    height: 42px;
    background: #ee1c22;
    box-sizing: border-box;
}

.popqjsdivclose{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 16px;
}

.popqjs{
    display: none;
}

.popqyfdiv{
    padding: 40px;
    padding-top: 30px;
    background: #ffffff;
    width: 480px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.popqyfdiv>h3{
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    display: block;
}

.popqyfdiv>p{
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-top: 24px;
}

.popqyfdiv>button{
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    background-color: #2e3094;
    min-width: 140px;
    padding: 0 20px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-top: 35px;
}

.popqyf{
    display: none;
}

.cartitle{
    font-size: 30px;
    color: #2e3094;
    line-height: 66px;
    display: flex;
    /* margin-top: 6px; */
}

.cartitle>span{
    font-size: 16px;
    margin-left: 24px;
    color: #333333;
}

.cartitle>span a{
    height: 36px;
    padding: 0 22px;
    background: #2e3094;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    margin-left: 20px;
    color: #ffffff;
}

.cartitle1>span{
    font-size: 16px;
    margin-left: 24px;
    color: #333333;
}

.cartitle1>span a{
    height: 36px;
    padding: 0 22px;
    background: #2e3094;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    margin-left: 20px;
    color: #ffffff;
}

.carlistlogin>a{
    height: 36px;
    padding: 0 22px;
    background: #2e3094;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    margin-left: 20px;
    color: #ffffff;
    margin-left: auto;
}

.carlist{
    padding: 34px 25px;
    width: 100%;
    box-shadow: 0 0 8px #eee;
    margin-bottom: 100px;
}

.flex4{
    flex: 4;
}

.carlisthead{
    display: flex;
    height: 67px;
    background: #f5f5f5;
    border: 1px solid #d6d6d6;
}

.carlisthead>p{
    text-align: center;
    line-height: 67px;
}

.carlistconshow{
    display: flex;
    padding: 30px 0;
    align-items: center;
    border: 1px solid #d6d6d6;
    border-top: 0;
}

.carlistconshow>p{
    text-align: center;
    line-height: 24px;
    font-size: 14px;
}

.carred{
    color: #ee1c22;
}

.carbold{
    font-weight: bold;
}

.carlistconshowgood{
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.carlistconshowgoodxx input{
    margin-right: 10px;
}

.carlist input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #333333;
    display: block;
    box-sizing: border-box;
}

.carlist input[type='checkbox']:checked{
    border: 0;
    background-image: url(../images/checkbox.png);
    background-size: 100% 100%;
}

.carlistconshowgoodimg{
    margin-left: 10px;
    border: 1px solid #bfbfbf;
    width: 98px;
    height: 98px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carlistconshowgoodimg>img{
    max-width: 95%;
    max-height: 95%;
    object-fit: contain;
}

.carlistconshowgoodnote{
    max-width: 210px;
    margin-left: 15px;
}

.carlistconshowgoodnote1{
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

.carlistconshowgoodnote1 span{
    color: #333333;
    font-weight: bold;
}

.carlistconshowgoodnote2{
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    margin-top: 8px;
}

.carfoot{
    display: flex;
    align-items: baseline;
}

.allcheck{
    padding-top: 26px;
    display: flex;
    align-items: center;
    line-height: 24px;
}

.allcheck>input{
    margin-right: 15px;
}

.allcheck h3{
    margin-left: 26px;
}

.carfootright{
    margin-left: auto;
    padding-top: 20px;
}

.carfootright>p{
    text-align: right;
    font-size: 16px;
    line-height: 36px;
    text-align: right;
}

.carfootright>p>span{
    color: #ee1c22;
    min-width: 77px;
    text-align: right;
    display: inline-block;
}

.carfootright1{
    display: flex;
    margin-top: 10px;
}

.carfootright1>button{
    font-size: 18px;
    color: #ffffff;
    height: 57px;
    background: #2e3094;
    text-align: center;
    padding: 0 60px;
    margin-left: 48px;
}

.carfootright2{
    display: flex;
    align-items: center;
}

.carfootright2>p:nth-child(1){
    font-size: 16px;
    color: #333;
}

.carfootright2>p:nth-child(2){
    font-size: 28px;
    color: #ee1c22;
    font-weight: bold;
}

.carfootright2>p:nth-child(2) span{
    font-size: 28px;
    color: #ee1c22;
    font-weight: bold;
}

.carlistconshowpl{
    padding: 12px 0;
}

.carlistconshowplname p{
    padding: 0 15px;
    color: #999999;
}

.carlistconshowplname p span{
    color: #333;
    font-weight: bold;
}

.flex3{
    flex: 3;
}

.carlistlogin{
    display: flex;
    padding-bottom: 20px;
}

.qrcon{
    box-shadow: 0 0 8px #eee;
    margin-bottom: 100px;
}

.qrcondz{
    padding: 20px 30px;
    border-bottom: 2px solid #dedde4;
}

.qrcontitle{
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    display: flex;
}

.qrcontitle a{
    margin-left: auto;
    display: inline-block;
    font-size: 14px;
    color: #2e3094;
    margin-left: auto;
}

.noaddress{
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

.noaddress>p{
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
    margin-left: 10px;
}

.noaddress>p span{
    color: #2e3094;
}

.qraddress{
    margin-left: 15px;
    width: 725px;
    margin-top: 20px;
}

.qraddressshow{
    width: 100%;
    border: 1px solid #d6d6d6;
    padding: 10px 15px;
    margin-top: 10px;
}

.qraddress .qraddressshow:nth-child(n+2){
    display: none;
}

.qraddress .qraddressshowactive {
    border: 1px solid #2e3094;
    background-image: url(../images/xuanzhong.jpg);
    background-size: 34px 32px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.qraddressshow1{
    display: flex;
    height: 22px;
    align-items: center;
}

.qraddressshow1>p{
    font-size: 16px;
    /* color: #333333; */
    line-height: 22px;
}

.qraddressshow_bj{
    margin-left: auto;
    color: #2e3094;
}

.qraddressshow_dh{
    margin-left: 15px;
}

.qraddressshow1 .qraddressshow_mr{
    display: block;
    box-sizing: border-box;
    border: 1px solid #ee1c22;
    color: #ee1c22;
    font-size: 14px;
    padding: 0 5px;
    border-radius: 3px;
    margin-left: 10px;
    line-height: 22px;
}

.qraddressshow2{
    margin-top: 8px;
}

.qraddressshow_sc{
    margin-left: 12px;
}

.qraddressfplist .qraddress:nth-child(n+2){
    display: none;
}

.lookmore{
    display: flex;
    align-items: center;
    margin-top: 15px;
    color: #666666;
}

.lookmore img{
    transform: rotate(90deg);
    margin-left: 10px;
}

.qrconfp{
    display: flex;
    margin-top: 40px;
}

.qrconfp>p{
    min-width: 210px;
    height: 57px;
    border: 1px solid #333333;
    box-sizing: border-box;
    line-height: 57px;
    font-size: 16px;
    text-align: center;
    padding: 0 20px;
    margin-right: 20px;
}

.qrconfp>p.active{
    border: 1px solid #2e3094;
    background-image: url(../images/xuanzhong.jpg);
    background-size: 34px 32px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.addfp{
    color: #2e3094;
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
}

.payfsaqr{
    margin-top: 20px;
}

.payfsaqr>p{
    width: auto;
    margin-right: 15px;
}

.payfsaqr>div{
    min-width: auto;
}

.qrconbz{
    width: 100%;
    max-width: 1000px;
    margin-top: 20px;
    margin-left: 30px;
    border: 1px solid #dedde4;
    height: 70px;
    padding: 10px;
    font-size: 14px;
    color: #999999;
}

.carlistqr{
    padding: 0;
    margin-top: 20px;
    box-shadow:none;
    margin-bottom: 30px;
}

.addresspop{
    display: none;
}

.addresspopcon{
    width: 980px;
    padding: 40px;
    padding-top: 20px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.addresspopconfpyx{
    width: 580px;
}

.addresspopcon>h3{
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}

.addresspopconclose{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.fpxypop{
    display: none;
}

.fpxyinput{
    width: 70%;
    border: 1px solid #999999;
    line-height: 49px;
    height: 49px;
    padding-left: 10px;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 40px;
    display: block;
}

.zzzslide{
    width: 100%;
    height: 285px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.fppopconclose{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.addresspopconlist{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.addresspopconlist1{
    width: 420px;
    display: flex;
    align-items: center;
}

.addresspopconlist1>p{
    font-size: 18px;
    color: #333333;
    line-height: 48px;
    white-space: nowrap;
    margin-right: 10px;
    min-width: 90px;
    text-align: right;
}

.addresspopconlist1>input{
    border:1px solid #999999;
    height: 48px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 15px;
    font-size: 18px;
    line-height: 48px;
}

.addresspopconlist1>input::placeholder{
    color: #999999;
}

.addresspopconlist2{
    display: flex;
    margin-top: 20px;
    align-items: center;
    position: relative;
}

.addresspopconlist2>p{
    font-size: 18px;
    color: #333333;
    line-height: 48px;
    white-space: nowrap;
    margin-right: 10px;
    min-width: 90px;
    text-align: right;
}

.addresspopconlist2>input{
    border:1px solid #999999;
    height: 48px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 15px;
    font-size: 18px;
    line-height: 48px;
}

.addresspopconlist2 .city-picker-span{
    border: 1px solid #999999;
    padding-left: 5px;
}

.addresspopconlist2 .city-picker-span > .title > span{
    font-size: 18px;
}
.addresspopconlist2 .city-picker-span > .placeholder{
    font-size: 18px;
    color: #999999;
}

.addresspopconlisttext textarea{
    width: 100%;
    border: 1px solid #999999;
    height: 100px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 30px;
    padding: 10px 15px;
}

.addresspopconlisttext textarea::placeholder{
    color: #999999;
}

.addmoren{
    display: flex;
    height: 56px;
    align-items: center;
}

.addmoren>p{
    font-size: 18px;
}

.addmoren input{
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border: 1px solid #2e3094;
    display: inline-block;
    margin-right: 10px;
}

.addmoren input:checked{
    background-image: url(../images/checkbox.png);
    background-size: 100% 100%;
}

.addmoren label{
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.addmoren label span{
    line-height: 22px;
    font-size: 18px;
}

.addbtn{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.addbtn>button{
    height: 40px;
    min-width: 140px;
    padding: 0 20px;
    border: 1px solid #999999;
    font-size: 16px;
    color: #999999;
    background: #ffffff;
}

.addbtn>button:nth-child(2){
    margin-left: 40px;
    color: #ffffff;
    background: #2e3094;
    border: 0;
}

.fpinput{
    display: flex;
    padding: 0 40px;
    height: 48px;
    margin-top: 20px;
}

.fpinput>p{
    width: 155px;
    margin-right: 25px;
    line-height: 48px;
    text-align: right;
    font-size: 18px;
    color: #333333;
}

.fpinput>p span{
    color: #ee1c22;
}

.fpinput>input{
    height: 48px;
    width: calc(100% - 170px);
    box-sizing: border-box;
    border: 1px solid #999;
    padding-left: 15px;
    font-size: 16px;
}

.fpinput>input::placeholder{
    color: #999999;
}

.fpinput1{
    width: calc(100% - 170px);
}

.fpinput1 .qrconfp{
    margin-top: 0;
    justify-content: space-between;
}

.fpinput1 .qrconfp p{
    min-width: auto;
    width: 30%;
    margin-right: 0;
    height: 48px;
    line-height: 48px;
    border: 1px solid #999999;
}

.fpinput1 .qrconfp p.active{
    border: 1px solid #2e3094;
}

.fppop{
    display: none;
}

.alertpopcon{
    width: 480px;
    background: #ffffff;
    padding: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.alertpopcon h3{
    text-align: center;
    font-size: 18px;
}

.tiship{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ee1c22;
    margin-top: 25px;
}

.tishibtn{
    height: 40px;
    min-width: 140px;
    padding: 0 20px;
    font-size: 16px;
    color: #ffffff;
    background: #2e3094;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

.alertpop{
    display: none;
}

.carlistpay{
    padding: 0 25px;
    padding-bottom: 80px;
}

.paynote{
    background-color: #eaebfa;
    height: 180px;
    padding-top: 40px;
}

.paynote1{
    display: flex;
    justify-content: center;
    height: 28px;
    font-size: 18px;
    color: #2e3094;
    line-height: 28px;
    font-weight: bold;
}

.paynote1 img{
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.paynote2{
    font-size: 16px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paynote2>p{
    font-size: 16px;
    font-weight: bold;
}

.paynote2>p:nth-child(2){
    margin-left: 30px;
}

.paynote2>p:nth-child(2) span{
    color: #ee1d23;
    font-weight: bold;
}

.paynote3{
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #333333;
}

.paynote3 span{
    color: #ee1d23;
}

.paylist{
    display: flex;
    justify-content: center;
    margin-top: 34px;
}

.paylist>label{
    display: flex;
    height: 31px;
    align-items: center;
}

.paylist>label:nth-child(2){
    margin-left: 170px;
}

.paylist>label img{
    margin-right: 6px;
    margin-left: 8px;
}

.paylist>label p{
    font-size: 22px;
}

.paylist>label input{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #2e3094;
}

.paylist>label input[type='radio']:checked{
    background-image: url(../images/checkbox.png);
    background-size: 100% 100%;
}

.payimgewm {
	width: 238px;
	height: 237px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #1676ff;
    margin: 0 auto;
    margin-top: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payimgewm img{
    max-width: 210px;
    max-height: 210px;
    object-fit: contain;
}

.paymoneyh{
    height: 32px;
    display: flex;
    align-items: center;
    margin-top: 32px;
    justify-content: center;
    font-size: 22px;
}

.paymoneyh img{
    margin-right: 8px;
}

.paymoneyimg{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 34px;
}

.paymoneyimg1{
    width: 340px;
    margin-right: 26px;
    border: 1px solid #2e3094;
    padding: 18px 25px;
    border-radius: 4px;
    min-height: 238px;
}

.paymoneyimg1show{
    display: flex;
    /* padding: 18px 25px; */
    align-items: flex-start;
    margin-bottom: 8px;
}

.paymoneyimg1show>img{
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.paymoneyimg1show>div{
    width: 257px;
    margin-left: auto;
}

.paymoneyimg1show>div h3{
    font-size: 16px;
    line-height: 26px;
}

.paymoneyimgbr{
    border: 1px solid #2e3094;
    width: 238px;
    height: 238px;
    border-radius: 4px;
    position: relative;
}

.payimgupin{
    position: absolute;
    width: 238px;
    height: 238px;
    z-index: 10;
    left: 0;
    top: 0;
    opacity: 0;
}

.payimgup{
    position: absolute;
    width: 230px;
    height: 230px;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    display: none;
}

.paymoneyimg2>p{
    color: #999999;
    font-size: 12px;
    line-height: 30px;
}

.paymoneyimg3{
    padding-top: 89px;
}

.paymoneyimg3>img{
    display: block;
    margin: 0 auto;
}

.paymoneyimg3 p{
    font-size: 16px;
    text-align: center;
    margin-top: 45px;
}

.myconrightheadspan{
    margin-left: auto;
    border: 1px solid #2e3094;
    height: 37px;
    font-size: 16px;
    line-height: 37px;
    box-sizing: border-box;
    padding: 0 20px;
}

.myconaddressall{
    padding-top: 40px;
}

.myconaddressshow{
    width: 100%;
    margin-bottom: 24px;
    border: 1px solid #d8d9da;
    padding: 20px;
}

.myconaddressshow1{
    display: flex;
    height: 24px;
    align-items: center;
}

.myconaddressshow1name{
    font-size: 16px;
    line-height: 24px;
}

.myconaddressshow1ph{
    font-size: 16px;
    line-height: 24px;
    margin-left: 60px;
}

.myconaddressshow1mr{
    display: inline-block;
    padding: 0 12px;
    background: #2e3094;
    color: #ffffff;
    line-height: 24px;
    margin-left: 20px;
    font-size: 12px;
}

.myconaddressshow{
    display: flex;
    align-items: center;
}

.myconaddressshow1{
    max-width: 600px;
}

.myconaddressshow2{
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

.myconaddressshowright{
    margin-left: auto;
    display: none;
}

.myconaddressshowright>p{
    display: inline-block;
    margin-left: 30px;
    font-size: 16px;
    color: #2e3094;
    cursor: pointer;
}

.myconaddressshow:hover{
    border: 1px solid #2e3094;
}

.myconaddressshow:hover .myconaddressshowright{
    display: block;
}

.city-picker-dropdown{
    max-width: 1000px;
}

.fptttable{
    margin-top: 40px;
    border: 1px solid #d8d9da;
}

.fptttableth{
    display: flex;
    background: #f2f6fa;
    height: 56px;
}

.fptttableth>p{
    line-height: 56px;
    font-size: 16px;
    text-align: center;
}

.fptttabletd{
    border-top: 1px solid #d8d9da;
    min-height: 72px;
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.fptttabletd>p{
    text-align: center;
    /* max-width: 220px; */
}

.fptttabletdname>p{
    max-width: 220px;
    text-align: center;
}

.fptttabletdname{
    display: flex;
    justify-content: center;
}

.fptttabletdcz{
    display: flex;
    justify-content: center;
}

.fptttabletdcz p{
    margin-left: 20px;
    font-size: 14px;
    color: #2e3094;
    cursor: pointer;
}

.fptttabletdcz .fptttabletdczmr{
    padding: 0 5px;
    background: #2e3094;
    color: #fff;
    line-height: 24px;
}
.mylook{
    margin-top: 30px;
    padding-bottom: 50px;
}
.mylook .goodlist .shopindexmidswiperagood{
    width: 20%;
}

.mylook .shopindexmidswipera>.shopindexmidswiperaimg{
    width: 100%;
}

.mylook .goodlist{
    margin-bottom: 20px;
}

.mylook .goodlist .shopindexmidswiperagood{
    border-top: 1px solid #eeeeee;
}

.mylook .goodlist .shopindexmidswiperagood:nth-child(5n){
    border-right: 0;
}

.norenzheng{
    height: 120px;
    background: #fffbf6;
    width: 100%;
    display: flex;
    padding: 0 20px;
    margin-top: 50px;
    align-items: center;
}

.norenzheng>img{
    width: 66px;
    height: 66px;
}

.norenzheng1{
    margin-left: 36px;
}

.norenzheng1>h3{
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #ff8800;
}

.norenzheng1>p{
    font-size: 12px;
    line-height: 32px;
}

.myrzall{
    padding-top: 15px;
    padding-bottom: 60px;
}

.myrzshow{
    display: flex;
    margin-top: 25px;
}

.myrzshow>p{
    min-width: 140px;
    text-align: right;
    margin-right: 16px;
    line-height: 42px;
}

.myrzshow>input{
    width: 300px;
    padding: 0 12px;
    border: 1px solid #999999;
    box-sizing: border-box;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border-radius: 4px;
}

.myrzshow>input::placeholder{
    color: #999999;
}

.myrzshownotep{
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
    padding-left: 155px;
}

.myrzshowbtn{
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    background: #2e3094;
    color: #ffffff;
    font-size: 16px;
    margin-left: 155px;
    margin-top: 50px;
}

.myrzshowupimg{
    position: relative;
    width: 171px;
    height: 115px;
    border: 1px solid #999999;
    border-radius: 4px;
    overflow: hidden;
}

.myrzshowupimg>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.myrzshowupimg input{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.myorder{
    padding-top: 40px;
}

.myorderhead{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.myorderhead3{
    width: 260px;
    margin-left: 12px;
    box-sizing: border-box;
    border: 1px solid #2e3094;
    display: flex;
}

.myorderhead3>input{
    width: 210px;
    height: 36px;
    font-size: 12px;
    padding-left: 8px;
}

.myorderheadsc{
    width: 310px;
    margin-left: auto;
}

.myorderheadsc>input{
    width: 260px;
}

.myorderhead3>input::placeholder{
    color: #999999;
}

.myorderhead3>button{
    width: 50px;
    height: 36px;
    background: #2e3094;
    font-size: 12px;
    color: #ffffff;
}

.myorderhead1{
    display: flex;
    align-items: center;
    height: 36px;
}

.myorderhead1>p{
    line-height: 24px;
    font-size: 14px;
    margin-right: 18px;
}

.myorderhead1>p span{
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    padding: 0 3px;
    background: #ee1d23;
    border-radius: 8px;
    color: #fff;
    min-width: 16px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -8px;
}

.myorderhead1>p.active{
    color: #2e3094;
    border-bottom: 2px solid #2e3094;
}

.myorderhead2{
    width: 92px;
    margin-left: auto;
}

.myorderhead2 .layui-input{
    border: 1px solid #333333;
    font-size: 12px;
}

.myorderlisthead{
    display: flex;
    height: 48px;
    background-color: #f2f6fa;
    border: solid 1px #d8d9da;
    margin-top: 22px;
}

.flex5{
    flex: 5;
}

.myorderlisthead>p{
    line-height: 48px;
    text-align: center;
}

.myorderlisthead1{
    display: flex;
    align-items: center;
    height: 46px;
}

.myorderlisthead1>div{
    width: 150px;
    padding-left: 12px;
}

.myorderlisthead1 .layui-form-select .layui-edge{
    border-top-color: #333333;
}

.myorderlisthead1 .layui-input{
    background: transparent;
    border: 0;
    font-size: 16px;
    color: #333333;
}

.myorderlisthead1>p{
    margin-left: 50px;
    font-size: 16px;
    line-height: 36px;
}

.myorderlisthead2{
    display: flex;
    align-items: center;
    height: 46px;
}

.myorderlisthead2 .layui-form-select .layui-edge{
    border-top-color: #333333;
}

.myorderlisthead2 .layui-input{
    background: transparent;
    border: 0;
    font-size: 16px;
    color: #333333;
}

.ordershow{
    margin-top: 30px;
}

.ordershowhead{
    display: flex;
    padding: 0 10px;
    align-items: center;
    height: 47px;
    border: 1px solid #d8d9da;
    background: #f2f6fa;
}

.ordershowhead input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #333333;
    display: block;
    box-sizing: border-box;
    margin-right: 10px;
}

.ordershowhead input[type='checkbox']:checked{
    border: 0;
    background-image: url(../images/checkbox.png);
    background-size: 100% 100%;
}

.ordershowhead .layui-form-checked[lay-skin=primary] i{
    border-color: #2e3094!important;
    background-color: #2e3094;
    color: #fff;
}

.ordershowhead>p{
    font-size: 14px;
}

.ordershowhead a{
    margin-left: auto;
    display: flex;
    padding: 0 12px;
    border: 1px solid #d6d6d6;
    align-items: center;
    height: 28px;
    background: #ffffff;
}

.ordershowhead a p{
    font-size: 14px;
}

.ordershowchild{
    /* height: 160px; */
    border: 1px solid #d8d9da;
    border-top: 0;
    display: flex;
}

.ordershowchild>div{
    border-right: 1px solid #d8d9da;
}

.ordershowchild>div:last-child{
    border-right: 0;
}

.ordershowgood{
    padding: 15px;
    display: flex;
}

.ordershowgood .carlistconshowgood{
    padding-left: 0;
}

.ordershowgood .carlistconshowgoodimg{
    margin-left: 0;
}

.ordershowgoodnote{
    font-size: 14px;
    line-height: 24px;
    width: 100px;
    margin-left: auto;
}

.ordershowgood .carlistconshowgoodnote{
    width: 160px;
}

.ordername{
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderflexa{
    display: flex;
    align-items: center;
    justify-content: center;
}

.ordername p{
    padding: 0 15px;
    color: #231f20;
    font-size: 14px;
    line-height: 24px;
}

.orderprice h3{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}

.orderprice p{
    font-size: 14px;
    line-height: 24px;
}

.orderxq>p{
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.orderxq a{
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.flex10{
    flex: 10;
}

.orderflexcz>a{
    font-size: 14px;
    line-height: 24px;
    display: block;
    text-align: center;
}

.orderflexcz>p{
    font-size: 14px;
    line-height: 24px;
    display: block;
    text-align: center;
}

.orderflexcz>p span{
    color: #ee1d23;
}

.orderflexcz>a.aczbor{
    color: #2e3094;
    height: 28px;
    width: 84px;
    border: 1px solid #2e3094;
    text-align: center;
    line-height: 28px;
    box-sizing: border-box;
    margin-top: 8px;
}

.orderflexcz>a.aczbor999{
    border: 1px solid #999999;
    color: #999999;
}

.orderflexcz>a.aczback{
    color: #ffffff;
    height: 28px;
    width: 84px;
    background: #2e3094;
    text-align: center;
    line-height: 28px;
    box-sizing: border-box;
    margin-top: 8px;
}

.orderflexcz>a.aczquxiao{
    color: #999999;
    border: 1px solid #999999;
}

.orderflexcz>a.aczqx{
    color: #999999;
    margin-top: 8px;
}

.orderfoot{
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

.orderfoot .goodcarlistpage{
    margin-left: auto;
    margin-top: 0;
}

.axzzbs{
    color: #ffffff;
    height: 28px;
    background: #2e3094;
    text-align: center;
    line-height: 28px;
    box-sizing: border-box;
    padding: 0 10px;
    margin-left: 30px;
    font-size: 14px;
}

.orderfootleft{
    display: flex;
    align-items: center;
}
.orderfootleft p{
    line-height: 28px;
}

/* .orderfootleft .layui-form-checked[lay-skin=primary] i {
    border-color: #2e3094!important;
    background-color: #2e3094;
    color: #fff;
} */


.orderfootleft input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #333333;
    display: block;
    box-sizing: border-box;
    margin-right: 10px;
}

.orderfootleft input[type='checkbox']:checked{
    border: 0;
    background-image: url(../images/checkbox.png);
    background-size: 100% 100%;
}

.orderxz{
    width: 800px;
}

.orderxzall{
    padding-top: 50px;
    width: 190px;
    margin: 0 auto;
}

.orderxza{
    display: flex;
    height: 56px;
    padding: 0 20px;
    align-items: center;
    color: #ffffff;
    background: #2e3094;
    display: flex;
    margin-top: 30px;
}

.orderxza img{
    margin-right: 10px;
}

.orderxzqx{
    display: flex;
    margin-top: 60px;
}

.orderxzqx>button{
    padding: 0 30px;
    height: 36px;
    color: #999999;
    border: 1px solid #999999;
    box-sizing: border-box;
    background: #ffffff;
    margin-left: auto;
}

.orderxzpop{
    display: none;
}

.orderxzpdfnote{
    font-size: 16px;
    text-align: center;
    color: #333333;
    margin-top: 20px;
}

.orderxzpdfnote span{
    font-size: 30px;
    color: #ee1d23;
}

.orderxzpdfdiv{
    width: 450px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 30px;
}



.orderxzpdfdiv1>div{
    border: 1px solid #4bb316;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
}

.orderxzpdfdiv1>div img{
    width: 90%;
    height: 90%;
}

.orderxzpdfdivzfb>div{
    border: 1px solid #1676ff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
}

.orderxzpdfdiv1>p{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.orderxzpdfdiv1>p img{
    width: 21px;
    margin-right: 5px;
}

.orderxzpdfpop{
    display: none;
}

.btnczadd{
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #2e3094;
    color: #ffffff;
    font-size: 14px;
    display: block;
    padding: 0 10px;
    margin: 0 auto;
}

.btnczdel{
    background: #fff;
    font-size: 14px;
    color: #999999;
    padding: 0 10px;
    margin: 0 auto;
    display: block;
    margin-top: 8px;
    line-height: 30px;
    height: 30px;
}

.flex8{
    flex: 8;
}

.fpsqlist .carlistconshowgoodnote{
    max-width: 180px;
}

.indexswiper{
    height: 100vh;
    padding-top: 103px;
}

.indexswiper>.swiper-container{
    height: calc(100vh - 103px)!important;
}

.indexswiper>.indexswipersw>.swiper-wrapper>.swiper-slide{
    height: calc(100vh - 103px)!important;
    overflow: auto;
}


.swiperbanner img{
    width: 100%;
    height: 100%;
    height: calc(100vh - 103px)!important;
    object-fit: cover;
}

.indexswipersw .swiper-pagination-bullets{
    right: auto;
    left: 35px;
}

.indexswipersw .swiper-pagination-bullets .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    background: transparent;
    border: 1px solid #2e3094;
    opacity: 1;
    margin: 16px 0;
}

.indexswipersw .swiper-pagination-bullet-active{
    background: #2e3094!important;
}

.indexswipersw .swiperbanner .swiper-pagination-bullets .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #d6d6d6;
    border: 0;
    opacity: 1;
    margin: 0 5px;
}

.indexabout{
    width: 100%;
    height: calc(100vh - 103px);
    background: url(../images/mapimg.png);
    background-position: 60% 80%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.indexaboutcon{
    max-width: 1660px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

.indexaboutcon1{
    display: flex;
}

.indexaboutcontitle{
    display: flex;
    height: 32px;
    margin-bottom: 50px;
    align-items: center;
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
}

.indexaboutcontitle span{
    width: 28px;
    height: 4px;
    background-color: #2e3094;
    margin-right: 11px;
}

.indexaboutconleft{
    width: calc(100% - 890px);
    position: relative;
}

.indexaboutconleft1{
    width: 100%;
    height: 466px;
    object-fit: cover;
}

.indexaboutconleft2{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.indexaboutconright{
    width: 785px;
    margin-left: auto;
    padding-top: 30px;
}

.indexaboutconright>img{
    width: 150px;
}

.indexaboutconrightnote{
    font-size: 16px;
    line-height: 30px;
    margin-top: 36px;
}

.indexaboutconrighta{
    display: flex;
    margin-top: 18px;
}

.indexaboutconrighta a{
    margin-left: auto;
    padding: 0 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #2e3094;
    color: #2e3094;
    font-weight: bold;
}

.companyone2_numindex{
    margin-top: 55px;
}

.indexyycon{
    width: 100%;
    height: 100%;
    background-image: url(../images/indexyybg2.jpg);
    background-size: 1920px 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.indexyycon1{
    width: 100%;
    max-width: 1690px;
    padding: 0 20px;
    margin: 0 auto;
}

.indexyycon1 .indexaboutcontitle{
    color: #ffffff;
}

.indexyycon1 .indexaboutcontitle span{
    background: #ffffff;
}
/* 1650
1520 */

.indexyyconswiper{
    padding-left: 130px;
    position: relative;
}

.indexyyconswiperbanner{
    width: 100%;
    height: 375px;
}

.indexyyconswiper

.indexyyconswiperbanner .swiper-slide{
    width: 355px;
    /* height: 375px; */
    background: #fff;
}

.indexyyconswiperbanner .swiper-slide img{
    width: 100%;
    height: 293px;
    object-fit: cover;
}

.indexyyconnote{
    display: flex;
    height: 84px;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    box-sizing: border-box;
}

.indexyyconnote p{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

.indexyyconswiper .swiper-button-prev{
    width: 60px;
    height: 60px;
    margin-top: 0;
    top: 200px;
    background-image: url(../images/indexyyleft.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
}

.indexyyconswiper .swiper-button-next{
    width: 60px;
    height: 60px;
    margin-top: 0;
    right: auto;
    left: 10px;
    top: 300px;
    background-image: url(../images/indexyyright.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
}

.indexnew{
    padding: 50px 0;
    background:#f4f4f4;
}

.indexnew>h3{
    display: block;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 45px;
}

.indexnewa{
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.indexnewa p{
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    border: 1px solid #2e3094;
    padding: 0 45px;
    font-size: 20px;
}

.indexnewa p.active{
    color: #ffffff;
    background: #2e3094;
}

.newsconall{
    max-width: 1720px;
    padding: 0 20px;
    margin: 40px auto;
}

.indexnew .newsconshow{
    background: #ffffff;
}

.indexnewmorea{
    /* width: 165px; */
    height: 48px;
    padding: 0 50px;
    border: solid 1px #2e3094;
    color: #2e3094;
    display: inline-block;
    line-height: 48px;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}

.indexnewalist>div:nth-child(2){
    display: none;
}

.indexgl{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.indexglcon{
    display: flex;
}

.indexglconshow{
    flex: 1;
}

.indexglconshow1{
    height: 312px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #f5f5f5;
}

.indexglconshow1show{
    width: 350px;
    display: flex;
    justify-content: space-between;
}

.indexglconshow1show1{
    border: 4px solid #666666;
    width: 137px;
    height: 137px;
    padding-top: 25px;
}

.indexglconshow1show1>div{
    width: 64px;
    height: 60px;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
}

.indexglconshow1show1>div img:nth-child(2){
    display: none;
}

.indexglconshow1show1:hover{
    background-color: #2e3094;
    border: 4px solid #2e3094;
    transition: 0.5s;
}

.indexglconshow1show1:hover p{
    color: #ffffff;
}

.indexglconshow1show1:hover>div img:nth-child(2){
    display: block;
}

.indexglconshow1show1:hover>div img:nth-child(1){
    display: none;
}



.indexglconshow1show1>p{
    color: #666666;
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

.indexglconshow2{
    height: 312px;
    position: relative;
    overflow: hidden;
}

.indexglconshow2>img{
    width: 560px;
    height: 312px;
    object-fit: cover;
}

.indexglconshow2>div{
    width: 274px;
    height: 80px;
    background-image: url(../images/xzti.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 40px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexglconshow2>div p{
    color: #ffffff;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

.bzshowall{
    display: flex;
    align-items: center;
}

.bzshow{
    height: 80px;
    width: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.bzshow1{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    line-height: 16px;
}

.bzshow3{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    display: none;
}

.bzshow2{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #e5e5e5;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    position: absolute;
}

.bzshow2::before{
    content: '';
    display: block;
    width: 52px;
    height: 3px;
    background: #e5e5e5;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translate(0,-50%);
}


.bzshow2::after{
    content: '';
    display: block;
    width: 52px;
    height: 3px;
    background: #e5e5e5;
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translate(0,-50%);
}

.bzshowall .bzshow:last-child .bzshow2::after{
    display: none;
}

.bzshowall .bzshow:first-child .bzshow2::before{
    display: none;
}

.bzshowactive .bzshow2{
    background: #2e3094;
}

.bzshowactive .bzshow3{
    display: block;
}

.bzshowactive .bzshow2::before{
    background: #2e3094;
}

.bzshowactive .bzshow2::after{
    background: #2e3094;
}

.bzshowactive .bzshow1{
    color: #2e3094;
}

.fpxqbz{
    padding: 25px;
    border-bottom: 2px solid #dedde4;
}

.fpcon{
    padding: 25px 0;
    border-bottom: 2px solid #dedde4;
}

.fpconh3{
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.fpconflex{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.fpconflex>p{
    font-size: 14px;
    line-height: 24px;
    margin-right: 30px;
}

.fpconflex>p span{
    font-size: 14px;
    line-height: 24px;
    color: #2e3094;
}

.fptable{
    width: 100%;
    border: 1px solid #d6d6d6;
}

.fptablehead{
    display: flex;
    width: 100%;
    background: #f5f5f5;
    height: 67px;
}

.fptablehead p{
    text-align: center;
    line-height: 67px;
}

.fptabletd{
    height: 100px;
    display: flex;
}

.fptabletd p{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.fptabletd p img{
    margin-right: 8px;
}

.fptabletdyx{
    display: inline-block;
    padding: 0 20px;
    height: 48px;
    box-sizing: border-box;
    line-height: 48px;
    border: 1px solid #2e3094;
    min-width: 110px;
    text-align: center;
    color: #2e3094;
}

.fpxqbz1{
    display: flex;
    margin-bottom: 25px;
}

.fpxqbz1 p{
    margin-right: 30px;
}

.fpxqbz1 p span{
    color: #2e3094;
}

.fpconflexblock{
    display: block;
}

.fpconflexblock>p{
    margin: 8px 0;
    font-size: 14px;
}

.fpconflexblock>p>span{
    min-width: 180px;
    color: #333333;
    display: inline-block;
}

.orderwlxx{
    margin-top: 20px;
    font-size: 14px;
}

.orderwlxx span{
    margin-left: 20px;
}

.fpconptsh{
    padding-top: 20px;
}

.fpconptsh>h3{
    font-size: 14px;
    color: #ee1c22;
    line-height: 30px;
    margin: 10px 0;
}

.fpconptsh>h3 span{
    margin-left: 10px;
    color: #999999;
}

.fpconptsh>p{
    color: #333;
    font-size: 14px;
    line-height: 24px;
}

.myafterorder{
    padding-top: 0;
}

.myafterorder .myorderhead3{
    margin-left: auto;
}

.myafterorder .myorderhead3>input{
    width: 265px;
}

.flex9{
    flex: 9;
}

.orderlistshorder .ordershowgood .carlistconshowgoodnote{
    width: 210px;
}

.sqshnum{
    display: flex;
    font-size: 16px;
    line-height: 36px;
    margin-top: 40px;
}

.sqshnum p{
    margin-right: 75px;
}

.shtitle{
    margin-top: 35px;
}

.shtitleh3{
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.shclass{
    height: 85px;
    border: 1px solid #333333;
    display: inline-block;
    padding: 0 30px;
    min-width: 250px;
    margin-top: 15px;
    text-align: center;
    line-height: 85px;
}

.shtitle p.active{
    background: #2e3094;
    color: #ffffff;
    border: 1px solid #2e3094;
}

.myconrightsh{
    padding-bottom: 80px;
}

.shtitlep{
    font-size: 16px;
    color: #666666;
}

.shtitleyy{
    width: 250px;
    margin-top: 16px;
}

.shtitleyy .layui-input{
    height: 50px;
    border: 1px solid #2e3094;
    color: #2e3094;
}

.shtitleyy .layui-input::placeholder{
    color: #2e3094;
}

.shtitleyy .layui-form-select .layui-edge {
    border-top-color: #2e3094;
}

.shtitleyy  .layui-input:hover{
    border-color: #2e3094!important;
}

.shtitleyy1{
    border: 1px solid #999999;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 8px;
}

.shtitleyy1>p{
    color: #ee1d23;
    line-height: 40px;
}

.shtitleyy1>input{
    line-height: 40px;
    color: #ee1d23;
}

.shtitlenotep{
    line-height: 26px;
    color: #999999;
    font-size: 14px;
    margin-top: 5px;
}

.shtitletext{
    margin-top: 15px;
    width: 500px;
    height: 160px;
    padding: 10px;
    font-size: 14px;
    line-height: 28px;
    box-sizing: border-box;
    border: 1px solid #999999;
    font-size: 16px;
}

.shtitlesm{
    padding: 18px 24px;
    background: #d1d2f0;
    margin-top: 25px;
    margin-bottom: 50px;
}

.shtitlesm>h3{
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.shtitlesm>p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.shtitllxfs{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.shtitllxfs>p{
    font-size: 16px;
    line-height: 36px;
    color: #666666;
    margin-right: 20px;
}

.shtitllxfs>input{
    height: 50px;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    width: 360px;
    padding: 0 15px;
    line-height: 50px;
    font-size: 16px;
}

.shtitllxfs>input::placeholder{
    color: #999999;
}

.shtitbtn{
    height: 60px;
    background: #2e3094;
    text-align: center;
    line-height: 60px;
    padding: 0 20px;
    min-width: 240px;
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    margin-left: 80px;
}

.shupimg{
    align-items: center;
    justify-content: center;
}

.shupimg img{
    display: block;
    margin: 0 auto;
}

.imageContainer{
    display: flex;
    flex-wrap: wrap;
}

.indexvideoalert{
    background: rgba(0,0,0,0.8);
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexvideoalert video{
    max-width: 90vw;
    max-height: 90vh;
    width: 85vw;
}

.indexvideoalert img{
    position: absolute;
    right: 50px;
    top: 50px;
    width: 40px;
    height: 40px;
}

.popvideo{
    display: none;
}

.pj_order {
	width: 100%;
	height: 66px;
	background-color: #f2f6fa;
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pj_order p{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
}

.pj_order p span{
    color: #999999;
    font-weight: bold;
    margin-left: 40px;
}

.pjtitle{
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    line-height: 44px;
    display: block;
}

.pjxing{
    display: flex;
    justify-content: center;
    align-items: center;
}

.pjxingcon{
    display: flex;
    align-items: center;
    line-height: 14px;
    font-size: 14px;
    margin-right: 50px;
    height: 20px;
}

.pjxingcon img{
    margin-right: 5px;
    width: 18px;
    height: 17px;
}

.pjxing .pjxingcon:last-child{
    margin-right: 0;
}

.pjxingcon p{
    margin-right: 10px;
}

.pjshow{
    border-top: 1px solid #d6d6d6;
    margin-top: 25px;
    padding: 25px 30px;
    display: flex;
}

.pjshowleft{
    width: 165px;
}

.pjshowleftimg{
    width: 77px;
    height: 77px;
    border: 1px solid #bfbfbf;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.pjshowleftimg img{
    max-width: 90%;
    max-height: 90%;
}

.pjshowlefth{
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    color: #999999;
}

.pjshowlefth span{
    color: #333333;
    font-weight: bold;
}

.pjshowleftbm{
    line-height: 20px;
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin: 8px 0;
}

.pjshowleftprice{
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.pjshowleftpricey{
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.pjshowright{
    width: 580px;
    margin-left: auto;
}

.pjshowrightshow{
    display: flex;
    margin-top: 24px;
}

.pjshowrightshow>p{
    color: #666666;
    line-height: 24px;
}

.pjshowrightshow>p:nth-child(1){
    min-width: 70px;
    margin-right: 20px;
}

.mycon>form{
    margin-left: auto;
}

.pjxingtext{
    width: 500px;
    height: 100px;
    border: 1px solid #999999;
}

.pjshowrightshownote h3{
    font-weight: bold;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-top: 18px;
}

.pjshowrightshownote p{
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

.pjxingtext{
    padding: 10px;
}

.pjxingtext textarea{
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 20px;
}

.pjxingtext p{
    display: block;
    text-align: right;
    color: #999999;
}

.pjxingtext span{
    color: #333333;
}

.jgmalsit{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

.jgmalsit a{
    margin-bottom: 20px;
    min-width: 120px;
    background: #eeeeee;
    color: #333;
    font-size: 16px;
    text-align: center;
    display: block;
    height: 46px;
    margin-right: 8px;
    line-height: 46px;
}

.jgmalsit a.active{
    background: #2e3094;
    color: #ffffff;
}

.ordershowpj .pjshowright{
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 25px;
    border: 1px solid #d8d9da;
    border-top: 0;
}

.ordershowpj .pjshowrightshow:nth-child(1){
    flex: 1;
    margin-top: 0;
}

.ordershowpj .pjshowrightshow:nth-child(2){
    flex: 1;
    margin-top: 0;
}

.ordershowpj .pjshowrightshow:last-child{
    width: 100%;
}

.shop{
    position: relative;
}
.fixleft{
    position: absolute;
    left: -88px;
    width: 58px;
    top: 484px;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
}

.fixlefton{
    position: fixed;
    top: 180px;
    left: calc((100vw - 1200px) / 2 - 88px);
}

.fixleft a{
    min-height: 62px;
    border-bottom: 1px solid #999999;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
    box-sizing: border-box;
}

.fixleft a.active{
    color: #ffffff;
    background: #2e3094;
}

.fixleft a:hover{
    color: #ffffff;
    background: #2e3094;
}

.fixleft a:last-child{
    border: 0;
}

.fixright{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 80px;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px 
        rgba(201, 201, 201, 0.45);
    border-radius: 8px;
    overflow: hidden;
    padding: 10px 0;
}

.fixright a{
    display: block;
    text-align: center;
    padding: 8px 0;
}

.fixright a p{
    color: #999999;
    font-size: 14px;
    margin-top: 5px;
}

.fixright a img{
    margin: 0 auto;
}

.fixright a img:nth-child(2){
    display: none;
}

.fixright a:hover img:nth-child(2){
    display: block;
}

.fixright a:hover img:nth-child(1){
    display: none;
}

.fixright a:hover p{
    color: #2e3094;
    font-size: 14px;
    margin-top: 5px;
}

.imghover{
    transition: 0.5s all;
}

.imghover:hover{
    transform: scale(1.3);
    transition: 0.5s all;
}


.animateaction
{
    position: relative;
	animation:mymove 0.5s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 0.5s 1;
}

/* .shzrshow1img img:hover {
    position: relative;
    animation:1s ease-in 0s 1 reverse both running mymove;
	-webkit-animation:1s ease-in 0s 1 reverse both running mymove;
} */

@keyframes mymove{
	0% {top: 0px;}
	49% {top: -100px;} 
	50% {left: 100px;}
    51% {left: 0px;}
    52% {top: 100px;}
	100% {top: 0px;}
}











@media screen and (min-width: 1200px) {
    .indexyycon{
        background-size: 100% 100%;
    }
}




@media screen and (max-width: 1680px) {
    .cxhzallist div:nth-child(6n){
        margin-right: 29px;
    }
}

@media screen and (max-width: 1200px) {
    .xcspcon{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 30px;
        position: relative;
    }
    .xcspcon1{
        display: none;
    }
    .xcspcon2{
        width: 100%;
        height: auto;
        position: relative;
        right: 0;
        top: 0;
        background: #ffffff;
    }
    .xcsp{
        padding: 20px 0;
        height: auto;
    }
}


@media screen and (max-width: 992px) {
    .content{
        padding-top: 75px;
    }
    .indexswiper{
        padding-top: 75px;
    }
    .indexswiper>.swiper-container{
        height: auto!important;
        display: block;
    }

    .indexswiper>.swiper-container>.swiper-wrapper{
        display: block;
        height: auto;
    }
    
    .indexswiper>.indexswipersw>.swiper-wrapper>.swiper-slide{
        height: auto!important;
        display: block;
    }
    .swiperbanner img {
        width: 100%;
        height: 300px!important;
        object-fit: cover;
    }
    .indexswipersw .swiper-pagination-bullets{
        left: 0;
    }
    .indexabout{
        height:auto;
    }
    .indexaboutcon{
        padding: 20px;
    }
    .indexaboutcontitle{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .indexaboutconright{
        padding-top: 10px;
    }
    .indexaboutconright>img{
        width: 90px;
    }
    .indexaboutconrightnote{
        margin-top: 16px;
        font-size: 14px;
    }
    .indexaboutconrighta a{
        line-height: 40px;
        padding: 0 30px;
        height: 40px;
    }
    .indexyycon1{
        padding: 30px 20px;
        background: #2e3094;
    }
    .indexyyconswiper{
        padding-left: 0;
    }
    .indexyyconswiper .swiper-button-prev{
        margin-top: -20px;
        top: 50%;
        height: 40px;
        width: 40px;
    }
    .indexyyconswiper .swiper-button-next{
        height: 40px;
        width: 40px;
        margin-top: -20px;
        right: 10px;
        left: auto;
        top: 50%;
    }
    .indexnew>h3{
        font-size: 24px;
    }
    .indexnew{
        padding: 30px 0;
    }
    .indexnewa p {
        height: 36px;
        box-sizing: border-box;
        line-height: 36px;
        border: 1px solid #2e3094;
        padding: 0 25px;
        font-size: 16px;
    }
    .indexaboutconright{
        width: 100%;
    }
    .indexaboutcon1{
        display: block;
        width: 100%;
    }
    .indexaboutconleft2{
        width: 40px;
        height: 40px;
    }
    .indexaboutconleft{
        width: 100%;
        margin-bottom: 20px;
    }
    .indexaboutconleft1 {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }
    .indexglcon{
        display: block;
    }
    .indexglconshow{
        width: 100%;
    }
    .indexglconshow1{
        height: 55.7vw;
        width: 100%;
    }
    .indexglconshow2>img{
        width: 100%;
        height: 55.7vw;
    }
    .indexglconshow2{
        height: 55.7vw;
        width: 100%;
    }
    .indexglconshow2>div{
        width: 137px;
        height: 40px;
        padding-right: 20px;
        padding-left: 5px;
    }
    .indexglconshow2>div p{
        font-size: 12px;
        line-height: 16px;
    }

    .indexglcon .indexglconshow:nth-child(2){
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .indexglconshow1show1>p{
        font-size: 16px;
    }
    .indexglconshow1show1>div{
        width: 32px;
        height: 32px;
    }
    .indexglconshow1show1{
        width: 100px;
        height: 100px;
    }
    .indexglconshow1show1{
        padding-top: 15px;
    }
    .indexglconshow1show{
        width: 260px;
    }
}

@media screen and (max-width: 767px) {
    .conhead div h3{
        font-size: 28px;
        line-height: 28px;
    }
    .conhead div p{
        font-size: 20px;
        line-height: 20px;
        margin-top: 15px;
    }
    .fbcon3 p{
        font-size: 40px;
    }
    .fbcon1{
        padding-bottom: 140px;
    }
    .footone{
        display: block;
    }
    .footonea a:nth-child(n+2){
        display: none;
    }
    .footone1{
        width: 100%;
    }
    .footone2{
        margin: 20px auto;
    }
    .foottwo1{
        display: block;
    }
    .foottwo p{
        line-height: 20px;
    }
    .foottwo p:nth-child(1){
        margin-bottom: 8px;
        margin-right: 0;
    }
    .jgshow{
        display: block;
        height: auto;
    }
    .jgshowright{
        width: 100%;
    }
    .jgshowleftimg{
        width: 100%;
        height: auto;
    }
    .jgshow{
        padding: 20px;
    }
    .jgm{
        padding: 30px 20px;
    }
    .jgmtitle1{
        font-size: 24px;
        line-height: 30px;
    }
    .jgmtitle2{
        font-size: 20px;
        line-height: 30px;
    }
    .jgmcon{
        padding-top: 25px;
    }
    
    .jgshowleft>img{
        width: 80px;
        height: auto;
    }
    .jgshowright>p{
        font-size: 18px;
        line-height: 24px;
        height: 24px;
        margin-top: 15px;
    }
    .jgshowright1{
        margin-top: 10px;
        padding-top: 10px;
    }
    .jgshowrightshow p{
        font-size: 14px;
    }
    .jgshowrightshow p:nth-child(1){
        width: 100px;
    }
    .jgshowrightshow p:nth-child(2){
        width: calc(100% - 100px);
    }
    .sonhead{
        height: 40px;
    }
    .sonheadsw{
        height: 40px;
    }
    .sonheadsw .swiper-slide{
        width: 150px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }
    .newscon{
        padding: 30px;
    }
    .newsconhead{
        display: block;
    }
    .newsconheadshow{
        width: 100%;
        margin-bottom: 30px;
        height: 260px;
        margin-bottom: 20px;
    }

    .newsconheadshow img{
        height: 260px;
    }

    .newsconall{
        display: block;
    }

    .newsconshow{
        width: 100%;
        margin-left: 0;
    }
    .newsconshow img{
        height: 200px;
    }
    .newsconshow1{
        height: 200px;
    }
    .page{
        flex-wrap: wrap;
    }
    .page a{
        margin-bottom: 10px;
    }
    .newxqnodes{
        padding-bottom: 50px;
    }
    .newxqnext{
        padding-bottom: 0px;
        display: block;
    }
    .newxqnext2{
        display: inline-block;
        line-height: 36px;
        margin-top: 10px;
    }
    .newxq{
        padding-top: 40px;
    }
    .newxqtitle{
        font-size: 20px;
        line-height: 32px;
    }
    .newxqnodes{
        padding-top: 30px;
    }
    .kjcx{
        padding: 30px 0;
    }
    .kjcxone>div{
        padding: 20px 30px;
    }
    .kjcxonep1{
        font-size: 14px;
        line-height: 28px;
    }
    .kjcxone{
        display: block;
    }
    .kjcxone>img{
        width: 100%;
        height: auto;
    }
    .kjcxone>div{
        width: 100%;
    }
    .yymar{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .yyshow{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .navcon{
        height: 40px;
    }
    .navcon p{
        font-size: 14px;
    }
    .navcon a{
        font-size: 14px;
    }
    .shzrshow{
        padding: 30px;
    }
    .shzrleft .shzrshow1 {
        margin-left: 0px;
    }
    .shzrright .shzrshow1 {
        margin-left: auto;
        margin-right: 0px;
    }
    .zjyg{
        margin-top: 40px;
    }

    .companyone1{
        display: block;
    }
    .companyone3{
        width: 100%;
        height: auto;
    }
    .companyone31{
        height: auto;
        min-height: 200px;
    }
    .companyone2_num>div{
        width: 50%;
        margin-bottom: 20px;
    }
    .companyone1{
        padding-top: 30px;
    }
    .speech{
        display: block;
    }
    .speechleft{
        width: 100%;
    }
    .speechleft{
        min-height: auto;
        padding: 30px;
    }
    .speechright{
        margin-right: 0;
        padding: 30px;
    }
    .speechleft>img{
        display: none;
    }
    .speechleft h3{
        margin-left: 0;
        font-size: 24px;
        line-height: 30px;
    }
    .speechleft p{
        margin-left: 0;
        font-size: 20px;
        line-height: 30px;
    }
    .companyone{
        padding-bottom: 30px;
    }
    .management{
        display: block;
        padding: 40px 60px;
    }
    .managementa{
        margin-top: 20px;
    }
    .performanceswiper .swiper-slide{
        width: 100%;
        margin-right: 0;
    }
    
    .performanceslide{
        width: 100%;
        height: 248px;
        background-color: #efefef;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .companyone2{
        font-size: 14px;
        line-height: 28px;
    }
    .speechright p{
        font-size: 14px;
        line-height: 28px;
    }
    .performance1{
        margin-top: 20px;
    }
    .performance{
        padding-bottom: 30px;
    }
    .Branchtr p:nth-child(1){
        display: none;
    }
    .Branchtr p:nth-child(2){
        flex: 3;
        box-sizing: border-box;
        padding: 10px;
    }
    .Branchcon{
        padding: 30px 15px;
    }
    .Branchcon1{  
        margin-top: 20px;
        padding: 30px 15px;
        min-height: auto;
    }
    .Branchtr p:nth-child(3){
        flex: 2;
        display: block;
        text-align: center;
        box-sizing: border-box;
        padding: 10px;
    }
    .Branchtr p:nth-child(3) a{
        display: block;
        margin: 0 auto;
        font-size: 14px;
        width: auto;
        padding: 0 10px;
    }
    .Branchtabletd p{
        padding: 10px;
    }
    .Branchtablehead p{
        line-height: 36px;
    }
    .Branchtr p:nth-child(2){
        line-height: 36px;
    }
    .Branchtabletd{
        height: auto;
    }
    .resourcesconall{
        display: block;
    }
    .resourcesshow{
        width: 100%;
        background-size: cover;
    }
    .mapcon1{
        display: block;
        padding-left: 0;
    }
    .mapshow{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .mapconlist{
        width: 100%;
    }
    .mapcon{
        padding: 30px 20px;
    }
    .about_management{
        padding: 30px;
    }
    .about_management1{
        display: block;
        padding: 30px 0;
    }
    .about_management2{
        width: 100%;
    }
    .about_managementleft{
        width: 100%;
        margin-bottom: 20px;
    }
    .aboutson{
        padding: 0px;
    }
    .aboutsonde{
        margin-top: 10px;
        display: block;
    }
    .aboutsonnav{
        flex-wrap: wrap;
        margin-bottom: 30px;
        height: auto;
    }
    .aboutsonnav a{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0%;
        padding: 10px;
        font-size: 16px;
    }
    .aboutsonde img{
        width: 100%;
        margin-bottom: 20px;
    }
    .aboutOrganizationalimg{
        margin: 30px 0;
    }
    .rclnlista{
        display: block;
    }
    .rclnlistshow{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .rclnlistshow>img{
        height: 260px;
    }
    .rclnlist{
        padding-bottom: 30px;
    }
    .footone3{
        justify-content: center;
    }
    .rclnfoot1{
        padding: 30px;
        height: auto;
    }
    .rclnfoot>img{
        display: none;
    }
    .shzp{
        padding: 20px;
        margin-top: 20px;
    }
    .searchkeyline{
        display: block;
    }
    .searchkeyall{
        padding: 8px;
    }
    .search button{
        width: 100px;
    }
    .search input{
        width: calc(100% - 105px);
    }
    .zppage{
        height: auto;
        margin-top: 30px;
        flex-wrap: wrap;
        padding-top: 10px;
    }
    .zppage a{
        margin-bottom: 10px;
    }
    .shzpxqmid{
        margin-top: 20px;
    }
    .shzpxqtitle a{
        height: 32px;
        line-height: 32px;
        width: auto;
        padding: 0 10px;
        font-size: 14px;
    }
    .about_managementxq{
        padding: 15px;
    }
    .shzpxqmid{
        display: block;
        padding: 15px;
    }
    .shzpxqmid p{
        font-size: 14px;
        line-height: 24px;
    }
    .shzpxqbtn {
        height: 40px;
        line-height: 40px;
        padding: 0 30px;
        font-size: 16px;
        color: #fff;
        background: #2e3094;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .znav{
        height: 40px;
    }
    .zpalert{
        width: 90%;
        top: 50px;
    }
    .zpalerthead{
        height: 36px;
    }
    .zpalerthead h3{
        font-size: 16px;
    }
    .zpalertcon{
        padding: 15px;
    }
    .zpalertconshow p{
        line-height: 30px;
    }
    .sqzx{
        padding: 20px;
    }
    .sqzxdivall{
        display: block;
    }
    .sqzxdiv{
        width: 100%;
    }
    .sqzxdiv{
        margin-bottom: 15px;
    }
    .sqzxdiv p {
        line-height: 30px;
        font-size: 14px;
    }
    .sqzxdiv .layui-input {
        border: 0;
        height: 30px;
        font-size: 14px;
    }
    .sqzxdiv1 textarea {
        width: 100%;
        height: 150px;
        box-sizing: border-box;
        padding: 10px;
        font-size: 14px;
    }
    .sqzxbtn {
        width: 120px;
        height: 40px;
        background-color: #2e3094;
        line-height: 40px;
        color: #ffffff;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
    }
    .sqzx .layui-form-select dl{
        top: 40px;
    }
    .layui-form-select dl dd.layui-this {
        background-color: #2e3094;
        color: #fff;
    }

    .cxhzallist{
        justify-content: space-between;
        padding-bottom: 50px;
    }

    .cxhzallist div{
        width: 48%;
        height: 120px;
        object-fit: contain;
        margin-top: 20px;
        margin-right: 0;
    }
    .jcjgnote>img {
        height: auto;
        width: 100%;
        object-fit: cover;
        margin-left: 0px;
        margin-top: 10px;
    }
    .jcjgnote{
        display: block;
    }
    .jcjg {
        padding: 30px 20px;
        margin: 0 auto;
    }
    .jclxall{
        display: block;
        padding: 30px 20px;
    }
    .jclxshow{
        width: 100%;
        max-width: 100%;
    }
    .jclxshow>.jclxshow1{
        margin-top: 20px;
    }
    .jclxshow>h3{
        font-size: 24px;
        margin-top: 30px;
        line-height: 40px;
    }
    .zzzs1{
        padding: 0 58px;
    }
    .zzzs{
        padding: 30px 0;
    }
    .zzzs>h3{
        font-size: 24px;
        padding-bottom: 20px;
    }
    .jcjgleft h3{
        font-size: 24px;
        line-height: 50px;
    }
    .wmdcnlist{
        display: block;
    }
    .wmdcnshow{
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .wmdcncon{
        padding: 30px 20px;
    }
    .wmdcnconhead>h3{
        font-size: 24px;
    }
    .shlxfs{
        background-attachment: fixed;
        background-size: cover;
        height: auto;
        background-position: center center;
        padding: 30px;
    }
    .shlxfs1{
        font-size: 22px;
        padding-top: 0;
    }
    .shlxfs2{
        font-size: 24px;
        line-height: 32px;
        margin-top: 10px;
    }
    .shlxfs3{
        font-size: 18px;
        margin-top: 10px;
    }
    .yjfk .sqzxdiv{
        width: 100%;
    }
    .yjfk{
        padding-bottom: 40px;
    }
    .shzccon{
        display: block;
    }
    .shzcconimg{
        display: none;
    }
    .shzccon2{
        width: auto;
        padding: 20px 0;
        text-align: center;
    }
    .shzccon2>div{
        display: none;
    }
    .shzccon2>h3{
        font-size: 20px;
    }
    .shzccon2>p{
        font-size: 14px;
    }
    .shzccon1{
        width: 100%;
        padding: 20px;
        background-attachment: fixed;
        background-size: cover;
    }
    .shzc{
        padding: 30px 20px;
    }
    .xcspcon2img{
        height: 260px;
    }
    .xcspconswiper1{
        padding: 40px 70px;
    }
    .xcspconslide{
        height: 320px;
    }
    .xcspconslide .xcspconslidebg{
        height: 320px;
    }
    .xcspconswiper1 .swiper-button-next {
        right: 1%;
    }
    .xcspconswiper1 .swiper-button-prev {
        left: 1%;
    }
    .jgmalsit{
        padding-bottom: 20px;
    }
    
    .jgmalsit a{
        margin-bottom: 10px;
        min-width: 100px;
        background: #eeeeee;
        color: #333;
        font-size: 14px;
        text-align: center;
        display: block;
        height: 30px;
        margin-right: 8px;
        line-height: 30px;
    }
    .headbackcon a{
        margin-left: 12px;
    }
}