/*--------------------------------------------------------全局开始---------------------------------------------------*/ @maincolor1:#073590; @maincolor2:#ee2a29; .left{float: left;} .right{float: right;} .clear{clear: both;padding: 0px;margin: 0px;} .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul{list-style: none; display: block; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } li{list-style: none;} body{background:#f5f5f5;font-family: 'Microsoft YaHei,Arial';margin: 0 auto;font-size: 14px;width: 100%; p{font-family: 'Microsoft YaHei';} h4{font-family: 'Microsoft YaHei';} li{font-family: 'Microsoft YaHei';} span{font-family: 'Microsoft YaHei';} a{font-family: 'Microsoft YaHei';text-decoration: none;} } .cc1{-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .midcenter{width: 1335px;margin: 0 auto;} .animated{-webkit-animation-duration: 1.2s;animation-duration: 1.2s;} //头部 .header{width: 100%;background: #073590;padding-top: 40px;padding-bottom: 20px; .midcenter{width: 1335px;margin: 0 auto;position: relative; .serch{width: 289px;height: 41px;float: right; .anniu{width: 281px;height: 31px;background: #fff;border-radius: 0px;border: 0px;float: left;margin-right:-30px;} .btnly{width:15px;height: 15px;background: url(../images/btn.png) center no-repeat;border-radius: 0px;border: 0px;float: left;margin-top: 13px;} } } } .mobile_header{display: none;} .banner{ .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;} } .m_banner{display: none;} //导航 @height_nav:28px; /*导航条高度*/ @nav_li_w:97px; /*导航条宽度*/ .navbg{width: 100%;height:@height_nav;height: 46px;margin: 15px 0px; img{float: left;} } .header{ .nav{ float: right; margin: 0 auto; background-position:0 0px; height:@height_nav; margin-bottom: 0px; margin-top: 9px; /*导航鼠标hover样式.lon*/ .lon{ a{ background: url(../images/nav_lon.png) left center no-repeat; } } #Index{} li{.left; background:none; height: @height_nav; position:relative; text-align: right; width: @nav_li_w; z-index:1; margin-left: 20px; a{ background:none; background-position:50% -@height_nav; color: #fff; display:block; font-family: "Microsoft YaHei"; font-size:18px; height:@height_nav; line-height: @height_nav; margin: 0px auto; text-decoration: none; } &:hover{.lon;} } .dropdown{ .dropdown-menu{ display: none!important; background: rgba(255, 255, 255, 0.7); min-width: @nav_li_w; padding: 6px 0; width:@nav_li_w; z-index: 10000; li{ background: none; a{ background: none; color: #555; font-weight: 100; } &:hover{ >a{ background: #FCFCFC; border-radius:5px; color:#555; } } } } } .nav-li{ position: static; .nav-div{ /*display: none;*/ background: #f00; float: left; left: @nav_li_w; overflow: hidden; padding: 6px 0; position: absolute; top: 0px; width: 0px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } &:hover{ .nav-div{ width: 100px; } } } } } /*banner图*/ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img{width: 100%;float: left;} .btn_ly{ position: relative; overflow: hidden; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; display: block; width: 100%; height: 100%; z-index: 1; } .btn_ly:before { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: #073590 transparent transparent transparent; position: absolute; top: 0; left: 0; z-index: -1; } .btn_ly:hover:before {border-width: 1030px 530px 0 0;} /*主页*/ .kkline{width: 100%;height: 16px;background: url(../images/kkline.png) left center no-repeat;} .index_nav{padding: 4% 0px;padding-bottom: 0%; a{text-decoration: none;} } .inavlist{width: 31%;float: left;display: block;margin-right: 3.5%;margin-bottom: 3.5%;background: #fff;-webkit-animation-duration: 1s;animation-duration: 1s; .inav_img{width: 100%;position: relative;overflow: hidden; img{width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .inav_line{position: absolute;left: 0px;top: 0px;z-index: 999;} } .inav_text{width: 92%;padding: 4%; h4{font-size:24px;color: #073590;font-weight: normal;line-height: 35px;} p{font-size: 14px;color: #a7a7a7;line-height: 25px;} } &:hover{ img{transform: scale(1.1);} .inav_text{ h4{color: #fff;} } } } .inavlist:nth-child(2){-webkit-animation-duration: 1.2s;animation-duration: 1.2s;} .inavlist:nth-child(3){-webkit-animation-duration: 1.4s;animation-duration: 1.4s;} .inavlist:nth-child(4){-webkit-animation-duration: 1.6s;animation-duration: 1.6s;} .inavlist:nth-child(5){-webkit-animation-duration: 1.8s;animation-duration: 1.8s;} .inavlist:nth-child(6){-webkit-animation-duration: 2s;animation-duration: 2s;} .inavlist:nth-child(3n){margin-right: 0px;} //首页产品中心 .indexb{} .maintitle_title{width: 100%;height: 44px;line-height: 44px;font-size: 33px; img{float: left;margin-right: 15px;} } .typelist{width: 48%;float: left;margin-top: 4%; &:hover{ .typeleft{ top: 10%; h4{color: #fff;} span{color: #fff;} a{color: #fff;} } } } .typelist:nth-child(2){-webkit-animation-duration: 1.2s;animation-duration: 1.2s;} .typelist:nth-child(3){-webkit-animation-duration: 1.4s;animation-duration: 1.4s;} .typelist:nth-child(4){-webkit-animation-duration: 1.6s;animation-duration: 1.6s;} .typelist:nth-child(2n){float: right;} .typetop{width: 100%;float: left;background: #fff;position: relative; img{float: right;width: 57%;} } .typeleft{width: 36%;height: 100%;position: absolute;left: 0px;padding-left: 7%;top: 40%;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s; h4{font-size:36px;color: #073590;line-height: 50px;font-weight: normal;} span{font-size:16px;color: #073590;line-height: 30px; } a{width: 113px;height: 41px;display: block;border:2px solid #fff;line-height: 41px;text-align: center;font-size: 14px;text-decoration: none;color: #fff;margin-top: 50%;} } .typebottom{width: 100%;height: 30px;background: url(../images/kkline.png) left center no-repeat;} .indexc{padding-top: 4%;} .case{width:100%;margin-top: 4%;padding-bottom: 60px; .swiper-pagination-bullet{background: #fff;} .swiper-pagination-bullet-active{background: #073590;} .swiper-button-prev{background: url(../images/case_left.jpg) center no-repeat;left: 20px;width: 74px;height: 123px;top: 45%;} .swiper-button-next{background: url(../images/case_right.jpg) center no-repeat;right: 20px;width: 74px;height: 123px;top: 45%;} .swiper-button-disabled{opacity:0.5!important;} .swiper-slide{width: 100%;} a{width: 100%;display: block;} img{width: 100%;} } .advantage{padding: 5% 0px;overflow: hidden;padding-top: 50px; .swiper-container{overflow: visible;} .adlist{width: 49%;float: left;background: #fff;} .adtext{width: 92%;padding:2% 4%;text-align: left;min-height: 147px; h4{font-size: 23px;font-weight: normal;line-height: 2em;color: #073590;} p{font-size: 14px;color: #a7a7a7;line-height: 25px;} } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-40px;z-index: 999;} .swiper-pagination-bullet{background: #b4b4b4;opacity:0.8!important;} .swiper-pagination-bullet-active{background: #073590;} .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;} } .advantage .adlist:nth-child(2){float: right;margin-left: 2%;} .m_ad{display: none;} //底部 .footer_nav{width:100%;background: #fff;padding: 2% 0px; a{text-decoration: none;} .footer_left{width: 64%;float: left; .f_navlist{width: 20%;float: left;text-align: left; b{font-size:18px;font-weight: normal;color: #131313;line-height: 50px;} span{font-size: 14px;color: #a7a7a7;line-height: 30px;} } } .footer_right{width:32%;float: right; .footer_tel{width: 100%;height: 30px;line-height: 30px;font-size: 18px;font-weight: 600; img{float: left;height: 20px;margin: 5px;} } li{width: 31.3%;float: left;padding: 1%;text-align: center;line-height: 25px;color: #a7a7a7; img{width: 100%;} } } } .footer_copy{width: 100%;height: 107px;background: #073590;text-align: center;line-height: 107px;color: #e3e1e1; a{color:#fff;} } .m_footer{display: none;} //内页开始 .nybanner{width: 100%;position: relative;float: left;max-height: 500px;overflow: hidden;} .nybanner img{width: 100%;} .nybanner .nynav{width: 100%;height: 86px;position: absolute;bottom: 0px;z-index: 99;} .nynavbody{background: #f5f5f5;height: 86px;line-height: 86px;text-align: center;width: 100%;max-width: 1335px;margin: 0 auto;} .m_nynavbody{display: none;} .nynavbody a{width: 20%;height: 86px;float: left;font-size: 24px;color: #073590;text-decoration: none;background: url(../images/navline.png) right no-repeat; &:hover{background: #073590;color: #fff;} } .pronav a{width: 16.66%;} .pronav a:last-child{background: none; &:hover{background: #073590;} } .currentmenu{ background:#073590 !important; color:#fff !important; text-decoration:none !important; } .currentmenu2{ background:#1f2243 !important; color:#fff !important; text-decoration:none !important; } .page{clear: both;text-align: center;font-size: 16px;letter-spacing: 0px; font-family:"微软雅黑";width: 100%;margin: 2% auto; #page_num{width:60px;height: 28px;margin-bottom: 0px; &:hover{outline: thin dotted #333; outline: 0px auto -webkit-focus-ring-color; outline-offset: -2px;} } a{ display:inline-block; width: 46px;height: 46px;border-radius: 23px;line-height: 46px;text-align: center;border:1px solid #e4e4e4;background: #fff;color: #073590;font-size: 16px;text-decoration: none; &:hover{ background:#073590;color:#fff; } } .current { background:#073590;color:#fff; width: 46px;height: 46px;border-radius: 23px;line-height: 46px;text-align: center;border:1px solid #e4e4e4;font-size: 16px;text-decoration: none;display:inline-block;} .prev{line-height: 46px;border: 0px;background: none;display:inline-block;width: auto; &:hover{background: none;color: #073590;} } .next{line-height: 46px;border: 0px;background: none;display:inline-block;width: auto;margin: 0px 10px; &:hover{background: none;color: #073590;} } } #prev_next{width: 100%;margin-top: 2%;margin-bottom: 2%; a{color: #3d3d3d;text-decoration: none;} span{padding: 0px 5px;} .prev{width: 45%;float: left;padding: 2%;background: #fff;font-size: 14px; &:hover{background: #073590; span{color: #fff;} a{color: #fff;} } } .next{width: 45%;float: right;padding: 2%;background: #fff;font-size: 14px;text-align: right; &:hover{background: #073590; span{color: #fff;} a{color: #fff;} } } } //公司简介 .gsjj{width: 100%;} .nytitle{width: 100%;height: auto;padding: 5% 0px;text-align: center; h4{font-size:43px;height: 45px;padding: 2% 0px;line-height: 45px; img{padding: 0px 10px;} } span{font-family: "Impact";text-transform: uppercase;font-size: 14px;letter-spacing:2px;} } .gsjj_text{width: 95%;padding: 2.5%;background: #fff;margin-bottom: 5%; p{font-size: 18px;color: #073590;line-height: 50px;} } .gjj_ad1{width: 100%;margin-bottom: 5%;float: left; img{width: 49.5%;float: left;} .gjj_ad1_text{width:49.5%;float: right;position: relative; img{width: 100%;} .gjj_ad1_text_body{position: absolute;width: 70%;height: 70%;padding: 15%;color: #fff;font-size: 18px;line-height: 40px;} } } .advantage_ny{width:96%;padding: 2%;background: #fff;margin-bottom: 5%;position: relative; .swiper-button-prev{background: url(../images/honor_left.png) center no-repeat;left: -100px;width: 74px;height: 123px;top: 42%;} .swiper-button-next{background: url(../images/honor_right.png) center no-repeat;right: -100px;width: 74px;height: 123px;top: 42%;} .swiper-button-disabled{opacity:0.8!important;} } .m_advantage_ny{display: none;} .honorlist{width: 100%; img{width: 80%;padding:10px 10%;} h4{font-size: 32px;color: #073590;font-weight: normal;width: 100%;line-height:96px;height:96px;width: 100%;background: url(../images/honorline.png) center bottom no-repeat;} p{font-size: 16px;color: #737373;line-height:26px;padding-top: 5%;} } .culture{margin-bottom: 5%;width: 100%;float: left; li{width: 33.3333%;float: left;position: relative;overflow: hidden; img{width: 100%;} .culture_text{width:100%;height: 100%;background: rgba(31, 35, 67, 0.7);top: 0px;right: -100%;position: absolute;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 18px;color: #fff;line-height: 2em;text-align: center;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .culture_text_ico{width:100%;height: 100%;top: 0px;left: 0%;position: absolute;display: flex;flex-direction: row;justify-content: center;align-items: center;text-align: center;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;background: rgba(45, 45, 45, 0.2); img{width: auto;margin: 0px 10px;} h4{display: block;color: #fff;font-size:30px;line-height: 40px; } } &:hover{ .culture_text{right: 0px;} .culture_text_ico{left: -100%;} } } } .m_culture{display: none;} //发展历程 .development{width: 100%;background: url(../images/development_line.jpg) center repeat-x;min-height: 2px;margin-bottom: 5%;position: relative; .swiper-slide{ .develist{width: 100%;text-align: left;position: relative;background: url(../images/yuan.png) center no-repeat;height: 400px; .develist1{position: absolute;bottom: 0px; img{width:90%;max-width: 193px;} } .develist2{position: absolute;top: 0px;height: 186px; h4{font-size:36px;color: #073590;line-height: 66px;text-align: left;display: none;} b{font-size:24px;color: #073590;line-height: 37px;} p{font-size: 14px;color: #737373;line-height: 30px;margin: 0px;height: 90px;overflow: hidden;} h3{font-size:36px;color: #073590;line-height: 66px;text-align: left;} } } } .swiper-button-prev{background:#fff url(../images/deve_left.png) center no-repeat;left: 10px;width: 76px;height: 75px;top: 46%;} .swiper-button-next{background:#fff url(../images/deve_right.png) center no-repeat;right: 10px;width: 76px;height: 75px;top: 46%;} .swiper-button-disabled{opacity:0.4!important;} } .swiper-slide:nth-child(odd){ .develist{ .develist1{top: 0px!important;bottom: auto;} .develist2{bottom: 0px!important;top: auto; h3{display: none;} h4{display: block;} } } } //工程案例 .case_hot{margin-bottom: 5%;position: relative;} .context1{ overflow:hidden;width:67%;float: left;border:8px solid #073590;} .context1 li{ display:none;position: relative; .culture_text{width:100%;height: 10%;background: rgba(31, 35, 67, 0.7);bottom: 0px;right: 0px;position: absolute;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 24px;color: #fff;line-height: 2em;text-align: center;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;overflow: hidden;} &:hover{ .culture_text{height: 100%;} } } .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 #073590; img{width: 100%;} } .com_con1 .tab a:hover{border: 1px solid #d3b7a8;} .com_con1 .tab a.on{border: 1px solid #d3b7a8;} .casebody{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; width: 100%; ul{width: 100%;} } .caselist{width: calc(32%); float:left; height:369px; background: #fff; overflow:hidden; padding:0px; text-align: center;margin-bottom: 3%;margin: 0.66%;margin-bottom: 3%; &:hover{ .caselist2 a{color: #fff;} img{transform: scale(1.1);} } } .caselist1 { display: table; width: 100%; height: 263px;} .caselist1 a { width:100%; height:261px; border: 1px solid #ddd; display: table-cell; vertical-align: middle; text-align: center; background:#fff; overflow:hidden; /* position:relative; */ } .caselist2 {width:92%; height:68px; text-align:left;padding: 20px 4%;} .caselist2 a { color:#073590; text-decoration: none; font-family: '微软雅黑'; font-size: 24px;line-height: 50px;} .caselist2 a .right{float: right;} .caselist2 a i{color: #073590;font-style: normal;} .caselist2 a:hover { color:#fff; } .caselist img{ vertical-align:middle; border:0;transition:all .5s;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;} //开开商学院 .school{width: 100%;border-bottom: 1px solid #cacbd1;} .schooldbody{overflow: hidden;} .school_title{width: 100%;margin: 5% 0px;text-align: center;overflow: hidden; h3{font-size: 60px;color: #e6e6e6;font-family: "Impact";text-transform: uppercase;line-height: 80px;} h4{font-size: 60px;color: #073590;line-height: 70px;margin-bottom: 1%;} span{font-size:30px;color: #c1c1c1;line-height: 43px;} } .schoolmeau{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; } .schoold_text{ width: calc(20%); float:left;text-align: center;margin-bottom: 3%;font-size: 24px;color: #073590;line-height: 40px; img{width: 60%;margin-bottom: 10px;} } .schoold_text:nth-child(2){-webkit-animation-duration: 1.3s;animation-duration: 1.3s;} .schoold_text:nth-child(3){-webkit-animation-duration: 1.4s;animation-duration: 1.4s;} .schoold_text:nth-child(4){-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .schoold_text:nth-child(5){-webkit-animation-duration: 1.6s;animation-duration: 1.6s;} .schoold_text:nth-child(6){-webkit-animation-duration: 1.7s;animation-duration: 1.7s;} .schoold_text:nth-child(7){-webkit-animation-duration: 1.8s;animation-duration: 1.8s;} .schoold_text:nth-child(8){-webkit-animation-duration: 1.9;animation-duration:1.9s;} .schoold_text:nth-child(9){-webkit-animation-duration: 2.0s;animation-duration: 2.0s;} .schoold_text:nth-child(10){-webkit-animation-duration: 2.2s;animation-duration: 2.2s;} .yx_body{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; } .yxlist{width: calc(24.5%); float:left;text-align: center;margin-bottom: 3%;font-size: 24px;color: #073590;margin:0px 0.25%;background: #fff;line-height: 50px;margin-bottom: 2%; img{width: 100%;} } .yxlist:nth-child(2){-webkit-animation-duration: 1.3s;animation-duration: 1.3s;} .yxlist:nth-child(3){-webkit-animation-duration: 1.4s;animation-duration: 1.4s;} .yxlist:nth-child(4){-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .yxlist:nth-child(5){-webkit-animation-duration: 1.6s;animation-duration: 1.6s;} .yxlist:nth-child(6){-webkit-animation-duration: 1.7s;animation-duration: 1.7s;} .yxlist:nth-child(7){-webkit-animation-duration: 1.8s;animation-duration: 1.8s;} .yxlist:nth-child(8){-webkit-animation-duration: 1.9;animation-duration:1.9s;} .yxcenter{color: #073590;width: 100%;text-align: center; p{font-size:36px;line-height: 5em;font-weight: 600;} } //联系我们 .contact{} #allmap{width:100%;height:660px;overflow:hidden;border:1px solid black;} .contactbody{width: 96%;padding: 2%;background: #fff;margin-bottom: 5%;} .contact_left{width: 60%;float: left;} .contact_right{width: 38%;float: right; h4{font-size:24px;color: #073590;line-height: 50px;font-weight: normal;} li{line-height: 50px;margin: 2% 0px;font-size: 16px;color: #073590; img{padding-right: 19px;} a{color: #073590;text-decoration: none;} } .ewm{width: 40%;line-height: 30px;text-align: center; img{width: 100%;} } } //产品中心 .promeau{} .protype{margin: 2% 0px;margin-top: 0px; width: 100%; } .protype_list{width: 15.6%;margin: 0.5%;position: relative;overflow: hidden;float: left;display: block; img{width: 100%;} .proimg2{position: absolute;left: 40%;top: 0px;z-index: 99;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .protype_text{width:100%;height: 100%;bottom: 0px;right: 0px;position: absolute;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 20px;color: #fff;line-height: 2em;text-align: center;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;overflow: hidden;} &:hover{ .proimg2{left: 0px;} } } .protitle{width: 100%;padding: 5% 0px;text-align: center;color: #073590; h4{font-size: 43px;line-height: 65px;} span{font-family: "Impact"; text-transform: uppercase; font-size: 14px; letter-spacing: 2px;} } //门窗产品页 .mc_type{margin-bottom: 2%; a{width:22%;margin: 0.5%;padding: 2% 0px;display: block;float: left;background: #eee;text-align: left;text-decoration: none;font-size: 16px;color: #333;padding-left: 2%; &:hover{background: #073590;color: #fff;} } } .mcnav{position: absolute;width: 95%;padding:0px 2.5%;bottom: 0px;background: rgba(30, 34, 69, 0.5); a{width:13.66%;height: 50px;line-height: 50px; margin: 0.5%;display: block;float: left;background: #eee;text-align: left;text-decoration: none;font-size: 16px;color: #333;padding-left: 2%; &:hover{background: #1f2243;color: #fff;} } } //新闻资讯 .news{width: 100%; a{text-decoration: none;} } .newsleft{width: 67%;float: left;} .newsl_body{border-bottom: 1px solid #dfe0e3;} .newslist{width: 100%;margin-bottom: 2%;display: block;padding-bottom: 4%; img{width: 100%;} .newstext{width: 96%;padding: 2%;background: #fff; .news_title{width: 100%;height: 68px;text-align: center; .news_time{height: 68px;padding: 0px 2%;text-align: center;background: #073590;float: left;color: #fff;margin-right: 25px;float: left; b{color: #fff;font-size: 24px;line-height: 42px;} span{} } h4{font-size:24px;font-weight: normal;color: #073590;float: left;line-height: 40px;width: 80%;text-align: left;} p{width: 80%;text-align: left;color: #b4b4b4;} } } } .news_description{font-size: 14px;color: #818181;line-height: 30px;padding-top: 2%;} .newsright{width:31%;float: right;} .newsr_brand{width:92%;background: #fff;padding: 4%;margin-bottom: 5%;} .newsr_title{width: 100%;font-size: 24px;color: #073590;line-height: 35px; img{float: left;height: 35px;margin-right: 10px;} } .pro_tj{width:100%;margin-top: 5%;display: block; img{width: 100%;} span{font-size:16px;color: #073590;line-height: 50px;} } .news_hot{width: 95%;padding: 5% 0px;display: block;border-bottom: 1px dashed #d3d3d3; h4{font-size:14px;color: #073590;font-weight: normal;font-weight: normal;line-height: 30px;} span{font-size: 14px;color: #a7a7a7;line-height:27px; } } .case_hot{width: 100%;margin-top: 2%; h4{line-height: 50px;font-size: 14px;font-weight: normal;color: #073590;text-align: left;padding-bottom: 10px;} .swiper-slide{width: 100%; img{width: 100%;} } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px;z-index: 999;} .swiper-pagination-bullet{background: #b4b4b4;opacity:0.8!important;} .swiper-pagination-bullet-active{background: #073590;} } //新闻详情 .info_body{padding-bottom: 5%;background: url(../images/newsinfo_bg.jpg) top center no-repeat;} .local{padding: 2% 0px;color: #a7a7a7;border-bottom: 1px solid #51596f; a{color: #a7a7a7;} span{color: #fff;} } .info_news_title{margin-top: 5%;text-align: left;padding: 2% 0px; h4{font-size: 30px;color: #fff;line-height: 50px;} span{font-size: 12px;color: #b4b4b4;line-height: 25px;} } .info_news_body_left{width:70.5%;float: left; .newscontent{background: #fff;padding: 2%;width: 96%; img{max-width: 100%;margin-bottom: 5px;} p{font-size: 16px;color: #3d3d3d;line-height: 40px;padding: 1% 0px;} } } .newsinfoimg{width: 100%;} .info_news_body{width: 100%; .newsright{width:27%; } } //产品内页 .top_local{width: 100%;padding: 2% 0px;background: #fff;} .top_local_body{width: 100%;margin: 0 auto;max-width: 1335px;text-align: left; a{color: #a7a7a7;text-decoration: none;} span{color: #073590;} } .info_pro_img{width: 100%;margin: 5% 0px;overflow: hidden;position: relative;overflow: hidden;} .info_pro_left{width:76%;float: left; img{width: 100%;} .swiper-pagination{width: 150px;height: 70px;background: rgba(95, 16, 21, 0.9);line-height: 70px;text-align: center;bottom: 0px;font-size: 18px;color: #fff;} .swiper-button-prev{left: 10px;width: 8px;height: 70px;bottom:0px!important;background: url(../images/ny_pro_left.png) center no-repeat;top: inherit;} .swiper-button-next{left: 120px;width: 30px;height: 70px;bottom:0px!important;background: url(../images/ny_pro_right.png) center no-repeat;top: inherit;} } .info_pro_right{width: 22%;height: 46%;padding: 2%;background: #073590;position: absolute;right: 0px;top: 25%;z-index: 9; .kkline{height: 30px;line-height: 30px;text-align: right;color: #fff;padding: 0px 2%;width: 96%;} h4{width: 100%;height: 40px;line-height: 40px;font-size: 18px;color: #fff;font-weight: normal;margin: 5% 0px; img{width: 30px;padding-right: 10px;} } li{font-size:16px;color: #f8f8f8;line-height: 30px; } a{width: 99%;border: 1px solid #4a4e67;display: block;padding: 5% 0px;text-align: center;color: #fff;text-decoration: none;margin-top: 5%; img{padding-right: 10px;} } } .pro_ad{width: 100%;background: #fff;margin-bottom: 5%;} .pro_ad li{width: 21%;padding: 2%;background: url(../images/pro_ad_line.jpg) right repeat-y;float: left;text-align: center; img{width:70px;} b{font-size:16px;color: #073590;line-height: 50px; } span{font-size: 14px;color: #b4b4b4;line-height: 25px;} } .info_pro_content{background: #fff;width:96%;padding: 2%; .description{font-size: 16px;line-height: 40px;padding: 2%;} img{width: 100%;} } .content_title{width: 100%;height: 50px;background: url(../images/content_title.png) right no-repeat;margin: 2% 0px; h4{font-size: 28px;color: #212121;line-height: 37px;font-weight: normal;} span{font-size: 14px;color: #a7a7a7;font-family: "Impact";text-transform: uppercase;} } .related_body{ width: 100%;margin-bottom: 5%; .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px;z-index: 9;} .swiper-pagination-bullet{background: #b4b4b4;opacity:0.8!important;} .swiper-pagination-bullet-active{background: #073590;} .swiper-button-prev{background:#fff url(../images/deve_left.png) center no-repeat;left: 10px;width: 76px;height: 75px;top: 46%;} .swiper-button-next{background:#fff url(../images/deve_right.png) center no-repeat;right: 10px;width: 76px;height: 75px;top: 46%;} .xglist{ width:100%; height:265px; display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; padding-bottom: 40px; /* position:relative; */} } .xglist img{ vertical-align:middle; border:0;transition:all .5s;width: 100%;height: 100%;object-fit: cover;} //招商加盟 .join{width: 100%;padding: 2% 0px;background: url(../images/join_bg.jpg) top center no-repeat;} .toptext{width: 100%;padding: 2% 0px;text-align: center;color: #fff; p{font-size: 30px;line-height: 40px;font-family: 'Arial';text-transform: uppercase;} h4{font-size:72px;font-weight: normal;line-height: 123px;} .kklogo{width:56px;margin: 2% 0px;} p{font-size: 24px;color: #fff;line-height: 40px;padding: 2% 10%;} a{width:30%;height: 64px;border: 1px solid #fff;line-height: 64px;text-align: center;display: block;margin: 5% auto;text-decoration: none;color: #fff;font-size: 20px;} .shuzi{width: 100%;padding: 2% 0px; li{width: 25%;float: left;font-size: 20px; span{font-size:30px;line-height: 70px;} b{font-size:60px;} } } } .join_img{width: 96%;padding: 2%;background: #fff;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);overflow: hidden; img{width: 100%;} .related_body{margin-bottom: 0px;} } .join_type{width: 100%;margin: 2% 0px;position: relative;overflow: hidden;} .join_left{width:70%; img{width: 100%;} } .join_right{width:28%;height: auto; position: absolute;right: 0px;background: #fff;bottom: 0px;padding: 8% 0px;padding-left:2%;font-size: 48px;color: #073590;line-height: 60px; span{font-size: 30px;} h4{font-size: 45px;font-weight: normal;line-height: 60px;} .type_logo{position: absolute;left: 0px;bottom: 60%;width: 60px;top: -60px;} } .join_left2{width: 70%;float: right;} .join_right2{left: 0px; .type_logo{position: absolute;right: 0px;bottom: 60%;width: 60px;top: -60px;left: auto;} } .join_title{width: 100%;padding: 5% 0px;text-align: center; h4{font-size:48px;color: #073590;font-weight: normal;line-height: 68px;} span{font-size: 30px;color: #a7a7a7;line-height: 40px;text-transform: uppercase;} } .xdbody{} .xdbody_text{width: 100%;position: relative;background: url(../images/xdbody_bg.jpg) center;background-size: 100%;} .xdlist1{width: 31.3%;left: 0px;top: 0px;text-align: center;padding: 0px 1%; padding-top: 5%;float: left;padding-bottom: 5%; img{width: auto;height: 100px;} h4{color: #fff;font-size: 36px;line-height: 100px;} p{font-size:18px;color: #fff;line-height: 30px; } } .xdlist2{left: 33.3%} .xdlist3{left: 66.6%} .xdbody_bottom{width: 100%; img{width: 100%;} } .jxs{position: relative;width: 100%;} .jxs img{width:65%;float: left; } .jxs_text{width:45%;height: 100%; padding-right: 3%;position: absolute;right: 0px;top: 0px; h4{font-size: 43px;font-weight: normal;line-height:105px;color: #df0024;} p{font-size: 24px;color: #303030;line-height: 30px; span{color: #df0024;} } } .jxs_num{position: absolute;right: 0px;bottom: 2%;font-size:100px;color: #df0024;height:20%; } .team{margin: 2% 0px;} .tema_title{width: 100%;height: 80px;text-align: center;line-height: 80px;background: #073590;padding: 2% 0px;} .team_body{width: 90%;padding: 5%;background: url(../images/team_body.jpg) center;} .team_lst{width: 21%;padding: 2%;background: url(../images/teamline.jpg) repeat-y;float: left;font-size: 18px;color: #fff;line-height: 35px; img{margin-bottom: 40px;} span{color: #df0024;} } .team_lst:nth-child(2){-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .team_lst:nth-child(3){-webkit-animation-duration: 1.8s;animation-duration: 1.8s;} .team_lst:nth-child(4){-webkit-animation-duration: 2.0s;animation-duration: 2.0s;} .fzzc{} .fzzc_title{width: 100%;height: 80px;text-align: center;line-height: 80px;border-bottom:2px solid #073590; } .fzzc_body{position: relative;margin: 2% 0px;} .fzzcleft{width: 54%;float: left;position: relative; img{float: left;width: 100%;} } .fzzcleft_text{width: 100%;height: 97px;margin-top:40px; h4{font-size: 90px;color: #df0024;line-height: 97px;float: left;} p{float: right;font-size:30px;line-height: 45px;text-align: right; span{color: #df0024;} } } .fzzc_right{position: absolute;width:43%;height: 32%;} .fz_text{} .fz1{top: 0px;right: 0px;background: url(../images/fz1.jpg);} .fz2{top: 34%;right: 0px;background: url(../images/fz2.jpg);-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .fz3{top: 68%;right: 0px;background: url(../images/fz3.jpg);-webkit-animation-duration: 1.8s;animation-duration: 1.8s;} .fz_text{padding: 5px 2%;background: #073590;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{width: 100%;} .fzad_text{width:60%;padding:5% 20%;background: #fff;font-size: 18px;color: #073590;line-height: 40px;position: relative;overflow: hidden; b{color: #df0024;} } .fzad_text_left{position: absolute;width: 20%;left: 0px;top: 0px; img{width: 100%;} } .fzad_text_right{position: absolute;width: 20%;right: 0px;bottom: 0px; img{width: 100%;} } .fzad_list{width:95%;padding:5% 2.5%;background: url(../images/fzad_listbg.jpg); li{width: 12.2%;text-align: center;color: #fff;font-size: 16px;float: left;padding: 0px 1%;line-height: 30px; img{padding: 15px 0px;} } } .join_tel{padding: 10% 0px;width: 100%;background: url(../images/join_tel.jpg) center no-repeat; h4{font-size:60px;color: #fff;line-height: 95px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;} h3{font-size: 60px;color: #303030;line-height: 100px;text-transform: uppercase;-webkit-animation-duration: 1.4s;animation-duration: 1.4s;} p{font-size:36px;color: #fff;line-height: 70px;-webkit-animation-duration: 1.6s;animation-duration: 1.6s;} li{width: 100%;height: 50px;font-size: 30px;color: #fff;line-height: 50px;-webkit-animation-duration: 1.8s;animation-duration: 1.8s; img{float: left;padding:8px; } } } .year{width: 100%;padding: 10% 0px;background: url(../images/yearbg.jpg) center no-repeat;} .yearbody{width:80%;max-width:1020px;margin: 0 auto;background: rgba(94,15,18, 0.5);padding: 2% 5%;color: #fff;border-left: 10px solid #fff;border-right: 10px #fff solid; h4{font-size:60px;color: #fff;line-height: 100px;text-align: center;} p{font-size:24px;color: #fff;line-height: 40px; } } .xzc{width: 100%;background: #fff;} .xzcbody{position: relative; img{width: 50%;} } .xcz_right{width: 47%;height: 90%;position: absolute;right: 0px;top: 10%;padding-right: 2%; h4{font-size: 42px;color: #073590;line-height: 70px;} span{font-size: 24px;color: #a7a7a7;line-height: 70px;} .kkline{margin: 10px 0px;} p{font-size:18px;color: #333;line-height: 50px;} } .ctbody{ li{width: 30.3%;margin: 1.5%;height: 70px;line-height: 30px;text-align: center;background: #eee;float: left;font-size: 18px;padding-top: 10px; a{color: #333;text-decoration:none; } } } .liucheng{width: 100%;} .lcbody{padding-bottom: 5%;} .lclist{width: 12.5%;float: left;height:329px;text-align: center; .lcimg{width: 80%;height: 140px;margin: 0 auto;border-bottom: 1px solid #073590;line-height: 140px;} h4{font-size:30px;color: #073590;line-height: 70px; } span{font-size:20px;color: #737373;line-height: 30px;} &:hover{background: #fff;} } .lclist:nth-child(2){-webkit-animation-duration: 1.3s;animation-duration: 1.3s;} .lclist:nth-child(3){-webkit-animation-duration: 1.4s;animation-duration: 1.4s;} .lclist:nth-child(4){-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .lclist:nth-child(5){-webkit-animation-duration: 1.6s;animation-duration: 1.6s;} .lclist:nth-child(6){-webkit-animation-duration: 1.7s;animation-duration: 1.7s;} .lclist:nth-child(7){-webkit-animation-duration: 1.8s;animation-duration: 1.8s;} .lclist:nth-child(8){-webkit-animation-duration: 1.9s;animation-duration: 1.9s;} .join_message{width:100%;background: url(../images/mess_bg.jpg) center no-repeat;} .mess_body{position: relative; img{width: 50%;float: left;} } .mess_right{width: 36%;height: 86%;position: absolute;right: 5%;top: 5%;background: #fff;padding: 2%; input{padding: 4px 0px;} h4{font-size: 36px;color: #073590;line-height: 63px;} .half{width: 48%;float: left;} .half2{width: 48%;float: right;line-height: 40px;} li{line-height: 69px;font-size: 16px;} .ly-k-k{width: 100%;height:30px;border-radius: 0px;} .ly-k-k1{width: 100%;height:110px;border-radius: 0px;} .ly-k-k2{width: 30%;height:30px;border-radius: 0px;float: left;} img{width: auto;float: left;margin-left: 10px;margin-top: 5px;} #tj{width: 45%;float: left;height: 40px;background: #073590;line-height: 30px;text-align: center;color: #fff;margin-top: 15px;} #cz{width: 45%;float: left;height: 40px;background: #f3f3f3;line-height: 30px;text-align: center;float: right;color: 333;margin-top: 15px;} } //视频展示 .video{padding: 2%;background: #eee;margin: 2% 0px;} .m_video{padding: 2%;background: #eee;margin: 2% 0px;display: none;} //pc特殊尺寸 @media screen and (max-width: 1550px){ .advantage_ny{ .swiper-button-prev{left: -0px;width: 30px;height: 120px;top: 42%;} .swiper-button-next{right: -0px;width: 30px;height: 120px;top: 42%;} .swiper-button-disabled{opacity:0.8!important;} } } @media screen and (max-width: 1200px){ .development{ .swiper-slide{ .develist{ .develist1{ img{width:100%;} } .develist2{ h4{font-size:25px;} b{font-size:18px;line-height: 37px;} p{font-size: 14px;line-height: 30px;margin: 0px;} h3{font-size:25px;color: #073590;line-height:40px;} } } } .swiper-button-prev{width: 36px;height: 75px;} .swiper-button-next{width: 36px;height: 75px;} } } .r_top{width:50px;height: 50px;position: fixed;bottom: 10%;right: 5px;z-index: 1;background: #fff;display: none;-webkit-animation-duration: 2s;animation-duration: 2s; img{width: 100%;} } .r_top_show{display: block;} /*loading*/ #loading{height:100%;background:#073590;display:;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;transition:all ease 0.5s;-webkit-transition:all ease 0.5s} #latido{animation:5s latido infinite;-webkit-animation:5s latido infinite;height:500px;width:500px;position:absolute;left:50%;top:50%;margin-top:-250px;margin-left:-250px;} #load{animation:0.4s load infinite;-webkit-animation:0.4s load infinite;position:absolute;position:absolute;left:50%;top:50%;margin-top:-81px;margin-left:-81px;z-index:1} #circle{width:140px;height:140px;margin:-70px 0 0 -70px;top:50%;left:50%;position:absolute;background:url(../images/logo-load.png) no-repeat center #073590;border-radius:140px;z-index:2} .loadingGlow{background: rgb(94,15,18); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(94,15,18,1) 0%, rgba(94,15,18,1) 50%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%,rgba(94,15,18,1)), color-stop(50%,rgba(31,35,67,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(94,15,18,1) 0%,rgba(94,15,18,1) 50%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(94,15,18,1) 0%,rgba(94,15,18,1) 50%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(94,15,18,1) 0%,rgba(94,15,18,1) 50%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(94,15,18,1) 0%,rgba(94,15,18,1) 50%); /* W3C */} @keyframes latido{ 0%{transform:scale(1);-webkit-transform:scale(1)} 25%{transform:scale(1.2);-webkit-transform:scale(1.2)} 50%{transform:scale(.9);-webkit-transform:scale(.9)} 75%{transform:scale(1.2);-webkit-transform:scale(1.2)} 100%{transform:scale(1);-webkit-transform:scale(1)} } @keyframes load{ 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)} 25%{transform:rotate(90deg);-webkit-transform:rotate(90deg)} 50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)} 75%{transform:rotate(270deg);-webkit-transform:rotate(270deg)} 100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);} } @-webkit-keyframes latido{ 0%{transform:scale(1);-webkit-transform:scale(1)} 25%{transform:scale(1.2);-webkit-transform:scale(1.2)} 50%{transform:scale(.9);-webkit-transform:scale(.9)} 75%{transform:scale(1.2);-webkit-transform:scale(1.2)} 100%{transform:scale(1);-webkit-transform:scale(1)} } @-webkit-keyframes load{ 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)} 25%{transform:rotate(90deg);-webkit-transform:rotate(90deg)} 50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)} 75%{transform:rotate(270deg);-webkit-transform:rotate(270deg)} 100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);} } @media screen and (max-width: 1335px){ .nybanner .nynav{width: 100%;height:60px;position: absolute;bottom: 0px;z-index: 99;} .nynavbody{background: #f5f5f5;height: 60px;line-height: 60px;text-align: center;width: 100%;max-width: 1335px;margin: 0 auto;} .nynavbody a{height: 60px;float: left;font-size: 18px;color: #073590;text-decoration: none;background: url(../images/navline.png) right no-repeat; &:hover{background: #073590;color: #fff;} } .gjj_ad1{ .gjj_ad1_text{ .gjj_ad1_text_body{position: absolute;width: 80%;height: 80%;padding: 10%;color: #fff;font-size: 15px;line-height: 40px;} } } .mess_right{ input{padding: 4px 0px;} h4{line-height: 50px;} li{line-height: 50px;font-size: 16px;} } .mcnav{width: 100%;padding: 0px; a{font-size: 14px;} } } @media screen and (max-width: 1080px){ .info_pro_right{height: 66%;top: 15%; li{font-size:14px;} } .mess_right{width: 36%;height: 86%;position: absolute;right: 5%;top: 5%;background: #fff;padding: 2%; input{padding: 4px 0px;} h4{font-size: 30px;color: #073590;line-height: 50px;} .half{width: 48%;float: left;} .half2{width: 48%;float: right;line-height: 40px;} li{line-height: 30px;font-size: 16px;} } .protitle h4{font-size: 36px;} } @media screen and (max-width: 1000px){ .typeleft{padding-left: 5%;top: 20%; h4{font-size: 24px;} span{font-size: 12px;} } .gsjj_text{ p{font-size: 14px;} } .gjj_ad1{width: 100%;margin-bottom: 5%;float: left;overflow: hidden; img{width: 49.5%;float: left;} .gjj_ad1_text{width:49.5%;float: right;position: relative; img{width: 100%;} .gjj_ad1_text_body{font-size: 12px;} } } .caselist{width: calc(48%); float:left; height:369px; background: #fff; overflow:hidden; padding:0px; text-align: center;margin-bottom: 3%;margin: 1%;margin-bottom: 3%; &:hover{ .caselist2 a{color: #fff;} img{transform: scale(1.1);} } } .school_title{overflow: hidden; h3{font-size: 40px;line-height: 50px;} h4{font-size: 38px;line-height: 50px;} span{font-size:24px;line-height: 40px;display: block;} } .schoold_text{ width: calc(20%);font-size: 18px;color: #073590;line-height: 40px; } .yxlist{font-size: 18px;line-height: 40px;} .yxcenter{ p{font-size:24px;} } .contact_left{width: 100%;float: right;} .contact_right{width: 100%;float: left;position: relative; .ewm{position: absolute;width: 23%;right: 0px;top: 0px; img{width: 100%;} } } .toptext{width: 100%;padding: 2% 0px;text-align: center;color: #fff; p{font-size: 20px;} h4{font-size:50px;} .kklogo{width:56px;margin: 2% 0px;} p{font-size: 20px;} .shuzi{width: 100%;padding: 2% 0px; li{width: 25%;float: left;font-size: 16px; span{font-size:20px;line-height: 70px;} b{font-size:40px;} } } } .join_img{width: 96%;padding: 2%;background: #fff;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16); img{width: 100%;} .related_body{margin-bottom: 0px;} } .join_right{padding: 2% 0px;padding-left: 5%;font-size: 24px;color: #073590;line-height: 60px; span{font-size: 24px;} h4{font-size: 25px;font-weight: normal;line-height: 60px;} } .yearbody p{font-size: 18px;} .xdlist1{padding-top:8%; img{height: 60px;} h4{font-size: 24px;line-height: 80px;} p{font-size:16px; } } .join_title{ h4{font-size:30px;} span{font-size: 24px;} } .jxs_text{ h4{font-size: 30px;line-height: 60px;} p{font-size: 18px;} } .jxs_num{ont-size:60px;} .xcz_right{ h4{font-size: 40px;line-height: 70px;} span{font-size: 18px;line-height: 40px;} .kkline{margin: 10px 0px;} p{font-size:16px;color: #a7a7a7;line-height: 25px;} } .mess_right{width: 40%;height: 86%;position: absolute;right: 3%;top: 5%;background: #fff;padding: 2%; input{padding: 4px 0px;} .ly-k-k1{height: 80px;} h4{font-size: 30px;color: #073590;line-height: 50px;} .half{width: 48%;float: left;} .half2{width: 48%;float: right;line-height: 40px;} li{line-height: 30px;font-size: 14px;} } .mcnav{ a{font-size: 12px;width: 14.66%;padding-left: 1%;} } } @media screen and (max-width: 930px){ .footer_nav{ .footer_left{width:100%;float: left; .f_navlist{width: 20%;float: left;text-align: center; b{font-size:18px;font-weight: normal;color: #131313;line-height: 50px;} span{font-size: 14px;color: #a7a7a7;line-height: 30px;} } } .footer_right{width:100%;float: right; .footer_tel{width: 100%;margin: 2% 0px; } li{ img{width: 50%;padding: 5px 25%;} } } } .mess_right{ .ly-k-k1{height: 60px;} h4{font-size: 30px;color: #073590;line-height: 50px;} .half{width: 48%;float: left;} .half2{width: 48%;float: right;line-height: 40px;} li{line-height: 30px;font-size: 14px;} } } @media screen and (max-width: 850px){ .newslist{ .newstext{ .news_title{ h4{font-size:16px;width: 75%;} } } } }