@media (max-width: 993px){ header .log img{ width: 136px; height: 30px; } .w1270{ width: 750px; } #main .banner .cent-cont h3.tit{ font-size: 25px; } #main .banner .cent-cont .d2{ font-size: 22px; } #main .banner .cent-cont .box{ top: 48%; } #main .banner .cent-cont .more{ margin-top: 16px; font-size: 12px; } #servicehome .wrap1 li .ico{ height: 60px; line-height: 60px; } header nav a{ font-size: 14px; } /* header nav{ margin-right: 20px; } */ footer .ser-twrap{ padding-top: 40px; } footer .ser-twrap .tit{ padding-bottom: 20px; font-size: 18px; line-height: 58px; height: 58px; } footer .fot li{ height: 170px; } footer .fot li .box img{ width: 40px; } footer .fot li .box .d1{ font-size: 14px; margin-top: 8px; } footer .fot li .box .d2{ font-size: 12px; } footer .fot li .box{ height: 110px; } footer .fwrap li{ width: 98px; } footer .fwrap li a:first-child{ font-size: 13px; padding-bottom: 6px; } footer .fwrap ul{ padding-bottom: 16px; } #main .wrap1{ margin-top: 50px; } #main .wrap1 .vidbox .play{ width: 48px; height: 48px; } #subscribe .subhd a{ font-size: 12px; margin-right: 36px; } #subscribe .wrap3{ padding: 44px 0 64px; } #subscribe .wrap3 .inpbox{ width: 500px; } #subscribe .wrap3 .selbox{ width: 236px; background-position: 200px center; } #s-address .side{ width: 240px; padding: 0 14px; } #s-address .side .h1{ font-size: 16px; padding: 12px 0; } #s-address .side .tsear{ width: 239px; height: 35px; } #s-address .side .tsear .se-text{ width: 174px; height: 35px; line-height: 35px; } #s-address .side .ulbox .jgtit{ margin-top: 10px; line-height: 30px; height: 30px; } #s-address .side .ulbox li{ padding: 15px 8px 18px 5px; font-size: 12px; } #news .wrap1 li{ width: 50%; } #video .wrap2 li{ width: 50%; } #video .wrap2 .more{ margin: 40px auto 65px; width: 220px; height: 45px; line-height: 45px; font-size: 14px; } #newsinfo .wrap1 .infowrap{ width: 750px; margin-top: 20px; } #newsinfo .wrap1 .infowrap .tit{ margin-top: 20px; font-size: 26px; } #newsinfo .wrap1 .infowrap .subti{ margin: 10px 0 20px; } #newsinfo .wrap1 .infowrap .gnbox{ margin-top: 45px; } #products .wrap1{ padding-bottom: 40px; } #products .wrap1 .htit{ padding: 20px 0; font-size: 24px; } #products .wrap1 .item .box{ font-size: 12px; padding-bottom: 18px; } #products .wrap1 .item .box .imgs{ padding: 30px 10px 8px; } #products .wrap1 .item .d3{ margin-top: 6px; font-size: 12px; } #products .wrap1 .addmore{ width: 140px; height: 34px; line-height: 34px; font-size: 12px; margin: 20px auto 60px; } #products.allpro .wrap1 .h1tit{ margin: 30px 0 10px; font-size: 28px; } #products.allpro .wrap1 .htit{ height: 60px; line-height: 60px; font-size: 20px; } #products.allpro .wrap1 .addmore{ margin-bottom: 25px; } #products.allpro .wrap1{ padding-bottom: 30px; } #productinfo .wrap3 img{ width: 80%; } #productinfo .wrap4 .ilist .swiper-slide{ width: 50%; } #ccs .wrap1 .con{ font-size: 14px; width: 100%; text-align: left; /* text-indent: 2em; */ } #ccs .wrap2 .w1440, #ccs .wrap3 .w1440{ width: 100%; } #contact .wrap1 .w1440{ width: 750px; } #contact .wrap1 .item .box{ padding: 0 30px; } #contact .wrap1 .list{ margin: 40px 0 40px; } #feedback .wrap1{ padding: 50px 0 30px; } #join .wrap6 .w1440{ width: 750px; } #join .subnav .swiper-container{ max-width: 70%; } #join .wrap6 .imgs{ width: 80px; height: 80px; line-height: 80px; } #join .wrap6 .imgs img{ width: 44px; } #join .wrap6 .imgs:after{ right: -46px; } #cooperation .wrap1 .abox{ padding: 0; flex-wrap: wrap; } #cooperation .wrap1 .abox a{ width: 100%; } #cooperation .wrap1 .w1440{ padding-bottom: 48px; } #cooperation .wrap1 .abox .atit{ font-size: 28px; } #cooperation .wrap1 .abox .acon{ font-size: 18px; } #case .wrap1{ padding: 40px 0 0; } #case .wrap1 li .tit{ font-size: 16px; } #case .wrap1 li .con{ font-size: 12px; } #case .wrap1 ul{ margin-top: 45px; } #case .wrap1 li .text{ padding: 10px 0 24px; } #case .wrap1 .paging{ margin: 24px 0 36px; } #service .wrap1{ padding: 40px 0 60px; } #service .wrap1 .hcon{ max-width: 474px; } #service .wrap1 .top .swiper-slide .text{ font-size: 12px; top: 0; bottom: 0; margin: auto 0; } #service .wrap1 .top{ margin-top: 36px; } #service .wrap1 .fot{ margin: 46px 0 0; } #service .wrap1 .fot .tit{ font-size: 22px; padding-bottom: 6px; } #service .wrap1 .fot .con{ font-size: 12px; margin-top: 8px; } #service .wrap1 .fot .tit:after{ width: 30px; } #about .wrap1 .w1440{ padding: 0; } #about .wrap1 .fot .text{ padding: 14px 0 0 0; } #about .wrap1 .fot .d2{ margin-top: 0; } #about .wrap1 .fot .text{ padding-top: 7px; } #about .wrap1 .fot{ margin-top: 50px; } #history .wrap1 a{ width: calc(50% - 12px); margin-right: 24px; } #history .wrap1 a:nth-child(2n){ margin-right: 0; } #history .wrap1 a .text{ padding: 30px 0; } #history .wrap1 a .d1{ font-size: 18px; } #history .wrap1 a .d2{ font-size: 16px; } #historyinfo .wrap2 .d1{ font-size: 14px; padding: 6px 0 0; margin-bottom: 0; } #historyinfo .wrap2 .d2{ font-size: 12px; } #strategy .wrap1 li{ width: 33.3333%; opacity: 1; } #innovate .wrap3 .tit{ font-size: 28px; padding-bottom: 8px; } #innovate .wrap3 .con{ font-size: 14px; margin: 14px auto 24px; } #culture .ad .d2 span{ font-size: 12px; } #honorlist .wrap1{ padding: 40px 0; } #honorlist .wrap1 .tit{ font-size: 24px; margin-bottom: 30px; } #honorlist .wrap1 .tit span{ font-size: 24px; } #honorlist .wrap1 .year{ margin-top: 0; font-size: 15px; } #honorlist .wrap1 .ytit{ font-size: 18px; } #honorlist .wrap1 .ycon{ font-size: 12px; margin-top: 6px; } #culture .culturenav span{ margin-left: 20px; } #culture .wrap1 .htit{ margin: 60px 0 0; } #culture .wrap1 .subtit{ font-size: 16px; } #culture .wrap1 .con{ margin-bottom: 26px; } #culture .wrap2{ margin: 70px 0 50px; } #culture .wrap2 .htit .htit-d1{ font-size: 16px; } #culture .wrap2 .con { max-height: 16em; } #culture .htit{ font-size: 24px; } #culture .wrap4{ margin: 70px 0 20px; } #social .wrap2 li .imgs{ width: 100%; } #social .wrap2 li .text{ width: 100%; position: relative; } #social .wrap2 li .text .box{ position: relative; top: 0; transform: none; padding: 40px 30px; } #social .wrap2 li .text .box .t1{ font-size: 26px; } #social .wrap2 li .text .box .t1:after{ display: none; } #social .wrap2 li:nth-child(2n) .imgs{ float: none; } #social .wrap2 li .text .con{ font-size: 16px; } #university .htit{ font-size: 30px; text-align: center; color: #000000; margin: 60px 0 10px; } #university .wrap1 ul{ margin: 36px auto 0; width: 80%; } #university .wrap1 li{ width: 100%; margin: 0; } #university .wrap1 li .tit{ font-size: 24px; padding-bottom: 8px; } #university .wrap1 li .con{ font-size: 20px; } #university .wrap1 li .more{ opacity: 1; transform: none; font-size: 16px; margin-top: 8px; background-size: 7px auto; } #intro .wrap2{ margin-top: 65px; } #intro .wrap2 .control{ margin-top: 36px; } #intro .wrap3 .htit{ font-size: 28px; margin: 50px 0 32px; } #intro .wrap3 .swiper-slide{ width: 40%; } #intro .wrap3 .swiper-pagination{ position: relative; bottom: 0; font-size: 0; margin-top: 40px; } #intro .wrap3 .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background-color: #a7a7a7; } #intro .wrap3 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #808080; } #talent .wrap1 ul li{ width: 100%; padding: 20px 5.77%; } #openclass .wrap2 li .attr .good{ margin-left: 4px; } #openclass .wrap2 li{ width: calc(50% - 8px); } #openclass .wrap2 li:not(:nth-child(3n)){ margin-right: 0; } #openclass .wrap2 li:not(:nth-child(2n)){ margin-right: 16px; } #openclassinfo .htit{ font-size: 24px; } #openclassinfo .wrap1{ padding: 40px 0 70px; } #openclassinfo .wrap1 .box .imgs{ width: 100%; padding: 0; margin-bottom: 50px; } #openclassinfo .wrap1 .box .con{ width: 100%; padding: 0 3.43%; } #openclassinfo .wrap2 .container{ padding: 30px 0 46px; } #openclassinfo .wrap2 .box{ margin-top: 10px; } #openclassinfo .wrap2 .imgs{ width: 160px; height: 160px; } #openclassinfo .wrap2 .text{ max-width: calc(100% - 160px); } #openclassinfo .wrap2 .text .d1{ font-size: 18px; } #openclassinfo .wrap2 .text .d2{ font-size: 14px; } #openclassinfo .wrap2 .text .d3{ font-size: 12px; } #openclassinfo .wrap3{ padding-bottom: 40px; } #openclassinfo .wrap4{ margin-bottom: 40px; } #openclassinfo .wrap4 span{ font-size: 14px; padding-left: 24px; background-size: 20px auto; } #openclassinfo .wrap4 span.good{ margin-left: 16px; } #special .wrap1 li{ width: 100%; } #special .wrap1 li:not(:nth-child(2n-1)){ margin-left: 0; margin-top: 40px; } #charge .wrap1 .w1440 .htit{ font-size: 28px; margin: 40px 0 20px; } #charge .wrap1 .w1440 .h2tit, #policy .wrap1 .w1440 .h2tit{ font-size: 22px; } #charge .wrap1 .table2{ margin-top: 40px; } #charge .wrap1 .table3{ margin: 40px 0 50px; } #policy .wrap1 .htit{ margin: 40px 0 10px; font-size: 28px; } #policy .wrap1 .h2tit{ margin-bottom: 16px; margin-top: 20px; } .step .w1440{ width: 750px; } #reserve4 .wrap1 .inpbox{ margin: 50px auto 40px; } #reserve4 .wrap1 .inpbox img{ width: 100px; } #reserve4 .wrap1 .inpbox .d1{ font-size: 24px; margin: 24px 0 12px; } #recruit .wrap1 .w1440 ul li{ padding: 40px 0 20px; } #recruit .wrap1 .w1440 ul li .ico img{ width: 60px; } #recruit .wrap1 .w1440 ul li .d1{ font-size: 16px; margin-top: 6px; } #recruit .wrap1 .w1440 .hcon{ margin: 40px 0 45px; } .rejoin .wrap1 .topinp .left .select + .select{ margin-left: 14px; } .rejoin .wrap1 .topinp .left .select{ width: 184px; } .rejoin .wrap1 .topinp .left .select .select-tit{ background-position: 160px center; } .rejoin .wrap1 .list .paging{ margin: 24px 0 40px; } #pay .wrap1 .w1440 .taps{ padding: 44px 40px 0; } #pay .wrap1 .w1440 .list .item1{ padding: 50px 20px 0; } #products .wrap1 .ilist{ padding-bottom: 0; } .faqlist .box ul{ width: 100%; } .faqlist .box ul + ul{ margin-left: 0; } #productinfo .wrap5 .item{ display: block; width: 100%; } #productinfo .wrap5 .item:nth-child(1), #productinfo .wrap5 .item:nth-child(3){ background-color: #bcbcbc; } #productinfo .wrap5 .item:nth-child(2), #productinfo .wrap5 .item:nth-child(4){ background-color: rgba(0,0,0,.2); } #reserve2 .wrap2 .blk.blk2 .ygcp .pcbox, #reserve2 .wrap2 .blk.blk2 .xzsb .pcbox, #reserve2 .wrap2 .blk.blk2 .yfxh .pcbox{ margin-right: 8px; font-size: 12px; } #reserve2 .wrap2 .blk.blk2 .fillpro{ width: 180px; font-size: 12px; } #reserve2 .wrap2 .blk.blk2 .fillok{ width: 60px; font-size: 12px; margin-left: 12px; } #reserve2 .wrap2 .blk.blk2 .xzsb span{ font-size: 12px; } }