//1335尺寸 PC @media screen and (max-width: 1335px){ .header{width: 96%;padding: 0px 2%;padding-top: 40px;padding-bottom: 20px; .midcenter{width: 100%;padding-left: 0%;padding-right: 0%;} } .navbg{ img{position: absolute;top: 0px;} } .midcenter{width:96%;margin: 0 auto;padding-left: 2%;padding-right: 2%;} } .fixednav{position:fixed;top:0px;left:0px;width:98%;z-index: 99;} //765尺寸 PC @media screen and (max-width:768px){ //手机导航 .header{display: none;} .midcenter{width:98%;margin: 0 auto;padding-left: 1%;padding-right: 1%;} .mobile_header{ width: 98%;float: left;display: block;background: #1f2343;padding: 10px 1%; .m_logo{ float: left; width: 90%; height: 40px; .m_logo1{ width: 100%; display: table-cell; vertical-align:middle; *display: block; img{height: 40px;} } } } .mobile-inner-nav a{ position: relative; display: block; overflow: hidden; border: none !important; } .mobile-inner-nav a:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: rgba(255,255,255,0.3); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; } .mobile{ width: 100%; float: left; margin-top: 100px; } .mobile-inner{ width: 550px; margin-right: auto; margin-left: auto; background-color: #fafafa; position: relative; } .mobile-inner img{ width: 100%; margin-bottom: 30px; } .mobile-inner p{ color: #676767; line-height: 25px; font-size: 16px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; margin:0px; } .mobile-inner-header{ width: 30px; height: 40px; float: right; } .mobile-inner-header-icon{ color: #ffffff; height: 40px; font-size:25px; text-align: center; float:right; width: 40px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .mobile-inner-header-icon:hover{ cursor: pointer; } .mobile-inner-header-icon span{ position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color:#fff; } .mobile-inner-header-icon span:nth-child(1){ transform: translateY(4px) rotate(0deg); } .mobile-inner-header-icon span:nth-child(2){ transform: translateY(-4px) rotate(0deg); } .mobile-inner-header-icon-click span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; } .mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; } @keyframes clickfirst { 0% { transform: translateY(4px) rotate(0deg); } 100% { transform: translateY(0) rotate(45deg); } } @keyframes clicksecond { 0% { transform: translateY(-4px) rotate(0deg); } 100% { transform: translateY(0) rotate(-45deg); } } .mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; } .mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; } @keyframes outfirst { 0% { transform: translateY(0) rotate(-45deg); } 100% { transform: translateY(-4px) rotate(0deg); } } @keyframes outsecond { 0% { transform: translateY(0) rotate(45deg); } 100% { transform: translateY(4px) rotate(0deg); } } .mobile-inner-nav{ background-color: #1f2343; width: 100%; position: absolute; top: 60px; left: 0px; display: none; padding-top: 10px; padding-bottom: 80px; z-index: 99999; a{text-decoration: none;} } .mobile-inner-nav li{ display: inline-block; line-height: 40px; text-decoration: none; width: 90%; margin-left: 5%; color: #b1b0b0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight:300; position: relative; margin-bottom: 10px; font-size: 16px; a{color: #b1b0b0;} } .dropdown_menu{ .ejnav{width: 31%;float: left;height: 30px;float: left;margin:2% 1.5% 0px 0px;background: #f0dcd4;line-height: 30px;text-align: center;color: #333;font-size: 14px;} } .inavlist{width: 45%;float: left;display: block;margin-right: 2.5%;margin-bottom: 2.5%;margin-left: 2.5%; .inav_text{ h4{font-size:16px;} p{font-size: 12px;} } } .inavlist:nth-child(3n){margin-left: 2.5%;margin-right: 2.5%;} .banner{display: none;} .m_banner{display: block; .swiper-button-prev{background: url(../images/banner_left.png) center no-repeat;left: 20px;} .swiper-button-next{background: url(../images/banner_right.png) center no-repeat;right: 20px;} .swiper-button-disabled{opacity:0.8!important;} a{display: block;width: 100%;} img{width: 100%;} } //首页产品详情 .maintitle_title{width: 95%;height: 35px;line-height: 35px;font-size: 25px;padding: 2.5%; img{float: left;margin-right: 15px;width: 35px;} } .typelist{width: 95%;margin: 2.5%;} // 案例展示 .case{padding-bottom: 40px; .swiper-button-prev{background: url(../images/case_left.jpg) center no-repeat;left: 20px;width: 37px;height: 61px;top: 45%;} .swiper-button-next{background: url(../images/case_right.jpg) center no-repeat;right: 20px;width: 37px;height: 61px;top: 45%;} .swiper-button-disabled{opacity:0.5!important;} } //优势 .advantage{display: none;} .m_ad{padding: 5% 0px;overflow: hidden;padding-top: 50px;display: block; .swiper-container{overflow: visible;} .adlist{width: 100%;float: left;background: #fff;} .adtext{width: 96%;padding: 2%;text-align: left;min-height: 147px; h4{font-size: 18px;font-weight: normal;line-height: 2em;color: #1f2343;} p{font-size: 14px;color: #a7a7a7;line-height: 25px;} } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-20px;z-index: 999;} .swiper-pagination-bullet{background: #b4b4b4;opacity:0.8!important;} .swiper-pagination-bullet-active{background: #1f2343;} .swiper-button-prev{background: url(../images/ad_left.jpg) center no-repeat;right: 76px!important;width: 66px;height: 41px;top:-25px;left:auto;} .swiper-button-next{background: url(../images/ad_right.jpg) center no-repeat;right: 0px;width: 66px;height: 41px;top:-25px;} } .footer{display: none;} .m_footer{display: block;width: 100%;padding: 2% 0px;background: #fff;margin-top: 20px;} .footer_tel{width: 100%;height: 30px;line-height: 30px;font-size: 18px;font-weight: 600; img{float: left;height: 20px;margin: 5px;} } .footer_right{width:100%;float: right; .footer_tel{width: 100%;margin: 2% 0px; } li{width: 31.3%;float: left;padding: 1%;text-align: center;line-height: 25px;color: #a7a7a7; img{width: 50%;padding: 5px 25%;} } } .menu_list{width:95%;float: left;margin-left: 2.5%;} .menu_head{ height: 47px; line-height: 47px; font-size: 14px; cursor: pointer; font-weight: normal; border-bottom: 1px solid #dadada; position: relative; margin: 0px; background: url(../images/pro_left.png) center right no-repeat; font-family: 'Microsoft YaHei'; a{color: #5f5f5f;} } .menu_list .current{background: url(../images/pro_down.png) center right no-repeat;} .menu_body{ line-height: 38px; backguound: #fff; padding-left:20px; } .menu_body a{display:block;height:38px;line-height:38px;color:#777777;text-decoration:none;border-bottom:1px solid #e1e1e1;} .menu_body a:hover{text-decoration:none;} .dbico{width: 100%;height:35px;text-align: center;float: left;margin: 20px 0px; img{margin: 0px 10px;} } //内页开始 .m_nynavbody{display: block;background: #eee;width: 100%;height: 50px; .menu_list{width:95%;float: left;margin-left: 2.5%;} .menu_head{ height: 50px; line-height: 50px; font-size: 14px; cursor: pointer; font-weight: normal; border-bottom: 0px solid #dadada; position: relative; margin: 0px; background: url(../images/pro_left.png) center right no-repeat; font-family: 'Microsoft YaHei'; a{color: #5f5f5f;} } .menu_list .current{background: url(../images/pro_down.png) center right no-repeat;} .menu_body{ line-height: 38px; backguound: #fff; padding-left:0px; } .menu_body a{display:block;height:38px;line-height:38px;color:#777777;text-decoration:none;border-bottom:1px solid #e1e1e1;} .menu_body a:hover{text-decoration:none;} } .nynav{display: none;} //关于我们 .nytitle{ h4{font-size:18px;height: 20px;line-height: 20px; img{padding: 0px 10px;height: 20px;} } } .gsjj_text{ p{font-size: 14px;color: #1f2343;line-height: 35px;} } .gjj_ad1{ .gjj_ad1_text{ .gjj_ad1_text_body{line-height: 22px;} } } .advantage_ny{display: none;} .m_advantage_ny{display: block; .swiper-button-prev{background: url(../images/honor_left.png) center no-repeat;left: 0px;width: 25px;height: 121px;top: 42%;} .swiper-button-next{background: url(../images/honor_right.png) center no-repeat;right: 0px;width: 25px;height: 121px;top: 42%;} .swiper-button-disabled{opacity:0.8!important;} .swiper-pagination-bullet{background: #b4b4b4;opacity:0.8!important;} .swiper-pagination-bullet-active{background: #1f2343;} .honorlist{ img{} h4{font-size: 16px;line-height:46px;height:46px;} p{font-size: 14px;} } } .culture{display: none;} .m_culture{display: block;} .culturelist{padding: 5% 2%;width: 96%;position: relative;text-align: center;margin-top: 2%; h4{font-size: 16px;line-height: 30px;color: #fff;position: relative;z-index: 1;} p{font-size: 14px;line-height: 25px;color: #fff;position: relative;z-index: 1;} } .culbg{position: absolute;background: rgba(31, 35, 67, 0.8);width: 100%;height: 100%;top: 0px;left: 0px;} .cul1{background:url(../images/culture1.jpg);} .cul2{background:url(../images/culture2.jpg);} .cul3{background:url(../images/culture3.jpg);} //发展历程 .development{ .swiper-slide{ .develist{ .develist2{ h4{font-size:18px;} b{font-size:16px;line-height: 37px;} p{font-size: 12px;line-height: 30px;margin: 0px;} h3{font-size:18px;color: #1f2343;line-height:40px;} } } } .swiper-button-prev{width: 36px;height: 75px;} .swiper-button-next{width: 36px;height: 75px;} } //工程案例 .context1{border:4px solid #1f2343;} .context1 li{ display:none;position: relative; .culture_text{font-size: 16px;} } .context1 li img{width: 100%;} .com_con1{position: absolute;width: 30%;right: 2px;height: 100%;top: 0px;} .com_con1 .tab{overflow:hidden; margin:0 auto; width:100%;position: relative;height: 100%;} .com_con1 .tab a{width: 98%;height: 30%;overflow: hidden;display: block;margin-bottom: 6.5%;border: 1px solid #1f2343; img{width: 100%;} } .com_con1 .tab a:hover{border: 1px solid #d3b7a8;} .com_con1 .tab a.on{border: 1px solid #d3b7a8;} .caselist{ float:left; height:319px;} .caselist1 { display: table; width: 100%; height: 233px;} .caselist1 a { height:231px; } .caselist2 {height:48px;padding: 20px 4%;} .caselist2 a {font-size: 16px;} .caselist img{} //商学院 .school_title{ h3{font-size: 24px;line-height: 30px;} h4{font-size:22px;line-height: 40px;} span{font-size:14px;line-height: 30px;} } .schoold_text{ width: calc(33.3%);font-size: 16px;color: #1f2343;line-height: 40px; } //联系我们 .contact_right{width: 100%;float: left;position: relative; h4{font-size:18px;} .ewm{width: 30%;} } #allmap{width:100%;height:260px;overflow:hidden;border:1px solid black;} //产品中心 .protype_list{width: 49%;margin-bottom: 2%;float: left;overflow: hidden; .protype_text{font-size: 18px;} } .protitle{width: 100%;padding: 2% 0px;text-align: center;color: #1f2343; h4{font-size: 24px;line-height: 40px;font-weight: normal;} span{font-size:16px;font-family: "Impact";line-height: 35px;} } //新闻资讯 .newsleft{width: 100%;float: left;} .newslist{ .newstext{ .news_title{ .news_time{padding: 0px 1%;margin-right:15px;float: left; b{font-size: 16px!important;} } h4{font-size:14px;width: 74%;} } } } .newsright{width: 100%;float: left;} .newsr_title{font-size: 18px;line-height: 30px; img{float: left;height: 30px;} } //新闻内页 .info_body{} .local{font-size: 12px;} .info_news_title{margin-top: 5%;text-align: left;padding: 2% 0px; h4{font-size: 16px;color: #fff;line-height: 40px;} span{font-size: 12px;color: #b4b4b4;line-height: 25px;} } .info_news_body_left{width:100%; .newscontent{ p{font-size: 14px;color: #3d3d3d;line-height: 30px;padding: 1% 0px;} } } .info_news_body{ .newsright{width:100%; } } #prev_next{width: 100%;margin-top: 2%;margin-bottom: 2%; .prev{width: 96%;margin-bottom: 2%;} .next{width: 96%;} } //产品内页 .top_local_body{font-size: 12px; a{font-size: 12px;} span{font-size: 12px;} } .info_pro_right{height: 96%;top: 0px; h4{width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #fff;font-weight: normal;margin: 5% 0px; img{width: 30px;padding-right: 10px;} } li{font-size:14px;} } .pro_ad li{width: 46%;padding: 2%;} .related_body{ .swiper-button-prev{background: url(../images/deve_left.png) center no-repeat;left: 10px;width: 40px;height: 40px;top: 46%;} .swiper-button-next{background: url(../images/deve_right.png) center no-repeat;right: 10px;width: 40px;height: 40px;top: 46%;} .xglist{ width:100%; height:150px; display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; padding-bottom: 40px; /* position:relative; */} } .content_title{ h4{font-size: 18px;} } //招商加盟 .toptext{width: 100%;padding: 2% 0px;text-align: center;color: #fff; h4{font-size:35px;} p{font-size: 16px;} .shuzi{width: 100%;padding: 2% 0px; li{width: 25%;float: left;font-size: 16px; span{font-size:20px;line-height: 70px;} b{font-size:30px;} } } a{height: 44px;line-height: 44px;} } .join_left{width:100%;} .join_right{width:95%;position: relative;right: 0px;font-size: 24px;line-height: 45px; span{font-size: 16px;line-height: 40px;} h4{font-size: 20px;font-weight: normal;line-height: 35px;} } .join_title{ h4{font-size:25px;line-height: 40px;} span{font-size:16px;line-height: 30px;} } .xdlist1{padding-top:5%; img{height: 50px;} p{font-size:14px; } } .jxs img{width:100%;float: left; } .jxs_text{width:100%; padding-right: 0px;position: relative;right: 0px;top: 0px; h4{font-size:25px;line-height:60px;} p{font-size:16px; span{color: #df0024;} } } .jxs_num{position: relative;right: 0px;bottom: 0px;font-size:40px;color: #df0024;height:auto;text-align: right;line-height: 60px;} .team_lst{width: 96%;padding: 2%;background: url(../images/teamline.jpg) repeat-y;float: left;font-size: 18px;color: #fff;line-height: 35px;margin-bottom: 1%; img{margin-bottom: 40px;height: 60px;float: left;margin-right: 10px;} .teamtext{float: left;width: 70%;} span{color: #df0024;} } .fzzcleft{width: 100%;} .fzzcleft_text{width: 100%;height: 60px;margin-top:20px; h4{font-size:40px;line-height: 60px;} p{font-size:18px;line-height: 30px;} } .fzzc_right{position: relative;width:100%;height: auto;padding: 15% 0px;margin-bottom: 5%;} .fz_text{} .fz1{top: 0px;} .fz2{top: 0px;} .fz3{top: 0px;} .fz_text{padding: 5px 2%;background: #1f2343;bottom: 0px;right: 0px;position: absolute;z-index: 2;border-top-left-radius:30px;border-bottom-left-radius:30px; b{font-size:48px;color: #df0024;float: left;line-height:50px;width: 10%;text-align: center;} div{width: 90%;float: left;} h4{font-size: 18px;color: #df0024;line-height: 28px;float: left;} span{font-size: 14px;color: #fff;float: left;} } .fzad_text{width:80%;padding:5% 10%;font-size: 16px;} .fzad_list{width:95%;padding:5% 2.5%;background: url(../images/fzad_listbg.jpg); li{width: 45%;padding: 0px 2.5%;} } .join_tel{padding: 10% 0px;width: 100%;background: url(../images/join_tel.jpg) center no-repeat; background-size: cover; h4{font-size:25px;line-height: 40px; } h3{font-size: 25px;line-height: 40px;} p{font-size:18px;line-height: 40px;} li{font-size: 18px; img{float: left;padding:8px; } } } .yearbody{ h4{font-size:30px;line-height: 60px;} p{font-size:16px;line-height: 30px; } } .xzcbody{position: relative; img{width: 100%;display: none;} } .xcz_right{width: 96%;height: auto;position: relative;right: 0px;top: 0px;padding: 2%; h4{font-size: 23px;color: #1f2343;line-height: 50px;} span{font-size: 18px;color: #a7a7a7;line-height: 40px;} p{font-size:16px;color: #a7a7a7;line-height: 30px;} } .ctbody{ li{font-size: 16px; a{color: #333;} } } .lclist{width: 25%;height:229px; .lcimg{width: 80%;height: 100px;line-height: 100px;} h4{font-size:20px;line-height: 50px; } span{font-size:16px;line-height: 30px;} &:hover{background: #fff;} } .mess_body{position: relative;padding: 2% 0px; img{display: none;} } .mess_right{width: 96%;height: auto;position: relative;right: 0px;top: 0px;background: #fff;padding: 2%; img{display: block;} } .video{display:none;} .m_video{display: block;} .mc_type a{width: 30%;font-size: 14px;} .mcnav{display: none;} .info_pro_content{ .description{font-size: 14px;line-height: 30px;} } } @media screen and (max-width:550px){ .typeleft h4{font-size: 16px;} .inavlist{width: 95%;float: left;display: block;margin-right: 2.5%;margin-bottom: 2.5%;margin-left: 2.5%; .inav_text{ h4{font-size:16px;} p{font-size: 12px;} } } .advantage{padding: 5% 0px; .swiper-slide{width: 100%!important;} } .gjj_ad1{ img{width: 100%;float: left;} .gjj_ad1_text{width:100%;float: right;position: relative; .gjj_ad1_text_body{line-height: 25px;} } } .caselist{width: calc(98%);margin: 1%;} .yxlist{font-size: 18px;line-height: 40px;width: calc(49.5%);margin:0px 0.25%;} .yxcenter{ p{font-size:16px;} } .contact_right{ .ewm{width: 50%;position: relative;margin: 0 auto;line-height: 50px;} } .info_pro_left{width:100%;float: left; .swiper-wrapper{width: 100%;} .swiper-slide{width: 100%;} .swiper-pagination{width: 150px;height: 50px;line-height: 50px;font-size: 16px;} .swiper-button-prev{height: 50px;} .swiper-button-next{height: 50px;} img{width: 100%;} } .info_pro_right{width: 96%;height: auto;padding: 2%;position: relative;right: 0px;top: 0px; h4{font-size: 16px;margin: 2% 0px;} li{font-size:14px; } } .pro_ad li{height: 200px;border-bottom: 1px solid #ddd;overflow: hidden; img{width:50px;padding: 10px 0px;} b{font-size:14px;color: #1f2343;line-height: 40px; } span{font-size: 12px;color: #b4b4b4;line-height: 25px;} } .toptext{width: 100%;padding: 2% 0px;text-align: center;color: #fff; h4{font-size:20px;line-height: 80px;} p{font-size: 14px;padding: 2% 5%;line-height: 25px;} a{width:30%;height:40px;line-height: 40px;font-size: 14px;} .shuzi{width: 100%;padding: 2% 0px; li{width: 50%;float: left;font-size: 14px; span{font-size:14px;line-height: 70px;} b{font-size:20px;} } } a{height: 44px;line-height: 44px;} } .mc_type a{font-size: 12px;} .protitle h4{font-size: 18px;} .caselist2 a{font-size: 14px;} .schoold_text{font-size: 14px;} .yxlist{font-size: 14px;} .yxcenter p{font-size: 16px;} .contact_right h4{font-size: 16px;} .contact_right li{font-size: 14px;} .protype_list .protype_text{font-size: 16px;} .teamtext{font-size: 16px;} .jxs_text h4{font-size: 18px;} .jxs_text p{font-size: 14px;} .jxs_num{font-size: 30px;} .fzad_text{font-size: 14px;} .fzzcleft_text p{font-size: 14px;} .fzad_list li{font-size: 14px;} .yearbody p{font-size: 14px;} .xcz_right span{font-size: 16px;} .xcz_right p{font-size: 14px;} .yearbody{border-left: 0px;border-right:0px;} .lclist span{font-size: 14px;} .xdlist1{padding-top:5%;padding-bottom: 5%; img{height: 30px;} h4{font-size: 16px;line-height: 40px;} p{font-size:12px; } } .mc_type a{width: 47%;} .ctbody{ li{width: 95%;margin:1.5% 2.5%;height: 70px;font-size: 16px;} } } @media screen and (max-width:320px){ .xdbody{background: #1f2343;} .xdbody_text{} .xdlist1{ img{height: 30px;} h4{font-size: 14px;line-height: 30px;} p{font-size:12px; } } .tema_title{ img{width: 40%;} } .fzzc_title{ img{width: 60%;} } .lclist{ span{font-size:14px;line-height: 30px;} } }