*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0;padding: 0; border: 0} img {margin: 0;padding: 0; border: 0;} li {list-style: none;} /*全局样式*/ html,body {width: 100%; margin: 0 auto;} /*= 清除浮动=*/ .clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;} .clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;} :focus{outline:0} a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer} /* Hides from IE-mac \*/ * html .clearfix {height: 0%;} /* End hide from IE-mac */ * + html .clearfix {min-height: 0%;} /* 针对IE7 */ * + html .clearfix {min-height: 0%;} .w100 {width: 100%;} .fl {float: left;} .fr {float: right;} /*原文件配置*/ body {color: #333;background: #ffffff;font: 14px/28px 'Microsoft YaHei', arial, sans-serif;min-width: 320px;} a {color: #333;text-decoration: none;} a:hover {color: #d64f1c;text-decoration: none;} /*块级转化*/ .di_in {display: inline-block;} .di_no {display: none;} .di_bl {display: block;} /*原文件配置 end*/ /*纵向居中*/ .v_middle {vertical-align: middle;} .te_c{text-align: center;} .te_r{text-align: right;} /*相对定位*/ .p_r {position: relative;} /* 白色背景 */ .bgfff {background: #fff;} @media (min-width: 1200px) { /*min-width 1200 */ .container{width: 1180px;margin-left: auto;margin-right: auto;} } /*全局样式 start*/ .header{width: 100%;-moz-box-shadow:0px 4px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 4px 5px rgba(0,0,0,0.2); box-shadow:0px 4px 5px rgba(0,0,0,0.2);height: 90px;z-index: 99;} .header .content{width: 1280px;margin: 0 auto;display: flex;height: 90px;} .header h1{display: flex;justify-content: center;align-items: center;margin: 0;margin-right: 140px;} .header .nav-content{flex: 1;font-size: 16px;display: flex;} .header .nav{flex: 1;display: flex;} .nav .m{padding: 0 25px;display: flex;justify-content: center;align-items: center;} .nav h3{font-weight:normal; font-size:16px; overflow:hidden;} .nav h3 a{display:block;} .nav .sub{display:none;width:100%;position:absolute;top:90px;z-index: 9;box-shadow:inset 0px 15px 10px -15px rgba(0,0,0,0.4);left: 0;padding: 30px 0;} .nav .sub .content{height: auto;} .inBox{display: flex;width: 100%;} .inBox .inHd{width: 300px;margin-right: 30px;} .inBox .inHd ul{ overflow:hidden; zoom:1; } .inBox .inHd ul li{ width:100%; text-align:right; cursor:pointer;font-size: 18px;padding: 10px 0;} .inBox .inHd ul li .icon{display: inline-block;width: 80px;text-align: center;vertical-align: middle;} .inBox .inHd ul li .icon img{max-width: 80%} .inBox .inHd ul li.on{color:#d64f1c;font-weight: bold;} /* .inBox .inHd ul li.on:after{content: '';position: absolute;right: 0;top: 50%;width: 2px;height: 40px;background: #d64f1c;margin-top: -20px;} */ .inBox .inBd {flex: 1;overflow-y: auto;} .inBox .inBd ul{zoom:1; overflow:hidden;} .inBox .inBd li{overflow:hidden; zoom:1;width: 33.333%;margin-bottom: 20px;} .inBox .inBd li .pic{display: flex;justify-content: center;align-items: center;height: 190px;} .inBox .inBd li .pic img{max-height: 185px;max-width: 235px;} .inBox .inBd li .title{font-size: 18px;font-weight: bold;padding: 0 15%;} .sp_nav{display: none;width:30px;position:absolute;cursor:pointer;height:30px;margin-top:15px;right: 20px;top: 15px;} .sp_nav span{display:block;background:#14b5fa;width:30px;height:2px;position:absolute;left:0px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_xjb{display: none;} .header .lang{display: flex;justify-content: center;align-items: center;} .header .lang a{margin: 0 10px;} .footer{background: url(../images/footer.jpg)no-repeat center;overflow: hidden;background-size:cover} .footer .footer-info{display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 1px #FFF solid;padding-bottom: 50px;} .footer .footer-info .items{color: #FFF;font-size: 16px;} .footer .footer-info .items h3{font-weight: bold;margin-top: 90px;margin-bottom: 45px;} .footer .footer-info .items a{display: block;color: #FFF;} .footer .link{width: 100%;overflow: hidden;} .footer .link .title{font-size: 20px;font-weight: bold;color: #FFF;margin-top: 30px;margin-bottom: 30px;} .footer .link li {height: 30px;line-height: 30px;margin-right: 40px;} .footer .link li a{color: #FFF;font-size: 16px;} .banner .swiper-slide{display: flex;justify-content: center;align-items: center;overflow: hidden;} .banner .swiper-pagination-bullet{width: 14px;height: 14px;border: 2px #FFF solid;opacity: 1;background: none;} .banner .swiper-pagination-bullet-active{background: #FFF;} .home-pro{background: #f5f5f5;width: 100%;display: table;overflow: hidden;padding-bottom: 50px;padding-top: 50px;} .home-pro .title,.home-news .title,.home-news .title1{font-size: 40px;font-weight: bold;} .home-pro .title:after{content: 'PRODUCE';font-size: 80px;font-weight: bold;color: #e8e8e8;position: absolute;left: 0;bottom: -15px;z-index: 0;width: 100%;text-align: center;} .home-pro .title span,.home-news .title span,.home-news .title1 span{z-index: 1;} .home-pro .more{border-top: 1px #b3b3b3 solid;padding-top: 30px;margin-top: 35px;} .home-pro .more a{border: 2px #b3b3b3 solid;padding: 5px 50px;color: #b3b3b3;} .home-pro .gallery-top{height: 490px;width: 100%;margin-top: 80px;} .home-pro .gallery-top .pic{background: url(../images/bg.png)no-repeat center 420px;padding-bottom: 100px;} .home-pro .gallery-top .pic img{max-width: 400px;} .home-pro .gallery-top .txt-info{position: absolute;left: 0;top: 0;width: 300px;} .home-pro .gallery-top h3{font-size: 20px;font-weight: bold;} .home-pro .gallery-top .txt-info .info{font-size: 16px;color: #666666;margin-top: 15px;/*text-indent: 32px;*/} .home-pro .gallery-top .text-box{position: absolute;right: 0;top: 0;width: 300px;} .home-pro .gallery-top .text-box .info{font-size: 16px;color: #666666;margin-top: 15px;} .home-pro .gallery-top .text-box .more{margin-top: 15px;border-top: 0;} .home-pro .gallery-top .text-box .more a{border: 1px #cccccc solid;color: #cccccc;padding: 5px 10px;} .home-pro .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 10px;margin-top: 30px;margin: 0 90px;} .home-pro .gallery-thumbs .swiper-slide {height: 100%;display: flex;flex-flow: column;-webkit-box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .home-pro .gallery-thumbs .swiper-slide .pic{width: 80px;height: 80px;border: 2px rgba(0,0,0,0.5) solid;overflow: hidden;display: flex;align-items: flex-end;border-radius: 50%;margin: 0 auto;position: relative;} .home-pro .gallery-thumbs .swiper-slide img{max-width: 120%;} .home-pro .gallery-thumbs .swiper-slide-thumb-active .pic{border-color: #f8ba5d;} .home-pro .swiper-button-next,.home-pro .swiper-button-prev{top: auto!important;bottom: 80px;width: 30px;height: 30px;} .home-pro .swiper-button-prev{left: 30px;} .home-pro .swiper-button-next{right: 30px;} .swiper-button-prev:after, .swiper-button-next:after{color: #999;font-size: 20px;font-weight: bold;} .home-fangan{width: 100%;height: 925px;background: url(../images/bg1.jpg)no-repeat center;overflow: hidden;padding-top: 50px;} .home-fangan .title{font-size: 40px;color: #FFF;font-weight: bold;} .home-fangan .fulltitle{color: #FFF;font-size: 24px;line-height: 1.8;margin-top: 20px;} .home-fangan .items{margin-right: 20px;margin-top: 30px;} .home-fangan .items:last-child{margin-right: 0;} .home-fangan .items img{max-width: 100%;} .home-fangan .items .txt{color: #FFF;position: absolute;right: 30px;bottom: 30px;font-size: 26px;font-weight: bold;} .home-fangan .more{margin-top: 30px;} .home-fangan .more a{color: #FFF;border: 2px #FFF solid;padding: 5px 50px;} .home-fangan .swiper-button-prev,.home-fangan .swiper-button-next{width: 70px;height: 70px;background-color: rgba(255,255,255,0.5);border-radius:50%;} .home-fangan .swiper-button-prev{left: -80px} .home-fangan .swiper-button-next{right: -80px} .home-fangan .swiper-button-prev:after,.home-fangan .swiper-button-next:after{color: #FFF;font-size: 26px;} .home-news{background: url(../images/bg2.jpg)no-repeat center bottom;overflow: hidden;padding-top: 50px;padding-bottom: 50px;} .home-news .title:after{content: 'NEWS';font-size: 80px;font-weight: bold;color: #e8e8e8;position: absolute;left: 0;bottom: -15px;z-index: 0;width: 100%;text-align: center;} .home-news .title1{margin-top: 50px;border-top: 1px #b3b3b3 solid;padding-top: 50px;} .home-news .title1:after{content: 'INFORMATION';font-size: 60px;font-weight: bold;color: #e8e8e8;position: absolute;left: 0;bottom: -15px;z-index: 0;width: 100%;text-align: center;} .home-news .content{display: flex;} .home-news .content>div{flex: 1;margin-right: 20px;margin-top: 80px;} .home-news .content>div:last-child{margin-right: 0;} .home-news .content>div .pic img{max-width: 100%;display: block;} .home-news .content h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;font-weight: bold;margin: 10px 0;} .home-news .content .time{color: #999;font-size: 14px;} .home-news .content .last{} .home-news .content .last h3{font-weight: normal;margin-top: 0;margin-bottom: 5px;} .home-news .content .last .item{border-bottom: 1px #eeeeee solid;padding-bottom: 5px;padding-top: 10px;} .home-news .content .last .item:first-child{padding-top: 0;} .home-news .content .more{text-align: right;margin-top: 20px;} .home-news .content .more a{border: 1px #333 solid;padding: 5px 30px;color: #333;} .home-about{height: 610px;background: url(../images/bg3.jpg)no-repeat center;width: 100%;overflow: hidden;padding-top: 90px;} .home-about .txt{color: #FFF;line-height: 2;} .home-about .txt p{text-indent: 28px;} .home-about .play{margin-left: 20px;} .home-about .play img{display: block;max-width: 100%;} .home-about .play span{width: 86px;height: 86px;background: url(../images/play.png)no-repeat center;background-size: 100%;position: absolute;left: 50%;top: 50%;margin-top: -43px;margin-left: -43px;} .home-why {margin-bottom: 50px;} .home-why .title{font-size: 35px;font-weight: bold;margin-top: 50px;} .home-why .content{margin-top: 40px;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;} .home-why .items{margin: 0 40px;} .home-why .items .pic img{max-width: 100%;display: block;} .home-why .items h3{font-size: 20px;font-weight: bold;margin-top: 30px;} .maskBg{background-color: rgba(0,0,0,0.8);position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;opacity: 0} .videoShow{width: 580px;height: 360px;position: fixed;left: 50%;top: 30%;margin: -180px 0 0 -290px;z-index: 10001;opacity: 0} .maskBg.active{opacity: 1;} .videoShow.active{opacity: 1;transform: scale(1); -webkit-transform: scale(1);} /* 面包屑 */ .crumbs{width: 100%;box-shadow:inset 0px 15px 10px -15px rgba(0,0,0,0.1);padding: 20px 0;} .crumbs .container{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .crumbs a{color: #999;} /* 资讯封面 */ .channel-banner{width: 100%;height: 270px;display: flex;justify-content: center;align-items: center;overflow: hidden;} .channel{top: -163px;} .channel h1{color: #FFF;font-size: 40px;font-weight: bold;margin-bottom: 30px;} .channel .graphic{width: 100%;display: flex;border-bottom: 1px #ccc solid;padding-bottom: 90px;} .channel .graphic .pic{width: 680px;height: 390px;overflow: hidden;display: flex;justify-content: center;align-items: center;} .channel .graphic .pic img{width: 100%;} .channel .graphic .text-box{flex: 1;} .channel .graphic .text-box .time{background: #d64f1c;color: #FFF;height: 105px;width: 120px;font-weight: bold;} .channel .graphic .text-box .time span{font-size: 40px;line-height: 1.6;} .channel .graphic .text-box .txt{padding-left: 20px;} .channel .graphic .text-box .txt h3{font-size: 20px;font-weight: bold;margin-top: 30px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .channel .graphic .text-box .txt p{line-height: 30px;text-indent: 28px;font-size: 14px;height: 120px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .channel .graphic .text-box .more{margin-left: 20px;margin-top: 40px;} .channel .graphic .text-box .more a{background: #27415a;color: #FFF;width: 190px;height: 50px;line-height: 50px;} .channel .content{display: flex;margin-top: 50px;} .channel .content .items{flex: 1;margin-right: 20px;} .channel .content .items:last-child{margin-right: 0;} .channel .content .items h3{font-weight: bold;font-size: 20px;padding-left: 15px;} .channel .content .items h3:after{content: '';position: absolute;left: 0;top: 0;width: 10px;background: #27415a;height: 100%;display: block;} .channel .content .items li{display: flex;border-bottom: 1px #eee solid;padding-bottom: 20px;margin-top: 20px;} .channel .content .items li a{flex: 1;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 20px;margin-right: 20px;} .channel .content .items li .time{width: 80px;} .channel .content .items li .time span{font-weight: bold;font-size: 20px;} /* 资讯列表 */ .news-content{background: url(../images/bg4.jpg) #f7f7f7;padding: 40px 0;} .news-content .container{-moz-column-count:3;-webkit-column-count:3; column-count:3;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;} .news-content .items {margin-bottom:20px;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;background:#FFF;} .news-content .items .pic{width: 100%;} .news-content .items .pic img{max-width: 100%;display: block;} .news-content .items .txt-box{padding: 20px;} .news-content .items .txt-box h3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 20px;font-weight: bold;} .news-content .items .txt-box p{color: #999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-top: 15px;} .news-content .items .txt-box .info {display: flex; -webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;} .news-content .items .txt-box .info .time{background: url(../images/time.png)no-repeat left center;padding-left: 20px;} .news-content .items .txt-box .info a{background: url(../images/all.png)no-repeat right center;padding-right: 20px;} /* 产品 */ .pro-banner{height: 540px;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;} .pro-banner .container{z-index: 9;color: #FFF;font-size: 65px;font-weight: bold;position: absolute;display: none} .category{margin-bottom:80px;} .category .pro-roll{padding: 0 80px;margin-top: 80px;} .category .pro-roll .pic{/*background: url(../images/bg5.png)no-repeat center bottom;padding-bottom: 55px;*/display: flex;justify-content: center; align-items: center;height: 170px;} .category .pro-roll .pic img{max-width: 90%;} .category .pro-roll h3{font-size: 20px;font-weight: normal;} /*.category .content {width: 100%;overflow: hidden;margin-bottom: 80px;} */ .category .content .items{background: #f9f9f9;height: 490px;overflow: hidden;margin-top: 50px;width: 100%;} .category .content .items .pic{width: 50%;height: 490px;overflow: hidden;display: flex;justify-content: center;align-items: center;float: right;} .category .content .items .pic img{max-width: 100%;display: block;} .category .content .items .text-box{background-image: url(../images/txt.png);background-repeat: no-repeat;background-position: 40px 40px;height: 490px;width: 50%;float: left;display: flex;justify-content: center;flex-flow: column;line-height: 1.8;padding-left: 100px;} .category .content .items .text-box h3{font-size: 40px;font-weight: bold;} .category .content .items .text-box .txt{font-size: 24px;margin-top: 50px;} .category .content .items:nth-child(even) .pic{float: left;} .category .content .items:nth-child(even) .text-box{background-position: 230px 40px;padding-left: 0;padding-right: 100px;} .category .content .items:nth-child(even) .text-box{text-align: right;} .category .gallery-thumbs .swiper-slide-thumb-active { color: red } .pro-nav{border-top: 1px #eeeeee solid;padding-top: 30px;margin-bottom: 30px;display: flex;justify-content: center;align-items: center;} .pro-nav a{border: 1px #a4a4a4 solid;height: 40px;line-height: 40px;padding: 0 10px;margin-right: 15px;} .pro-nav a:last-child{margin-right: 0;} .pro-nav a:hover,.pro-nav a.cur{background: #27415a;color: #FFF;border: 1px #27415a solid;} .pro-banner1{/* height: 470px; */width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;} .pro-content{background: url(../images/p-bg.jpg)no-repeat center top #e8e8e8;width: 100%;overflow: hidden;padding-bottom: 50px;} .pro-content .title,.pro-content1 .title,.plan-view .title{font-size: 30px;font-weight: bold;margin-top: 60px;margin-bottom: 50px;} .pro-content .title span:after,.pro-content1 .title span:after,.plan-view .title span:after{content: '';top: 50%;height: 1px;background: #000;width: 80px;left: -130px;display: block;position: absolute;} .pro-content .title span:before,.pro-content1 .title span:before,.plan-view .title span:before{content: '';top: 50%;height: 1px;background: #000;width: 80px;right: -130px;display: block;position: absolute;} .pro-content1{background: url(../images/p-bg1.jpg)no-repeat center top #e8e8e8;width: 100%;overflow: hidden;padding-bottom: 50px;} .pro-content .more{margin-top: 50px;} .pro-content .more a{border: 2px #b3b3b3 solid;line-height: 60px;font-size: 18px;font-weight: bold;padding: 0 40px;color: #b3b3b3;} .pro-list{} .pro-list .items{padding: 10px;height: 460px;overflow: hidden;} .pro-list h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;font-weight: bold;margin-top: 10px;} .pro-list p{color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 24px} .pro-list .pic{height: 300px;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;} .pro-list .pic img{max-width: 100%;display: block;} .pro-list li{width: 380px;margin-right: 20px;height: 460px;padding: 10px;margin-top: 20px;} .pro-list li:nth-of-type(3n){margin-right: 0;} .pro-list .swiper-button-next,.pro-list .swiper-button-prev{background: rgba(1,95,175,0.2);width: 70px;height: 70px;border-radius: 50%;} .pro-list .swiper-button-prev:after, .pro-list .swiper-button-next:after{color: #FFF;font-size: 30px;font-weight: normal;} .pro-list .swiper-button-next{right: -40px;} .pro-list .swiper-button-prev{left: -40px;} /* 产品详情 */ .pro-view-banner,.plan-banner{width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;} .view-content,.plan-view{background: #f7f7f7 url(../images/bg6.jpg)no-repeat center top;padding-bottom: 50px;} .view-content .pic-info{display: flex;margin:-140px 0 0 0;} .view-content .pic-info .pic{height: 435px;background: url(../images/bg7.jpg)no-repeat center;background-size: 100%;width: 580px;display: flex;justify-content: center;align-items: center;margin-right: 20px;} .view-content .pic-info .pic img{max-width: 300px;display: block;} .view-content .pic-info .text-box{flex: 1;margin-right: 100px;} .view-content .pic-info .text-box h2{font-size: 20px;font-weight: bold;line-height: 2;margin-top: 45px;} .view-content .pic-info .text-box .txt{text-indent: 32px;margin-top: 15px;} .view-content .content{} .view-content .tabs{border-bottom: 1px #b3b3b3 solid;margin: 30px 0;padding: 30px 0;} .view-content .tabs a{height: 40px;line-height: 40px;border: 1px #a4a4a4 solid;padding: 0 20px;margin-right: 15px;} .view-content .tabs .active{background: #27415a;border: #1px #27415a solid;color: #FFF;} .view-content .tabs .down{background: #d64f1c url(../images/down.png)no-repeat 20px center;padding: 0 20px 0 40px;color: #FFF;height: 40px;line-height: 40px;cursor: pointer;} .view-content .body{padding:20px 0 50px 0;line-height: 30px;} /* 相关 */ .xg{padding:20px 0 50px 0;} .xg .items{padding: 10px;margin-right: 20px;width: 280px;} .xg .items:last-child{margin-right: 0;} .xg .items .pic{display: flex;justify-content: center;align-items: center;height: 215px;overflow: hidden;} .xg .items .pic img{max-width: 100%;display: block;} .xg .items h3{margin-top: 15px;font-size: 20px;font-weight: bold;height: 56px;} .xg .items p{color: #666;height: 140px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} /* 弹出 */ .dialogModal {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:888888;overflow:auto;opacity:0;transition:all 200ms ease} .dialogModal .dialogModal_container {position:relative;width:50%;max-width:600px;left:0;right:0;margin:auto auto 40px;opacity:0;box-shadow:0 2px 6px rgba(0, 0, 0, 0.6);background:#fff;transition:all 200ms ease;font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial} .dialogModal.open {opacity:1} .dialogModal.open .dialogModal_container {opacity:1} .dialogModal .dialogModal_container .close {display: none;} .dialogModal .dialogModal_header{font-size: 20px;font-weight: bold;} .dialogModal .dialogModal_content{padding:35px 50px} .dialogModal .dialogModal_content .form{margin-top: 10px;display: flex;} .dialogModal .dialogModal_content label{padding-left: 10px;} .dialogModal .dialogModal_content .form input,.dialogModal .dialogModal_content .form select{border: 1px #e8e8e8 solid;height: 45px;line-height: 45px;padding-left: 10px;width: 100%;} .dialogModal .dialogModal_content .form .group{margin-right: 3%;width: 48.5%;} .dialogModal .dialogModal_content .form .group:last-child{margin-right: 0;} .dialogModal .dialogModal_content .form .last{width: 100%;margin-right: 0;} .dialogModal .dialogModal_footer {padding-bottom: 40px;} .dialogModal .dialogModal_footer button {margin-right: 15px;border: 1px #e8e8e8 solid;border-radius: 2px;height: 45px;line-height: 45px;width: 100px;background: #FFF;} .dialogModal .dialogModal_footer input {margin-right: 15px;border: 1px #27415a solid;border-radius: 2px;height: 45px;line-height: 45px;width: 100px;background: #27415a;color: #FFF;} body.dialogModalOpen {overflow:hidden} /* 方案详情 */ .plan-view{overflow: hidden;} .plan-view .title{margin-bottom: 30px;} .plan-view .body h1{font-size: 20px;font-weight: bold;margin-top: 30px;} .plan-view .body .info img{max-width: 100%;margin: 20px 0;} .plan-view .body .info{color: #666;margin-top: 30px;} /* 方案列表 */ .plan-content{background: url(../images/bg8.jpg)no-repeat center top #FFF;} .plan-content .box{padding-left: 50px;padding-right: 50px;-moz-column-count:2;-webkit-column-count:2; column-count:2;-moz-column-gap:120px;-webkit-column-gap:120px;column-gap:120px;margin-top: 50px;} .plan-content .box:after{content: '';position: absolute;left: -30px;top: 56%;display: block;background: url(../images/txt1.png)no-repeat center;width: 67px;height: 496px;} .plan-content .box .items {margin-bottom:20px;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;background:#FFF;overflow: hidden;margin-bottom: 80px;} .plan-content .box .items.first h1{font-size: 40px;font-weight: bold;margin-top: 45px;} .plan-content .box .items.first h1:after{content: 'SOLUTION';width: 100%;font-size: 80px;color: #eee;text-align: center;} .plan-content .box .items .pic img{max-width: 100%;display: block;} .plan-content .box .items h3{font-size: 30px;font-weight: bold;margin-top: 30px;} .plan-content .box .items p{margin-top: 15px;padding-right: 100px;text-align: justify;} .plan-content .box .items .en{font-size: 24px;color: #eee;font-family:"arial, helvetica, sans-serif";margin-top: 20px;} .plan-content .home-why{background: #f0fbff;margin-bottom: 0;padding-bottom: 80px;margin-top: 50px;display: table;width: 100%;} .plan-content .home-why .container{padding-left: 60px;padding-right: 60px;} .plan-content .home-why .container:after{content: '';position: absolute;right: -30px;top: -410px;display: block;background: url(../images/txt1.png)no-repeat center;width: 67px;height: 496px;} /* 联系我们 */ .contact {background: #f5f5f5;padding-bottom: 50px;} .contact .content{padding: 50px 300px;-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1); box-shadow:0px 5px 5px rgba(0,0,0,0.1);margin-top: -105px;} .contact .content:after{content: '';position: absolute;left: 60px;top: 35%;display: block;background: url(../images/txt1.png)no-repeat center;width: 50px;height: 496px;background-size: 100%;} .contact .content h4{font-size: 18px;font-weight: bold;line-height: 2;} .contact .content .txt{font-size: 16px;color: #666;} .contact .form{width: 100%;display: table;} .contact .form .group{display: flex;margin-top: 20px;} .contact .form .group input{flex: 1;border: 1px #999999 solid;height: 45px;line-height: 45px;padding-left: 15px;border-radius: 2px;margin-right: 20px;} .contact .form .group input:last-child{margin-right: 0;} .contact .form .group select{flex: 1;border: 1px #999999 solid;height: 45px;line-height: 45px;padding-left: 15px;border-radius: 2px;} .contact .form .group textarea{flex: 1;border: 1px #999999 solid;height: 150px;line-height: 2;border-radius: 2px;padding: 15px 15px;} .contact .form .submit {margin-top: 30px;} .contact .form .submit input{background: #27415a;color: #FFF;width: 200px;height: 45px;line-height: 45px;border-radius: 3px;-moz-box-shadow:0px 5px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 15px rgba(0,0,0,0.1); box-shadow:0px 5px 15px rgba(0,0,0,0.1);} .contact .map{width: 100%;height: 730px;background: url(../images/map.png) no-repeat 140px 30px;} .contact .map:after{display:none; content: '';position: absolute;right: -50px;top: -60px;background: url(../images/icon5.png)no-repeat center;width: 458px;height: 185px;} .contact .map .u1,.contact .map .u2,.contact .map .u3,.contact .map .u4{position: absolute;} .contact .map .u2{background: url(../images/u1.png)no-repeat center;width: 415px;height: 151px;left: 270px;top: 120px;padding: 20px 0 0 30px;} .contact .map .u1{background: url(../images/u2.png)no-repeat center;width: 367px;height: 191px;right: 95px;top: 145px;padding: 20px 0 0 80px;} .contact .map .u3{background: url(../images/u3.png)no-repeat center;width: 397px;height: 119px;left: 195px;bottom: 255px;padding: 20px 0 0 30px;} .contact .map .u4{background: url(../images/u4.png)no-repeat center;width: 364px;height: 132px;right: 60px;bottom: 315px;padding: 20px 0 0 80px;} .contact .map p{padding-left: 30px;font-size: 16px;line-height: 2;} .contact .map .address{background: url(../images/address.png)no-repeat left center;} .contact .map .tel{background: url(../images/tel.png)no-repeat left center;} /* 关于 */ .about {width: 100%;overflow: hidden;} .about .about-box{display: flex;} .about .about-box .pic{width: 540px;margin-left: -250px;margin-right: 300px;} .about .about-box .text-box{flex: 1;margin-right: 100px;} .about .about-box .text-box h3{font-size: 40px;font-weight: bold;margin-top: 50px;padding-bottom: 50px;} .about .about-box .text-box h3:after{content: 'ABOUT ZITN TECH';font-size: 40px;color: #e8e8e8;font-weight: bold;position: absolute;left: 0;z-index: 1;top: 20px;} .about .about-box .text-box h3 span{z-index: 9;} .about .about-box .text-box h3:before{content: '';position: absolute;left: 0;bottom: 0;height: 10px;width: 80px;background: #3c3d3c;} .about .about-box .text-box .txt{line-height: 30px;margin-top: 20px;text-indent: 28px;} .about .about-txt{margin-top: 80px;display: table;width: 100%;} .about .about-txt .pic{background: url(../images/bg9.png)no-repeat center bottom;padding-bottom: 100px;width: 580px;display: flex;justify-content: center;align-items: center;height: 570px;} .about .about-txt .pic img{max-width: 390px;} .about .about-txt .text{line-height: 30px;} .about .about-txt .text p{text-indent: 28px;margin-bottom: 40px;} .about .about-txt .text p:last-child{margin-bottom: 0;} .about .culture{width: 100%;background: url(../images/about.jpg)no-repeat center;height: 700px;margin-top: 50px;display: table;} .about .culture .container:after{content: '';position: absolute;right: 0px;top: -280px;display: block;background: url(../images/txt1.png)no-repeat center;width: 67px;height: 496px;} .about .culture .title{color: rgba(255,255,255,0.95);font-size: 40px;font-weight: bold;margin-top: 100px;} .about .culture .title:before{content: 'ZITN TECH CULTURAL';font-size: 40px;color: rgba(255,255,255,0.5);font-weight: bold;position: absolute;left: 0;z-index: 1;top: 20px;text-align: center;width: 100%;} .about .culture .txt{color: #FFF;font-size: 24px;font-weight: bold;line-height: 2;margin-top: 80px;} .jidi{margin-top: 60px;} .jidi .title,.center .title{font-size: 40px;font-weight: bold;line-height: 2;} .jidi .fulltitle,.center .fulltitle{line-height: 2;margin-bottom: 30px;} .jidi .swiper-slide img{max-width: 100%;} .center{background: url(../images/bg10.jpg)no-repeat center bottom;padding-bottom: 50px;} .center .content{width: 100%;display: table;} .center .pic{width: 32%;margin-right: 2%;margin-bottom: 20px;} .center .pic:nth-of-type(3n){margin-right: 0;} .center .pic img{max-width: 100%;display: block;} /* 招贤纳士 */ .jobs{background:#f5f5f5 url(../images/bg11.jpg)no-repeat center top;width: 100%;display: table;} .jobs h2{font-size: 24px;font-weight: bold;margin-bottom: 30px;} .jobs .container{display: flex;padding: 40px 100px;background-image: url(../images/txt1.png);background-position: 98% center;background-repeat: no-repeat;background-size: 55px;} .jobs .list{margin-right: 100px;} .jobs .list,.jobs .us{flex: 1;} .jobs .us h4{font-size: 18px;} .jobs .us p{font-size: 16px;color: 999;line-height: 50px;color: #999;} .jobs .us .line{height: 4px;width: 50px;background: #49525f;margin: 30px 0;} .jobs .us .pic{padding-bottom: 60px;background: url(../images/bg5.png)no-repeat center bottom;background-size: 100%;display: flex;justify-content: center;align-items: center;bottom: 0;right: 0;position: absolute;width: 350px;} .jobs .us .pic img{max-width: 265px;} .jobs .sideMenu{width: 100%;min-height: 850px;} .jobs .sideMenu h3{ height:50px; line-height:50px;border-bottom:1px solid #e3e3e3;cursor:pointer;font-size: 18px;font-weight: normal;} .jobs .sideMenu h3 em{float:right; display:inline-block; cursor:pointer;position: relative;padding-right: 35px;font-style: normal;} .jobs .sideMenu h3 em:after{content: '';position: absolute;right: 10px;top: 50%;width:12px; height:12px;border-bottom: 1px #dfdfdf solid;border-right: 1px #dfdfdf solid;transform: rotateZ(-45deg);margin-top: -6px;} .jobs .sideMenu h3.on{border-bottom: 0;} .jobs .sideMenu h3.on em:after{ transform: rotateZ(45deg) } .jobs .sideMenu .txt{ padding:8px 25px; color:#999; display:none; background: #fbfbfb;line-height: 30px;} .jobs .sideMenu .txt h4{color: #333;font-size: 16px;} .jobs .sideMenu .txt p{text-indent: 28px;} .page{margin: 50px 0;} .page a{height: 40px;line-height: 40px;} /* 商业合作 */ .hezuo .hezuo-about{width: 100%;background: url(../images/img30.jpg)no-repeat center;height: 620px;overflow: hidden;} .hezuo .hezuo-about .txt-box{padding-left: 100px;width: 680px;color: #FFF;} .hezuo .hezuo-about .txt-box h1{font-size: 48px;font-weight: bold;margin: 100px 0 80px 0;} .hezuo .hezuo-about .txt-box .txt{font-size: 20px;line-height: 2;} .hezuo .shengchan{width: 100%;height: 790px;background: url(../images/img31.jpg)no-repeat center;overflow: hidden;color: #FFF;} .hezuo .shengchan h1{font-size: 48px;font-weight: bold;margin-top: 90px;} .hezuo .shengchan .fulltitle{font-size: 20px;font-weight: bold;line-height: 2;margin-top: 30px;} .hezuo .shengchan .fulltitle span{font-size: 40px;} .hezuo .shengchan .content{padding: 0 80px;} .hezuo .shengchan .text-box{display: flex; -webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin-top: 140px;} .hezuo .shengchan .text-box .items{} .hezuo .shengchan .text-box .items .num{font-size: 20px;font-weight: bold;} .hezuo .shengchan .text-box .items .num span{font-size: 36px;} .hezuo .shengchan .text-box .items .txt{font-size: 20px;font-weight: bold;} .hezuo .shengchan .text{font-size: 20px;margin-top: 100px;line-height: 2;} .hezuo .pic-box{display: -webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .hezuo .pic-box .pic{margin-right: 20px;margin-top: 20px;} .hezuo .pic-box .pic:nth-child(even){margin-right: 0;} .hezuo .pic-box .pic img{display: block;max-width: 100%;} .hezuo .text-pic{height: 495px;} .hezuo .text-pic.img1{background: url(../images/img36.jpg)no-repeat center;margin-top: 20px;} .hezuo .text-pic.img2{background: url(../images/img37.jpg)no-repeat center;} .hezuo .text-pic.img3{background: url(../images/img38.jpg)no-repeat center;} .hezuo .text-pic .container{display: flex;justify-content: center;flex-flow: column;height: 495px;} .hezuo .text-pic .txt-box{color: #FFF;font-size: 40px;line-height: 2;padding: 0 100px;} .hezuo .text-pic .txt-box h3{margin-top: 150px;} .hezuo .text-pic.img2 .container:after{content: '';position: absolute;right: 0px;top: -300px;display: block;background: url(../images/txt1.png)no-repeat center;width: 55px;height: 496px;background-size: 100%;} .hezuo .text-pic.img2 .container:before{content: '';position: absolute;left: 0px;bottom: -150px;display: block;background: url(../images/txt1.png)no-repeat center;width: 55px;height: 496px;background-size: 100%;} .hezuo .tese{height: 700px;background: url(../images/bg12.jpg)no-repeat center;} .hezuo .tese .title{position: absolute;left: 50%;top: 50%;font-size: 40px;font-weight: bold;width: 170px;margin-left: -85px;height: 100px;margin-top: -50px;overflow: hidden;line-height: 50px;} .hezuo .tese .items{width: 420px;height: 120px;} .hezuo .tese .items .icon{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;-moz-box-shadow:0px 0px 15px rgba(160,160,160,0.2); -webkit-box-shadow:0px 0px 15px rgba(160,160,160,0.2); box-shadow:0px 0px 15px rgba(160,160,160,0.2);} .hezuo .tese .items .icon img{max-width: 100%;display: block;} .hezuo .tese .items h4{font-size: 30px;font-weight: bold;} .hezuo .tese .items p{color: #666;font-size: 18px;margin-top: 10px;} .hezuo .tese .t1{position:absolute;left: 0;top: 140px;} .hezuo .tese .t1 .icon,.hezuo .tese .t3 .icon{margin-left: 20px;} .hezuo .tese .t2 .icon,.hezuo .tese .t4 .icon{margin-right: 20px;} .hezuo .tese .t2{position:absolute;right: 0;top: 140px;} .hezuo .tese .t3{position:absolute;left: 0;bottom: 140px;} .hezuo .tese .t4{position:absolute;right: 0;bottom: 140px;} .tactic{background: #f5f5f5;width: 100%;overflow: hidden;padding-bottom: 80px;} .tactic .title{font-size: 40px;font-weight: bold;margin-top: 80px;} .tactic .txt{padding: 0 100px;font-size: 20px;line-height: 2;margin-top: 50px;} .tactic .txt p{margin-bottom: 50px;} .beian{text-align: center; color:#fff;} .beian a{color:#fff;} /*全局样式 end*/ @media (min-width: 1025px) { /*所有hover写在这里面 兼容sofari的移动端不支持hover*/ } @media (max-width: 1441px) { /*修改1441以下、小屏显示器*/ } @media (max-width: 1199px) { /*修改1200以下、小屏显示器*/ .container{padding-left: 15px;width: 100%;padding-right: 15px;} .header h1{margin-right: 0;float: left;margin-left: 20px;} .header .content{width: 100%;} .header .lang{display: none;} .sp_nav{display: block;} .nav-content{position:fixed;z-index:9;background:#FFF;width:100%;height:calc(100% - 90px);top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:90px} .header .nav{display: block;} .sp_nav_xjb{display: block;position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;z-index: 999;} .sp_nav_xjb svg{width:20px;height:20px;fill:#555;} .sp_nav_xjb svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav_i_se a{color: #14b5fa;} .sjj_nav_i_se svg{transform:rotate(0deg);fill:#14b5fa} .nav .m{display: block;} .nav h3{text-align: left;padding: 10px 0;} .nav .sub{position: relative;top: 0;box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);padding: 10px 0;} .inBox .inHd{width: 140px;} .inBox .inHd ul li{font-size: 14px;padding-right: 20px;} .inBox .inHd ul li .icon{display: none;} .inBox .inHd ul li.on:after{height: 20px;margin-top: -10px;} .inBox .inBd li{margin-bottom: 0;} .inBox .inBd li .title{padding: 0 30%;font-size: 14px;} .inBox .inBd li .pic{height: 150px;} .inBox .inBd li .pic img{max-height: 130px;max-width: 185px;} .banner .pic{display: flex;justify-content: center;align-items: center;} .banner img{height: 500px} .home-fangan{height: auto;padding-bottom: 50px;} .home-why .items h3{font-size: 18px;} .home-pro .gallery-top,.home-pro .gallery-thumbs{display: none;} .channel .graphic .pic{width: 580px;} .category .content .items,.category .content .items .text-box,.category .content .items .pic{height: 412px;} .category .content .items:nth-child(even) .text-box{background-position: 140px 40px;} .pro-list li{width: 32%;margin-right: 2%;height: 430px;} .pro-list .items{height: auto;} .xg .items{width: 23%;margin-right: 2.5%;} .xg .items .pic{height: 170px;} .xg .items h3{font-size: 18px;} .dialogModal .dialogModal_content{padding: 30px 30px;} .plan-content .box{padding-left: 20px;padding-right: 20px;-moz-column-count:2;-webkit-column-count:2; column-count:2;-moz-column-gap:80px;-webkit-column-gap:80px;column-gap:80px;} .plan-content .box .items h3{font-size: 26px;} .plan-content .home-why .container{padding-left: 15px;padding-right: 15px;} .plan-content .box:after,.plan-content .home-why .container:after,.contact .content:after,.contact .map:after,.about .culture .container:after{display: none;} .contact .content{padding: 50px 200px;} .about .about-box .pic{margin-right: 50px;} .about .about-box .text-box{margin-right: 0;} .about .about-txt .pic{width: 400px;background-size: 100%;} .about .about-txt .pic img{max-width: 300px;} .jobs .container{padding: 30px 20px;background: #FFF;} .jobs .list{margin-right: 40px;} .hezuo .hezuo-about .txt-box{padding-left: 40px;} .hezuo .shengchan .content,.hezuo .text-pic .txt-box{padding: 0 40px;} .hezuo .pic-box .pic{width: 48.5%;margin-right: 3%;} .tactic .txt{padding: 0 40px;} .home-pro,.home-news .title1,.home-news .content:last-child,.footer .footer-info .items:nth-child(1),.footer .footer-info .items:nth-child(2),.footer .link{display: none} .view-content .body img{max-width: 100% !important} .view-content .body table{width: 100% !important} } @media (max-width: 1023px) { .body table{width:100%;} /*修改1024以下、平板*/ .inBox .inBd li{width: 50%} .inBox .inBd li .title{padding: 0 20%;font-size: 14px;} .inBox .inBd li .pic{height: 120px;} .inBox .inBd li .pic img{max-height: 100px;max-width: 160px;} /*.footer .footer-info .erwma{display: none;}*/ .home-news .content{display: block;overflow: hidden;} .home-news .content .items{width: 49%;margin-right: 2%;float: left;} .home-news .content .items:nth-child(2){margin-right: 0;} .home-news .content .last{width: 100%;margin-top: 30px;float: left;} .home-about{padding-top: 40px;height: auto;padding-bottom: 40px;background-size: cover;} .home-about .play{width: 100%;float: none;margin-left: 0;margin-bottom: 30px;} .home-why .items{margin: 0 25px;} .home-why .items h3{font-size: 14px;font-weight: normal;margin-top: 10px;} .channel .graphic{display: block;padding-bottom: 50px;} .channel .graphic .pic{width: 100%;height: auto;} .channel .graphic .pic img{width: 100%;display: block;} .channel .graphic .text-box .txt{padding-left: 0;} .channel .graphic .text-box .txt p{height: auto;} .channel .graphic .text-box .more{margin-top: 20px;} .channel .graphic .text-box .more{margin-left: 0;} .channel .content{display: block;margin-top: 0;} .channel .content .items{margin-top: 20px;margin-right: 0;} .channel .content .items li a{font-size: 18px;} .news-content .container{-moz-column-count:2;-webkit-column-count:2; column-count:2;} .pro-banner{height: 350px;} .pro-banner .container{font-size: 48px;} .pro-roll{padding: 0 60px;margin-top: 50px;} .pro-roll h3{font-size: 18px;} .category .content .items, .category .content .items .text-box, .category .content .items .pic{height: 305px;} .category .content .items .text-box{padding-left: 50px;background-size: 200px;background-position: 30px 30px;} .category .content .items .text-box h3{font-size: 32px;} .category .content .items .text-box .txt{font-size: 22px;padding-bottom: 20px} .category .content .items:nth-child(even) .text-box{background-origin: 30% 30px;} /* .pro-banner1{height: auto;} */ .pro-banner1 img{max-width: 180%;} .pro-nav{display: block;overflow: hidden;padding-top: 0;margin-bottom: 15px;} .pro-nav a{float: left;margin-top:15px;} .pro-list h3{font-size: 16px;} .pro-list li{height: 360px;} .pro-content .title, .pro-content1 .title{font-size: 24px;margin-top: 40px;margin-bottom: 30px;} .view-content .pic-info{display: block;overflow: hidden;} .view-content .pic-info .pic{width: 100%;background-size: 100% 100%;} .view-content .pic-info .text-box{margin-right: 0;width: 100%;padding: 0 30px;margin-bottom: 20px;} .view-content .pic-info .text-box h2{margin-top: 20px;} .view-content .pic-info .text-box .txt{margin-top: 10px;} .xg .items{width: 48.5%;margin-right: 3%;margin-bottom: 20px;} .xg .items:nth-of-type(2n){margin-right: 0;} .xg .items .pic {height: 240px;} .plan-content .box{padding-left: 15px;padding-right: 15px;-moz-column-count:2;-webkit-column-count:2; column-count:2;-moz-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;} .plan-content .box .items.first h1{font-size: 30px;} .plan-content .box .items.first h1:after{font-size: 50px;} .plan-content .box .items{margin-bottom: 60px;} .plan-content .box .items h3{font-size: 22px;margin-top: 20px;} .plan-content .box .items p{padding-right: 50px;} .contact .content{padding: 40px 100px;} .contact .map{background-position: center;background-size: 100%;display: none;} .jidi .title, .center .title{font-size: 28px;} .hezuo .text-pic.img2 .container:after,.hezuo .text-pic.img2 .container:before{display: none;} .hezuo .tese{margin-top: 40px;background: none;height: auto;padding-bottom: 50px;overflow: hidden;} .hezuo .tese .title{position: relative;top: 0;left: 0;margin: 0;width: 100%;font-size: 32px;height: auto;margin-bottom: 40px;} .hezuo .tese .t1,.hezuo .tese .t2,.hezuo .tese .t3,.hezuo .tese .t4{position: relative;left: auto;right: auto;top: auto;bottom: auto;} .hezuo .tese .items{width: 48.5%;} .hezuo .tese .t1,.hezuo .tese .t3{margin-right: 3%;} .hezuo .tese .items h4{font-size: 22px;} .hezuo .tese .items p{font-size: 14px;} .tactic{padding-bottom: 0;} .tactic .txt{padding: 0 0px;font-size: 18px;margin-top: 30px;} .tactic .title{margin-top: 50px;font-size: 36px;} .tactic .txt img{max-width: 100%;} } @media (max-width: 767px) { /*修改768以下、小屏平板*/ .body table{width:100%;} .nav .m{padding: 0 20px;} .sp_nav_xjb{top: 10px;padding: 0;} .home-fangan .fulltitle{font-size: 18px;} .home-fangan .items .txt{font-size: 20px;} .home-news .content h3{font-size: 18px;} .home-fangan .title,.home-pro .title, .home-news .title, .home-news .title1,.home-why .title,.plan-view .title{font-size: 32px;} .home-pro .title:after,.home-news .title:after,.home-news .title1:after{font-size: 50px;} .channel .graphic .text-box .time{width: 100px;font-size: 12px;height: 80px;} .channel .graphic .text-box .time span{font-size: 28px;} .channel .content .items li a{font-size: 16px;} .pro-banner,.plan-banner{height: 300px;} .pro-banner .container{font-size: 38px;} .category .pro-roll .pic img{max-width: 80%} .category .pro-roll{padding: 0 60px;margin-top: 30px;} .category .content .items{height: auto;} .category .content .items .pic{float: none;width: 100%;height: auto;padding:20px 0;} .category .content .items .pic img{height: 130px} .category .content .items .text-box{float: none;width: 100%;height: auto;} .category .content .items .text-box h3{font-size: 20px;} .category .content .items .text-box .txt{font-size: 16px;margin-top: 20px;} .category .content .items:nth-child(even) .text-box{padding-right: 0;padding-left: 50px;background-size: 200px;background-position: 30px 30px;text-align: left;} .pro-list li{width: 49%;min-height: 380px;margin-top: 15px;padding: 5px;} .pro-list h3{font-size: 14px;margin-bottom: 20px} .pro-list p{font-size: 12px;line-height: 1.8;display: none} .pro-list li:nth-of-type(3n){margin-right: 2%;} .pro-list li:nth-child(even){margin-right: 0;} .plan-content .box{-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;} .plan-content .box .items p{padding-right: 0px;} .plan-content .box .items.first h1{font-size: 26px;} .contact .content{padding: 30px 60px;} .about .about-box{display: block;} .about .about-box .pic{width: 100%;margin-right: 0;margin-left: 0;} .about .about-box .pic img{max-width: 100%;} .about .about-box .text-box{width: 100%;} .about .about-txt{margin-top: 0px;} .about .about-txt .pic{width: 100%;float: none;} .about .culture .txt{font-size: 20px;} .jidi .title, .center .title{font-size: 20px;} .jobs .container{display: block;} .jobs .list{margin-right: 0;} .jobs .sideMenu{min-height: auto;margin-bottom: 40px;} .jobs .us .pic{display: none;} .hezuo .tese .items{width: 100%;} .hezuo .tese .t1,.hezuo .tese .t3{margin-right: 0;} .hezuo .tese .items h4{font-size: 16px;} .hezuo .tese .items p{font-size: 12px;margin-top: 0;} .hezuo .tese .items .icon{float: left;margin-left: 0;margin-right: 15px;} .hezuo .tese .items .text-box{text-align: left;} .hezuo .tese .title{font-size: 24px;margin-bottom: 20px;} .tactic .title{font-size: 24px;} .tactic .txt{font-size: 16px;margin-top: 20px;} .tactic .txt p{margin-bottom: 30px;} } @media (max-width: 424px) { /*修改425以下、普通的安卓手机屏*/ .body table{width:100%;} .header,.header .content{height: 60px;} .header h1 img{height: 40px;} .sp_nav{top: 5px;} .banner img{height: 250px} .nav-content{height:calc(100% - 60px);;} .nav_show{top: 60px;} .inBox .inHd{width: 100px;margin-right: 10px;} .inBox .inHd ul li{font-size: 12px;padding-right: 5px;} .inBox .inBd li{margin-bottom: 10px;} .inBox .inBd li .title{padding: 0 ;font-size: 12px;line-height: 20px;} .inBox .inBd li .pic{height: 80px;} .inBox .inBd li .pic img{max-height: 60px;max-width: 100px;} .footer{background-size: cover;height: auto;overflow: hidden;} .footer .footer-info{display: block;} .footer .footer-info .items h3{margin-top: 30px;margin-bottom: 20px;} .footer .footer-info .erwma{border-top: 1px #fff solid;padding-top: 0px;text-align: center;margin-top: 20px} .home-fangan{background-size: cover;} .home-fangan .title,.home-pro .title, .home-news .title, .home-news .title1,.home-why .title{font-size: 24px;} .home-pro .title:after,.home-news .title:after,.home-news .title1:after{font-size: 38px;} .home-fangan .fulltitle{font-size: 14px;} .home-fangan .items .txt{font-size: 18px;width: 100%;right: 0;text-align: center;} .home-fangan .content{display: block;} .home-fangan .items{margin-right: 0;margin-top: 20px;position: relative;} .home-fangan .swiper-button-prev{left: 0} .home-fangan .swiper-button-next{right: 0} .home-fangan .swiper-button-prev, .home-fangan .swiper-button-next{width: 50px;height: 50px} .home-news .content .last{margin-top: 20px;} .home-news .title1{margin-top: 30px;} .home-news .content h3{font-size: 14px;margin-bottom: 0;} .home-news .content .time{font-size: 12px;} .home-about .play span{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .home-why .content{flex-wrap: wrap;margin-top: 20px;} .home-why .items{width: 40%;margin-left: 0;margin-right: 3%;margin-left: 3%;margin-top: 20px;} .channel-banner{height: 200px;} .channel h1{font-size: 28px;margin-bottom: 20px;} .channel .graphic{padding-bottom: 0;height: 440px;} .channel .graphic .text-box .txt h3{font-size: 18px;margin-top: 15px;margin-bottom: 5px;} .channel .graphic .text-box .txt p{line-height: 24px;} .channel .graphic .text-box {position: relative;top: -80px;} .channel .content .items li a{font-size: 14px;margin-right: 0;} .channel .content .items li .time span{font-size: 18px;} .crumbs{padding-top: 15px;padding-bottom: 10px;} .news-content{padding: 20px 0;} .news-content .container{-moz-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;-moz-column-count:1;-webkit-column-count:1; column-count:1;} .news-content .items .txt-box{padding: 10px;} .news-content .items .txt-box h3{font-size: 14px;line-height: 1.5;} .news-content .items .txt-box p{font-size: 12px;margin-top: 5px;} .news-content .items .txt-box .info{font-size: 12px;} .pro-banner,.plan-banner{display: flex;justify-content: center;align-items: center;height: auto;} .pro-banner img,.plan-banner img{height: 160px} .pro-banner .container{font-size: 30px;} .category .pro-roll{padding: 0 0px;} .category .pro-roll .pic{background-size: 100%;} .category .pro-roll .swiper-button-prev:after, .category .pro-roll .swiper-button-next:after{display: none;} .category .pro-roll h3{font-size: 16px;} .pro-nav a{margin-right: 10px;font-size: 12px;height: 30px;line-height: 30px;} .pro-list li{min-height: 280px;margin-top: 15px;padding: 5px;height: 280px;} .pro-content .title, .pro-content1 .title,.plan-view .title{font-size: 20px;margin-top: 30px;margin-bottom: 20px;} .pro-content .title span:before, .pro-content1 .title span:before,.plan-view .title span:before{width: 40px;right: -50px;} .pro-content .title span:after, .pro-content1 .title span:after,.plan-view .title span:after{width: 40px;left: -50px;} .pro-list .items{padding: 5px;} .pro-content .more a{font-size: 14px;line-height: 40px;} .view-content .pic-info .pic{height: 300px;} .view-content .pic-info .pic img{max-width: 200px;} .view-content .tabs a{margin-right: 15px;} .view-content .tabs a:nth-child(2){margin-right: 0;} .xg .items{padding: 5px;} .xg .items .pic{height: 130px;} .xg .items h3{font-size: 14px;margin-top: 5px;} .xg .items p{font-size: 12px;} .dialogModal .dialogModal_content .form{display: block;} .dialogModal .dialogModal_content .form .group{width: 100%;margin-right: 0;} .plan-content .box{-moz-column-count:1;-webkit-column-count:1; column-count:1;-moz-column-gap:0px;-webkit-column-gap:0px;column-gap:0px;margin-top: 0;} .plan-content .box .items{margin-bottom: 30px;} .plan-content .box .items h3{font-size: 16px;} .plan-content .box .items p{margin-top: 0px;} .contact .content{padding: 20px 15px;} .contact .content .txt{font-size: 14px;} .contact .form .group{display: block;} .contact .form .group input{margin-right: 0;width: 100%;margin-bottom: 20px;} .contact .form .group input:last-child{margin-bottom: 0;} .contact .form .group select,.contact .form .group textarea{width: 100%;} .contact .form .group textarea{padding: 10px 15px;} .about .about-box .text-box h3:after,.about .about-box .text-box h3{font-size: 32px;} .about .about-txt .pic{height: 400px;} .about .about-txt .pic img{max-width: 240px;} .about .about-txt .text p{margin-bottom: 20px;} .about .culture{height: auto;padding-bottom: 100px;} .about .culture .title{font-size: 32px;} .about .culture .title:before{font-size: 24px;} .about .culture .txt{font-size: 16px;} .center .pic{width: 49%;margin-bottom: 10px;} .center .pic:nth-of-type(3n){margin-right: 2%;} .center .pic:nth-child(even){margin-right: 0;} .jobs h2{font-size: 18px;margin-bottom: 10px;} .jobs .sideMenu h3,.jobs .sideMenu .txt h4,.jobs .us h4{font-size: 14px;} .jobs .container{padding: 20px 15px;} .hezuo .hezuo-about{background-size: cover;height: auto;padding-bottom: 50px;} .hezuo .hezuo-about .txt-box{padding-left: 0;width: auto;} .hezuo .hezuo-about .txt-box h1{font-size: 24px;margin-top: 40px;margin-bottom: 40px;} .hezuo .hezuo-about .txt-box .txt{font-size: 16px;} .hezuo .shengchan{height: auto;padding-bottom: 50px;} .hezuo .shengchan h1{font-size: 24px;margin-top: 40px} .hezuo .shengchan .fulltitle{font-size: 18px;margin-top: 0px;} .hezuo .shengchan .fulltitle span{font-size: 32px;} .hezuo .shengchan .content,.hezuo .text-pic .txt-box{padding: 0;} .hezuo .shengchan .text-box{margin-top: 50px;flex-wrap: wrap;} .hezuo .shengchan .text-box .items{width: 33.333%;} .hezuo .shengchan .text-box .items .num span,.hezuo .text-pic .txt-box{font-size: 24px;} .hezuo .shengchan .text,.hezuo .shengchan .text-box .items .txt{font-size: 14px;;} .hezuo .shengchan .text{margin-top: 50px;} .hezuo .text-pic{background-size: cover;} .hezuo .text-pic,.hezuo .text-pic .container{height: 200px;background-size: cover;} .hezuo .text-pic .txt-box h3{margin-top: 70px;} .category .content .items .text-box .txt{font-size: 14px;} .videoShow{width: 100%;left: 0;margin-left: 0;} .pro-list .pic{height: 140px} } @media (max-width: 374px) { /*修改375以下、iPhone5,4,等小屏手机*/ .body table{width:100%;} .channel .content .items li a{font-size: 12px;} } .body table{ margin:0 auto; }