@media screen and (max-width:1600px){ .main { max-width: 1200px !important; } .in_about .list ul li strong { font-size: 40px; } .in_about .list ul li p { font-size: 14px; } .in_about .item .pic { width: 420px; height: 420px; } .in_about .had h3 { font-size: 34px; } .in_about .had p { font-size: 16px; line-height: 28px; } .m_tit { font-size: 34px; } .field_swp .swiper-slide .item { margin-top: -40px; } .field_swp .swiper-slide .item .icon { width: 120px; height: 120px; left: 30px; } .field_swp .swiper-slide .item .link { padding: 50px 50px 50px 130px; } .field_swp .swiper-slide .item { padding: 0px 50px 100px; } .field_swp .swiper-slide .item .text p { font-size: 14px; line-height: 24px; } .m_tit h2 { font-size: 34px; } .in_product_swp .swiper-slide .text h3 { font-size: 16px; } .m_tit_xt { padding-bottom: 30px; } .in_news_swp .swiper-slide .item h3 { font-size: 18px; line-height: 30px; } .in_news_swp .swiper-slide { height: 460px; } .in_news_swp .swiper-slide .link { padding: 25px; } .in_product_swp .swiper-slide .icon { width: 140px; height: 140px; } .in_about { padding-top: 100px; } .in_about .item { padding-bottom: 15px; } .in_about .list ul li i { font-size: 34px; } .in_field .m_tit { padding-top: 100px; } .in_field { padding-bottom: 0px; } .in_product { padding: 100px 0px; } .in_news { padding: 100px 0px; } .m_tit_flex a { padding: 10px 30px; } .banner .item h2 { font-size: 40px; } .banner .item p { font-size: 24px; } .m_pbtop { padding: 30px 0px 60px; } .about .item .text p { font-size: 16px; line-height: 28px; } .about .num ul li h3 strong { font-size: 50px; } .about .num ul li h3 span { font-size: 40px; } .about .num { margin-top: 50px; } .about .dow .list ul li .con { padding: 40px 30px; } .about .dow .list ul li .con .text p { line-height: 24px; } .about .dow .list ul li .con .text h3 { font-size: 18px; } .about .dow .list ul li .con .icon .img { width: 130px; height: 130px; margin: 0 auto; } .about1 .tab_con .fl .text p { font-size: 14px; line-height: 24px; } .m_nav .item a { margin: 0px 25px; } .m_pb { padding: 50px 0px 80px; } .classroom .list ul li .fr .text h3 { font-size: 22px; } .classroom .list ul li .fr .con { margin-top: 25px; } .contact .tab_con .item .text p { font-size: 15px; } .contact .tab_con .item .text h3 { font-size: 22px; } .contact1 .tab_con { height: 440px; } .contact1 .tab_tit span { font-size: 16px; } .nameform .list ul li label { font-size: 16px; } .nameform .list ul li .radiobox p { font-size: 16px; } .nameform .list ul li .radiobox p input[type="radio"] { width: 18px; height: 18px; background-size: 18px auto; } .data .list ul li .item .text h3 { font-size: 20px; } .entrust .had p { font-size: 16px; } .entrust .item .text h3 { font-size: 20px; } .entrust .item .text p { margin-top: 6px; } .entrust2 .list ul li p { font-size: 16px; } .entrust3 .list ul li .item { padding: 30px 30px; } .entrust3 .list ul li .item p { font-size: 14px; line-height: 22px; } .banner .item { height: 500px; } .craft .had p { font-size: 16px; } .craft .list ul li .text h3 { font-size: 22px; } .m_tit_2 { font-size: 26px; } .craft1 .list ul li .text h3 { font-size: 20px; } .craft1 .list { margin-top: 30px; } .craft1 .list ul li .text p { font-size: 15px; } .m_tit_2 { font-size: 24px; } .events .list ul li .text h3 { font-size: 16px; line-height: 26px; } .events .list ul li .text p { font-size: 14px; } .events_details .item h1 { font-size: 40px; } .field .list ul li .text h3 { font-size: 22px; } .field_cp_nav a { font-size: 16px; margin-right: 30px; } .field2 .list ul li .text p { font-size: 16px; line-height: 26px; } .field_table { overflow-x: auto; } .field_table .m_table { width: 1200px; } .field_table table tr td { font-size: 16px; } .field_table table tr th { font-size: 18px; } .join .list dl dt span { font-size: 16px; } .literature .had .text h3 { font-size: 24px; } .literature .had .text p { font-size: 16px; } .literature .tab_tit span { font-size: 14px; } .news .had .link .text h3 { font-size: 22px; line-height: 32px; } .news .list ul li .link .text h3 { font-size: 20px; } .field3 .list ul li .icon { width: 120px; height: 120px; } .field3 .list ul li .link { padding: 30px; } .field3 .list ul li .text h3 { font-size: 16px; } .field3 .list ul { margin-left: -12px; margin-right: -12px; } .field3 .list ul li { padding: 0px 12px; margin-top: 20px; } .productcon .had h2 { font-size: 30px; } .productcon .had .item .text h4 { font-size: 20px; line-height: 28px; } .productcon .feature .list .text p { font-size: 16px; line-height: 26px; } .productcon .adva .item .text p { font-size: 16px; margin-bottom: 8px; } .productcon .mate .list a { font-size: 18px; } .productcon .interest .list ul li { width: 50%; } .productcon .interest .list ul li .icon { width: 120px; height: 120px; } .salary2 .list ul li p { font-size: 18px; } .in_contact h2 { font-size: 32px; } .salary1 .list ul li .item .text { padding: 20px; } .story .list ul li .num strong { font-size: 50px; } .story1 .list ul li p { font-size: 18px; line-height: 30px; } .story1 { padding: 130px 0px; } .story2 .list ul li .item .text h3 { font-size: 22px; } .story2 .list ul li .item .text p { font-size: 16px; line-height: 24px; } .story3 .item .text h3 { font-size: 26px; } .technology .text h3 { font-size: 26px; } .technology .text p { font-size: 16px; line-height: 26px; } .technology1 .list ul li .item p { font-size: 18px; } .technology1 .list ul li .item { padding: 40px 30px; } .field2 .list ul { margin-left: -15px; margin-right: -15px; } .field2 .list ul li { padding: 0px 15px; } .technology4 .had p { font-size: 16px; } .technology4 .list ul li p { font-size: 16px; } .technology6 .list p { font-size: 16px; } .technology8 .tab_tit span { font-size: 16px; } .technology8 .tab_con .text h3 { font-size: 22px; } .technology9 .had p { font-size: 16px; } .technology9 .list dl dt { font-size: 18px; padding: 24px 0px; padding-right: 50px; } .technology7 .item .text h3 { font-size: 26px; } } @media screen and (max-width:1200px){ .advantage2_mt { margin-top: 40px; } /* .m_nav { position: inherit; } */ .floaticon { display: none; } .banner_swp .swiper-slide { height: 60vh; } .banner_swp .swiper-slide .text h3 { font-size: 20px; line-height: 30px; } .banner_swp .swiper-slide .text { height: 60vh; } .m_link a { margin-top: 25px; padding: 6px 25px; } .in_about { padding-top: 40px; } .in_about .had p { width: 100%; font-size: 14px; line-height: 24px; margin-top: 15px; } .in_about .had h3 { font-size: 20px; } .m_link_back a { font-size: 14px; padding: 9px 30px; } .m_link_back { margin-top: 20px; } .in_about .item .pic { width: 90%; } .in_about .list ul { flex-wrap: wrap; } .in_about .list ul li { width: 50%; margin: 6px 0px; text-align: center; } .in_about .list ul li strong { font-size: 28px; } .in_about .list ul li i { font-size: 26px; } .in_about .list ul li sup { font-size: 20px; } .in_about .list { top: 18%; } .in_about .item .pic { height: 300px; } .in_about .list ul li p br { display: none; } .in_about .list ul li em { font-size: 14px; } .in_about .list ul li i { font-size: 20px; } .in_about .list ul li sup { font-size: 18px; } .in_about { background-size: 100% auto; } .in_field .m_tit { padding-top: 40px; font-size: 20px; } .field_swp_box { width: 90%; margin-left: 5%; } .field_swp { margin-top: 30px; } .field_swp .swiper-slide .item .link { padding: 0px; border: none; } .field_swp .swiper-slide .item { padding: 0px; margin-top: 0px; } .field_swp .swiper-slide .item .icon { display: none; } .field_swp .swiper-slide .item .text { padding: 30px 0px; } .field_swp .swiper-slide .item .text h3 { font-size: 20px; } .field_swp .swiper-slide .item .text h6 { font-size: 14px; } .in_field { background: none; position: relative; } .in_field:after { content: ''; background-image: linear-gradient(0deg,#1ea3d0 0%,#2380bd 100%); height: 65%; width: 100%; left: 0px; bottom: 0px; position: absolute; } .in_product { padding: 40px 0px; } .m_tit h2 { font-size: 20px; } .m_tit_flex a { padding: 6px 20px; font-size: 14px; } .in_product_swp_box { width: 100%; } .in_product_swp { margin-top: 25px; } .in_product_swp .swiper-slide .icon { width: 110px; height: 110px; } .in_product_swp .swiper-slide { padding: 20px 10px; } .in_product_pag { text-align: right; padding-right: 10px; } .in_product_prev { width: 36px; height: 36px; background-size: 36px auto; margin-top: 20px; } .in_product_next { width: 36px; height: 36px; background-size: 36px auto; margin-top: 20px; } .in_news { padding: 40px 0px; } .in_news .had .nav { flex-wrap: wrap; justify-content: center; } .in_news .had .nav .partner-type { padding: 8px 20px; font-size: 14px; margin: 3px 3px; } .in_news .had .symobl { display: none; } .in_news .had { margin-top: 20px; } .m_tit_xt { padding-bottom: 20px; } .in_news_swp .swiper-slide { height: 380px; } .in_news_swp .swiper-slide .item h3 { font-size: 16px; line-height: 26px; } .in_contact h2 { font-size: 22px; } .in_contact p { font-size: 14px; line-height: 24px; } .in_contact { padding: 40px 0px; } .m_link_ls a { margin-top: 30px; padding: 10px 30px; font-size: 14px; } .footer .item dl { display: none; } .footer .item .text { border-left: none; padding-left: 0px; } .footer .item { padding: 40px 0px; } .footer .fot { display: block; } .footer .fot strong { margin-top: 10px; } .footer .fot strong a { margin-left: 0px; margin-right: 10px; } .footer .item .text p { margin-top: 10px; } .banner .item h2 { font-size: 24px; } .banner .item p { font-size: 16px; line-height: 28px; margin-top: 15px; } .banner .item { height: 250px; } .banner .item .icon { margin-top: 20px; } .banner .item .icon img { width: 36px; } .m_nav .item { flex-wrap: wrap; } .m_nav .item a { font-size: 15px; margin: 0px 0px; line-height: 50px; min-width: 25%; text-align: center; } .mbx a { font-size: 14px; } .story .had { display: block; padding-bottom: 40px; } .story .had .text { width: 100%; } .story .had .video { width: 100%; margin-top: 30px; } .story .had .text p { font-size: 14px; line-height: 24px; } .m_tit { font-size: 20px; } .story .had .text { padding-left: 20px; } .story .list ul { display: block; } .story .list ul li { width: 100%; margin-top: 30px; } .story .list ul li .num strong { font-size: 28px; } .story .list ul li .num span { font-size: 25px; } .story .list ul li .num em { font-size: 14px; margin-top: 5px; } .story .list ul li .num { width: 100px; height: 100px; margin-right: 20px; } .story .list ul li .text h3 { font-size: 16px; } .story .list ul li .text p { font-size: 14px; line-height: 22px; } .m_pbtop { padding: 20px 0px 40px; } .story1 { padding: 10px 0px; } .story1 .list ul { display: block; } .story1 .list ul li { width: 100%; margin: 30px 0px; } .story1:after { display: none; } .story1 .list ul li h3 { font-size: 18px; margin-top: 15px; } .story1 .list ul li p { font-size: 14px; line-height: 24px; margin-top: 10px; } .story1 .list ul li .icon .img { width: 60px; height: 60px; } .m_pb80 { padding: 40px 0px; } .story2 .list ul li .item { padding: 20px 5px; height: 100%; } .story2 .list ul { margin-left: -5px; margin-right: -5px; flex-wrap: wrap; } .story2 .list ul li { width: 50%; padding: 0px 5px; } .story2 .list { margin-top: 0px; } .story2 .list ul li .item .icon { height: 80px; } .story2 .list ul li .item .text h3 { font-size: 18px; margin-top: 20px; } .story2 .list ul li .item .text p { font-size: 13px; margin-top: 10px; line-height: 22px; } .story3 .item { display: block; margin-top: 20px; } .story3 .item .text { width: 100%; } .story3 .item .img { width: 100%; } .story3 .item .text h3 { font-size: 20px; } .story3 .item .text p { font-size: 14px; line-height: 24px; } .m_d80 { padding-bottom: 40px; } .m_pb { padding: 20px 0px 40px; } .m_nav_3 .item a { width: 33.33%; } .m_nav_2 .item a { width: 50%; } .literature .had { display: block; } .literature .had .img { width: 100%; } .literature .had .text { width: 100%; padding: 20px; } .literature .had .text h3 { font-size: 20px; } .literature .had .text p { font-size: 14px; line-height: 24px; margin-top: 10px; } .m_link_ls a { padding: 8px 30px; margin-top: 20px; } .literature .m_tit { margin-top: 40px; } .literature .tab_tit { margin-top: 20px; } .literature .tab_tit span br { display: none; } .literature .tab_tit span { padding: 10px 12px; } .literature .tab_con dl dt { font-size: 16px; } .literature .tab_con dl dd p { font-size: 14px; line-height: 24px; margin: 10px 0px; } .literature .tab_con dl { margin-top: 10px; } .literature .tab_con dl dt { background-size: 30px auto; } .literature .tab_con dl dt.active { background-size: 30px auto; } .contact .tab_con { display: block; } .contact .tab_con .item { width: 100%; padding-left: 20px; } .contact .tab_con .img { width: 100%; margin-top: 20px; } .contact .tab_con .item .text h3 { font-size: 18px; } .contact .tab_con .item .text p { font-size: 13px; line-height: 24px; } .contact1 .had { display: block; } .contact1 .tab_tit span { padding: 10px 12px; font-size: 14px; } .contact1 .had p { margin: 20px 0px; font-size: 15px; } .contact1 .tab_con { height: 350px; } .m_tit_p { font-size: 16px; } .contact .tab_box { margin-top: 20px; } .data .list { margin-top: 0px; } .data .list ul { display: block; } .data .list ul li { width: 100%; margin-top: 20px; padding: 10px; } .data .list ul li .item .text h3 { font-size: 16px; } .data .list ul li .item .dow a { padding: 6px 22px; } .data .list ul li .item .dow .link1 { font-size: 14px; } .data .list ul li .item .dow .link2 { font-size: 14px; } .data .list ul li .item { padding: 15px 0px; padding-left: 15px; } .pagebox ul .page a { height: 36px; width: 36px; line-height: 36px; font-size: 14px; } .pagebox ul .previous a { height: 36px; width: 36px; } .pagebox ul .next a { width: 36px; height: 36px; margin-left: 5px; } .pagebox ul .previous a { margin-right: 5px; } .pagebox ul { margin-top: 30px; } .entrust .had p { font-size: 14px; line-height: 25px; margin-top: 10px; } .entrust .item { display: block; padding-top: 40px; } .entrust .item .text { width: 100%; padding-left: 18px; } .entrust .item .text h3 { font-size: 18px; } .entrust .item .img { width: 100%; margin-top: 40px; } .entrust .item .text p { font-size: 14px; line-height: 24px; } .entrust .item .text .link { left: 20px; } .entrust .item .text .link a { padding: 8px 25px; font-size: 14px; } .m_tit_2 { font-size: 20px; } .entrust1 { margin-bottom: 30px; } .entrust2 .list { margin-top: 30px; } .entrust2 .list ul li { width: 50%; flex: initial; margin-top: 20px; } .entrust2 .list ul li p { font-size: 14px; margin-top: 8px; } .entrust2 .list:after { display: none; } .entrust2 .list ul li i { width: 50px; height: 50px; font-size: 16px; margin-top: 10px; } .entrust2 .list ul li .icon { height: 45px; } .entrust2 .list { margin-top: 10px; } .entrust3 { margin-top: 40px; } .entrust3 .list { margin-top: 30px; } .entrust3 .list ul { display: block; margin-left: 0px; margin-right: 0px; } .entrust3 .list ul li { width: 100%; padding: 0px; } .advantage .list dl dt { font-size: 16px; background-size: 30px auto; } .advantage .list dl dd p { font-size: 14px; } .advantage .list dl dt.active { background-size: 30px auto; } .advantage .list { margin-top: 20px; } .advantage1 ul { display: block; } .advantage1 ul li { width: 100%; margin: 30px 0px; } .advantage1 ul li .img { padding: 15px; } .advantage1 ul li h3 { font-size: 20px; } .advantage1 .text p { font-size: 14px; line-height: 24px; } .advantage2 .list { margin-top: 20px; } .advantage2 .list dl dt { font-size: 16px; background-size: 30px auto; } .advantage2 .list dl dd p { font-size: 14px; line-height: 24px; } .advantage2 .list dl dt.active { background-size: 30px auto; } .craft .had { margin-top: 10px; } .craft .had p { font-size: 14px; line-height: 24px; margin-top: 15px; } .craft .list ul { display: block; } .craft .list ul li { width: 100%; margin-top: 10px; } .craft .list ul li .text { padding: 20px; } .craft .list ul li .text h3 { font-size: 20px; } .craft .list ul li .text p { font-size: 14px; line-height: 24px; margin-top: 10px; } .craft1 .list { margin-top: 20px; } .craft1 .list ul { margin-left: -5px; margin-right: -5px; } .craft1 .list ul li { padding: 0px 5px; margin-top: 10px; width: 50%; } .craft1 .list ul li .text h3 { font-size: 16px; } .craft1 .list ul li .item { height: 100%; padding-bottom: 20px; } .craft2 .had p { font-size: 16px; } .m_table_box tr td { font-size: 14px; padding: 12px 10px; } .m_table_box tr th { font-size: 16px; } .m_table_box tr th { padding: 12px 10px; } .control .item { display: block; margin-top: 30px; padding-bottom: 40px; } .control .item .fl { width: 100%; padding-left: 20px; padding-right: 0px; } .control .item .fl .text p { font-size: 14px; } .control .item .fr { width: 100%; margin-top: 30px; } .control1 .item { display: block; } .control1 .item .img { width: 100%; } .control1 .item .text { width: 100%; margin-top: 30px; } .control1 .item .text h3 { font-size: 20px; } .control1 .item .text p { font-size: 14px; margin-top: 15px; line-height: 24px; } .m_p { font-size: 14px; line-height: 24px; } .control3 .item { display: block; margin-top: 30px; } .control3 .item .fl { width: 100%; padding-right: 0px; padding-left: 20px; } .control3 .item .fl .text p { font-size: 14px; } .control3 .item .fr { width: 100%; } .control3_table tr th { padding: 5px; font-size: 14px; } .control3_table tr td { padding: 10px 5px; font-size: 14px; } .control3 .tab_box { margin-top: 30px; } .control3 .tab_box .tab_tit span { height: 45px; font-size: 14px; } .control3 .tab_box .tab_con ul li { width: 48%; } .events .list ul li { width: 100%; margin-top: 20px; padding: 0px; } .events .list ul li .text { padding: 15px; } .events .list ul { margin-left: 0px; margin-right: 0px; margin-top: 0px; } .events_details .item h1 { font-size: 20px; line-height: 28px; } .events_details .item p { font-size: 14px; } .events_details .item strong { font-size: 12px; padding: 6px 20px; } .events_details_con { padding: 20px 0px 40px; } .events_details_con .con p { font-size: 14px; line-height: 26px; margin-top: 15px; } .events_details_con .return a { padding: 9px 36px; } .events_details_con .return { margin-top: 30px; } .field .list ul li { width: 100%; margin-top: 25px; } .field .list ul li .item { padding: 20px; } .field .list ul li .item .icon { width: 70px; height: 70px; padding: 16px; } .field .list ul li .text h3 { font-size: 18px; } .field .list ul li .text p { font-size: 14px; line-height: 24px; } .field_nav a { margin: 10px 0px; width: 50%; } .field_nav a p { font-size: 16px; margin-top: 3px; } .field_nav a .img img { height: 45px; } .field_nav a .img_hover img { height: 45px; } .field_nav { padding: 10px 0px; } .field_cp_nav a { font-size: 14px; margin: 7px 0px; margin-right: 10px; display: block; } .field1 { padding: 30px 0px 40px 0px; } .field1 .item { display: block; margin-top: 30px; padding-bottom: 40px; } .field1 .item .text { width: 100%; padding-left: 20px; } .field1 .item .text p { font-size: 14px; line-height: 24px; margin-bottom: 20px; } .field1 .item .img { width: 100%; } .field1 .dow { display: block; margin-bottom: 0px; padding-top: 40px; } .field1 .dow .img { width: 80%; margin: 0 auto; } .field1 .dow .text { padding-left: 0px; margin-top: 30px; width: 100%; } .field1 .dow .text h4 { font-size: 20px; } .field1 .dow .text p { font-size: 14px; } .field1 .dow .text h6 { margin-top: 20px; } .field_table table { margin-top: 30px; } .field_table table tr th { font-size: 14px; } .field_table table tr td { font-size: 14px; } .field2 .list ul { margin-left: 0px; margin-right: 0px; display: block; } .field2 .list ul li { padding: 0px; width: 100%; margin-top: 20px; } .field2 .list ul li .text { padding: 20px; } .field2 .list ul li .text p { font-size: 16px; line-height: 24px; } .field2 .list ul li .text strong { font-size: 14px; } .field2 .list { margin-top: 10px; } .join .had { display: block; } .join .had .search { margin-top: 20px; margin-right: 0px; width: 100%; } .join .list dl dt { display: block; height: auto; padding: 10px 0px; } .join .list dl dt .m1 { width: 100%; display: block; padding: 0px 10px; } .join .list dl dt .m2 { width: 100%; display: block; } .join .list dl dt .m3 { width: 100%; display: block; } .join .list dl dt span { line-height: 28px; font-size: 14px; } .join .list .tit { display: none; } .join .list dl dd p { font-size: 14px; line-height: 26px; } .join .list dl dd { padding: 10px 10px 20px; } .join .list dl dt { background-size: 28px auto; } .join .list dl dt.active { background-size: 28px auto; } .m_link_back a { padding: 8px 28px; } .m_xl dl { width: 200px; } .m_xl dl dt { padding: 0px 20px; height: 45px; line-height: 45px; } .news .had .link { display: block; } .news .had .link .img { width: 100%; } .news .had .link .text { width: 100%; padding: 20px; } .news .had .link .text h3 { font-size: 16px; line-height: 26px; } .news .had .link .text p { font-size: 14px; line-height: 22px; } .news .had .link .icon { height: 30px; } .news .list ul li .link { display: block; padding: 20px 0px; } .news .list ul li .link .text { width: 100%; padding: 20px 0px; padding-bottom: 0px; } .news .list ul li .link .text h3 { font-size: 16px; } .news .list ul li .link .text strong { font-size: 14px; } .news .list ul li .link .img { width: 100%; height: auto; } .news .list ul li .link .text i { height: 40px; margin-top: 20px; } .partner { padding: 40px 0px 0px; } .partner .had { display: block; } .partner .had .m_tit { width: 100%; } .partner .had .text { width: 100%; margin-top: 15px; } .partner .had .text p { font-size: 14px; line-height: 24px; margin-bottom: 12px; } .partner .item { display: block; } .partner .item .list { width: 100%; padding-bottom: 0px; padding-left: 20px; } .partner .item .img { width: 100%; } .partner .item .list ul li strong { font-size: 18px; } .partner .item .list ul li { padding-bottom: 25px; } .partner1_swp { margin-top: 30px; } .partner1_swp .swiper-slide p { width: 50%; padding: 10px; height: 90px; } .field3 .list ul li { width: 100%; } .field3 .list ul li .link { padding: 20px; } .field3 .list ul li .icon { height: 100px; width: 100px; } .product .nav { width: 100%; min-height: auto; } .product { display: block; } .product .fr { padding-left: 0px; margin-top: 30px; } .productcon .had h2 { font-size: 20px; } .productcon .had .item { display: block; } .productcon .had .item .text { width: 100%; } .productcon .had .item .text h4 { font-size: 18px; } .productcon .had .item .text p { font-size: 14px; line-height: 24px; } .productcon .had .item .img { width: 100%; margin-top: 20px; } .productcon .feature .list .text { display: block; } .productcon .feature .list .text p { width: 100%; font-size: 14px; background: url('../images/icon26.png') no-repeat left 3px; background-size: 16px auto; padding-left: 25px; line-height: 24px; } .productcon .feature .list .text:after { display: none; } .productcon .feature .list { padding: 10px 0px; margin-top: 20px; } .productcon .adva { margin-top: 40px; } .productcon .adva .item { margin-top: 20px; padding: 20px 0px 20px; display: block; } .productcon .adva .item .text { width: 100%; } .productcon .adva .item .img { width: 100%; margin-top: 20px; } .productcon .adva .item .text p { font-size: 14px; line-height: 23px; } .productcon .inform { margin-top: 40px; } .productcon .feature { margin-top: 40px; } .productcon .inform .tab_tit span { padding: 12px 0px; font-size: 16px; } .productcon .inform .tab_con { overflow-x: auto; } .productcon .inform .tab_con .m_table { min-width: 1000px; } .productcon .inform .tab_con tr th { padding: 12px 5px; font-size: 14px; } .productcon .inform .tab_con tr td { padding: 5px; } .productcon .inform .tab_box { margin-top: 20px; } .productcon .data .tab_tit span { font-size: 16px; } .productcon .data .tab_box { margin-top: 20px; } .mbx a { margin-right: 0px; } .productcon .data .text { padding: 20px 10px; } .productcon .data .text h3 { font-size: 18px; } .productcon .data .text strong { font-size: 18px; } .productcon .data .text p { font-size: 14px; } .productcon .mate { margin-top: 40px; } .productcon .mate .list a { font-size: 16px; } .productcon .mate .list a span { padding: 6px 16px; } .productcon .interest { margin-top: 40px; } .productcon .interest .list ul { margin-left: 0px; margin-right: 0px; margin-top: 10px; } .productcon .interest .list ul li { width: 100%; margin-top: 20px; padding: 0px; } .product .link { margin-top: 0px; } .productcon .interest .list ul li .link { padding: 20px; } .productcon .interest .list ul li .icon { width: 100px; height: 100px; } .layui-layer-setwin .layui-layer-close2 { width: 30px !important; height: 30px !important; background-size: 30px auto !important; right: 20px !important; top: 0px !important; } .productcon .adva .item .text p { background: url('../images/icon27.png') no-repeat left 8px; } .productcon .adva .item .text p strong { font-size: 14px; } .productcon .interest .list ul li .text h3 { font-size: 16px; } .product .nav { padding: 20px; } .product .link a { font-size: 16px; } .product .nav h3 { font-size: 18px; } .salary h3 { font-size: 14px; line-height: 24px; margin-top: 10px; } .salary .img { margin-top: 30px; } .salary1 .list { margin-top: 10px; } .salary1 .list ul { margin-left: -0px; margin-right: -0px; } .salary1 .list ul li { width: 100%; padding: 0px; margin-top: 20px; } .salary1 .list ul li .item .img img { width: 100%; } .salary1 .list ul li .item .text p { text-align: center; font-size: 14px; } .salary2 .list ul li { width: 50%; margin-top: 10px; padding: 0px 5px; } .salary2 .list ul li p { font-size: 14px; } .salary3 .circle .li_3 { display: none; } .salary3 .circle .li_4 { display: none; } .m_hid { display: none; } .m_vis { display: block; } .salary4_swp { margin-top: 30px; } .salary4_prev { background: url('../images/icon96.png') no-repeat right center; width: 36px; height: 36px; background-size: 36px auto; margin-top: -18px; left: 10px; outline: none; } .salary4_next { background: url('../images/icon97.png') no-repeat right center; width: 36px; height: 36px; background-size: 36px auto; margin-top: -18px; right: 10px; outline: none; } .m_nav .item { justify-content: space-between; } .m_nav .item a { width: 49%; margin: 3px 0px; background: #fff; line-height: 44px; } .m_nav { padding: 12px 0px; } .about .item { display: block; } .about .item .m_tit { width: 100%; } .about .item .text { margin-top: 10px; } .about .item .text p { font-size: 14px; line-height: 24px; margin-bottom: 15px; } .about .num { margin-top: 20px; } .about .num ul li { width: 50%; margin: 8px 0px; } .about .num ul li h3 strong { font-size: 32px; } .about .num ul li h3 span { font-size: 26px; } .about .num ul li h3 { font-size: 14px; } .about .num ul li p { font-size: 14px; } .about .vidbox { margin-top: 30px; } .vidbox .vide_but { background-size: 55px auto; } .about .dow { margin-top: 40px; } .about .dow .list ul { display: block; margin-left: 0px; margin-right: 0px; } .about .dow .list ul li { width: 100%; } .about .dow .list ul li { margin-top: 10px; padding: 0px; } .about_box:after { height: 100%; } /* .about .dow .list ul li .con .icon { width: 100px; height: 100px; } */ .about1 .tab_tit { margin-top: 20px; } .about1 .tab_tit span { display: block; margin-right: 0px; margin: 10px 0px; text-align: center; border: 1px solid #d0d0d0; border-radius: 5px; padding: 15px 0px; } .about1 .tab_con { display: block; } .about1 .tab_con .fl { width: 100%; } .about1 .tab_con .fl .text p { font-size: 14px; line-height: 24px; } .about1 .tab_con .fr { width: 100%; margin-top: 30px; } .about1 .tab_con .fl .text h3 { font-size: 20px; } .about1 .tab_tit span.active:after { display: none; } .about1 .tab_tit span.active { border: 1px solid #21ade5; } .about1 .tab_con { margin-top: 30px; } .history .list { margin-top: 30px; } .history .list ul li { padding-left: 0px; padding-top: 40px; } .history .list ul li p { font-size: 14px; line-height: 24px; } .history .list ul li strong { font-size: 22px; } .history .list { padding: 10px; } .technology { padding: 20px 0px 40px; } .technology .text { margin-top: 20px; } .technology .text h3 { font-size: 18px; line-height: 28px; } .technology .text p { font-size: 14px; line-height: 24px; margin-top: 10px; } .m_tit_1_xt { padding-bottom: 10px; } .technology1 { padding: 40px 0px; } .technology1 .list ul li { width: 100%; padding: 0px; margin-top: 15px; } .technology1 .list ul { margin-top: 10px; margin-left: 0px; margin-right: 0px; } .technology3 { margin-top: 40px; } .technology3 dl dt { font-size: 16px; background-size: 30px auto; } .technology3 dl dd p { font-size: 14px; } .technology3 dl dt.active { background-size: 30px auto; } .technology3 .list { margin-top: 20px; } .technology4 .had p { font-size: 14px; line-height: 26px; } .technology4 .list { margin-top: 40px; } .technology4 .list ul { margin-left: -5px; margin-right: -5px; margin-top: 10px; } .technology4 .list ul li { width: 50%; padding: 0px 5px; margin-top: 20px; } .technology4 .list ul li p { padding: 10px 0px; font-size: 14px; } .technology6 { display: block; } .technology6 .text { width: 100%; padding-right: 0px; padding-left: 20px; } .technology6 .list p { font-size: 14px; margin-top: 10px; } .technology6 .img { width: 100%; margin-top: 30px; } .technology7 .item { display: block; } .technology7 .item .text { width: 100%; padding-top: 40px; } .technology7 .item .text h3 { font-size: 20px; margin-bottom: 10px; } .technology7 .item .text h4 { font-size: 18px; } .technology7 .item .text p { font-size: 14px; line-height: 24px; } .technology8 .tab_box { margin-top: 30px; } .technology8 .tab_tit span { width: 100%; flex: initial; background: #f4f4f4; margin-top: 2px; } .technology8 .tab_tit { margin-top: 20px; } .technology8 .tab_con { display: block; } .technology8 .tab_con .list { width: 100%; } .technology8 .tab_con .text { width: 100%; padding: 20px; } .technology8 .tab_con .text h3 { font-size: 14px; line-height: 22px; } .technology8 .tab_con .text p strong { font-size: 18px; } .technology8 .tab_con .text p { font-size: 14px; line-height: 22px; } .technology8 .tab_tit span { font-size: 14px; padding: 16px 0px; } .technology8 h6 { font-size: 16px; margin-top: 30px; } .technology4 { padding: 20px 0px 40px; } .technology9 .had p { font-size: 14px; line-height: 24px; } .technology9 .list dl dd .con { display: block; } .technology9 .list dl dd p { width: 100%; font-size: 14px; line-height: 24px; } .technology9 .list dl dd .img { width: 100%; margin-top: 20px; } .technology9 .list dl dt { font-size: 16px; } .technology9 .list dl dt { background-size: 30px auto; padding: 20px 0px; padding-right: 50px; line-height: 26px; } .technology9 .list dl dt.active { background-size: 30px auto; } .technology10 .img { margin-top: 30px; } .classroom .list ul li .link { display: block; } .classroom .list ul li .img { width: 100%; } .classroom .list ul li .fr { width: 100%; padding: 20px; } .classroom .list ul li .fr .text h3 { font-size: 18px; } .classroom .list ul li .fr .text strong { font-size: 14px; line-height: 24px; } .classroom .list ul li .fr .con dl dd { font-size: 12px; } /* 导航 */ .header_H { display: none; } .p_header { display: block; height: 50px; } .phone_header { box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: block; position: fixed; left: 0px; top: 0px; width: 100%; left: 0px; top: 0px; z-index:99; background: #fff; padding: 0px 20px; } .phone_header .lang { margin-top: 20px; margin-left: 5px; } .phone_header .lang a { display: inline-block; vertical-align: top; background: #fff; color: #333; padding: 6px 15px; } .phone_header .lang a.active { background: #9d2f31; color: #fff; } .phone_header .item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 50px; position: relative; } .phone_header .logo img { height: 36px; } .phone_header .nav-open { position: absolute; right: 0px; top: 50%; margin-top: -15px; display: block; cursor: pointer; } .phone_header .nav-open span { display: block; background-color: #000; height: 2px; width: 30px; margin: 6px auto;border-radius: 50px; } .phone_header .close { background: url('../images/close.png') no-repeat center center; background-size: 18px auto; position: absolute; right: 0px; top: 0px; width: 56px; height: 50px; display: block; } .phone_header .header-nav { position: fixed;width: 60%;height: 100%;float: none;top: 0;left: -60%;background-color: #202020;transition: all 0.6s;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; padding-top: 50px; overflow-y: auto; } .phone_header .header-nav .nav-ul { padding: 10px; padding-top: 0px; } .phone_header .header-nav .nav-ul>li { float: none; align-items: center; padding:0px; position: relative; } .phone_header .header-nav .nav-ul>li .line { margin: 0 6px; } .phone_header .header-nav .nav-ul>li img { margin-right: 6px; } .phone_header .header-nav .nav-ul>li>a { font-size: 14px; color: #fff; text-transform: uppercase; } .phone_header .header-nav .nav-ul>li>a { font-size: 15px; padding: 15px 0px; border-bottom: 1px solid #303030; } .phone_header .header-nav .nav-ul>li>a { display: block; margin-right: 0px; } .phone_header .header-nav .nav-ul>li .icon { position: absolute; right: 0px; width: 46px; height: 51px; z-index: 3; top: 0px; display: block; cursor: pointer; } .phone_header .header-nav .nav-ul>li .icon:after { content: ''; display: block; width: 9px; height: 9px; top: 0px; right: 15px; border: 2px solid rgba(255,255,255,.3); border-top: 0; border-left: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 20px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; } .phone_header .header-nav .nav-ul>li .icon.active:after { content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 20px; } .phone_header .header-nav .nav-ul2 { display: none; padding-left: 15px; } .phone_header .header-nav .nav-ul2 li a { font-size: 14px; color: #a6a6a6; display: block; padding: 10px 0px; border-bottom: 1px solid #303030; position: relative; padding-left: 12px;} .phone_header .header-nav .nav-ul2 li a:after { content: ''; width: 4px; height: 4px; position: absolute; left: 0px; top: 0px; background: #4c4c4c; top: 50%; margin-top: -2px; } .phone_header .header-nav.active { left: 0; } .phone_header .nav-back.active { right: 0px; } .phone_header .nav-back { position: fixed;top: 0; width: 40%;height: 100%; right: -40%;background-color: rgba(0,0,0,0.4);z-index: 100;transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; } .m_canvas { display: none; } .join .list dl dt i { display: inline-block; } } @media screen and (max-width:768px){ .layui-layer { width: 90% !important; } .contactform { padding: 20px; } .nameform .list ul { display: block; } .nameform_con .list ul li { width: 100%; } .nameform .list ul li .radiobox p { margin-right: 28px; margin-top: 10px; font-size: 14px; } .nameform .list ul li .radiobox p input[type="radio"] { background-size: 16px auto; margin-right: 6px; } .nameform .list ul li .radiobox p input[type="radio"]:checked { background-size: 16px auto; } .nameform .list ul li #investmentForm_contact_type p { margin-right: 28px; margin-top: 10px; font-size: 14px; } .nameform .list ul li #investmentForm_contact_type p input[type="checkbox"] { background-size: 16px auto; margin-right: 6px; flex: 0 0 auto;} .nameform .list ul li #investmentForm_contact_type p input[type="checkbox"]:checked { background-size: 16px auto; } .nameform .list ul li #litermentForm_contact_type p { margin-right: 28px; margin-top: 10px; font-size: 14px; } .nameform .list ul li #litermentForm_contact_type p input[type="checkbox"] { background-size: 16px auto; margin-right: 6px; } .nameform .list ul li #litermentForm_contact_type p input[type="checkbox"]:checked { background-size: 16px auto; } .nameform .list ul li #classroomForm_contact_type p { margin-right: 28px; margin-top: 10px; font-size: 14px; } .nameform .list ul li #classroomForm_contact_type p input[type="checkbox"] { background-size: 16px auto; margin-right: 6px; } .nameform .list ul li #classroomForm_contact_type p input[type="checkbox"]:checked { background-size: 16px auto; } .nameform .list ul li #investmentForm_source p { margin-right: 28px; margin-top: 10px; font-size: 14px; } .nameform .list ul li #investmentForm_source p input[type="checkbox"] { background-size: 16px auto; margin-right: 6px; flex: 0 0 auto;} .nameform .list ul li #investmentForm_source p input[type="checkbox"]:checked { background-size: 16px auto; } .nameform .list ul li #litermentForm_source p { margin-right: 28px; margin-top: 10px; font-size: 14px; } .nameform .list ul li #litermentForm_source p input[type="checkbox"] { background-size: 16px auto; margin-right: 6px; } .nameform .list ul li #litermentForm_source p input[type="checkbox"]:checked { background-size: 16px auto; } .nameform .list ul li #classroomForm_source p { margin-right: 28px; margin-top: 10px; font-size: 14px; } .nameform .list ul li #classroomForm_source p input[type="checkbox"] { background-size: 16px auto; margin-right: 6px; } .nameform .list ul li #classroomForm_source p input[type="checkbox"]:checked { background-size: 16px auto; } .nameform .list ul li .txt { padding: 9px; } .nameform .list ul li .sel { padding: 9px; } .nameform .list ul .yzm .ymz_pic { height: 41px; } .nameform .list ul .yzm { padding-right: 140px; } .nameform .check input[type="checkbox"] { width: 18px; height: 18px; background-size: 18px auto; } .nameform .check input[type="checkbox"]:checked { width: 18px; height: 18px; background-size: 18px auto; } .nameform .but_an .but { padding: 11px 60px; } /* 搜索 */ .msearch .item { width: 100%; } .msearch .had .img img { height: 100px; } .msearch .put .but { width: 100px; font-size: 16px; } .msearch .put .txt { padding: 12px; padding-left: 70px; padding-right: 120px; } .msearch .tab_box { margin-top: 30px; } .msearch .tab_box .tab_had { display: block; } .msearch .tab_box .tab_had .tab_tit { display: block; } .msearch .tab_box .tab_had .tab_tit a { display: inline-block; vertical-align: top; margin-left: 0px; margin-right: 10px; } .msearch .tab_box .list ul li .link { font-size: 16px; line-height: 24px; } .msearch .tab_box .list ul li { padding: 20px 0px; } .msearch_box { padding-bottom: 40px; } .banner_prev { display: none; } .banner_next { display: none; } .field_table .table_td_16 tr td { font-size: 14px; } .policy { padding: 40px 0px; } .policy h1 { font-size: 22px; margin-bottom: 20px; } .policy p { font-size: 14px; line-height: 22px; } .policy dl dt { font-size: 14px; } .policy dl dd { font-size: 14px; line-height: 22px; } .policy h2 { font-size: 16px; } .policy h3 { font-size: 14px; line-height: 22px; } .policy ul li { font-size: 14px; line-height: 22px; padding-left: 18px; } .policy b { font-size: 14px; } .policy ul li:before { top: 8px; } .technology4 .list ul li .icon .img { width: 50px; height: 50px; } .technology1 .list ul li .item .icon .img { width: 60px; height: 60px; } .craft1 .list ul li .icon .img { width: 60px; height: 60px; } .story2 .list ul li .item .icon { width: 100px; height: 100px; } .story2 .list ul li .item .icon .img { width: 60px; height: 60px; } .about .dow .list ul li .con .icon .img { width: 90px; height: 90px; } .footer .item .text .icon .sph { left: 0px; } .footer .item .text .icon .sph:after { left: 15px; } }