html,body{font-size: 16px;font-family:"微软雅黑", arial;color: #333;background: #fff;text-align: justify;overflow-x: hidden;max-width: 1920px;margin: 0 auto;} *{padding: 0;margin: 0;} .clear{clear: both;} a:hover,a,a:focus{text-decoration: none;} .hover_transition{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;} .col_m{color: #0553a1;} h3{font-size: 24px;} .container{width: 1300px;margin: 0 auto;} .qzbhh1{display:-webkit-box;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;} .visible_xs{display: none;} .section{overflow: hidden;background-position: center;background-size: auto 100%;} .box1,.box2,.box3,.box4,.box5,.box6{margin-top: 90px;text-align: center;} /*导航*/ .index_nav{background: #fff;height: 90px;text-align: right;position: fixed;top: 0;left: 0;width: 100%;z-index: 99;} .logo{display: block;float: left;margin-left: 50px;line-height: 90px;} .logo img{height: 74px;vertical-align: middle;} .index_nav_list a{display: inline-block;line-height: 90px;padding: 0 30px;color: #333;position: relative;} .index_nav_list a:before{content: '';position: absolute;width: 1px;height: 14px;left: 0;top: 50%;margin-top: -7px;background: #dcdcdc;} .index_nav_list a:first-child:before{display: none;} .index_nav_list .search_ico{width: 90px;background: #0553a1;text-align: center;padding: 0;margin-left: 40px;} .index_nav_list .search_ico:before{display: none;} .search_ico img{vertical-align: middle;} .nav_btn{display: none;position: fixed;right: 0;top: 0;padding: 18px 20px 14px 20px;} .nav_btn span{display: block;width: 30px;height: 3px;margin-bottom: 5px;background: #333;border-radius: 2px;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);opacity: 0.8;} .nav_btn span:first-child{width: 16px;} .nav_btn span:last-child{width: 24px;} .mouse_ico{position: fixed;z-index: 99;bottom: 50px;left: 50%;width: 32px;height: auto;margin-left: -16px; animation: mouseIcon 1s infinite; -webkit-animation: mouseIcon 1s infinite;} /*第一屏*/ .box1 p{width: 765px;color: #fff;margin: 40px auto 0 auto;font-size: 18px;line-height: 30px;} /*第二屏*/ .box2 .container{font-size: 0;} .box2 .container > div{vertical-align: top;} .index_about_l{width: 52.8%;text-align: justify;padding-right: 5%;display: inline-block;} .index_title{text-align: left;} .index_title h2{font-size: 48px;color: #0553a1;text-transform: uppercase;font-weight: 400;line-height: 40px;margin-bottom: 14px;} .index_title h3{color: #0553a1;} .index_about_con{font-size: 14px;color: #918f90;line-height: 24px;margin: 55px 0 30px 0;height: 144px; display:-webkit-box;word-break:break-all;-webkit-line-clamp:6;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;} .index_about_l a{display: inline-block;background: url(../images/more_bg.png);line-height: 40px;padding: 0 15px;height: 40px;background-size: auto 100%;background-repeat: repeat;font-size: 22px;vertical-align: middle;color: #0553A1;} .index_about_l a span{display:inline-block;width: 22px;height: 22px;background: url(../images/add.png);vertical-align: middle;margin-left: 38px;background-size: 100%;} .index_about_r{width: 42.2%;display: inline-block;} .index_about_r img{width: 100%;} .index_about_b{display: flex;display: -webkit-flex;flex-wrap: nowrap;justify-content: space-between;color: #0553A1;margin-top: 70px;} .index_about_num p{font-size: 12px;position: relative;text-align: left;padding-left: 8px;} .index_about_num p:after{content: '';position: absolute;width: 35px;height: 1px;background: #0553A1;right: 0;top: 6px;} .index_about_num h1{font-size: 110px;padding-right: 30px;position: relative;line-height: 80px;margin-top: 20px;} .index_about_num h1 span{font-size: 88px;vertical-align: top;} .index_about_num h1 small{position: absolute;font-size: 20px;display: block;padding-left: 20px;line-height: 22px;right: -30px;bottom: 30px;font-weight: 400; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ -o-transform: rotate(-90deg); /* Opera */ -moz-transform: rotate(-90deg); /* Firefox */} .index_about_num h1 small:before{position: absolute;content: '';width: 8px;height: 100%;background: #0553A1;left: 5px;top: 0;} /*第三屏*/ .box3 .container{font-size: 0;} .index_product_box{display: inline-block;width: 25%;border: 1px solid rgba(255,255,255,0.5);height: 0;padding-bottom: 18%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position: relative;} .index_product_box p{position: absolute;height: auto;padding: 30px 23px;font-size: 24px;color: #fff;top: 0;left: 0;} .index_product_box:hover{background: rgba(5,83,161,0.8);border: 1px solid rgba(5,83,161,0.8);} /*第四屏*/ .box4{font-size: 0;} .technology_l,.technology_r{position: absolute;top: 0;left: 0; width: 50%;height: 100%;background: url(../images/index_bg04.jpg);background-position: center;background-size: auto 100%;} .technology_r{background: url(../images/index_bg04b.jpg);left: 50%;background-size: auto 100%;} .tec_con_l,.tec_con_r{text-align: center;width: 34%;padding: 0 8%;display: inline-block;position: relative;z-index: 2;} .tec_title{margin-bottom: 66px;padding-right: 9px;} .tec_title > div{width: 100%;height: 156px;position: relative;border: 1px solid #fff;font-size: 30px;font-weight: bold;line-height: 156px;color: #fff;} .tec_title > div > div{position: absolute;top: -7px;left: 7px;border: 1px solid #fff;width: 100%;height: 100%;} .tec_img_box a{display: inline-block;width: 49%;height: auto;margin-bottom:2%;position: relative;} .tec_img_box a:nth-child(odd){margin-right: 1%;} .tec_img_box a:nth-child(even){margin-left: 1%;} .tec_img_box a img{width: 100%;} .tec_img_title{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(5,83,161,0.8);align-items:center; display: -webkit-flex;opacity: 0;} .tec_img_title div{width: 100%;} .tec_img_title span{display: inline-block;font-size: 24px;line-height: 54px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;color: #fff;} .tec_img_box a:hover .tec_img_title{opacity: 1;} /*第五屏*/ .index_news_tabs{text-align: right;border-bottom: 1px solid #eeeeee;margin-top: -20px;} .index_news_tabs a{font-size: 16px;color: #0553A1;margin-left: 70px;display: inline-block;line-height: 50px;} .index_news_tabs a.active{font-weight: bold;border-bottom: 4px solid #0553A1;} .index_news_lb{height: auto;padding: 40px 0 70px 0;position: relative;} .index_news_list{font-size: 0;margin: 0 -6px;} .index_news_con{display: inline-block;width: 25%;} .index_news_con a{display: inline-block;padding: 0 6px;} .index_news_con a > div{overflow: hidden;} .index_news_con img{width: 100%;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;} .index_new_center{border: 1px solid #dcdcdc;border-top: none;padding: 30px 25px;text-align: left;color: #333;} .index_new_center div{font-size: 18px;line-height: 30px;height: 60px;display:-webkit-box; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow: ellipsis;overflow: hidden;} .index_new_center p{font-size: 14px; color: #999; line-height: 24px; margin:25px 0; display:-webkit-box; word-break:break-all;-webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis;overflow: hidden;} .index_new_center span{font-size: 14px;text-transform: uppercase;} .index_news_con a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);} .index_news_con a:hover div{color: #0553a1;} .swiper-button-next, .swiper-button-prev{bottom: 0;top: auto;width: 38px;height: 38px;background-size:100%;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;border: 1px solid #fff;} .swiper-button-next:hover, .swiper-button-prev:hover{border: 1px solid #dfdfdf;} .swiper-button-next{background-image: url(../images/arrows_r.jpg);right: 0;} .swiper-button-prev{background-image: url(../images/arrows_l.jpg);left: auto;right: 50px;} .swiper-button-prev.swiper-button-disabled{opacity: 0.75;} /*第六屏*/ .box6{margin-bottom: 100px;} .section6{font-size: 0;} .index_contact_box{width: 35%;padding-right: 5%;display: inline-block;} .index_contact_con{margin-top: 90px;text-align: left;} .index_contact_con p{font-size: 14px;line-height: 28px;letter-spacing: -1px;} .index_contact_map{width: 60%;display: inline-block;vertical-align: top;} .index_contact_map iframe{width: 100%;border: none;height: 400px;} .index_foot{position: absolute;bottom: 0;height: 100px;border-top: 1px solid #dcdcdc;width: 100%;} .index_foot p{display: inline-block;color: #666;font-size: 14px;line-height: 30px;padding: 35px 0;} .index_foot select{float: right;height: 38px;border: 1px solid #DCDCDC;padding: 0 40px 0 15px;color: #666;margin-top: 30px;outline: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background: url(../images/select_arrows.png) no-repeat scroll right center transparent;} .index_foot select::-ms-expand { display: none; } .index_foot.ins{position: relative;} /*about*/ .banner{padding-bottom: 21%;width: 100%;position: relative;height: 0;position: relative;margin-top: 90px;background-position: center;} .about_tabs{background: #e5e5e5;} .about_tabs .container{display: flex;display: -webkit-flex;flex-wrap: nowrap;justify-content: space-between;} .about_tabs a{display: inline-block;width: 25%;text-align: center;background: #0553A1;color: #fff;line-height: 50px;position: relative;} .about_tabs a:before{content: '';position: absolute;width: 1px;height: 100%;background: rgba(255,255,255,0.2);left: 0;} .about_tabs a:hover,.about_tabs a.active{background: #fff;color: #333;} .ins_box{padding: 70px 0 50px;} .ins_box .index_title h3{position: relative;margin-top: 20px;} .ins_box .index_title h3:before{content: '';position: absolute;width: 45px;height: 1px;background: #0553A1;bottom: -20px;} .about_jianjie_con{margin-top: 40px;font-size: 14px;color: #666;line-height: 26px;} .about_jianjie_con > div{width: 46%;display: inline-block;vertical-align: top;} .about_jianjie_con > div.about_jianjie_r{float: right;} .about_patent{background: #E5E5E5;} .about_patent .index_title h2,.about_patent .index_title h3{color: #666;} .about_patent .index_title h3:before{background: #666;} .about_patent_lb{margin-top: 60px;position: relative;} .about_patent_lb .swiper-slide{position: relative;font-size: 0;} .about_patent_lb .swiper-slide img{width: 100%;} .patent_mb{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(5,83,186,0.6);font-size: 20px;color: #fff;align-items: center;display: -webkit-flex;opacity: 0;cursor: default;} .patent_mb p{text-align: center;width: 100%;} .patent_mb:hover{opacity: 1;} .about_patent_lb .swiper-container{padding-bottom: 50px;} .about_patent_lb .swiper-pagination-bullet{background: #0553A1;opacity: 1;width: 12px;height: 12px;border: 1px solid #0553A1;} .about_patent_lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;} .about_patent_lb .swiper-pagination-bullet-active{background: none;} .about_patent_lb .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;} .about_wenhua{margin-top: 60px;font-size: 0;} .about_wenhua_box{display: inline-block;width: 33.33%;position: relative;vertical-align: top;} .about_wenhua_box img{width: 100%;} .wenhua_mb{position: absolute;top: 0;left: 0;background: rgba(5,83,186,0);width: 100%;height: 100%;align-items: center;display: -webkit-flex;cursor: default;} .wenhua_mb div{width: 100%;text-align: center;font-size: 18px;} .wenhua_mb span{display: inline-block;line-height: 42px;background: #0553A1;color: #fff;padding: 0 40px;} .wenhua_mb p{line-height: 28px;color: #fff;margin-top: 10%;letter-spacing: -1px;position: relative;} .wenhua_mb p:after{content: '';position: absolute;width: 30px;height: 1px;background: #fff;bottom: -20px;left: 50%;margin-left: -15px;} .wenhua_mb:hover{background: rgba(5,83,186,0.8);} .wenhua_mb:hover span{background: #fff;color: #0553A1;} .about_gongsi{background-image: url(../images/about_bg.jpg);background-position: center;background-size: auto 100%;} .about_gongsi .ins_box .index_title h2,.about_gongsi .ins_box .index_title h3{color: #fff;} .about_gongsi .ins_box .index_title h3:before{background: #fff;} .about_gongsi .ins_box .index_title{position: relative;} .about_gongsi_tabs{width: 65%;position: absolute;right: 0;bottom: 0;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;} .about_gongsi_tabs a{color: #fff;display: inline-block;line-height: 48px;min-width: 20%;text-align: right;cursor: pointer;} .about_gongsi_center{margin-top: 60px;position: relative;font-size: 0;} .about_gongsi_box{display: none;} .about_gongsi_box.in{display: block;} .about_gongsi_center img{width: 48%;} .about_gongsi_con{width: 52%;height: auto;padding: 40px;position: absolute;right: 0;bottom: 0;z-index: 2;background: rgba(0,0,0,0.5);color: #fff;} .about_gongsi_con h3{font-weight: 300;} .about_gongsi_con p{font-size: 15px;line-height: 30px;margin-top: 20px;} .foot_ins{padding: 50px 0;} .foot_nav{display: -webkit-flex;justify-content: space-between;line-height: 30px;margin: 20px 0 0 0;} .foot_nav a{color: #333;} .foot_nav span{display: inline-block;width: 1px;height: 14px;background: #ccc;margin-top: 8px;} .foot_ins_l{width: 52%;float: left;vertical-align: top;} .foot_ins_r{float: right;vertical-align: top;width:auto;} .foot_ins_r .index_contact_con{margin-top: 20px;} .index_contact_con span{display: inline-block;width: 10px;} /*product*/ .product_box_lb{font-size: 0;padding: 80px 0 60px 0;margin: 0 -6px;} .product_list_box{width: 25%;display: inline-block;} .product_mbox{border: 1px solid #dcdcdc;text-align: center;margin: 0 6px 12px 6px;} .product_mbox div{width: 100%;height: 0;padding-bottom: 83%;overflow: hidden;position: relative;} .product_mbox div img{position: absolute;width: 94%;left: 3%; height: auto; top: 0;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;} .product_mbox p{line-height: 54px;font-size: 15px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;} .product_mbox:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);} .product_mbox:hover p{font-size: 16px;color: #0553A1;} .bg_e5{background: #E5E5E5;height: 45px;} .product_box_lb .swiper-container{padding-bottom: 80px;} .product_box_lb .swiper-pagination-bullet{background: #0553A1;opacity: 1;width: 12px;height: 12px;border: 1px solid #0553A1;} .product_box_lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;} .product_box_lb .swiper-pagination-bullet-active{background: none;} .product_box_lb .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;} /*technology*/ .about_tabs.technology a{width: 50%;} .technology_mbox{text-align: center;margin: 0 6px 12px 6px;position: relative;overflow: hidden;} .technology_mbox img{width: 100%;} .technology_mbox div{position: absolute;width: 100%;height: 100%;background: rgba(5,83,186,0.8);top: 0;left: 0;align-items: center;display: -webkit-flex;opacity: 0;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;} .technology_mbox div p{width: 100%;text-align: center;color: #fff;font-size: 24px;} .technology_mbox:hover div{opacity: 1;} /*news*/ .news_box{padding: 50px 0;} .news_list{display: inline-block;color: #333;width: 100%;} .news_list .container{border-bottom: 1px solid #e5e5e5;padding: 30px 0 30px 0;position: relative;} .news_list .news_title{font-size: 20px;padding-right: 100px;} .news_list .news_con{font-size: 14px;margin: 40px 0 30px 0;padding-right: 100px;} .news_list .news_more{font-size: 14px;text-transform: uppercase;color: #0553A1;position: relative;} .news_list .news_more:before{content: '';width: 0;height: 1px;background: #0553A1;left: 0;bottom: 0;position: absolute;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;} .news_times{position: absolute;right: 0;top: 35px;background: #0553A1;color: #fff;padding: 15px;width: 60px;} .news_times h3{font-weight: 400;font-size: 20px;} .news_times small{font-size: 14px;margin-top: 6px;display: block;} .news_list:hover{background: #f4f4f4;} .news_list:hover .news_more:before{width: 100%;} .news_ins{background: #f4f4f4;padding: 0 0 110px 0;width: 100%;} .news_ins .container{background: #fff;margin-top: -150px;z-index: 10;position: relative;} .news_ins_center{width: 90%;margin: 0 auto;padding: 60px 0;} .news_ins_title span{color: #666666;font-size: 14px;margin-top: 20px;display: block;} .news_ins_title{border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;} .news_ins_con{padding: 50px 0;font-size: 14px;color: #666;line-height: 28px;} .news_ins_img img{width: 48%;height: auto;margin-bottom: 15px;} .news_ins_img img:nth-child(even){float: right;} .news_btn{text-align: center;margin-top: 50px;} .news_btn a{color: #fff;background: #0553A1;line-height: 40px;display: inline-block;padding: 0 30px;} /*contact*/ .banner{position: relative;} .banner iframe{position: absolute;border: none;width: 100%;height: 100%;} .contact_box{padding: 70px 0;} .contact_box .container{display: -webkit-flex;justify-content: space-around;} .contact_mbox{text-align: center;} .contact_mbox div{display: inline-block;width: 68px;height: 68px;background: #0553A1;border-radius: 50%;text-align: center;line-height: 68px;} .contact_mbox div img{vertical-align: middle;} .contact_mbox span{color: #999;font-size: 14px;text-transform: uppercase;display: block;margin: 10px 0 20px 0;} .contact_mbox p{font-size: 14px;color: #666;line-height: 28px;} .join_box{background: #F4F4F4;width: 100%;padding: 55px 0;} .join_box h3{font-weight: 400;position:relative;text-align: center;} .join_box h3:before{content: '';width: 45px;height: 1px;position: absolute;background: #333;bottom: -20px;left: 50%;margin-left: -22px;} .join_list{margin-top: 50px;} .join_list_con{position: relative;margin-bottom: 20px;padding-left: 40px;} .join_title{background: #a0a0a0;color: #fff;padding: 10px 25px;line-height: 30px;display: -webkit-flex;justify-content: space-between;cursor: default;} .join_center{background: #fff;padding: 50px 35px;font-size: 14px;color: #666;line-height: 30px;display: none;} .join_center a{display: inline-block;background: #0553A1;color: #fff;line-height: 40px;padding: 0 40px;margin-top: 30px;} .join_title > img{position: absolute;left: 0;top: 12px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;} .join_list_con.in .join_title img{transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);} .leave_box{background: url(../images/contact_banner.jpg);padding: 60px 0 50px 0;} .leave_box h3{font-weight: 400;position:relative;text-align: center;color: #fff;} .leave_box h3:before{content: '';width: 45px;height: 1px;position: absolute;background: #fff;bottom: -20px;left: 50%;margin-left: -22px;} .leave_inp{margin: 50px 0 30px 0;font-size: 0;} .leave_inp input{width: 30%;border: none;background: #fff;height: 40px;padding:0 1.4%;margin-bottom: 0.7%;font-size: 14px;} .leave_inp textarea{width: 97.2%;border: none;height: 78px;font-size: 14px;line-height: 28px;padding: 0 1.4%;resize: none;} .leave_btn{text-align: center;} .leave_btn a{display: inline-block;color: #fff;background: #333;line-height: 40px;padding: 0 60px;} @media only screen and (max-width: 1600px) { } @media only screen and (max-width: 1400px) { } @media only screen and (max-width: 1366px) { .box1,.box2,.box3,.box4,.box5,.box6{margin-top: 70px;} .container{width: 980px;} .index_nav{height: 70px;} .logo{line-height: 70px;} .logo img{height: 56px;} .index_nav_list a{line-height: 70px;padding: 0 20px;} .index_nav_list .search_ico{width: 70px;margin-left: 20px;} /*2*/ .index_title h2 {font-size: 36px;line-height: 26px;margin-bottom: 10px;} .index_about_con {margin: 35px 0 20px 0;font-size: 13px;line-height: 20px;} h3 {font-size: 20px;} .index_about_l a {line-height: 34px;height: 34px;font-size: 18px;} .index_about_l a span{width: 18px; height: 18px;} .index_about_num h1 { font-size: 90px; padding-right: 24px; line-height: 70px; margin-top: 15px; } .index_about_num h1 small { font-size: 16px; line-height: 16px;} .index_about_num h1 small:before { width: 5px;} .index_about_num h1 span { font-size: 76px;} .index_about_b { margin-top: 50px;} /*4*/ .tec_title > div { height: 100px; font-size: 24px; line-height: 100px; } .tec_title { margin-bottom: 50px;} .tec_img_title span { font-size: 16px; line-height: 46px;} /*5*/ .index_news_lb { padding: 25px 0 60px 0;} .index_new_center div { font-size: 16px; line-height: 24px; height: 48px;} .index_new_center p { font-size: 12px; line-height: 20px; margin: 15px 0;} .index_new_center span { font-size: 12px;} .index_new_center { padding: 25px 20px;} .index_news_tabs a { font-size: 14px; margin-left: 55px; line-height: 44px;} /*6*/ .box6 {margin-bottom: 70px;} .index_foot {height: 70px; } .index_contact_con {margin-top: 65px;} .index_contact_map iframe {height: 352px;} .index_foot p { padding: 20px 0;} .index_foot select { margin-top: 15px;} .mouse_ico {width: 20px; margin-left: -10px;} /*about*/ .banner{margin-top: 70px;} .wenhua_mb div{font-size: 16px;} .about_gongsi_con p{font-size: 14px;line-height: 26px;margin-top: 15px;} .about_gongsi_con{padding: 30px 35px;} .patent_mb{font-size: 18px;} .foot_nav{font-size: 14px;} .news_ins .container {margin-top: -80px;} } @media only screen and (max-width: 1024px) { .container{width: 768px;} .index_kv_title{width: 60%;} .box1 p {width: 60%; font-size: 14px; line-height: 28px;} .index_about_con{height: 100px;} .index_product_box p { padding: 20px 15px; font-size: 16px;} .index_contact_con p { font-size: 13px;} .index_nav_list a { padding: 0 15px; font-size: 14px;} /*about*/ .about_jianjie_con > div{width: 100%;margin-bottom: 20px;} .patent_mb{font-size: 16px;} .wenhua_mb div{font-size: 14px;} .wenhua_mb span { line-height: 34px; padding: 0 30px;} .wenhua_mb p { line-height: 24px; margin-top: 6%;} .about_gongsi_center img { width: 65%;} .foot_ins_l { width: 100%;float: initial;} .foot_ins_r{float: initial;margin-top: 20px;} } @media only screen and (max-width: 768px) { .index_nav {height: 56px;} .logo {margin-left: 20px;line-height: 56px;} .logo img {height: 40px;} .nav_btn{display: block;} .index_nav_list{width: 50%;background: rgba(5,83,161,0.9);position: fixed;top: 0;left: 100%;padding: 0;z-index: 100;} .index_nav_list.in{left: 50%;} .index_nav_list a{display: block;color: #fff;text-align: left;line-height: 56px;padding: 0 20px;} .index_nav_list a:before{width: 0;} .index_nav_list .search_ico{margin: 0;background: none;width: auto;text-align: left;padding: 0 20px;} .index_nav_list .search_ico img{width: 24px;} .container{width: 90%;} .box1{margin-top: 56px;} .box2,.box3,.box4,.box5,.box6{margin: 0;padding: 40px 0;} .section1{height: -webkit-fill-available;} .index_kv_title{width: 80%;margin-top: 50%;} .box1 p {width: 90%;font-size: 12px;line-height: 24px;margin: 20px auto;} /*2*/ .index_about_l{width: 100%;padding: 0;} .index_about_r{display: none;} .index_about_con{height: auto;display: block;} .index_about_num h1 { font-size: 40px; padding-right: 20px; line-height: 40px; margin-top: 10px; } .index_about_num h1 span { font-size: 30px; } .index_about_num h1 small { font-size: 12px; line-height: 12px;padding-left: 10px;right: -17px; bottom: 8px;} .index_about_num h1 small:before{width: 0;} .index_about_num p { padding-left: 0px;} .index_about_num p:after { width: 10px; top: 9px;} .index_about_b { margin-top: 30px;} /*3*/ .index_product_box { width: 50%; padding-bottom: 32%;} /*4*/ .box4{position: relative;} .tec_con_l, .tec_con_r{width: 90%;padding: 0 5%;} .tec_con_l{margin-bottom: 30px;} .tec_con_r{margin-top: 40px;} .technology_l, .technology_r{width: 100%;} .technology_r{left: 0;top: 50%;} .tec_title > div { height: 70px; line-height: 70px;} .tec_title {margin-bottom: 30px;} /*5*/ .index_news_tabs { margin-top: 0px;} .index_news_tabs a { margin-left: 40px; } .index_news_con{width: 50%;} .index_new_center {padding: 20px 15px;} .index_news_list {margin: 0 -5px;} /*6*/ .index_contact_box{width: 100%;padding: 0;} .index_contact_con { margin-top: 30px;margin-bottom: 30px;} .index_contact_map{width: 100%;} .index_contact_map iframe {height: 200px;} .index_foot{position: relative;} .index_foot p{font-size: 12px;text-align: center;line-height: 24px;padding: 10px 0;} .index_foot select{display: none;} /*about*/ .hidden_xs{display: none;} .visible_xs{display: block;} .banner {padding-bottom: 54%;margin-top: 56px;} .about_tabs .container{width: 100%;} .about_patent_lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;} .about_patent_lb .swiper-pagination-bullet {width: 6px;height: 6px;} .about_patent_lb .swiper-container {padding-bottom: 30px;} h3{font-size: 18px;} .wenhua_mb p:after{display: none;} .about_tabs a{font-size: 14px;line-height: 40px;} .index_title h2 {font-size: 26px; line-height: 20px;margin-bottom: 10px;} .about_wenhua_box{width: 100%;height: 0;padding-bottom: 60%;overflow: hidden;margin-bottom: 20px;} .about_wenhua_box img{position: absolute;top: 50%;margin-top: -50%;} .about_gongsi_tabs { width: 100%; position: relative;margin-top: 40px;display: block;} .about_gongsi_tabs a{width: auto;text-align: left;font-size: 14px;line-height: 28px;margin-right: 10px;} .about_gongsi_center {margin-top: 20px;} .about_gongsi_center img {width: 100%;} .about_gongsi_con{width: 100%;padding: 30px 0 0 0;position: relative;background: none;} .foot_nav{flex-wrap: wrap;} .foot_ins_l > img{height: 50px;width: auto;} .foot_nav a{min-width: 30%;} .foot_nav span{display: none;} .foot_ins {padding: 50px 0 0 0;} /*product*/ .about_tabs.product .container{flex-wrap: wrap;} .about_tabs.product a{width: 25%;display: inline-block;border-bottom: 1px solid rgba(255,255,255,0.2);} .product_list_box{width: 50%;} .product_mbox p{line-height: 46px;font-size: 14px;} .bg_e5{height: 10px;} .product_box_lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;} .product_box_lb .swiper-pagination-bullet {width: 6px;height: 6px;} .product_box_lb .swiper-container {padding-bottom: 30px;} /*news*/ .news_list .news_title{font-size: 16px;padding-right: 90px;} .news_list .news_con{margin: 15px 0 10px 0;padding-right: 90px;} .news_list .news_more{font-size: 12px;} .news_times h3{font-size: 18px;} .news_times small{font-size: 12px;} .news_ins_img img{width: 100%;height: auto;margin-bottom: 15px;} .news_ins_img img:nth-child(even){float: initial;} .news_ins .container{margin-top: 0;width: 100%;} .news_ins{padding: 0;} /*contact*/ .contact_box .container{display: block;} .contact_mbox div{width: 50px;height: 50px;line-height: 50px;} .contact_mbox{margin-bottom: 15px;} .contact_mbox span{margin: 10px 0 0 0;} .join_title{display: block;height: 50px;overflow: hidden;line-height: 50px;padding: 0 15px;} .join_center { padding: 20px 15px;} .join_list_con {padding-left: 35px;} .leave_inp input{width: 92%;padding: 0 4%;margin-bottom: 10px;} .leave_box{background-size: auto 100%;} }