/*兼容ios 差异*/ * { -webkit-text-size-adjust: none; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } /*------------------------*/ body { margin: 0px; padding: 0px; font-size: 12px; min-width: 1200px; background: #ffffff; } div, a, li, ul, ol, dl, img, input { padding: 0px; margin: 0px; list-style: none; border: 0px; } a:link { color: #000; text-decoration: none; } a:visited { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #000; } a:active { text-decoration: none; color: #000; } ul { list-style: none; } img { max-width: 100%; } .clear { clear: both; margin: 0px; padding: 0px; list-style: none; } .float-left { float: left; } .float-right { float: right; } .mr-0 { margin-right: 0px !important; } .this-1200 { margin: 0 auto; width: 1200px; } .after:after { content: ''; display: block; clear: both; } /*主页开始*/ #nav { background-color: #000; height: 92px; position: fixed; width: 100%; z-index: 999; } #nav .logo { float: left; margin-left: 20px; } #nav .logo div { width: 259px; height: 92px; display: table-cell; vertical-align: middle; } #nav .logo img { width: 100%; vertical-align: middle; } #nav .nav { float: right; height: 92px; margin-right: 50px; } #nav .nav_m { display: none; } #nav .nav>li { width: 100px; height: 90px; float: left; line-height: 90px; text-align: center; font-family: "微软雅黑"; } #nav_active { border-bottom: 2px solid #005dcc; } #nav .nav>li a { color: #fff; font-size: 15px; display: block; } /*导航栏二级菜单*/ #nav .nav .list .nav-list { display: none; background-color: #000; padding: 10px 0px; border-radius: 0px 0 5px 5px; } #nav .nav .list .nav-list li { width: 100px; line-height: 30px; } #nav .nav .list .nav-list li a { font-size: 14px; color: #fff; } /*banner*/ #banner img { width: 100%; float: left; } /*主体*/ #main .pro { background-image: url(/uploads/image/pcimages/pro_bg.jpg); } #main .pro>.title { /*height: 180px;*/ padding-top: 40px; background-image: url(/uploads/image/pcimages/pro_bg.jpg); background-repeat: repeat-x; } #main .pro>.title p { font-family: '微软雅黑'; text-align: center; color: #fff; margin-top: 24px; } #main .pro>.title p:first-child { font-size: 36px; line-height: 36px; margin-top: 0px; } #main .pro>.title p:first-child p { color: #ccc; line-height: 24px; font-size: 24px; } #main .pro>.title p:first-child p p { font-size: 36px; line-height: 36px; font-weight: bold; } #main .news { background-image: url(/uploads/image/pcimages/news_bg.jpg); background-repeat: no-repeat; position: relative; background-attachment: fixed; background-size: 100%; } #main .pro .pro-list { padding: 50px 0 100px 0; } #main .news .bg-gary { position: absolute; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000); } #main .news>.title { position: relative; z-index: 998; height: 100%; padding: 40px 0px; } #main .news>.title p { font-family: '微软雅黑'; text-align: center; color: #fff; margin-top: 24px; } #main .news>.title p:first-child { font-size: 36px; line-height: 36px; margin-top: 0px; } #main .news>.title p:first-child p { color: #ccc; line-height: 42px; font-size: 24px; } #main .news>.title p:first-child p p { font-size: 36px; line-height: 36px; font-weight: bold; } #main .news .news-list { position: relative; z-index: 998; } #main .news .news-list-m { display: none; } #main .news .news-list li { width: 370px; float: left; margin-right: 45px; text-align: center; position: relative; } #main .news .news-list li:hover .prompt { opacity: 1; filter: progid:dximagetransform.microsoft.alpha(opacity=100); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#70000000, endcolorstr=#70000000); } #main .news .news-list li a { display: block; width: 100%; } #main .news .news-list li:nth-of-type(3n){ margin-right: 0px; } #main .news .news-list li img { float: left; width: 100%; } #main .news .news-list li .prompt { transition: opacity 0.5s linear; position: absolute; width: 360px; padding: 10px 5px; background-color: rgba(0, 0, 0, 0.7); opacity: 0; filter: alpha(opacity=0); bottom: 0px; text-align: center; font-size: 13px; color: #fff; } #main .news .more { position: relative; z-index: 998; padding: 40px; text-align: center; } #main .news .more a { width: 160px; height: 32px; display: inline-block; background-color: #000; line-height: 32px; font-size: 14px; color: #fff; } /*手机版合作隐藏*/ #main .cooperation-m { display: none; } #main .cooperation { background-color: #212121; } #main .cooperation>.title { position: relative; z-index: 998; height: 100%; padding: 40px 0px; } #main .cooperation>.title p { font-family: '微软雅黑'; text-align: center; color: #fff; margin-top: 24px; } #main .cooperation>.title p:first-child { font-size: 36px; line-height: 36px; margin-top: 0px; } #main .cooperation>.title p:first-child p { color: #ccc; line-height: 24px; font-size: 24px; } #main .cooperation>.title p:first-child p p { font-size: 36px; line-height: 36px; font-weight: bold; } #main .cooperation .pre { width: 30px; height: 240px; background: url(/uploads/image/pcimages/pre.png) no-repeat; float: left; opacity: 0.3; filter: progid:dximagetransform.microsoft.alpha(opacity=30); } #main .cooperation .next { width: 30px; height: 240px; background: url(/uploads/image/pcimages/next.png) no-repeat; cursor: pointer; float: right; } #main .cooperation .mask { margin-left: 20px; width: 1100px; float: left; overflow: hidden; } #main .cooperation .package { position: relative; left: 0px; } #main .cooperation .cooperation-list { width: 1100px; float: left; padding-bottom: 30px; } #main .cooperation .cooperation-list li { float: left; width: 206px; margin-right: 17.5px; margin-bottom: 20px; } #main .cooperation .cooperation-list li img { width: 100%; float: left; } /*底部开始*/ #footer { position: relative; padding: 10px 0px; background-color: #111; } #footer .contact-us { display: inline-block; padding: 5px 0px; } #footer .contact-us p { color: #ccc; padding: 5px 0px; } #footer .contact-us p a { display: inline-block; padding: 8px 0px; color: #ccc; } #footer .logo { position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -30px; } #footer .search { position: relative; float: right; margin-top: 10px; } #footer .search .val { background-color: transparent; outline: none; color: #777777; padding: 5px; border-bottom: 1px solid #2e2e2e; } /*兼容 placeholder属性 颜色*/ #footer .search .val::-webkit-input-placeholder { /* webkit browsers */ color: #777777; } #footer .search .val:-moz-placeholder { /* mozilla firefox 4 to 18 */ color: #777777; } #footer .search .val::-moz-placeholder { /* mozilla firefox 19 */ color: #777777; } #footer .search .val:-ms-input-placeholder { /* internet explorer 10 */ color: #777777; } #footer .search .submit { height: 27px; width: 27px; background-position: center; background-image: url(/uploads/image/pcimages/search.png); background-color: transparent; background-repeat: no-repeat; outline: none; position: absolute; top: 0px; right: 0px; cursor: pointer; } #footer .search .qr-code { float: right; margin-top: 12px; } /*关于我们页面*/ #big-pic { position: relative; width: 100%; text-align: center; } #big-pic img { width: 100%; float: left; } #about {} #about .nav { margin-top: 30px; padding: 10px 20px; border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; color: #999; font-size: 14px; font-family: '微软雅黑'; } #about .content .about { padding: 50px 100px; } #about .content .about .left { float: left; width: 45%; font-family: '宋体' !important; } #about .content .about .left .title { font-size: 24px; line-height: 36px; font-family: '微软雅黑'; font-weight: 500; color: inherit; } #about .content .about .right { width: 50%; float: right; overflow: hidden; } #about .content .about .right:hover img { transform: scale(1.2); } #about .content .about .right img { width: 100%; transition: transform 1s; } #about .content .progress {} #about .content .progress .title { padding: 30px 0px; } #about .content .progress .title p:first-child { text-align: center; letter-spacing: 2px; color: #333; font-size: 36px; font-family: '微软雅黑'; } #about .content .progress .title p:first-child p { text-align: center; letter-spacing: 2px; color: #999; font-size: 20px; } #about .content .advantage {} #about .content .advantage>.title { padding: 30px 0px; } #about .content .advantage>.title p:first-child { text-align: center; letter-spacing: 2px; color: #333; font-size: 36px; font-family: '微软雅黑'; } #about .content .advantage>.title p:first-child p { text-align: center; letter-spacing: 2px; color: #999; font-size: 20px; } #about .content .advantage ul { background-image: url(/uploads/image/pcimages/ys_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; text-align: center; } #about .content .advantage ul>li { float: left; width: 25%; } #about .content .advantage ul>li p { font-size: 16px; color: #666; margin-top: 15px; } #about .content .advantage ul>li p.title { font-size: 24px; margin: 20px 0px 50px 0px; } #about .content .video { padding: 2%; } #about .content .video .title { padding: 30px 0px; } #about .content .video .title p:first-child { text-align: center; letter-spacing: 2px; color: #333; font-size: 36px; font-family: '微软雅黑'; } #about .content .video .title p:first-child p { text-align: center; letter-spacing: 2px; color: #999; font-size: 20px; } #about .content .video .video-list li { margin-right: 1%; margin-top: 1%; } #about .content .video .video-list li video { width: 100%; float: left; } #about .hostpot-news .title { padding: 10px 0px; text-align: center; } #about .hostpot-news .title p:first-child { color: #333; font-size: 40px; font-family: '微软雅黑'; margin: 0; } #about .hostpot-news .title p:first-child p { margin-top: 10px; color: #999; font-size: 20px; font-family: '微软雅黑'; } #about .hostpot-news li { width: 370px; margin-right: 45px; float: left; overflow: hidden; background-color: #f1f2f4; transition: background-color 0.5s; } #about .hostpot-news li:nth-of-type(3n) { margin-right: 0px; } #about .hostpot-news li p { padding: 10px 10px; font-size: 20px; color: #333; font-family: '微软雅黑'; } #about .hostpot-news li:hover { background-color: #ccc; } #about .hostpot-news li .time { color: #999; font-size: 16px; } #about .hostpot-news li .img img { /* width: 100%; */ width: 370px; height: 249px; } #about .content .vr { text-align: center; margin-bottom: 30px; } #about .content .vr a { display: inline-block; width: 200px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; border-radius: 5px; background-color: #4a92df; transition: background-color 0.5s; } #about .content .vr a:hover { background-color: #31649a; } /*产品分类页*/ .pro-mask { width: 100%; overflow: hidden; } #pro-class { position: relative; width: 100%; left: 0px; } #pro-class .pre { position: absolute; top: 0px; } #pro-class li { z-index: 997; position: relative; width: 25%; float: left; } #pro-class li .gray { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 997; background-color: rgba(0, 0, 0, 0.3); } #pro-class li .introduce { position: absolute; z-index: 998; padding: 30px; } #pro-class li .introduce p { color: #000; letter-spacing: 2px; font-family: '微软雅黑'; } #pro-class li .introduce p:first-child { font-size: 30px; } #pro-class li .introduce p:first-child p { margin-top: 20px; color: #999; font-size: 14px; } #pro-class li img { width: 100%; float: left; } .pro-mask .pre { position: absolute; z-index: 998; top: 50%; margin-top: -150px; width: 30px; left: 2%; height: 240px; background: url(/uploads/image/pcimages/pre.png) no-repeat; float: left; opacity: 0.3; filter: progid:dximagetransform.microsoft.alpha(opacity=30); } .pro-mask .next { position: absolute; z-index: 998; top: 50%; margin-top: -150px; right: 2%; width: 30px; height: 240px; background-image: url(/uploads/image/pcimages/next.png); background-repeat: no-repeat; cursor: pointer; float: right; } /*分类列表页*/ #pro-list { background-image: url(/uploads/image/pcimages/pro_class_bg.jpg); } #pro-list .class-list { padding: 20px; font-family: '微软雅黑'; text-align: center; background-color: rgba(145, 105, 0, 0.3); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#30916900, endcolorstr=#30916900); } #pro-list .class-list .title { font-size: 40px; color: #5a4926; font-weight: bold; font-family: '宋体'; } #pro-list .class-list img { margin-top: 20px; display: inline-block; } #pro-list .class-list li { display: inline-block; padding: 20px 20px; } #pro-list .class-list li a { color: #5a4926; font-size: 16px; } #pro-list .class-list li a:hover { color: #c98c3a; } #pro-list .link { color: #999; padding: 10px; font-size: 14px; font-family: '微软雅黑'; } #pro-list .link a { color: #333; } #pro-list .link a:hover { color: #c98c3a; } #pro-list .pro-list { padding-bottom: 30px; font-family: '微软雅黑'; background: #ffffff; margin-top: 10px; min-height: 500px; } #pro-list .pro-list .left { width: 500px; float: left; margin-top: 20px; position: relative; text-align: center; } #pro-list .pro-list .left img { width: 75%; /*float:left;*/ box-shadow: 2px 2px 10px #ccc; } #pro-list .pro-list .right { float: right; width: 640px; } #pro-list .pro-list .right>li { width: calc(33.333% - 46.666px); margin-top: 20px; text-align: center; margin-right: 70px; float: left; } #pro-list .pro-list .right>li:nth-of-type(3n) { margin-right: 0px; } #pro-list .pro-list li .title { padding: 6px; font-size: 16px; color: #333; } #pro-list .pro-list li img { width: 100%; } /*产品详细页*/ #pro-view { background-image: url(/uploads/image/pcimages/pro_class_bg.jpg); } #pro-view .title { padding: 20px; font-family: '微软雅黑'; text-align: center; background-color: rgba(145, 105, 0, 0.3); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#30916900, endcolorstr=#30916900); text-align: center; } #pro-view .title .class-title { font-size: 40px; color: #5a4926; font-weight: bold; font-family: '宋体'; } #pro-view .title img { margin-top: 20px; } #pro-view .title p { padding: 20px 20px; color: #5a4926; font-size: 16px; } #pro-view .content { margin-top: 60px; background-color: #fff; border-radius: 10px; min-height: 500px; box-shadow: 0px 0px 20px #f1f2f4; } #pro-view .content .img { width: 100%; text-align: center; } #pro-view .content .img img { padding: 50px 0px; } #pro-view .content .name { font-size: 35px; font-weight: bold; margin-left: 50px; color: #cdb086; padding-bottom: 20px; padding-top: 20px; text-align: center; } #pro-view .content .details { padding: 0 50px 50px 50px; } #pro-view .return { cursor: pointer; width: 150px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; border-radius: 3px; font-family: '微软雅黑'; color: #ffffff; background-color: #000; margin: 0 auto; } #pro-view .return:hover { transition: background-color 0.5s; background-color: #005dcc; } /*商用租赁*/ #commercial .nav { margin-top: 30px; padding: 10px 20px; border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; color: #999; font-size: 14px; font-family: '微软雅黑'; } #commercial .commercial-list { margin-top: 20px; } #commercial .commercial-list .left { width: 599px; height: 888px; border: 1px solid #f1f2f4; border-right: 0px; overflow: hidden; float: left; } #commercial .commercial-list .left img { margin-top: 10px; bottom: 0px; width: 100%; transition: all 0.5s; } #commercial .commercial-list .left:hover img { margin-top: 0px; } #commercial .commercial-list .list { width: 298px; float: left; height: 443px; text-align: center; border: 1px solid #f1f2f4; overflow: hidden; } #commercial .commercial-list .list img { transition: all 0.5s; margin-top: 60px; } #commercial .commercial-list .list:hover img { margin-top: 50px; } #commercial .commercial-list .list:hover a { color: #ff9800; } #commercial .commercial-list .list a { font-size: 14px; font-family: '微软雅黑'; color: #666; display: block; } #commercial .commercial-list .list img { width: 100%; } #commercial .news { padding-bottom: 30px; } #commercial .news>.title { padding: 30px 0px; text-align: center; } #commercial .news>.title p:first-child { color: #333; font-size: 40px; font-family: '微软雅黑'; } #commercial .news>.title p:first-child p { margin-top: 10px; color: #999; font-size: 20px; font-family: '微软雅黑'; } #commercial .news .news-list li { width: 285px; margin-right: 20px; float: left; background-color: #f1f2f4; transition: background-color 0.5s; } #commercial .news .news-list li:hover { background-color: #ccc; } #commercial .news .news-list li .top img { max-width: 100%; } #commercial .news .news-list li .title-time .title { font-size: 16px; color: rgb(51, 51, 51); font-family: 微软雅黑; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #commercial .news .news-list li .title-time .time { color: #999; font-family: 微软雅黑; font-size: 16px; padding: 10px; } #commercial .news .news-list li:nth-of-type(4n) { margin-right: 0px; } #commercial .news .news-list li:nth-of-type(n 5) { margin-top: 20px; } #rx { margin: auto; padding: 20px 0px; overflow: hidden; text-align: center; } #rx .rx_l { font-weight: bold; } #rx .rx_r { font-weight: bold; font-size: 16px; font-family: '微软雅黑'; line-height: 30px; } #rx .er { padding-top: 10px; } #rx .er_zi { font-family: "微软雅黑"; font-size: 14px; line-height: 20px; } /*新闻页*/ #news .nav { margin-top: 30px; padding: 10px 20px; border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; color: #999; font-size: 14px; font-family: '微软雅黑'; } #news>.title { padding: 30px 0px; text-align: center; } #news>.title p:first-child { color: #333; font-size: 40px; font-family: '微软雅黑'; } #news>.title p:first-child p { margin-top: 10px; color: #999; font-size: 20px; font-family: '微软雅黑'; } /*手机新闻列表隐藏*/ #news .hostpot-news-m { display: none; } #news .hostpot-news li { width: 370px; margin-right: 45px; float: left; overflow: hidden; background-color: #f1f2f4; transition: background-color 0.5s; } #news .hostpot-news li:nth-of-type(3n){ margin-right: 0px; } #news .hostpot-news li p { padding: 10px 10px; font-size: 20px; color: #333; font-family: '微软雅黑'; } #news .hostpot-news li:hover { background-color: #ccc; } #news .hostpot-news li .time { color: #999; font-size: 16px; } #news .hostpot-news li .img img { width: 370px; height: 249px; } #news .news-list { margin-top: 50px; } #news .news-list li { border-top: 1px solid #f1f2f4; padding: 20px 0px; } #news .news-list li .img { width: 20%; float: left; } #news .news-list li .img img { width: 100%; } #news .news-list li .img a { overflow: hidden; width: 100%; height: 100%; display: inline-block; } #news .news-list li .right { display: inline-block; width: 78%; padding: 0 0 1% 1%; font-family: '微软雅黑'; } #news .news-list li .right .title-more .title { float: left; } #news .news-list li .right .title-more .title p:first-child a { font-size: 20px; color: #333; } #news .news-list li .right .title-more .title p:first-child p { margin-top: 20px; color: #999; font-size: 16px; } #news .news-list li .right .title-more .more { float: right; font-size: 14px; } #news .news-list li .right .title-more .more a { color: #333; } #news .news-list li .right .time { margin-top: 20px; font-size: 16px; color: #999; background-image: url(/uploads/image/pcimages/time.png); background-repeat: no-repeat; padding-left: 25px; background-position: center left; } #news .activity { background-color: #eff1f3; } #news .activity>.title { padding: 30px 0px; text-align: center; } #news .activity>.title p:first-child { color: #333; font-size: 40px; font-family: '微软雅黑'; } #news .activity>.title p:first-child p { margin-top: 10px; color: #999; font-size: 20px; font-family: '微软雅黑'; } #news .activity .activity-list { padding: 0 8%; } #news .activity .activity-list li { width: 50%; /*height: 292px;*/ float: left; font-family: '微软雅黑'; background-color: #fff; } /*手机活动列表隐藏*/ #news .activity .activity-list-m { display: none; } #news .activity .activity-list li .img { width: 50%; float: left; } #news .activity .activity-list li .img img { width: 100%; float: left; } #news .activity .activity-list li .right { position: relative; height: 292px; padding: 0 2%; width: 46%; float: right; } #news .activity .activity-list li .right .title { margin-top: 20px; font-size: 23px; letter-spacing: 2px; color: #333; } #news .activity .activity-list li .right .time { color: #999; font-size: 16px; padding: 30px 0px; } #news .activity .activity-list li .right .more { position: absolute; bottom: 20px; width: 150px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #000; } #news .activity .activity-list li .right .more a { display: block; transition: background-color 0.5s; } #news .activity .activity-list li .right .more a:hover { background-color: #000; color: #fff; } #news .activity .activity-list li .left { position: relative; width: 46%; padding: 0 2%; height: 292px; float: left; } #news .activity .activity-list li .left .title { margin-top: 20px; font-size: 23px; letter-spacing: 2px; color: #333; } #news .activity .activity-list li .left .time { color: #999; font-size: 16px; padding: 30px 0px; } #news .activity .activity-list li .left .more { position: absolute; bottom: 20px; width: 150px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #000; } #news .activity .activity-list li .left .more a { display: block; transition: background-color 0.5s; } #news .activity .activity-list li .left .more a:hover { background-color: #000; color: #fff; } /*新闻内页*/ #news-view .nav { margin-top: 30px; padding: 10px 20px; border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; color: #999; font-size: 14px; font-family: '微软雅黑'; } #news-view .content .title { font-size: 25px; text-align: center; padding: 20px 0px; font-family: '微软雅黑'; color: #333; } #news-view .content .time { display: inline-block; font-size: 16px; font-family: '微软雅黑'; color: #666; background-image: url(/uploads/image/pcimages/time.png); background-repeat: no-repeat; padding-left: 25px; background-position: center left; } #news-view .content .text { padding: 20px 0px; width: 700px; margin: auto; } #anchor { position: absolute; bottom: 90px; } /*加盟页*/ #join .nav { margin-top: 30px; padding: 10px 20px; border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; color: #999; font-size: 14px; font-family: '微软雅黑'; } #join .content { padding: 2%; } #join .content .left { width: 48%; float: left; } #join .content .left img { float: right; } #join .content .right { width: 48%; float: right; } #join .join-list-title { border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; text-align: center; background-color: #333; } #join .join-list-title li { width: 100px; height: 50px; line-height: 50px; display: inline-block; cursor: pointer; font-size: 16px; font-family: '微软雅黑'; color: #fff; font-weight: bold; } #join .join-list-title li:hover { color: #ff9800 !important; } #join-title-active { font-size: 16px !important; color: #ff9800 !important; } #join .join-list { font-family: '微软雅黑'; } #join .join-list>li { padding: 1%; } #join .join-list>li>.title { letter-spacing: 2px; color: #333; font-family: '微软雅黑'; font-size: 20px; padding-bottom: 20px; } /*开创店铺*/ #join .join-list>li { padding: 50px 0px 100px 0px; display: none; } #join .join-list>li:first-child input, #join .join-list>li:first-child select, #join .join-list>li:first-child textarea { outline: none; } #join .join-list>li:first-child input:focus, #join .join-list>li:first-child textarea:focus { border: 1px solid #00a1ea !important; } #join .join-list>li:first-child { text-align: center; display: block; } #join .join-list>li:first-child>p { font-size: 16px; color: #333; } #join .join-list>li:first-child table { margin: auto; } #join .join-list>li:first-child table tr { margin-top: 27px; display: block; } #join .join-list>li:first-child table tr .title { text-align: right; width: 100px; padding-right: 20px; font-size: 14px; color: #333; } #join .join-list>li:first-child table tr td input { float: left; margin: 0; border: 1px solid #d4d4d4; border-radius: 4px; padding: 0px 8px; height: 36px; width: 320px; line-height: 36px; background: #fff; } #join .join-list>li:first-child table tr td .submit { margin: auto; } #join .join-list>li:first-child table tr td textarea { float: left; margin: 0; border: 1px solid #d4d4d4; border-radius: 4px; padding: 8px 8px; height: 120px; width: 320px; background: #fff; } #join .join-list>li:first-child table tr td select { padding: 0px 8px; float: left; width: 100px; display: inline-block; color: #333; border: 1px solid #d4d4d4; border-radius: 4px; margin-right: 40px; } #join .join-list>li:first-child table tr td #submit { margin: 0; cursor: pointer; border: 1px solid #d4d4d4; border-radius: 4px; padding: 0px 8px; height: 36px; width: 338px; line-height: 36px; background: #fff; color: #333; font-size: 14px; font-family: '微软雅黑'; } /*联系我们页面*/ #contact-us .nav { margin-top: 30px; padding: 10px 20px; border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; color: #999; font-size: 14px; font-family: '微软雅黑'; } #contact-us .pormpt { border-bottom: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; } #contact-us .pormpt p { text-align: center; padding: 10px 20px; font-family: '微软雅黑'; font-size: 14px; color: #666; } #contact-us .mail-add { padding: 30px 0 100px 0px; } #contact-us .mail-add .mail { float: left; width: 60%; } #contact-us .mail-add .mail .title { padding: 30px 0px; font-size: 16px; color: #666; font-family: '微软雅黑'; letter-spacing: 2px; } #contact-us .mail-add .mail input { width: 50%; padding: 10px; border-radius: 5px; background-color: #f1f2f4; margin-bottom: 30px; box-shadow: 2px 2px 5px #ebebeb inset; border: 1px solid #fff; } #contact-us .mail-add .mail textarea { background-color: #f1f2f4; margin-bottom: 30px; box-shadow: 2px 2px 5px #ebebeb inset; width: 86%; height: 200px; border: 0px; border-radius: 5px; resize: none; padding: 10px; border: 1px solid #fff; } #contact-us .mail-add .mail input, #contact-us .mail-add .mail textarea { outline: none; } #contact-us .mail-add .mail input:focus, #contact-us .mail-add .mail textarea:focus { border: 1px solid #00a1ea !important; } #contact-us .mail-add .mail #submit { color: #999; font-size: 16px; font-family: '微软雅黑'; box-shadow: none; background-color: #000; transition: background-color, color 0.5s, 0.5s; cursor: pointer; } #contact-us .mail-add .mail #submit:hover { background-color: #004471; color: #fff; } #contact-us .mail-add .mail span { font-size: 14px; color: #999; margin-left: 20px; font-family: '微软雅黑'; } #contact-us .mail-add .add { float: right; width: 40%; } #contact-us .mail-add .add .title { padding: 30px 0px; font-size: 16px; color: #666; font-family: '微软雅黑'; letter-spacing: 2px; text-align: left; } #contact-us .mail-add .add p { font-size: 14px; color: rgb(153, 153, 153); font-family: 微软雅黑; text-align: left; margin-bottom: 20px; } #contact-us .mail-add .add p:first-child { padding-left: 20px; background-position: center left; background-image: url(/uploads/image/pcimages/add_icon.png); background-repeat: no-repeat; } #contact-us .mail-add .add p:first-child p { padding-left: 20px; background-position: center left; background-image: url(/uploads/image/pcimages/tel_icon.png); background-repeat: no-repeat; } #contact-us .mail-add .add p:first-child p p { padding-left: 20px; background-position: center left; background-image: url(/uploads/image/pcimages/mail_icon.png); background-repeat: no-repeat; } #contact-us .mail-add .add p:first-child p p a { color: #333; } #contact-us .mail-add .add .wechat { margin-top: 100px; } #contact-us .mail-add .add .wechat div { float: left; } #contact-us .mail-add .add .wechat div p { text-align: center; } /*响应式*/ @media screen and (max-width:1200px) { td { display: block; width: 98%; } /*公用css文件*/ .this-1200 { width: auto; } .mr-0 { margin-right: auto !important; } body { min-width: auto; } /*首页*/ #nav>.nav { display: none; } #nav .logo { margin-left: 10px; } #nav .logo div { width: 150px; } #nav { height: 50px; } #nav .logo div { height: 50px; } #placeholder { height: 50px !important; } #nav .nav_m { width: 100%; height: 100%; display: block; } #nav .nav_m .menu { position: absolute; right: 10px; top: 11px; width: 22px; padding: 5px 10px; border: 1px solid #333; border-radius: 3px; } #nav .nav_m .menu span { display: block; width: 100%; margin-bottom: 5px; height: 2px; background-color: #fff; } #nav .nav_m .menu span:nth-of-type(3) { margin-bottom: 0px; } #nav .nav_m .nav_m-list { background-color: #333; display: none; margin-top: 50px !important; } #nav .nav_m .nav_m-list li { line-height: 40px; border-bottom: 1px solid #777; } #nav .nav_m .nav_m-list li a { height: 100%; width: 100%; display: block; padding-left: 10px; font-size: 14px; color: #f1f2f4; font-family: '微软雅黑'; } #nav .nav_m .nav_m-list li .more { display: block; background-image: ; background-repeat: no-repeat; background-size: 15px; background-position: 95% center; } #nav .nav_m .nav_m-list li .nav-list { border-top: 1px solid #777; background-color: #555; } #nav .nav_m .nav_m-list li .nav-list { display: none; } #nav .nav_m .nav_m-list li .nav-list .border-bottom-none { border-bottom: 0px; } #main .pro>.title { height: 50px; padding: 0px; } #main .pro>.title p:nth-of-type(2) { margin-top: 0px; line-height: 50px !important; font-size: 18px !important; font-family: '微软雅黑'; text-align: center; color: #fff !important; margin: auto; } #main .pro>.title p:nth-of-type(1) { display: none; } #main .pro .pro-list li { overflow: hidden; /*float:none;*/ width: 50%; text-align: center; } #main .pro .pro-list li .title p:first-child { font-size: 18px; } #main .pro .pro-list li img { width: 100%; } #main .pro .pro-list li .title p:first-child p { display: none; } #main .pro .pro-list { padding: 20px 0; } #main .news>.title { height: 50px; padding: 0px; } #main .news .more { padding: 15px; } #main .news>.title p:nth-of-type(2) { margin-top: 0px; line-height: 50px !important; font-size: 18px !important; font-family: '微软雅黑'; text-align: center; color: #fff !important; margin: auto; } #main .news>.title p:nth-of-type(1) { display: none; } #main .news .news-list { display: none; } #main .news .news-list li { overflow: hidden; float: none; width: 100%; } #main .news .news-list li .prompt { opacity: 1; width: 100%; } #main .news .news-list-m { display: block; } #main .news .news-list li { margin-right: 2%; float: left; width: 48%; margin-top: 2%; } #main .cooperation { display: none; } #main .cooperation-m { background-color: #212121; display: block; position: relative; } #main .cooperation-m .title { height: 50px; padding: 0px; text-align: center; line-height: 50px; } #main .cooperation-m .title p { font-family: '微软雅黑'; text-align: center; color: #fff; font-size: 18px; margin: auto; } #main .cooperation-m .cooperation-m-list { position: relative; left: 0px; } #main .cooperation-m .mask { position: absolute; left: 50%; margin-left: -103px; width: 206px; display: inline-block; overflow: hidden; } #main .cooperation-m .cooperation-m-list li { float: left; } #main .cooperation-m .cooperation-m-list li img { float: left; margin-bottom: 5px; } #main .cooperation-m .pre { margin-left: 10px; width: 30px; height: 130px; background: url(/uploads/image/pcimages/pre_m.png) no-repeat; float: left; opacity: 0.3; filter: progid:dximagetransform.microsoft.alpha(opacity=30); } #main .cooperation-m .next { margin-right: 10px; width: 30px; height: 130px; background: url(/uploads/image/pcimages/next_m.png) no-repeat; cursor: pointer; float: right; } #footer { padding: 5px 0px; } #footer .logo { display: none; } #footer .search { display: none; } #footer .contact-us { width: 100%; text-align: center; } #footer .contact-us p { display: none; } #footer .contact-us p:nth-of-type(1) { display: block; } #footer .contact-us p:nth-of-type(5) { display: block; } /*关于我们页*/ #about .nav { margin-top: 15px; } #about .content .about { padding: 10px; } #about .content .about .left { float: none; width: auto; } #about .content .about .left .title { font-size: 16px; text-align: center; line-height: 25px; font-weight: bold; } #about .content .about .right { float: none; width: auto; } #about .content .advantage ul { background-image: none; } #about .content .advantage ul>li { width: 50%; margin-bottom: 20px; } #about .content .progress .text { padding: 15px; } #about .content .cultrue .left { padding-top: 10px; width: auto; float: none; } #about .content .cultrue .left .title { text-align: center; } #about .content .cultrue .left .cultrue-list { text-align: center; } #about .content .cultrue .left .cultrue-list p { margin-top: 50px; } #about .content .cultrue .right { float: left; width: auto; padding: 10px; } #about .content .video .video-list li { margin: 0px; float: none; width: auto; margin-top: 10px; overflow: hidden; } #about .hostpot-news { padding: 10px; } #about .hostpot-news li { width: auto; float: none; margin-right: 0px; margin-bottom: 10px; } /*产品列表页*/ #pro-list .pro-list .left { display: none; } #pro-list .link { display: none; } #pro-list .pro-list { margin-top: 0px; } #pro-list .pro-list .right { padding: 20px; width: auto; float: none; } #pro-list .pro-list .right li { width: 80%; float: none; margin: auto; } /*产品详细页*/ #pro-view .content { padding: 15px; margin-top: 0px; } #pro-view .content .name { margin-left: 0px; } #pro-view .content .img img { width: 100%; } #pro-view .content .details { padding: 0px; } #pro-view .content .details img { max-width: 100%; } /*商用租赁页*/ #commercial .commercial-list .left { float: none; width: auto; height: auto; } #commercial .commercial-list .list { float: none; width: auto; height: auto; padding: 20px; } #commercial .commercial-list .list img { margin: auto; } #commercial .news-list { padding: 10px; } #commercial .news-list li { float: none !important; width: auto !important; margin-bottom: 10px; margin-right: 0px !important; } #rx { margin: auto; padding: 20px 0px; overflow: hidden; text-align: center; } #rx .rx_l { font-weight: bold; } #rx .rx_r { font-weight: bold; font-size: 12px; font-family: '微软雅黑'; line-height: 30px; } #rx .er { padding-top: 10px; } #rx .er_zi { font-family: "微软雅黑"; font-size: 12px; line-height: 20px; } /*新闻列表页*/ #news .nav { margin-top: 15px; } #news .news-list, #news .hostpot-news { display: none; } #news .hostpot-news-m { padding: 10px; display: block; } #news .hostpot-news li { width: auto; float: none; margin-right: 0px; margin-bottom: 10px; } #news .activity .activity-list { display: none; } #news .activity .activity-list-m { display: block; padding: 10px; } #news .activity .activity-list-m img { width: 100%; } #news .activity .activity-list-m .title { padding: 10px 10px; font-size: 20px; color: #333; font-family: '微软雅黑'; } #news .activity .activity-list-m .time { color: #999; padding: 10px 10px; font-family: '微软雅黑'; font-size: 16px; } /*新闻内页*/ #news-view .nav { margin-top: 15px } #news-view .content { padding: 10px; } #news-view .content * { max-width: 100% !important; } /*加盟页面*/ #join .nav { margin-top: 15px; } #join .content { padding: 15px; } #join .content .left { display: none; } #join .content .right { width: auto; float: none; } #join .content .right .h1 { font-size: 25px; } #join .join-list>li:first-child table tr .title { display: none; } #join .join-list>li { padding: 30px 15px; } /*联系我们页面*/ #contact-us .nav { margin-top: 15px; } #map { padding: 10px !important; min-width: auto !important; } #wrap { width: auto !important; } #contact-us .pormpt { margin-top: 50px; } #contact-us .mail-add { padding: 30px 0 50px 0px } #contact-us .mail-add .mail { float: none; padding: 10px; width: auto; } #contact-us .mail-add .add { width: auto; float: none; padding: 10px; } #contact-us .mail-add .add .wechat { margin-top: 0px; } } /*#banner li{ transition: opacity 1s; }*/ #banner li img { transform: scale(1.2); transition: transform 0s linear; } .suoxiao img { transform: scale(1) !important; transition: transform 4s linear !important; }