@media (max-width:768px){ /*iphone plus*/ .padding10{ padding: 0 10px;} body{ max-width:100%;} .w1178{ width: 100%;} .w1100{ width: 100%;} .w1000{ width: 100%;} .fs38{ font-size: 30px;} input[type=text],textarea{ -webkit-appearance: none; /*鍘绘帀safari鐨勯粯璁ゅ唴闃村奖*/} /* .slider_mainbox .title{ width: 100%; height: 100vh; display: flex; align-items: center; flex-direction: column; }*/ .b_text_banner{ /*max-width: 100%;*/ width: 95% !important; } .mybanner .title{ max-width: auto; width: 90%; left: 5%; text-align: center;} .mybanner .title h3{ letter-spacing: 0px;} .mybanner .title h4{ font-size: calc(20px + 30 * ((53vw + 53vh) - 520px)/ 820);} .button-next, .button-prev{top:75vh;} .index_one{overflow: hidden;height: auto;} .huojian_one{bottom:0px;left:calc(15%);} .huojian_one img{position:absolute;top:calc(100vh - 70vh);} .nav{ display: none;} .header .head_yuding{ display: none;} .language{ display: none;} .head{ height: 80px;} .header.hbg .head{ height: 70px;} .logo{ margin-left: 25px;} .mobile_menu{ margin: 47px 15px 0 0; width: 50px; height: 50px; box-sizing: border-box; padding: 12px 10px; transform: translateY(-50%); z-index: 11; cursor: pointer;} .mobile_menu span {display: block; width: 100%; height: 3px; margin-top: 9px; background: #ffffff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor: pointer;} .mobile_menu span:first-child {margin-top: 0;} .mobile_menu.on span.menuX {margin-top: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .mobile_menu.on span.menuY {display: none;} .mobile_menu.on span.menuZ {margin-top: -3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .m_language{ width: 100%; padding: 20px 0;} .mobilenav{ display:block; width: 60%; height: 100%; position: fixed; top: 0; left: -100%; z-index: 11; background-color: rgba(22,114,189,.95); box-sizing:border-box; padding: 20px;} .mobilenav ul li a{ width: 100%; height: 44px; line-height: 44px; font-size: 15px; color: #ffffff; border-bottom: 1px solid #2c7ebe; display: block; padding:0 20px; box-sizing:border-box;} .title{ right: 5%; max-width: 90%;} .title h3{ letter-spacing:0px;} .in_about_text3 { padding: 30px 0; color: #666666; font-size: 16px; line-height: 36px; text-align: justify; margin: 0 auto; } .fl-video{ text-align: left; padding-right: 10px !important; line-height: 34px; border-right: none; width: 100%; display:inline-flex; } .fr-video{ text-align: left; padding-left: 10px !important; line-height: 34px; width: 100%; display:inline-flex; } .indexengine .engineweb_slider{ margin:10px auto 0; background-position: center top; background-size: 100% auto;} .indexengine .swiper-container{ padding-bottom: 50px; } .indexengine .swiper-slide{ padding-top: 160px;transform:scale(.5);} .indexengine .swiper-slide img{ width: 100%;} .indexengine .swiper-slide-active, .engineweb.swiper-slide-duplicate-active{transform:scale(1.3); padding-top: 145px;} .indexengine .swiper-button-next, .engineweb .swiper-container-rtl .swiper-button-prev{ right: 100px; width: 20px; height: 33px; background-size: 20px 33px; margin-top: -16.5px;} .indexengine .swiper-button-prev, .engineweb .swiper-container-rtl .swiper-button-next{ left: 100px; width: 20px; height: 33px; background-size: 20px 33px; margin-top: -16.5px;} .indexengine .engineweb_slider_title{ font-size: 12px; margin-top: 20px;} .indexengine .engineweb_slider_more{ width: 100%; margin: 10px auto 0;} .indexengine .engineweb_slider_more a{ height: 30px; line-height: 30px; font-size: 13px;} .huojian_text{ top: 15%;} .huojian_text p{ width: 100%; margin-left: 0px;} .huojian_text .huojian_text2{ font-size: calc(20px);} .huojian_text .huojian_text4{ font-size: calc(16px);} .huojian_text .huojian_text5{ font-size: calc(14px);font-size: -webkit-calc(14px) !important; line-height: 22px;} .nextmb{font-size: 12px !important;line-height: 22px !important;} .huojian_text p.huojian_more{ width: 180px;margin-left:calc(100% - 200px);} .huojian_more a{ font-size: 16px;} .huojian_first{ width: 125px; height: auto; position: absolute; top:calc(40vh); left: 0px; right: -25px;} .huojian_first img{ width: 100%; height: auto;} .huojian_han{ right:-10px; left: -10px; bottom:-230px;} .huojian_han .huojia5{ width: 100%; height: auto;bottom:0px;} .enginebg{ padding-bottom: 10px;} .engine{ margin-top: 50px;} .engine.nowrap{ flex-wrap:wrap;} .engine li{ width: 100%; margin-bottom: 30px;} .engine_img{ height: 300px;} .engine_title{ margin-top: 10px;} .cywearth{ width: 156px; height: 156px; top: -10%;} .newest{ padding: 30px 10px;} .newest_title .huojian_text1{ text-align: center;} .newest_title .huojian_text2{ font-size: 25px; text-align: center;} .newest_title .huojian_text3{ text-align: center; margin-top: 10px; font-size: 20px;} .newestimg{ display: none;} .newest_cont{ margin-top: 20px; width: 100%;} .newest_title{ width: 100%;} .index_about .joinus_third{ padding: 0px; flex-flow: row wrap;} .index_about .joinus_third p{ width: 100%; font-size: 16px; display: flex;flex-wrap:wrap; flex-direction:column; text-align: center;} .index_about .joinus_third p span{ display: inline-block; padding:12px 0;} .footer{ padding: 30px 0; } .footer ul li{ font-size: 14px; margin-bottom: 20px; padding: 0 10px;} .footer ul.nowrap{ flex-wrap: wrap;} .f_logo{ margin: 10px; padding:0px; width: 150px; height: auto;} .footer_button span{ width: 100%; text-align: center; margin-bottom: 20px;} .footer_button.nowrap{ flex-wrap: wrap; margin-top: 20px;} .footer_button span{ margin-bottom: 0px;width: 80%;} .f_ewm{ margin-left: 10px; width: 55px; height: 55px;} .cerealgod_head{ background-size: auto 200px; padding-bottom: 50px;} .second_banner h1{ font-size: 50px;} .second_banner h2{ line-height: 40px;} .cerealgod_cont{ padding:50px 0 0 0; margin-top: 0px;} .cerealgod_cont .w1178.nowrap{ flex-wrap: wrap; padding: 0 10px; position: relative;} .cerealgod_yuding .fs36{ font-size:20px; line-height: 20px;} .cerealgod_yuding .head_yuding{ width: 200px;} .cerealgod_left{ width: 65%; padding-top: 0;} .cerealgod_left .fs30{ font-size: 18px;} .cerealgod_left .fs20{ font-size: 16px;} .cerealgod_left .fs18{ font-size: 15px;} .cerealgod_left .fs16{ font-size: 12px;} .cerealgod_left .mt30{ margin-top: 15px;} .cerealgod_left .mt50{ margin-top: 25px;} .cerealgod_left .pb50{ padding-bottom: 25px;} .cerealgod_a{ text-align: left;} .cerealgod_a4{ text-align: center;} .zhishen .cerealgod_center{ margin-top: 10px; } .zhishen .cerealgod_brief2{ top: 36%; left: 42%;} .codegroup input{ width: 70%; } .ckeditor-html5-video iframe{ width: auto !important; height: auto !important; } .cerealgod_center{ width: 35%; margin-top: 90px;float: left;min-height: 1550px;height: auto} .cerealgod_ceone{ width: 100%; height: auto;} .cerealgod_ceone img{ width: 100%;} .brief_btn{ width: 20px; height: 20px;z-index: 1000;right: 0px !important;} .brief_btn img{ width: 100%; height: 100%;} .cerealgod_brief1{ top: 13%; left: 65%;} .cerealgod_brief2{ top: 34%; left: 42%;} .zhishen .cerealgod_brief2{ top: 37%; left: 42%;} .cerealgod_brief3{ top: 58%; left: 42%;} .zhishen .cerealgod_brief3{ top: 60%; left: 65%;} .zhishen .cerealgod_brief4{ top: 87%; left: 41%;} .cerealgod_brief4{ top: 70%; left: 65%;} .cerealgod_text1{ width: 300px; left: -280px; font-size: 15px; line-height: 24px;} .cerealgod_text2{ width: 300px; left: -280px; font-size: 15px; line-height: 24px;} .cerealgod_text3{ width: 300px; left: -280px; top: -100px; font-size: 15px; line-height: 24px;} .cerealgod_text4{ width: 300px; left: -280px; font-size: 15px; line-height: 24px;} .cerealgod_yuding{ min-height: 200px; } .cerealgod_a4 .btom2{ padding-bottom: 2px; } .cerealgod_a4 .mt15 { margin-top: 4px; } .zhishen .cerealgod_center{ min-height: 1650px; } .mtt10{ margin-top: 20px !important; } .cerealgod_a2{ margin-top: 5px; } .col_b2 { margin-top: 5px; } .cerealgod_left .mt30{ margin-top: 10px; text-align: left; } .mmtsan{ margin-top: 40px !important; } .mmtsi{ margin-top: 234px; } .cerealgod_a4 .pw50{ padding-right: 5%; } .zhishen .cerealgod_a4 .pw50{ width: 50%; } .god_text {background: #01010c; box-shadow: 6px 8px 13px 2px #080808; padding: 20px; border-radius: 10px;} .god_text h1{ font-size: 16px;} .god_text p{ background-position: left 7px;text-align: left;} .cerealgod_right{ position: absolute; top: 850px; left: 250px; width: 30%; height: auto;} .cerealgod_b1 img{ width: 100%; height: auto;} .cerealgod_b1{display: none;} /*鍙戝姩鏈?/ .engine_head{ height: 400px;} .second_banner h1{ padding-top: 185px;} .engineweb{ padding: 35px 0 50px; background-size: auto 100%;} .engineweb .pw60.engineweb-text{ width: 80%;} .engineweb .engine{ margin-top:75px;} .engine p.huojian_more{ width: 60%;} .engineweb .engineweb_slider{ margin:10px auto 0; background-position: center top; background-size: 100% auto;} .engineweb .swiper-container{ padding-bottom: 50px; } .engineweb .swiper-slide{ padding-top: 160px;transform:scale(.5);} .engineweb .swiper-slide img{ width: 100%;} .engineweb .swiper-slide-active, .engineweb.swiper-slide-duplicate-active{transform:scale(1.3); padding-top: 145px;} .engineweb .swiper-button-next, .engineweb .swiper-container-rtl .swiper-button-prev{ right: 100px; width: 20px; height: 33px; background-size: 20px 33px; margin-top: -16.5px;} .engineweb .swiper-button-prev, .engineweb .swiper-container-rtl .swiper-button-next{ left: 100px; width: 20px; height: 33px; background-size: 20px 33px; margin-top: -16.5px;} .engineweb .engineweb_slider_title{ font-size: 12px; margin-top: 20px;} .engineweb .engineweb_slider_more{ width: 100%; margin: 10px auto 0;} .engineweb .engineweb_slider_more a{ height: 30px; line-height: 30px; font-size: 13px;} /*鍙戝姩鏈鸿鎯?/ .engineweb.system{ padding: 40px 0;} .system_left{ width: 100%; padding:0 10px;} #main{ width: 100%;} .engineweb.system .system_one{ flex-flow: row wrap;} .system_left .nano .nano-content{ padding:0 20px 0 0;} .system_left .nano .nano-content p{ font-size: 15px;} .system_right{ width: 50%; height: auto; margin: 20px auto 0;} .system_two{ background-size: cover; padding: 50px 0; background-position: right top;} .system_a.pw80{ width: 100%; flex-flow: row wrap;} .system_a div{ width: 50%; margin-bottom: 30px;} .system_a div p.fs20 span{ font-size: 26px; line-height: 26px;} .system_b{ margin-top: 30px; font-size: 20px; max-width: 90%; margin:0 auto;} .customization{ height: 250px;} .customization_a{ padding-top: 60px;} .customization_b{ width: 180px;} .engine_liquid .fs24{ font-size: 18px;} .liquid_ace .pw70{ width: 90%;} .liquid_ace .fs24{ font-size: 18px;} .liquid_head{ background-size: cover;} .liquid_head.second_banner h1{ font-size: 40px;} .engine_liquid{ padding: 35px 0;} .engine_liquid .w1178 .pw70.cyw_auto{ width: 96%;} .engine_liquid .w1178 .pw70.cyw_auto .fs24{ font-size: 18px;} .engine_liquid_one{flex-wrap: wrap;} .liquid_one{ width: 100%;} .liquid_text{ width: 80%; margin: 0 auto 20px;} .liquid_text p{ text-align: center;} .liquid_two{ width: 40%; height: auto; margin:20px auto;} .liquid_threee{ width: 90%; text-align: center; margin:0 auto;} .liquid_threee p{ margin-bottom: 15px;} .system_one.liquid_ace .pw60{ width: 90%;} .system_one.liquid_ace .pw60.pt40{ padding-top: 20px;} .system_one.liquid_ace .pw60.fs24{ font-size: 20px;} .lightY_head{ background-size: cover;} .lightY_text1{ width: 90%; margin:30px auto 0; text-align: left;} .lightY_one{ padding-top: 50px;} .lightY_one .pw80.cyw_auto{ width: 100%; padding:0 10px; margin-bottom: 50px; flex-wrap: wrap;} .lightY_one .pw70.cyw_auto{ width: 90%;} .lightY_one .lightY_a{ width:100%;} .lightY_one .lightY_a .lightY_a2{ font-size: 24px;} .lightY_a1{ padding: 30px 0; } .lightY_one .lightY_b{ width: 50%; height: auto; margin-top: 30px;} .lightY_one .lightY_c{ width: 75%; height: auto; margin-top: 30px;} .lightY_one .lightY_d{ width: 100%; height: auto; margin-top: 30px;} .lightY_two.pw75{ width: 90%;} .lightY_two.pt100{ padding-top: 50px;} .lightY_two.pw75 ul{flex-wrap: wrap;} .lightY_two.pw75 ul li{ width: 100%; padding:0; margin-bottom: 20px;} .lightY_text2{ padding: 20px 0;} .system_three{ padding:50px 0; } .system_three ul{ margin-top: 35px;} .system_three ul li{ width: 48%; height: 145px; margin:0 1%; margin-bottom: 20px;} .system_three .system_img{ height: 115px; display: flex; justify-content: center; align-items: center;} .system_three .system_img a{ height: 115px;} .system_three .system_mask{ height: 115px; display: none;} .system_video{ height: 115px;} .system_video a{ width:48px; height: 48px;} .system_video a img{ height: 48px;} .system_text{ font-size: 14px; height: 30px; line-height: 30px;width:100%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} /*鍙戝皠鏈嶅姟*/ .reserve_head{ background-size: auto 460px;} .reserve_head.second_banner h1{ font-size: 40px; padding-top: 150px;} .reserveone{ padding:40px 0;} .cd-horizontal-timeline .events-content li>*{ max-width: 90%;} .events-content ol li{ height: 150px; line-height: 150px;} .events-content .swiper-slide{ font-size: 20px;} .reserveone_title1{ font-size: 30px;} .reservetwo{ padding: 45px 0 90px; background: #222222;} .reservetwo_cont{ width: 96%; margin: 40px auto 0;flex-wrap:wrap;} .reservetwo_fl, .reservetwo_fr{ width: 100%;} .reservetwo_fr{ margin-top: 80px;} .reservetwo_c4{ left:calc(50% - 90px);} .customized_first{ height: auto; } .customized{ background: #222222; padding: 125px 10px;} .customized_cont{ width: 100%; padding: 40px 0 0 0;} .customized_cont h1{ font-size: 20px; } .customized_fly{ margin-top: 30px;min-height: 550px;} .customized_first{ padding: 15px;} .customized_first .customized_group{padding:5px 0; height: 55px; font-size: 14px;} .customized_first .customized_group.pw30{ width: 100%;} .customized_first .customized_group.pw40{ width: 100%;} .customized_first .customized_group.pw50{ width: 100%;} .customized_first .customized_group .pw10{ width: 20%;} .customized_first .customized_group .pw10.layui-icon-date{ width: 8%;} .customized_first .customized_group .pw20{ width: 22%;} .customized_first .customized_group .pw60.layui-input{ width: 72%;} .customized_first .customized_group .pw90{ width: 80%;} .customized_first .customized_group .pw30{ width: 25%;} .customized_first .customized_group .yanzm{ width: 45%;} .customized_first .customized_group .layui-form-select{ width: 80%;} .customized_first .customized_group.cyw_textarea{ height: 75px;} .customized_first .reservetwo_c4{ left:calc(50% - 90px);} .customized_first .getbrief .customized_group{ height: 105px; margin-bottom: 10px; } /*鍔犲叆鎴戜滑*/ .joinus_head{ background-size: cover;} .joinus_list{ padding-bottom: 75px; padding-left:2%;width: 96%; box-sizing:border-box;} .joinus_first{ padding:50px 0 75px;} .joinus_first .reserveone_title1{ font-size: 26px;} .joinus_title1{ width: 90%; margin:20px auto 0;} .joinus_title2{ margin-top: 40px; font-size: 30px; padding-left: 10px;} .joinus_list li{ margin-top: 30px; width: 100%; padding-bottom: 20px;} .jolist_a{ width: 100%; margin: 20px 0 0 5px;} .jolist_a .OriginGothic{ font-size: 30px; color: #ffffff;} .jolist_a .jolist_a1{ font-size: 16px; } .jolist_b{ width: 100%; margin: 10px auto; padding:10px;} .joinus_list li.current .jolist_b{ padding:10px;} .jolist_b .fs24{ font-size: 18px;} .jolist_c{ width: 100%; padding-left: 15px;} .jolist_c a{ color: #ffffff; font-size: 14px; } .joinus_first .huojian_more{ width: 220px; margin: 50px auto 0;} .joinus_second{ padding:55px 0 65px;} .joinus_second .huojian_more{ width: 220px; margin: 50px auto 0;} .joinus_third{ padding: 30px 0;} .joinus_third .w1178{flex-wrap: wrap;} .joinus_third p{ width: 100%;} .joinus_detail h1{ padding-bottom: 30px; padding-top: 20px; font-size: 24px;} .joinus_detail dl dt.pw15{ width: 29%; font-size: 16px;} .fwxz .pw15{ width: 24%; } .gimglist li{ width: 100% !important; padding-right: 0px; } /*鍏充簬鎴戜滑*/ .about_head{ background-size: cover;} .aboutone{ padding: 30px 10px; height: auto;} .aboutone .w1178.items_center{flex-wrap:wrap;align-items:flex-start;} .aboutone_left{ width: 100%;} .aboutone .about_text1{ line-height: 24px;} .about_text2{ font-size: 30px;} .aboutone .aboutone_text3{ width: 100%; margin-top: 20px;} .aboutone_right{margin-top: 20px; width: 100%;} .abouttwo{ padding: 30px 10px; height: auto;} .abouttwo .w1178.items_center{flex-wrap:wrap;align-items:flex-start;} .abouttwo_fl{ width: 100%;} .abouttwo_fr{ width: 100%; padding-left: 0px; margin-top: 20px;} .abouttwo .about_1{ height: 20px;} .aboutthree{ height: 250px;} .aboutthree .about_video .video_btn{ width: 22px; height: 22px;margin-top: 12px;} .aboutthree .about_video .video_btn img{ width: 37px; height: 35px;} .aboutthree .fs30{ font-size: 20px;} .aboutfour{ padding: 40px 0;} .aboutfour_text1{ width: 100%; padding: 30px 10px; text-align: justify;} .aboutfour_ul{flex-wrap:wrap;} .aboutfour_ul li{ width: 50%; padding:0 10px; margin-bottom: 20px;} .aboutfour_img{ height: 138px; overflow: hidden;} .aboutfour_img img{ width: 100%;} .aboutfour_ul li:nth-child(4n){ padding-right: 10px;} .aboutfive{ padding: 30px 0;} .aboutfive .mt80{ margin-top: 30px;} .aboutfive_list ul li.aboutfive_odd{ padding:0px 30px 0px 10px; background-position: right top; padding-bottom: 10px;} .aboutfive_list ul li.aboutfive_even{ padding:0px 10px 0px 30px; background-position: left 7px; padding-bottom: 10px;} .aboutfive_a{ font-size: 14px;} .aboutfive_a .aboutfive_a1{ margin-bottom: 10px; font-size: 18px;} .aboutfive_b{ padding-top: 0px; display: none;} .aboutsix{ padding: 50px 0 50px;} .aboutsix_a{ margin-top: 30px; flex-wrap:wrap;} .aboutsix_a dl{ width: 100%; margin-bottom: 15px;} .aboutsix_a dl dd{ font-size: 14px; margin-top: 10px;} .aboutsix_b{ margin-top: 30px;} .aboutsix .mt80{ margin-top: 40px;} .message{ width: 100%; padding:0 10px;} .message .msg_group{ width: 100%;} .message .msg_group label{ font-size: 16px;} .leav_message{ width: 180px;} .videobg{ background: #000000;} .videobox{ width: 100%; height: 300px;} .myvideo{ width: 100%; height: 300px; background: none;} .v_closed{ width: 30px; height: 30px; right: 10px;} /*璁块棶瀛﹁€?/ .visit .customized_fly{ height: 450px; } /*鏄熸渤鍟嗗煄*/ .shopping_list{ padding: 30px 10px; } .shopping_list ul li{ width: 100%; border-right: 0px;} .shopping_img{ width: 100%; height: auto;} .shopping_img a{ height: auto; } .shopping_img a img{ width: 100%; height: 100%;} /*鍙戝皠鏈嶅姟*/ .reservea{ margin-top: 50px; padding:0 10px;} .reservea ul li.nowrap{ flex-wrap: wrap;} .reservea_fl{ width: 100%; height: auto; margin-right: 0px} .reservea_fr{ margin-top: 30px; } /*.pc_gushen{ display: ;}*/ .mobile_gushen{ display: none;} .scrollTop{ width: 40px; height: 40px; } .news ul li{ width: 94%; margin-left: 3%; margin-right: 5%; padding-right: 0px; padding-left: 0px; } .news .news_load{ margin:0px auto; } .shopping_title{ width: 100%; } .news_detailofl{ width: 96%; margin-left: 2%; } .news_detailofl img{ max-width: 100%; height: auto !important; } .news_detail .flex { display: block; } .news_detailofr{ width: 96%; margin-left: 2%; margin-top: 50px; } .cerealgod_cetwo{ width: 100%; height: auto; } .cerealgod_cetwo img{ width: 100% !important; } .cerealgod_b2{ display: none; } .engin_fly{ height: 400px !important; min-height: 400px !important; } /* 鏂板 */ .detail_box{ padding: 0px; flex-direction: column; } .detail_box_left{ width: auto; } .detail_box_right{ width: auto; margin-top: 50px; } .plan_box{ padding: 0px 10px; flex-direction: column; } .plan_box46{ width: 100%; display: inline-flex; flex-direction: column; justify-content: center; } /* .plan_info{ padding: 0px 60px; } */ .box_left{ /* width: auto; */ width: 13%; margin-left: 10px; } .box_center{ width: 78%; font-size: 15px; /* padding: 0px 10px; */ } .box_right{ width: 80px; display: flow-root; /* text-align: center; */ } .new_reservea_fl{ width: 100%; } .new_reservea_fr{ width: 100%; margin-left: 0px; } .plan_box46_line{ margin: 0 auto; margin-bottom: 30px; } .plan_box46_font{ display: grid; flex-direction: column; justify-content: center; align-items: center; } .plan_box46_mar{ text-align: center; margin: 30px 0px 0px 0px; } .btn31{ margin-top: 40px; } .phonemar{ padding: 0px 10px; } .plan_name{ text-align: center; /* margin: 0px 0px; */ } .plan_line { margin: 0px 0px 30px 0px; } .reserve_head31{ background-size: cover; } .NewAdd10box{ overflow-x: auto; } .NewAdd10box ul li{ min-width: 200px; } .NewAdd10box ul{ width: auto; } .Newphonepad{ padding: 0px 10px; } .downloadpad{ padding: 40px 0px; } .more_info{ padding: 0px !important; } .more_info .image-center img{ max-width: 100%; } } @media (max-width:375px){ /*iphone6/7/8*/ /* .plan_info{ padding: 0px 45px; } */ .cerealgod_center{ } .cerealgod_right{ position: absolute; top: 850px; left: 215px; width: 35%; height: auto;} .cerealgod_text1,.cerealgod_text2,.cerealgod_text3,.cerealgod_text4{ width: 250px;} .cerealgod_brief1{ top: 12%; left: 65%;} .zhishen .cerealgod_brief2{ top: 36%; left: 42%;} .cerealgod_brief2{ top: 34%; left: 42%;} .cerealgod_brief3{ top: 55%; left: 42%;} .zhishen .cerealgod_brief3{ top: 55%; left: 65%;} .cerealgod_brief4{ top: 72%; left: 65%;} .zhishen .cerealgod_brief4{ top: 83%; left: 40%;} .zhishen .cerealgod_center{ min-height: 1550px; } } @media (max-width:320px){ /*iphone5*/ .zhishen .cerealgod_brief2{ top: 39%; left: 42%;} .zhishen .cerealgod_brief3{ top: 59%; left: 65%;} .zhishen .cerealgod_brief4{ top: 90%; left: 41%;} .cerealgod_brief1{ top: 12%; left: 65%;} .cerealgod_brief2{ top: 34%; left: 42%;} .cerealgod_brief3{ top: 59%; left: 42%;} .cerealgod_brief4{ top: 72%; left: 65%;} .cerealgod_text1{ left: -220px; font-size: 15px; line-height: 24px;} .cerealgod_text2{ left: -220px; font-size: 15px; line-height: 24px;} .cerealgod_text3{ left: -220px; top: -100px; font-size: 15px; line-height: 24px;} .cerealgod_text4{ left: -220px; font-size: 12px; line-height: 24px;} .cerealgod_center{ min-height: 1200px;} .mmtsi { margin-top: 100px; } .zhishen .cerealgod_center{ min-height: 1200px; } .cerealgod_right{ position: absolute; top: 850px; left: 180px; width: 40%; height: auto;} .cerealgod_text1,.cerealgod_text2,.cerealgod_text3,.cerealgod_text4{ width: 210px;} } @media (max-width:1260px){ .nav li a{ padding: 0 5px; } } @media screen and (min-width:960px) and (max-width:1200px) { .nav li a{ font-size: 14px; } .huojian_text{ width: 96%; left: 2% !important; } .huojian_one { left: -153px; } .w1178 { width: 96%; } .huojia5{ width: 500px; height: auto; } .head{ width: 96%; } .head_yuding a { width: 100%; height: 30px; line-height: 30px; font-size: 14px; border: 3px solid #5196cb; } .newest_title { width: 250px; } .newest_cont{ width: 420px; } .footer ul li{ font-size: 14px; } .cerealgod_text3{ left: 100px; } } .ckeditor-html5-video video{ max-width: 100%; }