.wrap { width: 100%; min-width: 1300px; overflow: hidden; } 
.wrap img { width: 100%; display: block; } 
.wrap div,a,span:focus { outline: none; border: 0; } 
.wrap_auto { width: 100%; position: relative; } 
.sectioncont { padding-bottom: 50px; } 
.sectioncont1 { padding-bottom: 50px; } 
.mgtop { padding-top: 50px; } 
.quequest { font-size: 20px; margin-bottom: 30px; color: #000000; font-weight: bold; } 
.maintext { font-size: 18px; color: #000; line-height: 1.8; margin-bottom: 10px; } 
.width1200 { width: 1200px; margin: 0 auto; position: relative; } 
.maintitle { font-size: 26px; color: #000; margin-bottom: 35px; } 
.txtcenter { text-align: center; } 
.bgf3f4f6 { background: #f3f4f6; } 
.navpics sup { color: inherit; } 


.solgan_parts { position: absolute; width: 32%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 


.nav_serc { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 70px; } 
.nav_serc>a { display: block; font-size: 16px; width: 33.1%; color: #000; margin-bottom: 4px; background: #f3f4f6; position: relative; padding: 15px 30px 15px 60px; box-sizing: border-box; } 
.nav_serc>a:after { content: ""; display: block; background: url(../images/navbottom.png) no-repeat; width: 18px; height: 10px; position: absolute; left: 25px; top: 50%; transform: translate(0,-50%); } 
.nav_serc>a>div { font-size: 16px; color: #000; position: relative; top: 50%; transform: translate(0,-50%); } 

.eng_cap { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 50px; width: 820px; margin: 0 auto; } 
.engblock { width: 169px; margin-bottom: 30px; } 
.engname { font-size: 18px; color: #000; margin-top: 14px; margin-bottom: 5px; } 
.engtxt { font-size: 16px; color: #000; } 

.navpics { width: 100%; position: relative; margin-top: 150px; margin-bottom: 200px; } 
.navbgs { width: 72.9%; position: relative; z-index: -1; } 
.titnums { width: 19%; position: absolute; z-index: 3; } 
.lefnavs .titnums { top: -10%; left: 71%; } 
.sectitls { font-size: 50px; color: #fff; padding:40px 180px; position: absolute; } 
.sectitls.bg6s { padding:40px 220px; } 
.sectitls.bg8s { padding:40px 243px; } 
.sectitls2 { font-size: 50px; color: #fff; padding:40px 180px; position: absolute; } 
.lefnavs .sectitls { right: 0; bottom: -5vw; } 
.lefnavs .sectitls:after { content: ""; display: block; width: 120%; height: 100%; background: #e6e6e6; position: absolute; top: 0; left: 0; z-index: -1; } 

.lefnavs .sectitls2 { right: 0; bottom: -5vw; } 
.lefnavs .sectitls2:after { content: ""; display: block; width: 120%; height: 100%; background: #e6e6e6; position: absolute; top: 0; left: 0; z-index: -1; } 

.rightnavs { display: flex; flex-direction: row-reverse; } 
.rightnavs .titnums { top: -10%; left: 13%; } 
.rightnavs .sectitls { left: 0; bottom: -5vw; padding-left: 15vw; } 
.rightnavs .sectitls2 { left: 0; bottom: -5vw; padding-left: 15vw; } 
.rightnavs .sectitls:after { content: ""; display: block; width: 1310px; height: 219px; background: url(../images/left_bg.png) no-repeat right; position: absolute; top: 0; left: 0; z-index: -1; } 
.rightnavs .sectitls2:after { content: ""; display: block; width: 1719px; height: 292px; background: url(../images/left_bg2.png) no-repeat right; position: absolute; top: 0; left: 0; z-index: -1; } 
.rightnavs .sectitls.bg5s:after { content: ""; display: block; width: 1746px; height: 219px; background: url(../images/left_bg5.png) no-repeat right; position: absolute; top: 0; left: 0; z-index: -1; } 

.leftnavs { display: flex; } 
.leftnavs .titnums { top: -10%; right: 13%; } 
.leftnavs .sectitls { right: 0; bottom: -5vw; padding-right: 15vw; } 
.leftnavs .sectitls:after { content: ""; display: block; width: 1270px; height: 219px; background: url(../images/right_bg.png) no-repeat right; position: absolute; top: 0; right: 0; z-index: -1; } 
.leftnavs .sectitls.bg6s:after { content: ""; display: block; width: 1462px; height: 219px; background: url(../images/right_bg6.png) no-repeat right; position: absolute; top: 0; right: 0; z-index: -1; } 
.leftnavs .sectitls.bg8s:after { content: ""; display: block; width: 1700px; height: 219px; background: url(../images/right_bg8.png) no-repeat right; position: absolute; top: 0; right: 0; z-index: -1; } 




.camter { position: relative; } 
.camter:before { content:""; display: block; width: 19px; height: 27px; position: absolute; top: -5px; left: -10px; background: url(../images/cut.png) no-repeat; background-size: 100% auto; } 
.camter:after { content:""; display: block; width: 19px; height: 27px; position: absolute; bottom: -5px; right: -10px; background: url(../images/cut.png) no-repeat; transform: rotate(180deg); background-size: 100% auto; } 


.flexcant { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } 
.flexcant1 { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } 
.fl_column { flex-direction:row-reverse; } 
.flexcanc1 { width: 600px; } 
.flexcanc2 { width: 540px; } 
.flexcanc3 { width: 560px; } 
.flexcanc4 { width: 484px; } 
.conpic { width: 98%; margin: 0 auto; max-width: 808px; } 
.conpic1 { width: 98%; margin: 0 auto; max-width: 1200px; } 
.conpic2 { width: 98%; margin: 0 auto; max-width: 756px; } 
.bgtipf3f4f6 { position: relative; padding-top: 80px; } 
.bgtipf3f4f6:before { content:""; display: block; width: 1400px; height: 100%; position: absolute; left: 50%; margin-left: -400px; top: 0; background: #f3f4f6; z-index: -1; } 
.bgtipf3f4f6_1 { position: relative; padding-top: 80px; } 
.bgtipf3f4f6_1:before { content:""; display: block; width: 1400px; height: 100%; position: absolute; left: 50%; margin-left: -960px; top: 0; background: #f3f4f6; z-index: -1; } 


.swiper_box { width: 100%; margin: 0 auto; position: relative; } 
.swiper_probox { width: 100%; height: 100%; overflow: hidden; position: relative; } 
.swiper_proimg { width: 364px; margin: 0 auto; } 
.swiper-button-nextpage { background: url(../images/btn_next.png) no-repeat; width: 52px; height: 80px; } 
.swiper-button-prevpage { background: url(../images/btn_prev.png) no-repeat; width: 52px; height: 80px; } 
.swiper_simgbox { display: flex; justify-content: space-between; width: 100%; position: relative; margin-top: 40px; } 
.swiper_simgbox a { display: block; width: 14.33%; border: 2px solid #e2cc7f; border-radius: 5px; } 
.swiper_simgbox a.act { border: 2px solid #000000; } 
.swiper_simgbox a img { display: block; width: 30%; margin: 5px auto; } 


.sj_cont { position: relative; } 
.sj_cont img { position: relative; z-index: 2; } 
.sj_r::before { content: ""; background: url(../images/sj.png) no-repeat; width: 243px; height: 181px; position: absolute; top: -50px; right: -76px; z-index: 1; } 
.sj_l::before { content: ""; background: url(../images/sj.png) no-repeat; width: 243px; height: 181px; position: absolute; top: -50px; left: -76px; z-index: 1; } 

.sj_r2::before { content: ""; background: url(../images/sj.png) no-repeat; width: 243px; height: 181px; position: absolute; top: -60px; right: -76px; z-index: 1; } 
.sj_r2::after { content: ""; background: url(../images/sj2.png) no-repeat; width: 206px; height: 140px; position: absolute; bottom: -25px; left: -62px; z-index: 1; } 


.sj_l2::before { content: ""; background: url(../images/sj.png) no-repeat; width: 243px; height: 181px; position: absolute; top: -20px; left: -76px; z-index: 1; } 
.sj_l2::after { content: ""; background: url(../images/sj2.png) no-repeat; width: 206px; height: 140px; position: absolute; bottom: -18px; right: -110px; z-index: 1; } 


.pc_s { display: block; } 
.h5_s { display: none; } 

@media screen and (max-width: 1600px) { 
.sectitls { font-size: 30px; } 
.sectitls2 { font-size: 30px; } 


.rightnavs .sectitls:after { transform: scale(.7); transform-origin: left center; } 
.rightnavs .sectitls2:after { transform: scale(.7); transform-origin: left center;  } 
.rightnavs .sectitls.bg5s:after { transform: scale(.7); transform-origin: left center;  } 


.leftnavs .sectitls:after { transform: scale(.7); transform-origin: right  center; } 
.leftnavs .sectitls.bg6s:after {transform: scale(.7); transform-origin: right  center;  } 
.leftnavs .sectitls.bg8s:after { transform: scale(.7); transform-origin: right  center; } 

.sectitls {  padding:60px 180px; } 
.sectitls.bg6s { padding:60px 220px; } 
.sectitls.bg8s { padding:60px 243px; } 
.sectitls2 { padding:75px 180px; } 


.rightnavs .sectitls {  padding-left: 13vw; } 
.rightnavs .sectitls2 {  padding-left: 13vw; } 
.leftnavs .sectitls { padding-right: 13vw; } 


.rightnavs .sectitls:after { content: ""; display: block; width: 1310px; height: 203px; background: url(../images/left_bg.png) no-repeat right; position: absolute; top: 0; left: 0; z-index: -1; } 
.rightnavs .sectitls2:after { content: ""; display: block; width: 1719px; height: 292px; background: url(../images/left_bg2.png) no-repeat right; position: absolute; top: 0; left: 0; z-index: -1; } 
.rightnavs .sectitls.bg5s:after { content: ""; display: block; width: 1746px; height: 203px; background: url(../images/left_bg5.png) no-repeat right; position: absolute; top: 0; left: 0; z-index: -1; } 

.leftnavs { display: flex; } 
.leftnavs .titnums { top: -10%; right: 13%; } 
.leftnavs .sectitls { right: 0; bottom: -5vw; padding-right: 15vw; } 
.leftnavs .sectitls:after { content: ""; display: block; width: 1270px; height: 203px; background: url(../images/right_bg.png) no-repeat right; position: absolute; top: 0; right: 0; z-index: -1; } 
.leftnavs .sectitls.bg6s:after { content: ""; display: block; width: 1462px; height: 282px; background: url(../images/right_bg6.png) no-repeat right; position: absolute; top: 0; right: 0; z-index: -1; } 
.leftnavs .sectitls.bg8s:after { content: ""; display: block; width: 1700px; height: 203px; background: url(../images/right_bg8.png) no-repeat right; position: absolute; top: 0; right: 0; z-index: -1; } 
}


@media screen and (max-width: 800px) { 
#header_con,#footer_con { display: none; } 
.wrap { min-width: auto; } 
.width1200 { width: 98%; } 
.quequest { font-size: 16px; margin-bottom: 20px; } 
.maintext { font-size: 14px; margin-bottom: 15px; } 
.mgtop { padding-top: 20px; } 
.sectioncont { padding-bottom: 20px; } 
.nav_serc > a { width: 100%; } 
.engblock { width: 46%; margin-bottom: 15px; } 
.titnums { width: 24%; top: 3% !important; left: 2% !important; } 
.sectitls { position: relative; font-size: 21px; padding: 4%; width: 92% !important; bottom: auto !important; text-align: center; margin: 0 auto; } 
.sectitls2 { position: relative; font-size: 21px; padding: 4%; width: 92% !important; bottom: auto !important; text-align: center; margin: 0 auto;  } 
.navbgs { width: 100% !important; padding-top: 40px; } 
.navpics { margin-top: 20px; margin-bottom: 30px; } 
.engname { font-size: 16px; } 
.engtxt { font-size: 14px; } 
.sectitls:after { display: none !important; } 
.sectitls2:after { display: none !important; } 
.rightnavs { display: block; } 
.leftnavs { display: block; } 

.eng_cap { width: 100%; } 

.sectitls{ background: #524a2e; color: #fff !important; padding: 2vw 1vw !important; margin-top: -3vw !important;}
.sectitls2{ background: #524a2e; color: #fff !important; padding: 2vw 1vw !important; margin-top: -3vw !important;}


.solgan_parts { width: 72%; } 

.bgtipf3f4f6 { padding-top: 20px; } 
.bgtipf3f4f6_1 { padding-top: 20px; } 
.flexcanc2 { margin-bottom: 20px; } 
.flexcanc3 { margin-bottom: 20px; } 


.pc_s { display: none; } 
.h5_s { display: block; } 

.sj_r::before { display: none; } 
.sj_l::before { display: none; } 

.sj_r2::before { display: none; } 
.sj_r2::after { display: none; } 

.sj_l2::before { display: none; } 
.sj_l2::after { display: none; } 

.flexcanc1 { width: 100%; } 
.flexcanc2 { width: 100%; } 
.flexcanc3 { width: 100%; } 
.h5_s .flexcanc4 { width: 50%; } 

.rightnavs .sectitls,.leftnavs .sectitls,.rightnavs .sectitls2 { position: relative; padding: 0; color: #000; margin-top: 10px; } 
.swiper_simgbox { display: none; } 
.fl_column { flex-direction: column-reverse; } /* 反方向 */


.swiper_proimg { width: 65%; } 
}