@media (max-width: 1201px){ .w1270{ width: 970px; } #main .banner .cent-cont .box{ top: 45%; } #main .banner .cent-cont h3.tit{ font-size: 30px; } #main .banner .cent-cont .d2{ font-size: 28px; } #main .banner .cent-cont .more{ margin-top: 30px; } header .searbox.on .contai{ width: 580px; } header .searbox .ajaxsear{ width: 580px; padding: 8px 0; } header .searbox .ajaxsear a{ padding: 0 30px; } header .searbox .contai .tet{ width: 514px; } header nav a{ margin: 0 15px; } header .pornav a{ width: 104px; } footer .fwrap li{ width: 126px; } footer .fwrap .f2 .tel{ margin-top: 14px; float: left; } footer .ser-twrap{ padding-top: 60px; } footer .ser-twrap .tit{ padding-bottom: 26px; } footer .fot li{ height: 180px; } footer .fot li .box{ margin: 30px 0; height: 120px; } footer .fwrap .f2 .tel .wxcontai{ margin-left: 20px; } footer .fwrap .f2 .des{ padding-top: 4px; } footer .fwrap{ padding: 34px 0 12px; } #main .wrap1{ margin-top: 60px; } #main .wrap1 .vidbox .play{ width: 58px; height: 58px; } #subscribe .prehd{ padding: 38px 0 0 0; } #subscribe .prehd a{ font-size: 15px; height: 34px; line-height: 34px; } #subscribe .subhdbox{ margin-top: 16px; height: 50px; line-height: 50px; } #subscribe .zwt{ height: 50px; line-height: 50px; } #subscribe .wrap3{ padding: 64px 0 84px; } #store .sear{ top: 48%; } #store .sear h1{ font-size: 24px; margin-bottom: 14px; } #store .sear .searinp .text{ width: 402px; height: 46px; line-height: 46px; padding: 0 16px; font-size: 16px; } #store .sear .searinp .submit{ height: 46px; right: 16px; } #store .gosear{ font-size: 14px; } #s-address .side{ width: 270px; padding: 0 14px; } #s-address .side .h1{ } #s-address .side .tsear{ width: 270px; } #s-address .side .tsear .se-text{ width: 205px; } #s-address .side .ulbox .jgtit{ margin-top: 20px; line-height: 34px; height: 34px; } #s-address .side .ulbox li .mdtit{ font-size: 14px; } #s-address .side .ulbox li{ padding: 15px 6px 18px 5px; } #s-address .side .ulbox li .md-local{ line-height: 1.5; margin-bottom: 0.5em; } #news .wrap1 li .text{ padding: 12px 16px 18px; } .newslist li .text .tit{ font-size: 18px; } #news .wrap1 li .text .con{ font-size: 13px; margin-top: 4px; } #news .wrap1 li .text .gnbox{ margin-top: 8px; } .newslist li .text .gnbox span{ font-size: 12px; } #news .wrap1 li .text .good{ margin-left: 16px; } #video .wrap2 .vid-nav{ padding: 26px 0; } #video .wrap2 .more{ margin: 50px auto 85px; width: 260px; } #newsinfo .wrap1 .infowrap{ width: 950px; margin-top: 30px; } #newsinfo .wrap1 .infowrap .tit{ font-size: 28px; } #newsinfo .wrap1 .infowrap .subti{ margin: 15px 0 30px; } #newsinfo .wrap1 .infowrap .gnbox{ margin-top: 55px; } #products .wrap1 .item .box .imgs{ padding: 36px 16px 18px; } #products .wrap1 .item .box{ padding-bottom: 24px; } #products .wrap1 .htit{ font-size: 28px; padding: 40px 0 20px; } #products .wrap1 .item .d3{ margin-top: 12px; } #products .wrap1 .addmore{ margin: 38px auto 60px; } #products .wrap1 .addmore{ width: 200px; height: 46px; line-height: 46px; } #products .wrap1{ padding-bottom: 60px; } #products.allpro .wrap1 .addmore{ margin-bottom: 55px; } #products.allpro .wrap1 .h1tit{ } #products.allpro .wrap1 .htit{ height: 64px; line-height: 64px; } #products.allpro .wrap1{ padding-bottom: 50px; } #productinfo .wrap3 img{ width: 420px; } #productinfo .wrap4 .ilist .item .box .imgs{ padding: 36px 16px 18px; } #productinfo .wrap4 .ilist .item .d3{ margin-top: 12px; } #productinfo .h2tit{ font-size: 24px; } #productinfo .wrap2 .h2tit{ margin: 50px 0 34px; } #productinfo .wrap3 .h2tit{ margin: 66px 0 80px; } #productinfo .wrap4 .tap{ font-size: 24px; margin: 90px 0 30px; } #productinfo .wrap4 .tap span{ margin-right: 10px; } #productinfo .wrap4{ padding-bottom: 40px; } #ccs .wrap1 .tit{ padding-bottom: 0.4em; margin: 56px 0 30px; font-size: 28px; } #ccs .wrap1 .con{ font-size: 14px; width: 90%; } #ccs .wrap2{ margin-top: 48px; } #ccs .wrap2 .swiper-pagination{ margin: 26px 0 45px; } #ccs .wrap2 .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 5px; } #ccs .wrap4{ margin: 54px 0 88px; } #ccs .wrap4 .h1{ font-size: 28px; } #ccs .wrap4 .h2{ margin: 0px 0 50px; padding-bottom: 12px; font-size: 14px; } #ccs .wrap4 .h2:after{ width: 36px; } #ccs .wrap4 .swiper-slide{ font-size: 14px; line-height: 1.7; } #ccs .wrap5{ padding: 64px 0 88px; } #ccs .wrap5 .tit{ font-size: 28px; } #ccs .wrap5 .subtit{ margin-top: 0; } #contact .wrap1 .w1440{ width: 970px; } #contact .wrap1{ padding: 40px 0 20px; } #contact .wrap1 .tit{ font-size: 28px; } #contact .wrap1 .list{ margin: 40px 0 60px; } #contact .wrap1 .item .box img{ width: 50px; } #contact .wrap1 .item .box p{ margin-top: 14px; font-size: 14px; } #contact .wrap1 ul{ padding: 48px 0; } #feedback .wrap1{ padding: 60px 0 50px; } #join .wrap6 .w1440{ width: 950px; } #join .wrap6 .swiper-slide{ padding-right: 38px; } #join .wrap6 .imgs:after{ right: -26px; } #join .wrap2 ul{ flex-flow: wrap; } #join .wrap2 ul li{ width: calc(50% - 23px); margin-bottom: 23px; } #join .wrap2 .hcon{ max-width: 80%; margin: 0 auto; } #cooperation .wrap1 .tit{ font-size: 28px; padding: 64px 0 12px; margin-bottom: 30px; } #cooperation .wrap1 .con{ font-size: 14px; } #cooperation .wrap1 .con p + p{ margin-top: 18px; } #cooperation .wrap1 .abox{ margin: 50px 0 0; } #cooperation .wrap1 .abox a .text{ padding: 20px 30px 20px; } #cooperation .wrap1 .abox .atit{ font-size: 20px; padding-bottom: 6px; margin-bottom: 14px; } #cooperation .wrap1 .abox .acon{ font-size: 14px; } #cooperation .wrap1 .abox .amore{ font-size: 12px; margin-top: 14px; } #cooperation .wrap1 .w1440{ padding: 0 30px 108px; } #cooperation .wrap2{ padding: 70px 0 82px; } #cooperation .wrap2 .tit{ font-size: 28px; } #cooperation .wrap2 .subtit{ font-size: 14px; margin-top: 8px; } #case .wrap1{ padding: 60px 0 0; } #case .wrap1 .htit{ font-size: 28px; } #case .wrap1 .hcon{ font-size: 14px; padding-bottom: 12px; } #case .wrap1 li .text{ padding: 10px 0 40px; } #case .wrap1 li .tit { font-size: 20px; } #case .wrap1 li .con{ font-size: 13px; margin-top: 0px; } #case .wrap1 ul{ width: calc(100% + 30px); } #case .wrap1 li{ width: calc(33.33333% - 30px); margin-right: 30px; } #case .wrap1 .paging{ margin: 30px 0 50px; } #case .wrap1 ul{ margin-top: 70px; } #service .wrap1{ padding: 60px 0 80px; } #service .wrap1 .htit{ font-size: 28px; } #service .wrap1 .hcon{ font-size: 14px; padding-bottom: 16px; } #service .wrap1 .top{ margin-top: 56px; } #service .wrap1 .fot .tit{ font-size: 26px; padding-bottom: 14px; } #service .wrap1 .fot .con{ font-size: 14px; margin-top: 18px; } #service .wrap1 .fot{ margin: 86px 0 0; } #about .wrap1{ padding: 80px 0 50px; } #about .wrap1 .htit{ font-size: 28px; padding-bottom: 16px; margin-bottom: 40px; } #about .wrap1 .hcon{ font-size: 14px; } #about .wrap1 .fot{ margin-top: 70px; } #about .wrap1 .fot .d1{ font-size: 16px; } #about .wrap1 .fot .d2{ margin-top: 6px; } #about .wrap1 .fot .text{ padding: 14px 15.837% 0 0; } #history .wrap1{ padding-bottom: 20px; } #history .wrap1 a .text{ padding: 18px 0; } #history .wrap1 a .d1{ font-size: 14px; } #history .wrap1 a .d2{ font-size: 12px; margin-top: 0; } #historyinfo .wrap1 .htit{ margin: 44px 0 36px; } #historyinfo .wrap2 .tit{ font-size: 28px; } #strategy .wrap1 .htit{ font-size: 28px; } #strategy .wrap1{ margin-top: 50px; } #strategy .wrap1 .hcon{ padding-bottom: 16px; margin-bottom: 66px; font-size: 14px; } #strategy .wrap1 .swiper-container{ margin-top: 50px; } #strategy .wrap1 ul{ padding: 0 20px; } #strategy .wrap1 .swiper-container .swiper-pagination-bullet{ width: 12px; height: 12px; } #strategy .wrap1 .swiper-container .swiper-pagination{ margin: 45px 0 80px; } #innovate .wrap3 .tit{ padding-bottom: 10px; } #innovate .wrap4 .text .con{ font-size: 14px; } #innovate .wrap4 .text .tit{ font-size: 26px; padding-bottom: 8px; } #innovate .wrap1 .text .d1{ font-size: 28px; padding-bottom: 4px; margin-bottom: 13px; } #honor .wrap1 .tit{ margin-top: 70px; margin-bottom: 0; font-size: 30px; } #honor .wrap1 .con{ margin-bottom: 30px; } #honor .wrap1 li .t1{ padding: 8px 0 20px; } #honor .wrap1{ margin-bottom: 40px; } #honorlist .wrap1 .tit{ font-size: 30px; margin-bottom: 50px; } #honorlist .wrap1 .tit span{ font-size: 30px; } #honorlist .wrap1{ padding: 60px 0 100px; } #honorlist .wrap1 .year{ margin-top: 10px; } #honorlist .wrap1 .ytit{ font-size: 22px; } #honorlist .wrap1 .ycon{ font-size: 14px; margin-top: 12px; } #honorlist .wrap1 .topbox .prev, #honorlist .wrap1 .topbox .next{ width: 30px; background-size: 30px auto; } #culture .wrap2 .con, #culture .wrap3 .con, #culture .wrap4 .con{ font-size: 14px; } #culture .wrap1 .con{ font-size: 14px; } #culture .wrap2 .con{ height: 20em; } #culture .wrap2 .htit, #culture .wrap3 .htit, #culture .wrap4 .htit{ padding-bottom: 0; margin-bottom: 10px; } #culture .wrap2 .text, #culture .wrap4 .text{ margin-top: 0; line-height: 2; } #culture .wrap3{ padding-bottom: 0; } #culture .ad .htit{ padding-bottom: 0; } #culture .ad .d2 p+p{ margin-top: 0.5em; } #social .wrap2 li .text .box .t1{ font-size: 22px; padding-bottom: 10px; } #social .wrap2 li .text .con{ font-size: 12px; margin-top: 12px; } #social .wrap2 li .text .box{ padding-right: 30px; padding-left: 40px; } #social .wrap2 li:nth-child(2n) .text .box{ padding-left: 30px; padding-right: 40px; } #intro .wrap1 ul{ flex-wrap: wrap; justify-content:space-between; } #intro .wrap1 li{ width: calc(50% - 18px); margin-bottom: 38px; } #intro .wrap1 li + li{ margin-left: 0; } #intro .wrap2{ margin-top: 85px; } #intro .wrap2 .swiper-slide{ width: 33.33333%; padding-bottom: 70px; } #intro .wrap2 .year{ font-size: 40px; } #intro .wrap2 .control{ margin-top: 50px; } #intro .wrap2 .htit{ font-size: 28px; margin-bottom: 40px; padding-bottom: 10px; } #intro .wrap3 .htit{ font-size: 28px; padding-bottom: 10px; margin: 80px 0 40px; } #intro .wrap3 .swiper-slide .tit{ font-size: 20px; margin-top: 20px; padding-bottom: 8px; } #intro .wrap3 .swiper-slide .con{ font-size: 12px; margin-top: 16px; } #intro .wrap3 .swiper-slide{ width: calc(33.3333% - 8px); margin-right: 12px; } #intro .wrap3 .swiper-container{ margin-bottom: 100px; } #talent .wrap1 .htit{ font-size: 28px; padding-bottom: 16px; margin: 80px 0 45px; } #talent .wrap1 .box2 .htit{ margin-bottom: 45px; } #talent .wrap1 ul li .ico img{ width: 60px; } #talent .wrap1 ul li .d1{ font-size: 18px; } #talent .wrap1 ul li .d2{ font-size: 13px; } #talent .wrap1 .box2{ padding-bottom: 70px; } #openclass .wrap2 li .text{ padding: 10px 14px 20px; } #openclass .wrap2 li .tit{ font-size: 16px; } #openclass .wrap2 li .attr span{ padding-left: 22px; font-size: 12px; } #openclass .wrap2 li .attr{ margin-top: 6px; } #openclass .wrap2 li{ width: calc(33.3333% - 8px); margin-bottom: 14px; } #openclass .wrap2 li:not(:nth-child(3n)){ margin-right: 12px; } #openclass .wrap2 .box .more{ margin: 50px auto 40px; } #openclass .wrap2 .htit{ line-height: 56px; } #openclass .wrap2 .h1{ font-size: 28px; } #openclass .wrap2 .atap a{ font-size: 16px; margin-left: 24px; } #openclassinfo .wrap1 .box .con{ font-size: 14px; } #openclassinfo .wrap1 .time{ margin: 10px 0 70px; } #openclassinfo .wrap2 .box{ margin-top: 26px; } #openclassinfo .wrap2 .text{ padding-left: 40px; } #openclassinfo .wrap3 .top .w1440{ padding: 40px 0 30px; } #openclassinfo .wrap3 .con{ font-size: 14px; margin-top: 10px; } #openclassinfo .wrap3 .fot{ padding: 24px 0 0; } #openclassinfo .wrap3 .fot .red{ font-size: 14px; } #openclassinfo .wrap4{ margin-bottom: 40px; } #special .wrap1{ margin-bottom: 120px; } #special .wrap1 li .tit{ font-size: 18px; padding-bottom: 8px; margin: 18px 0; } #special .wrap1 li .tit:after{ width: 30px; height: 1px; } #special .wrap1 li .con{ font-size: 12px; } #servicehome .wrap1 li .d1{ font-size: 16px; margin-top: 12px; } #servicehome .wrap1 ul{ margin-top: 20px; } #servicehome .wrap1{ padding: 60px 0 80px; } #servicehome .htit{ font-size: 24px; } #servicehome .wrap2 .htit{ margin: 70px 0 30px; } .faqlist .box li .listtit{ font-size: 14px; line-height: 50px; } .faqlist .box li .listcon{ font-size: 12px; padding: 16px 20px 14px; } .faqlist .box li .listcon .d1{ font-size: 12px; } .faqlist .box .more{ width: 240px; height: 44px; line-height: 44px; font-size: 14px; margin-top: 64px; } #faq .wrap1 .htit{ font-size: 28px; margin: 40px 0; } #faq .wrap1 .swiper-slide{ width: 110px; } #faq .wrap1 .swiper-slide img{ width: 66px; } #faq .wrap1 .swiper-slide .d1{ font-size: 13px; margin-top: 14px; } #faq .wrap2{ margin-top: 54px; } #charge .wrap1 table{ font-size: 14px; } #charge .wrap1 table thead{ font-size: 16px; } #charge .wrap1 .tablecon, #policy .wrap1 .tablecon{ font-size: 14px; } #policy .wrap1 table thead{ font-size: 16px; } #policy .wrap1 table{ font-size: 14px; } #policy .wrap1 .table1 .tablecon:last-child{ padding: 40px 0 30px; } .step .htit{ margin: 20px 0 44px; font-size: 28px; } #reserve .wrap1 .subtit{ margin: 50px 0 16px; } #reserve .wrap1 .inpbox{ margin-bottom: 40px; } #reserve2 .wrap2 .blk.blk3 .inp.href{ margin-top: 44px; } #reserve2 .wrap2 .linetit{ padding-left: 0; } #reserve2 .wrap2 .blk{ padding-left: 0; } #reserve2 .wrap2 .blk3{ padding-top: 64px; } #reserve2 .wrap2 .linetit{ margin-top: 40px; } #reserve2 .wrap2 .blk .swiper-slide{ width: 100px; height: 100px; } #reserve2 .wrap2 .blk .swiper-slide .ico img{ width: 40px; } #reserve2 .wrap2 .blk .swiper-slide{ padding: 12px 0 0; } #reserve2 .wrap2 .blk .swiper-slide .text{ font-size: 14px; margin-top: 12px; } #reserve2 .wrap2 .blk .swiper-slide:not(:first-child){ margin-left: 44px; } #reserve2 .wrap2 .blk.blk2 .swiper-slide .ico img{ width: 58px; } #reserve3 .wrap1 .inpbox{ margin: 60px auto 40px; } #reserve4 .wrap1 .inpbox{ margin: 100px auto 40px; } #reserve4 .wrap1 .inpbox .d1{ font-size: 28px; } #pay .wrap1 .w1440 .taps span{ font-size: 16px; height: 60px; line-height: 60px; } #pay .wrap1 .w1440 .taps span.on{ border-bottom: 2px solid #007bb5; } #pay .wrap1 .w1440 .list .item1 .ico{ width: 30px; } #pay .wrap1 .w1440 .list .item1 .text{ width: calc(100% - 30px); line-height: 1.72; padding-left: 10px; padding-right: 20px; } #pay .wrap1 .w1440 .list .item1 .d1{ font-size: 16px; } #pay .wrap1 .w1440 .list .item1 .d2{ font-size: 12px; margin-top: 6px; } #pay .wrap1 .w1440 .list .item1 li{ min-height: 150px; } #pay .wrap1 .w1440 .list .item2 .box .d1{ font-size: 18px; margin-bottom: 40px; } #pay .wrap1 .w1440 .list .item2 .box{ padding: 40px 0 0; } #pay .wrap1 .w1440 .list .item2 .box .hcon{ padding: 64px 0 30px; } #pay .wrap1 .w1440 .list .item2 .box .hcon p + p{ margin-top: 14px; } .seartit{ font-size: 26px; margin: 40px 0 16px; } #dot .wrap1 .wrap .list li{ padding: 0 30px; } #dot .wrap1 .wrap .list li:nth-child(3n-1){ padding: 0 15px; } #productinfo .wrap5 .item .d1{ font-size: 26px; } #productinfo .wrap5 .item .play{ font-size: 14px; } #productinfo .wrap6{ padding: 60px 0; } #productinfo .wrap6 img{ width: 140px; } #productinfo .wrap6 .text{ font-size: 20px; line-height: 28px; margin-left: 20px; } #reserve2 .wrap2 .blk.blk2 .swiper-container, #reserve2 .wrap2 .blk.blk2 .ygcp, #reserve2 .wrap2 .blk.blk2 .yfxh{ margin-left: 0; } #reserve2 .wrap2 .blk.blk2 .xzsb .xzsbtit, #reserve2 .wrap2 .blk.blk2 .xzsb .xzsbcon{ padding-left: 0; } /* 鏂板姞 */ #active .page1 .text-box .d1{ font-size: 25px; } #active .page1 .text-box .code-img{ width: 160px; } #active .page1 .text-box .d2{ font-size: 18px; } #active .page2 .text-box .d1{ font-size: 26px; } #active .page3 .text-box .d1{ font-size: 25px; } #active .page3 .text-box .d2{ font-size: 14px; } #active .page4 .text-box .d1{ font-size: 25px; } #active .page5 .text-box .d1{ font-size: 25px; } #active .page5 .text-box .d2{ font-size: 14px; } #active .page5 .text-box .code{ width: 135px; margin-top: 20px; } #active .page5 .text-box .code .code-text{ font-size: 14px; } }