.body { min-width: 1360px; } section { max-width: 1350px; &.header { max-width: 1350px; height: 68px; padding: 10px 20px; } &.location { padding: 0 20px; } &.mb100 { margin-bottom: 80px; } &.mobi_contact { margin-bottom: 0; } } nav { width: 900px; } .banner { min-width: 1360px; } .index_title { padding-bottom: 40px; &.mt80 { margin-top: 60px; } &.pt100 { padding-top: 70px; } } .contact { width: 400px; height: 220px; margin: 0 26px; &.contact:first-child { width: calc(100% - 6px); } .title { font-size: 21px; } .desc { width: 380px; font-size: 13px; } } .index_about { .left { .w950 { width: 880px; height: 550px; } } .right { a { height: 265px; &:last-child { margin-top: 15px; } } } .bottom { margin-top: 15px; .index_about_cate { width: 440px; &:first-child { margin-right: 15px; } } } } .index_news { .pics { width: 435px; &:first-child { margin-right: 20px; } label { span { font-size: 20px; } } } } .aboutus_info { &>div { width: calc(670px + 5%); padding: 30px; } } .aboutus_youshi { .cont1 { width: 750px; padding: 0 30px; margin-right: 10px; } } .aboutus_history { .layout { height: 600px; >div { width: 870px; } .item { padding: 20px 0; .year { &.f60 { font-size: 50px; width: 170px; } } } } } .about_honor { &.h750 { height: 650px; } .h750 { height: 650px; } .about_honor_box { width: 1250px; margin-top: 40px; margin-left: 50px; .about_honor_ul { .about_honor_item { margin-right: 25px; .title { font-size: 40px; } .desc { font-size: 15px; } } } } .page { right: 10px; bottom: 30px; } } .about_cul a { width: 440px; margin-right: 15px; margin-bottom: 15px; } .about_zeren { &.h840 { height: 650px; } .h840 { height: 650px; } .item { height: 650px; padding: 40px; } section { max-width: 1360px; } } .product_cate { width: 1350px; .cate { width: 200px; padding: 80px 20px; font-size: 16px; } } .prodetail_section { width: 1350px; } .pdetail_item { .pdetail_item_img { &.left { margin-right: 30px; } &.right { margin-left: 30px; } } .pdetail_item_cont { width: 850px; font-size: 15px; } } .product_marqu { &.pdetail_marqu { width: 1350px; .box { width: 1320px; .ul { a { width: 244px; margin: 6px 10px; } } } } } .news_list { span { width: calc(100% - 370px); } } .pageBox { a { height: 30px; line-height: 30px; padding: 0 15px; font-size: 14px; } } .join_index { width: 640px; &:nth-child(2n-1) { margin-left: 20px; margin-right: 35px; } i { width: 100%; height: 370px; } } .search { cite { margin-left: 20px; } div { width: calc(100% - 140px); } } table { width: calc(100% - 30px); margin-left: 20px; } .paid_list { a { width: 670px; height: 270px; margin-right: 10px; margin-bottom: 30px; .img { width: 350px; height: 220px; } span { width: calc(100% - 370px); height: 220px; } } } .join_develop_marq { .btn { width: 50px; height: 50px; font-size: 40px; line-height: 50px; top: calc(50% - 60px); } } .product_title { padding-top: 150px; } .product_desc { &.w1150 { width: 1050px; } }