.container { width:100%; max-width:1920px; margin:0 auto; }

.slider-box { z-index:80; position:fixed; right:10px; top:50%; width:204px; height:370px; background:url('./images/slider_bg.png') no-repeat center 0; padding-top:25px; margin-top:-185px; }
.slider-box p { width:100%; height:52px; text-align:center; line-height:52px; color:#fff; font-size:24px; margin-bottom:5px; cursor:pointer; }
.slider-box p:hover, .slider-box p.active { color:#cc6000; background:url('./images/slider_active.png') no-repeat center 0; }

.slogen-box { position:relative; width:100%; height:1590px; background:url('./images/bg0.jpg') no-repeat center 0; }
.slogen-box .logo { position:absolute; left:0; top:0; display:block; width:224px; height:194px; background:url('./images/logo.png') no-repeat center center; }
.slogen-box .city { position:absolute; left:0; top:1106px; display:flex; justify-content:center; width:100%; }
.slogen-box .city .item { width:292px; height:400px; padding-top:218px; margin:0 -10px; cursor:pointer; }
.slogen-box .city .item p { width:94px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:16px; background-color:#ef691f; border-radius:12px; margin:0 auto; }
.slogen-box .city .item:nth-child(2), .slogen-box .city .item:nth-child(4) { margin-top:40px; }

.part-box01 { width:100%; height:996px; background:url('./images/bg1.jpg') no-repeat center 0; padding-top:215px; }
.news-box { display:flex; width:1200px; margin:0 auto; }
.news-box .leftbox { width:374px; height:524px; border:solid 1px #e45c29; padding:6px; }
.news-box .leftbox .nodata { width:100%; height:100%; background-color:#ffefc9; font-size:18px; color:#e45c29; text-align:center; padding-top:230px; }
.news-box .leftbox .swiper { width:360px; height:510px; }
.news-box .leftbox .swiper .swiper-wrapper .swiper-slide a { display:flex; justify-content:center; width:360px; height:510px; overflow:hidden; }
.news-box .leftbox .swiper .swiper-wrapper .swiper-slide a img { display:block; height:100%; }
.news-box .leftbox .swiper .swiper-pagination { text-align:left; padding-left:15px; }
.news-box .leftbox .swiper .swiper-pagination .swiper-pagination-bullet { opacity:1; width:12px; height:12px; border:solid 2px #e45c29; background-color:transparent; }
.news-box .leftbox .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#e45c29; }
.news-box .rightbox { position:relative; flex:1; display:flex; flex-wrap:wrap; height:524px; padding-left:40px; }
.news-box .rightbox .nodata { width:100%; height:100%; font-size:18px; color:#e45c29; text-align:center; padding-top:230px; }
.news-box .rightbox .newsitem { position:relative; width:310px; height:195px; margin:30px 40px 0; }
.news-box .rightbox .newsitem .date { position:relative; height:45px; color:#e45c29; font-size:28px; font-weight:600; }
.news-box .rightbox .newsitem .date::before { position:absolute; left:0; bottom:2px; width:40px; height:4px; background-color:#e45c29; content:""; }
.news-box .rightbox .newsitem .arrow { position:absolute; top:5px; right:0; width:58px; height:45px; background:url('./images/news_icon01.png') no-repeat 0 center; }
.news-box .rightbox .newsitem .title { color:#e45c29; font-size:20px; line-height:26px; margin-top:15px; }
.news-box .rightbox .newsitem .profile { color:#959595; font-size:14px; line-height:18px; margin-top:10px; }
.news-box .rightbox .newsitem:hover .arrow { background:url('./images/news_icon02.png') no-repeat 0 center; }
.news-box .rightbox .newsitem:hover .title { text-decoration:underline; }
.news-box .rightbox .more { position:absolute; right:50px; bottom:0; width:75px; height:28px; background:url('./images/more_btn01.png') no-repeat 0 0; }
.news-box .rightbox .more:hover { background:url('./images/more_btn02.png') no-repeat 0 0; }

.part-box02 { width:100%; height:820px; background:url('./images/bg2.jpg') no-repeat center 0; }

.part-box03 { width:100%; height:830px; background:url('./images/bg3.jpg') no-repeat center 0; }

.part-box04 { width:100%; height:830px; background:url('./images/bg4.jpg') no-repeat center 0; padding-top:254px; }
.review-box { position:relative; width:1200px; padding-left:272px; margin:0 auto; }
.review-box .citys { z-index:20; position:absolute; left:10px; top:-38px; width:210px; height:480px; background:url('./images/review_line.png') no-repeat 0 0; }
.review-box .citys p { position:relative; width:80px; height:24px; line-height:24px; color:#ff9222; font-size:18px; text-align:right; cursor:pointer; }
.review-box .citys p::before { position:absolute; right:-50px; top:8px; width:8px; height:8px; border-radius:50%; background-color:#ff9222; content:""; }
.review-box .citys p.active { color:#f16929; font-weight:600; font-size:20px; }
.review-box .citys p.active::before { position:absolute; right:-52px; top:6px; width:12px; height:12px; border-radius:50%; background-color:#f16929; content:""; }
.review-box .citys p span { position:absolute; right:-20px; top:-12px; font-size:12px; line-height:12px; color:#fff; background-color:#f16929; border-radius:3px; padding:2px; transform:scale(0.7); }
.review-box .citys .c0 { position:absolute; top:-6px; right:50px; }
.review-box .citys .c1 { position:absolute; top:73px; right:194px; }
.review-box .citys .c2 { position:absolute; top:189px; right:249px; }
.review-box .citys .c3 { position:absolute; top:335px; right:226px; }
.review-box .citys .c4 { position:absolute; top:460px; right:62px; }
/*.review-box .citys .c0 { position:absolute; top:-6px; right:50px; }*/
/*.review-box .citys .c1 { position:absolute; top:22px; right:130px; }*/
/*.review-box .citys .c2 { position:absolute; top:73px; right:194px; }*/
/*.review-box .citys .c3 { position:absolute; top:132px; right:232px; }*/
/*.review-box .citys .c4 { position:absolute; top:189px; right:249px; }*/
/*.review-box .citys .c5 { position:absolute; top:260px; right:250px; }*/
/*.review-box .citys .c6 { position:absolute; top:318px; right:235px; }*/
/*.review-box .citys .c7 { position:absolute; top:379px; right:198px; }*/
/*.review-box .citys .c8 { position:absolute; top:424px; right:145px; }*/
/*.review-box .citys .c9 { position:absolute; top:460px; right:62px; }*/
.review-box .video { z-index:50; position:absolute; left:90px; top:0; width:404px; height:404px; cursor:pointer; }
.review-box .video::before { z-index:30; position:absolute; left:0; top:0; width:100%; height:100%; background:url('./images/review_videobg.png') no-repeat 0 0; content:""; }
.review-box .video p { z-index:20; position:absolute; left:12px; top:12px; display:flex; justify-content:center; align-items:center; width:380px; height:380px; border-radius:50%; background-color:#ffae5a; overflow:hidden; }
.review-box .video img { display:block; width:100%; }
.review-box .photos { z-index:30; position:relative; width:882px; height:404px; background-color:#ffae5a; }
.review-box .photos .swiper { position:absolute; left:120px; top:34px; width:864px; height:336px; }
.review-box .photos .swiper .swiper-wrapper .swiper-slide { width:288px; height:168px; padding:6px; } /* 276*156 */
.review-box .photos .swiper .swiper-wrapper .swiper-slide .picture { display:block; width:100%; height:100%; background-color:#fff; overflow:hidden; cursor:pointer; }
.review-box .photos .swiper .swiper-wrapper .swiper-slide .picture img { display:block; width:100%; }
.review-box .photos .swiper-button-prev { position:absolute; left:auto; right:50px; top:-25px; width:36px; height:36px; background:url('./images/review_left01.png') no-repeat 0 0; cursor:pointer; opacity:1; }
.review-box .photos .swiper-button-next { position:absolute; left:auto; right:0; top:-25px; width:36px; height:36px; background:url('./images/review_right01.png') no-repeat 0 0; cursor:pointer; opacity:1; }
.review-box .photos .swiper-button-prev:hover { background:url('./images/review_left02.png') no-repeat 0 0; }
.review-box .photos .swiper-button-next:hover { background:url('./images/review_right02.png') no-repeat 0 0; }
.review-box .photos .swiper-button-prev.swiper-button-disabled { filter:grayscale(1); }
.review-box .photos .swiper-button-next.swiper-button-disabled { filter:grayscale(1); }
.review-box .photos .swiper-button-prev::after { display:none; }
.review-box .photos .swiper-button-next::after { display:none; }

.part-box05 { width:100%; height:630px; background:url('./images/bg5.jpg') no-repeat center 0; padding-top:250px; }
.partner-box { display:flex; justify-content:center; }
.partner-box a { display:block; margin:0 3px; }

.modal-message { z-index:100; position:fixed; left:0; top:0; display:flex; justify-content:center; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); padding-top:100px; }
.modal-message .message { width:448px; height:86px; line-height:86px; text-align:center; color:#fe7613; font-size:22px; background:url('./images/toast_bg.png') no-repeat center 0; }

.modal-box { z-index:100; position:fixed; left:0; top:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); }
.modal-citybox { position:relative; width:838px; height:436px; background:url('./images/modal_city.png') no-repeat center 0; }
.modal-citybox .close { position:absolute; top:24px; right:0; width:104px; height:95px; cursor:pointer; }
.modal-citybox .name { height:72px; text-align:center; color:#fff; font-size:32px; line-height:68px; }
.modal-citybox .contact { height:212px; padding:30px 180px 0; }
.modal-citybox .contact p { position:relative; color:#f25e1f; font-size:18px; font-weight:600; padding-left:25px; padding-bottom:20px; }
.modal-citybox .contact p::before { position:absolute; left:0; top:2px; width:16px; height:20px; background:url('./images/modal_icon01.png') no-repeat 0 0; content:""; }
.modal-citybox .tips { height:150px; text-align:center; color:#fff6e8; font-size:20px; line-height:130px; }

.modal-videobox { position:relative; width:1064px; height:600px; background-color:#000; }
.modal-videobox .close { position:fixed; top:-50px; right:-50px; width:100px; height:100px; font-size:20px; color:#fff; background-color:#000; border-radius:50%; padding-top:55px; padding-left:25px; cursor:pointer; }
.modal-videobox .loading { z-index:20; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#fff; font-size:18px; letter-spacing:5px; padding-top:280px; }
.modal-videobox iframe {  z-index:30; position:relative; width:100%; height:100%; }

.modal-imagesbox { position:relative; width:1500px; height:640px; }
.modal-imagesbox .close { position:fixed; top:-50px; right:-50px; width:100px; height:100px; font-size:20px; color:#fff; background-color:#000; border-radius:50%; padding-top:55px; padding-left:25px; cursor:pointer; }
.modal-imagesbox .swiper { width:1500px; height:640px; }
.modal-imagesbox .swiper .swiper-wrapper .swiper-slide { display:flex; justify-content:center; align-items:center; }
.modal-imagesbox .swiper .swiper-wrapper .swiper-slide img { display:block; max-height:100%; border-radius:10px; }
.modal-imagesbox .swiper-button-prev, .modal-imagesbox .swiper-button-next { color:#f87f2c; }
.modal-imagesbox .swiper-pagination { position:absolute; left:0; bottom:-40px; color:#fff; }









