/** @name: layuinetcompany - 大气风格的网络公司企业模版 @author: xuxingyu @copyright: layui.com */ body{background: #fff;} .clear{ clear:both; } .ovfhiden{overflow: hidden;height: 100%;} .layui-btn{ border: 1px solid #007dc5; background-color: #007dc5; } .layui-btn-primary{ border: 1px solid #e6e6e6; background-color: #f6f6f6; color: #666666; } .navigation {padding: 30px 0px;display: block;clear: both} .nav-links{text-align: center} .pagination{} .navigation a, .navigation span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px; } .navigation a{ padding: 0; } .navigation .prev,.navigation .next{ margin:0px; padding: 0px; background: none; } .navigation svg,.navigation .screen-reader-text{ display: none; } .navigation a, .navigation span{margin:0px;} .navigation .dots{background: #e3e3e3} .navigation span{font-size: 18px; line-height: 40px; height: 40px; border-radius: 3px; color: #e3e3e3;color: #fff; background: #007dc5;} .navigation a{font-size: 18px; line-height: 40px; height: 40px; margin:10px 5px; border-radius: 3px; color: #007dc5;} #page .layui-laypage{display: block; text-align: center; margin: 50px 0px;} #page .layui-laypage-curr em{color: #fff; background: #007dc5;} /*小屏幕*/ @media screen and (max-width: 768px){ /*.navigation a, .navigation span{padding: 0 8px;margin: 10px 5px;} .navigation .next {margin:0px;padding:0px;} .navigation .nav-next-text {margin:0px;padding: 0 8px}*/ .navigation a{font-size:14px; padding: 0 10px;} .navigation span{font-size:14px;} } /*大屏幕*/ @media screen and (min-width: 769px){ .navigation a{padding: 0 10px;} /*.navigation span{ line-height: 40px; height: 40px;padding: 0 15px} .navigation a{ line-height: 40px; height: 40px; padding: 0 15px}*/ } .page-banner-arrow { position: absolute; top: 0; left: 50%; width: 30px; height: 30px; margin-left: -12px; border-left: 4px solid #fff; border-bottom: 4px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes sdb05 { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } /** page */ .main-page{background: #fff;} .main-page .main-page-title {padding: 50px 0px;font-size:18px;text-align:center} .main-page .main-page-title h2{ font-weight: 500; padding: 2px; padding: 0 26px; display: inline-block; font-size: 32px; color: rgb(0, 0, 0);} .main-page .main-page-title i { display: inline-block; width: 190px; border-top: 1px solid #e3e3e3; vertical-align: middle; margin-top: -17px; } .main-page .main-page-title p { margin-top: 40px; line-height: 30px; font-size: 16px; color: #666; width: 50%; margin: 30px auto; word-break: keep-all; } .main-page-title1{font-size: 27px; margin-bottom: 20px; margin-top: 40px; color: #181717; text-align: center;} .main-page-line{ border-bottom: 1px dotted #999;height:15px;margin-bottom:15px;} /*小屏幕*/ @media screen and (max-width: 768px){ .main-page .main-page-title h2{ font-size: 24px; } .main-page .main-page-title{padding: 20px 0px;} .main-page .main-page-title i{width: 60px;} .main-page{margin-bottom:0px;} .main-page .main-page-title p { margin-top: 40px; line-height: 30px; font-size: 16px; color: #666; width: 100%; margin: 15px auto; text-align:left; } } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 首页 */ /*导航部分*/ /*小屏幕*/ @media screen and (max-width: 768px){ .nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #ccc; background: #fff; z-index: 999;transition: 0.3s} .nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);} .nav.scroll{ } .nav .layui-container{position: relative; transition: all 400ms ease-out;} .nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;} .nav .nav-list{display: inline-block; height: 80px;} .nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;} .nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;} .nav .nav-list button span.spa1{transform: rotate(45deg);} .nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);} .nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;padding: 0px;margin: 0px;} .nav .layui-nav .layui-nav-item{display: block; line-height: 60px;} .nav .layui-nav *{font-size: 18px;} .nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;} .nav .layui-nav .layui-nav-item .layui-nav-more{} .nav .layui-nav .layui-this a ,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;} .nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover{ color:#007dc5;} .nav .layui-nav .layui-nav-item dl a:hover {background-color: #007dc5; color:#fff;} .nav .nav-list button span{background:#007dc5;} .nav .layui-nav .layui-nav-more{border-color: #007dc5 transparent transparent;border-top-color: #007dc5;} .nav .layui-nav .layui-nav-mored,.nav .layui-nav-itemed>a .layui-nav-more { border-color: transparent transparent #007dc5;} .nav-logo img{width:180px;} .nav{overflow: hidden;position: fixed; left: 0; top: 0;} .nav.scroll{ background: #fff; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s;} .nav .layui-nav{box-shadow: none} .nav .layui-nav .layui-nav-item a{padding:0px 10px;font-size: 14px;} .nav .layui-nav .layui-nav-item .layui-nav-child a{padding: 0px 20px;font-size: 13px;background: #f0f0f0;color: #666;} .nav .layui-nav font{font-size: 16px;} .nav .layui-nav .layui-nav-child a font{font-size: 16px;} .nav .layui-nav-bar, .nav .layui-nav .layui-this:after{ background-color:#007dc5;height:45px} .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{ background-color:#fff;color: #007dc5; } .layui-nav-tree .layui-this>a{background-color:#fff;color: #007dc5; border-left: 5px solid;} .layui-nav-tree .layui-nav-itemed>a{background-color:#fff;color: #007dc5; border-left: 5px solid;} .nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover { color: #007dc5; } .layui-nav-tree .layui-nav-item a:hover{background-color:#fff;} .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{color:#007dc5!important} .nav .layui-nav-child{border-radius:0px;} } /*大屏幕*/ @media screen and (min-width: 769px){ .nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #ccc; background: #fff; z-index: 999;transition: 0.3s} .nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);} .nav.scroll{ } .nav .layui-container{position: relative; transition: all 400ms ease-out;} .nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;} .nav .nav-list{display: inline-block; height: 80px;} .nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;} .nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;} .nav .nav-list button span.spa1{transform: rotate(45deg);} .nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);} .nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;padding: 0px;margin: 0px;} .nav .layui-nav .layui-nav-item{display: block; line-height: 60px;} .nav .layui-nav *{font-size: 18px;} .nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;} .nav .layui-nav .layui-nav-item .layui-nav-more{} .nav .layui-nav .layui-this a ,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;} .nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover{ color:#007dc5;} .nav .layui-nav .layui-nav-item dl a:hover {background-color: #007dc5; color:#fff;} .nav .nav-list button span{background:#007dc5;} .nav .layui-nav .layui-nav-more{border-color: #007dc5 transparent transparent;border-top-color: #007dc5;} .nav .layui-nav .layui-nav-mored,.nav .layui-nav-itemed>a .layui-nav-more { border-color: transparent transparent #007dc5;} .nav .layui-container{} .page-nav{background:none;box-shadow:none;} .nav .layui-nav-more{display:none;} .nav .layui-nav-child{border: none} .nav .layui-nav .layui-nav-item a { height: 60px; line-height: 60px; cursor: pointer; } .nav .layui-nav .layui-nav-item li a { height: 30px; line-height: 30px; font-size:14px; display:block; padding:0px 40px 0px 20px; } .nav .layui-nav{top: 25px;} .nav .layui-nav .layui-nav-child a font{font-size: 14px;} .home .nav{background:none;box-shadow:none;} .page-nav.nav .layui-nav .layui-nav-item a{ color:#fff; } .page-nav.nav .layui-nav .layui-nav-item .layui-nav-child a{ color:#666; } .page-nav.nav .layui-nav .layui-nav-item .layui-nav-child a:hover{ color:#fff; background-color: #007dc5; } .page-nav .layui-nav-bar, .page-nav .layui-nav .layui-this:after{ background-color:#fff!important;} .nav .layui-nav-bar,.nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;} .nav .layui-nav-bar, .nav .layui-nav .layui-this:after{ background-color:#007dc5;} .nav .layui-nav-child{padding: 0px;top:60px;} } /*轮播*/ #banner1 img{width: 100%; height: 500px;} #banner1 .panel{width: 580px; position: absolute; top: 32%; left: 35%; margin-left: -200px; text-align: left;} #banner1 .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;} #banner1 .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 3px; font: 52px/61px 'centrale_sans_bold', tahoma, helvetica, arial, verdana, sans-serif; margin: 63px 0px 0 0; color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);} #banner1 .panel p a{ letter-spacing: 3px; color: #fff; font: 14px/14px tahoma, helvetica, arial, verdana, sans-serif; display: inline-block; min-width: 38px; padding: 11px 18px 10px 24px; text-decoration: none; border-radius: 0px; box-shadow: 0 0 5px #d9d8d9; background: linear-gradient(90deg, #0468a3, #5d9cd3); } #banner1 .panel p a:hover { background: #33b3ed; color: #fff; opacity: 1; } .home-banner .layui-carousel{background:none;} .home-banner .layui-carousel ul{background:none;} .home-banner .layui-carousel ul li{background:none;} .home-banner .layui-carousel>[carousel-item]>*{background:none;} .home-banner .layui-carousel>[carousel-item]:before{content:""} /*小屏幕*/ @media screen and (max-width: 768px){ #banner1 .panel{ width:350px;margin-left:-85px;} #banner1 .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 3px; font: 30px/61px 'centrale_sans_bold', tahoma, helvetica, arial, verdana, sans-serif; margin: 63px 43px 0 0; color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } } /*大屏幕*/ @media screen and (min-width: 769px){ .home-banner .layui-carousel-arrow{ width: 80px; height: 80px; font-size: 50px; } } /*主体—首页栏目*/ .main-list{ margin-bottom:50px;} .main-list .item .item-thumb{} .main-list .item .item-thumb img { display:block; width: 100%; } .main-list .item .item-thumb img:hover { transition: 2s; transform: scale(1.2,1.2); } .main-list .item .item-thumb h3{ background: #0468a3; background: linear-gradient(90deg, #0468a3, #5d9cd3); -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#0468a3', endcolorstr='#5d9cd3', gradienttype=1)"; font-size: 22px; color: #fff; font-weight: normal; padding-left: 18px; min-height: 66px; padding:10px 0px 0px 15px; position: absolute; width: 100%; bottom: 0; } .main-list .layui-row .item{ cursor: pointer; position: relative; margin-bottom: 20px; overflow: hidden; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); -webkit-transition: none 0.4s ease-out 0; -moz-transition: none 0.4s ease-out 0s; -ms-transition: none 0.4s ease-out 0; -o-transition: none 0.4s ease-out 0; transition: none 0.4s ease-out 0; } .main-list .item .item-content{display:none;padding:30px;line-height:30px;word-break: keep-all;} .main-list .item .item-content img{max-height:350px; } .main-list .item .item-content h3{font-size: 22px;text-align:center;margin-bottom:1.25em;} .main-list .item .item-content p{text-indent: 0em; color: #333; line-height: 26px;margin-bottom:1em;font-size:14px;} .main-list .item .item-content ul li{margin:0px;padding:7px 0px 2px 0px;border-bottom:1px dashed #dedede;} .main-list .item .item-content ul li p{margin:0px;padding:0px;line-height: 20px;} /*小屏幕*/ @media screen and (max-width: 768px){ .main-list .layui-row>div:nth-child(1) .item:nth-child(1){width:324px;height:207px;} .main-list .layui-row>div:nth-child(1) .item:nth-child(2){width:324px;height:207px;} .main-list .layui-row>div:nth-child(2) .item:nth-child(1){width:324px;height:207px;} .main-list .layui-row>div:nth-child(2) .item:nth-child(2){width:324px;height:207px;} .main-list .item .item-content img{display:block;width:100%;} .main-list .item .item-content h3{margin-top:30px;} .main-list .item .item-thumb h3{ min-height: 48px; } .main-list .item .item-content p{font-size:12px;} } /*大屏幕*/ @media screen and (min-width: 769px){ .main-list .layui-row>div:nth-child(1) .item:nth-child(1){width:304px;height:207px;float:right;margin-right:20px;} .main-list .layui-row>div:nth-child(1) .item:nth-child(2){width:388px;height:284px;float:right;margin-right:20px;} .main-list .layui-row>div:nth-child(2) .item:nth-child(1){width:472px;height:332px;} .main-list .layui-row>div:nth-child(2) .item:nth-child(2){width:388px;height:284px;} } /*主体—产品*/ .main-product{padding-top: 90px; padding-bottom: 130px;} .main-product p{font-size: 16px; color: #ababab; line-height: 28px;} .main-product p.title ,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;} .main-product p.title span ,.main-service p.title span{color: #2db5a3;} .main-product .content{border: 1px solid #dedede; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s;} .main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;} .main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-product .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-product .content img{transition: 2s;} .main-product .content img:hover{transform: rotatey(180deg);} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /*主体-服务*/ .main-service{background: #f8f8f8;} .main-service .content{position: relative;} .main-service .content .content-left{width: 50%;} .main-service .content .content-left img{width: 100%;} .main-service .content .content-right{box-sizing: border-box; background: #fff; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;} .main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;} .main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;} .main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} .main-service .content .content-right:hover{box-shadow: 2px 2px 2px #eee; transition: 0.3s;} .main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;} .main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #fff; background: #7fd3c6; border-radius: 3px;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /*底部*/ .footer{margin-top: 15px;padding-bottom: 70px; background: #5e6664; background: linear-gradient(to bottom right,#003655 0,#0066a1 50%,#0096ee 100%); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#0066a1, endcolorstr=#0096ee);} .footer .footer-web{padding-top: 50px; padding-bottom: 63px;} .footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;} .footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;} .footer .footer-contact{color: #fff;} .footer .footer-contact a{color: #a5aaa9;} .footer .footer-contact .contact-top{padding-top: 20px; line-height: 30px;} .footer .footer-contact .contact-bottom{line-height: 35px;} .footer .footer-link{ padding: 40px 0; } .footer ul{ margin-bottom:15px; } .footer ul li{ line-height:25px; color: #b3c8e6; } .footer ul li p{ font-weight:bold; } .footer h4 { padding: 10px 0; font-size: 16px; font-weight: 700; color: #b3c8e6; } .footer span { color: #fff; } .footer a { line-height: 27px; font-size: 12px; color: #fff; text-decoration: none; } .footer .footer-info{ margin: auto; padding: 25px 0 0; border-top: 1px dotted #9ccde8; color: #7b7b7b;color: #b3c8e6;font-size:14px padding-bottom: 40px; text-align: center;} .footer .footer-info a { margin-left: 10px; color: #b3c8e6;} .footer .footer-phone{font-size:18px;} /*小屏幕*/ @media screen and (max-width: 768px){ .footer .footer-link .layui-row>div{ } } /*大屏幕*/ @media screen and (min-width: 769px){ .footer .footer-link .layui-row>div{width: 20%} } /** 产品 */ .banner{height: 320px; margin-top: 80px;} .banner.product{background: url(/uploads/image/wtmimg/nav_img1.jpg) no-repeat center top; background-size: cover;} .main.product{padding: 30px 0 75px 0;} .main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;} .main.product .content .content-img{text-align: center;} .main.product .content .content-img img{max-width: 100%;} .main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;} .main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;} .main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 动态 */ /*.banner.news{background: url(/uploads/image/wtmimg/nav_img3.jpg) no-repeat center top; background-size: cover;} .banner .title{padding-top: 170px;} .banner .title.active{padding-top: 120px; transition: 1.5s;} .banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;} .banner .title p.en{font-size: 20px; letter-spacing: 3px;} .main-news{padding: 70px 0 80px 0;} .main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;} .main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;} .main-news .content .news-img img{max-width: 90%;} .main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;} .main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .main-news .content .news-panel p.detail{color: #777; line-height: 24px;} .main-news .content .news-panel p.read-push{color: #aaa; padding-top: 5px;} .main-news #newspage .layui-laypage{display: block; text-align: center; margin-top: 70px;} .main-news #newspage .layui-laypage a,.main-news #newspage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}*/ /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /*动态详情页*/ .main-newsdate{margin-top: 80px; text-align: center;} .main-newsdate .news{text-align: left; line-height: 104px;} .main-newsdate h1{padding-top: 6px;} .main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;} .main-newsdate .introtop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;} .main-newsdate .introbott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;} .main-newsdate img{max-width: 100%;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 案例 */ .banner.case{background: url(/uploads/image/wtmimg/nav_img2.jpg) no-repeat center top; background-size: cover;} .main-case{background: #eeeeee;} .main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;} .main-case .content.even{margin-left: 2%;} .main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;} .main-case .content .case-img img{width: 100%; transition: 2s;} .main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;} .main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;} .main-case .content p{font-size: 18px; line-height: 32px; color: #505050;} .main-case #casepage .layui-laypage{display: block; text-align: center; margin-top: 100px;} .main-case #casepage .layui-laypage a,.main-case #casepage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;} .main-case .main-case-title {height:70px;overflow:hidden;padding: 0px 10px;font-size:18px;background:#fff;} .main-case .main-case-title a{border-radius: 3px; padding: 10px; color: #666666; line-height: 70px;} .main-case .main-case-title a:hover{background: #f3f3f3;color: #007dc5;} .main-case .main-case-title .title-active { background: #33b3ed; color: #ffffff;} .main-case .main-case-title .title-active:hover { background: #33b3ed; color: #ffffff;} .main-case .main-case-content .layui-row>div>div{ position: relative; margin:15px; border-radius: 5px; background:#fff; padding-bottom:15px; overflow:hidden; } .main-case .main-case-content .layui-row>div>div:hover{ transform: translatey(-2px); -webkit-transform: translatey(-2px); -moz-transform: translatey(-2px); -ms-transform: translatey(-2px); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; box-shadow: 0px 5px 10px #666; behavior: ; -moz-box-shadow: 0px 5px 10px #666; -webkit-box-shadow: 0px 5px 10px #666; } .main-case .main-case-content .layui-row>div>div p{padding:8px 20px;} .main-case .main-case-content .title{font-size:20px;} .main-case .main-case-content .desc{color: #666;} .main-case .main-case-content .btn{text-align:right;} .main-case #page .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 新闻列表 */ .banner.news{background: url(/uploads/image/wtmimg/nav_img2.jpg) no-repeat center top; background-size: cover;} .main-news{background: #eeeeee;} .main-news .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;} .main-news .content.even{margin-left: 2%;} .main-news .content .news-img{border: 1px solid #e2e2e2; overflow: hidden;} .main-news .content .news-img img{width: 100%; transition: 2s;} .main-news .content .news-img img:hover{transform: scale(1.2,1.2); transition: 2s;} .main-news .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;} .main-news .content p{font-size: 18px; line-height: 32px; color: #505050;} .main-news #newspage .layui-laypage{display: block; text-align: center; margin-top: 100px;} .main-news #newspage .layui-laypage a,.main-news #newspage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;} .main-news .main-news-title {height:70px;overflow:hidden;padding: 0px 10px;font-size:18px;background:#fff;} .main-news .main-news-title a{border-radius: 3px; padding: 10px; color: #666666; line-height: 70px;} .main-news .main-news-title a:hover{background: #f3f3f3;color: #007dc5;} .main-news .main-news-title .title-active { background: #33b3ed; color: #ffffff;} .main-news .main-news-title .title-active:hover { background: #33b3ed; color: #ffffff;} .main-news .main-news-content .layui-row>div>div{ position: relative; margin:15px; border-radius: 5px; background:#fff; padding-bottom:15px; overflow:hidden; } .main-news .main-news-content .layui-row>div>div:hover{ transform: translatey(-2px); -webkit-transform: translatey(-2px); -moz-transform: translatey(-2px); -ms-transform: translatey(-2px); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; box-shadow: 0px 5px 10px #666; behavior: ; -moz-box-shadow: 0px 5px 10px #666; -webkit-box-shadow: 0px 5px 10px #666; } .main-news .main-news-content .title{font-size:20px;min-height: 55px;padding:8px 20px;} .main-news .main-news-content .desc{color: #666;padding:8px 20px;height: 54px; overflow: hidden} .main-news .main-news-content .btn{text-align:right;padding:8px 20px;} .main-news .main-news-content .img{text-align: center} .main-news .main-news-content img{height: 250px;} .main-news .main-news-content1{ padding:15px 0px; } .main-news .main-news-content1 .left{ margin-right:15px; } .main-news .main-news-content1 .entry-title{ margin:15px 0px; border-bottom:1px dashed #ddd; padding-bottom:15px; } .main-news .main-news-content1 .entry-meta{ text-align: right; padding:5px 15px; margin-bottom: 15px; border-bottom:1px dashed #ddd; display:none; } .main-news .main-news-content1 .entry-content{ } .main-news .main-news-content1 .entry-footer{ text-align: center; } .main-news .main-news-content1 .left-title span{ color:#666; } .main-news .main-news-content1 .left img{ max-width:100%;display:block;;margin: 0px auto; } .main-news .main-news-content1 .left .navigation {width: 280px;margin: 0px auto} .main-news .main-news-content1 .nav-previous{float: left} .main-news .main-news-content1 .nav-next{float: left} .main-news .main-news-content1 .right li{border-bottom: 1px dashed #dedede;padding: 10px 0px;list-style:disc outside none !important ;margin-left: 20px;} .main-news .main-news-content1 .screen-reader-text{display: none} .main-news .main-news-content1 .post-title{display: none} .main-news .main-news-content1 .navigation a{margin: 0px;} /*小屏幕*/ @media screen and (max-width: 768px){ .main-news .main-news-content1 .left{ margin-left:15px; } .main-news .main-news-content img{} } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 品牌荣誉 */ .main-prize{padding-bottom: 30px;} .main-prize .main-prize-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-prize .main-prize-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-prize .main-prize-content p.title span{color: #2db5a3;} .main-prize .main-prize-content .content{border: 1px solid #dedede; padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-prize .main-prize-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;} .main-prize .main-prize-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-prize .main-prize-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-prize .main-prize-content .content img{width:100%;display:block} /** 品牌详情 */ .main-barnd_desc{padding-bottom: 30px;} .main-barnd_desc .main-barnd_desc-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-barnd_desc .main-barnd_desc-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-barnd_desc .main-barnd_desc-content p.title span{color: #2db5a3;} .main-barnd_desc .main-barnd_desc-content .content{border: 1px solid #dedede; padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-barnd_desc .main-barnd_desc-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;} .main-barnd_desc .main-barnd_desc-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-barnd_desc .main-barnd_desc-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-barnd_desc .main-barnd_desc-content .content img{width:100%;display:block} /** 网站地图 */ .main-map{padding-bottom: 30px;} .main-map .main-map-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-map .main-map-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-map .main-map-content p.title span{color: #2db5a3;} .main-map .main-map-content .content{border: 1px solid #dedede; padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-map .main-map-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;} .main-map .main-map-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-map .main-map-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-map .main-map-content .content img{width:100%;display:block} .main-map .main-map-content h4{font-size:18px;line-height:48px} /*大屏幕*/ @media screen and (min-width: 769px){ .main-map .main-map-content {width:800px;} .main-map .main-map-content .layui-row>div{width:25%!important} } /** 经销商 */ .main-bistributor{padding-bottom: 30px;} .main-bistributor .main-bistributor-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-bistributor .main-bistributor-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-bistributor .main-bistributor-content p.title span{color: #2db5a3;} .main-bistributor .main-bistributor-content .content{border: 1px solid #dedede; padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-bistributor .main-bistributor-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;} .main-bistributor .main-bistributor-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-bistributor .main-bistributor-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-bistributor .main-bistributor-content .content img{width:100%;display:block} .main-bistributor .main-bistributor-content #ditucontent{width:100%;height:550px;text-align: center;margin: 0px auto;} .main-bistributor .main-bistributor-content .select {padding-bottom: 30px;text-align: center;margin-top: 40px;line-height: 30px;font-size: 16px;color: #666;} .main-bistributor .main-bistributor-content .select select {background: #1a305c;width: 200px;font-size: 15px;height: 30px;text-align: center;color: #ffffff;} /*小屏幕*/ @media screen and (max-width: 768px){ .main-bistributor .main-bistributor-content .select select{ width:90%;margin:10px auto;} } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 美辰生活馆 */ .main-default{padding-bottom: 30px;} .main-default .main-default-content{ padding-bottom: 30px;} .main-default .main-default-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-default .main-default-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-default .main-default-content p.title span{color: #2db5a3;} .main-default .main-default-content .content{border: 1px solid #dedede; padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-default .main-default-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;} .main-default .main-default-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-default .main-default-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-default .main-default-content .content img{width:100%;display:block} .main-default .main-default-content .p1{ padding-top:44px; color:#33b3ed; font-size:25px; line-height:26px; height:26px;text-align:center;} .main-default .main-default-content .p2{ color:#666; margin-top: 40px;font-size: 16px;text-align:center;} .main-default .main-default-content .p3{ margin-top:30px; font-size:12px; color:#f0f0f0;text-align:center;} .main-default .main-default-content .p4{ color:#666; margin-top:10px; line-height:20px; height:62px; overflow:hidden; font-size:15px;font-weight: normal;text-align:center;} .main-default .main-default-content1 li {margin-bottom: 12px;margin-top: 12px;background-color: #f7f7f7;overflow: hidden;padding: 10px;border: 1px solid #ccc;border-radius: 5px;} .main-default .main-default-content1 li .pic_hp {} .main-default .main-default-content1 li .pic_hp img {max-width:100%;margin-bottom: 10px;} .main-default .main-default-content1 li .title_hp {margin-bottom: 10px;border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-left: 15px} .main-default .main-default-content1 li .title_hp h3 {font-size: 24px;color: #333;line-height: 35px;overflow: hidden;} .main-default .main-default-content1 li .intro_hp {margin-left: 15px} .main-default .main-default-content1 li .intro_hp p {font-size: 16px;line-height: 21px;margin-bottom: 10px;color: #666;} /*小屏幕*/ @media screen and (max-width: 768px){ .main-default .main-default-content1 .items{width:100%;margin:0px auto;overflow:hidden} .main-default .main-default-content figure{margin:0px;} } /*大屏幕*/ @media screen and (min-width: 769px){ .main-default .main-default-content1 .items{width:90%;margin:0px auto;overflow:hidden} .container{border: 1px solid #bdbdbd;} } /** 联系我们 */ .main-contact{padding-bottom: 30px;} .main-contact .main-contact-content p{} .main-contact .main-contact-content p.title {font-size: 25px; line-height: 28px; color: #1c7dc7; text-align: left;margin-bottom: 15px; } .main-contact .main-contact-content p.title a{ color: #1c7dc7;} .main-contact .main-contact-content .content{width: 90%;margin:0px auto;} .main-contact .main-contact-content img{margin: 0px auto;width: 130px;display: block} .main-contact .main-contact-content .clear{padding: 50px 0px 15px 0px} .main-contact .main-contact-content .conctxt{ line-height: 26px; text-align: left; padding-left: 0; font-size: 14px; color: #454545;} .main-contact .main-contact-content .conctxt2{ line-height: 26px; text-align: left; padding-left: 0; font-size: 14px; color: #454545;} /*小屏幕*/ @media screen and (max-width: 768px){ .main-contact .main-contact-content img{ margin: 15px auto} } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 政企采购 */ .main-company{padding-bottom: 30px;} .main-company .main-company-content .content{text-align:center;} .main-company .main-company-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-company .main-company-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-company .main-company-content p.title span{color: #2db5a3;} .main-company .main-company-content .content{ padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-company .main-company-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;} .main-company .main-company-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-company .main-company-content .content img:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-company .main-company-content .content img{display: block;max-width: 100%} .main-company .main-company-content1 .content{text-align:center;} .main-company .main-company-content2{width:100%;overflow:hidden} .main-company .main-company-content2 img{width:100%;} .main-company .main-company-content3 .content{ } .main-company .main-company-title3{text-align:left;} .main-company .main-company-title3 h2{ padding: 0px ; margin-bottom: 20px; border-bottom: 1px solid #007dc5; padding-bottom: 10px; width:100%; } .main-company .main-company-title3 h2 span { border-radius: 3px 3px 0 0; padding: 12px 20px; background-color: #007dc5; color: #ffffff; } .main-company .main-company-content3 h3 span { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; background-color: #007dc5; color: #ffffff; } .main-company .main-company-content3 .item{ padding-left:15px; } .main-company .main-company-content3 h4 { margin-top: 10px; margin-bottom: 10px; padding-left:70px; font-size:20px; } .main-company .main-company-content3 .tel { padding-left: 20px; background-image: url(/uploads/image/wtmimages/company_tel.png); background-repeat: no-repeat; background-position: center left; background-size: 14px 14px; font-size: 16px; color: #333; margin:5px 0px; } .main-company .main-company-content3 .fixeds { padding-left: 20px; background-image: url(/uploads/image/wtmimages/company_fixeds.png); background-repeat: no-repeat; background-position: center left; background-size: 14px 14px; font-size: 16px; color: #333; margin:5px 0px; } .main-company .main-company-content3 .email { padding-left: 20px; background-image: url(/uploads/image/wtmimages/company_email.png); background-repeat: no-repeat; background-position: center left; background-size: 14px 14px; font-size: 1.4em; margin:5px 0px; } .main-company .main-company-content3 .email a{ font-size: 16px; color: #333; } .main-company .main-company-content3 .intro { margin-top: 10px; font-size: 16px; color: #333; height:80px; padding-right:20px; line-height:25px; } .main-company .main-company-title4{text-align:left;} .main-company .main-company-title4 h2{ padding: 0px ; margin-bottom: 20px; border-bottom: 1px solid #007dc5; padding-bottom: 10px; width:100%; } .main-company .main-company-title4 h2 span { border-radius: 3px 3px 0 0; padding: 12px 20px; background-color: #007dc5; color: #ffffff; } .main-company .entry-header{display:none;} .main-company .edit-link{display:none;} .layui-input, .layui-textarea { display: block; width: 100%; padding-left: 10px; } .entry-content input, .entry-content select, .entry-content textarea { height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px; display: block; width: 100%; padding-left: 10px; border: #007dc5 solid 1px; } .entry-content .wpcf7-submit{ display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; border: 1px solid #007dc5; background-color: #007dc5; width:100px; } .entry-content textarea { min-height: 100px; height: auto; line-height: 20px; resize: vertical; } .entry-content .your-province{display:none} .entry-content .your-city{display:none} .entry-content .your-district{display:none} /*小屏幕*/ @media screen and (max-width: 768px){ .main-company .main-company-content3 .item{margin:30px 0px;} .main-company .main-company-title3 h2{ font-size:18px; } .main-company .main-company-title3 h2 span { border-radius: 3px 3px 0 0; padding: 12px 20px; background-color: #007dc5; color: #ffffff; } } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 零售事业部 */ .main-retail{} .main-retail .main-retail-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-retail .main-retail-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-retail .main-retail-content p.title span{color: #2db5a3;} .main-retail .main-retail-content .content{border: 1px solid #dedede; padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-retail .main-retail-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;} .main-retail .main-retail-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-retail .main-retail-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-retail .main-retail-content .content img{width:100%;display:block} .main-retail .main-retail-bg4{background:#fff;padding-bottom:20px;} .main-retail .main-retail-content4 li.layui-this:after, .main-retail .main-retail-content4 .layui-tab-title .layui-this:after{border:none;} .main-retail .main-retail-content4 .layui-tab-title{border:none; width:500px;margin:10px auto; } .main-retail .main-retail-content4 .layui-tab-title li{ transition-duration: .5s; -webkit-transition-duration: .5s; width: 22%; text-align:center; height: 40px; line-height: 40px; border: 1px solid #292929; color: #292929; cursor: pointer; margin: 0px 10px; font-size: 16px; } .main-retail .main-retail-content4 .layui-tab-title li.layui-this{ background: #33b3ed; border-color: #33b3ed; color: #ffffff; } .main-retail .main-retail-content4 h2 { font-weight: 500; padding: 2px; padding: 30px 30px 0px 0px; display: inline-block; font-size: 32px; color: rgb(0, 0, 0); } .main-retail .main-retail-content4 p { line-height: 36px; font-size: 16px; color: #666; margin-top: 20px; text-indent: 0px; } .main-retail .main-retail-content4 img{margin:10px;} /*小屏幕*/ @media screen and (max-width: 768px){ .main-retail .main-retail-content4 .layui-tab-title{ width:100%;} .main-retail .main-retail-content4 .layui-tab-title li{ height: 25px; line-height: 25px; margin: 0px 5px; font-size: 14px; } } /*大屏幕*/ @media screen and (min-width: 769px){ } /** 服务中心 */ .main-center{padding-top: 90px; padding-bottom: 130px; text-align:left;} .main-center .main-center-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-center .main-center-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-center .main-center-content p.title span{color: #2db5a3;} .main-center .main-center-content .content{border: 1px solid #dedede; padding-bottom: 30px; transition: 0.3s;margin:10px;} .main-center .main-center-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;} .main-center .main-center-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;} .main-center .main-center-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;} .main-center .main-center-content .content img{width:100%;display:block} .main-center .main-center-content1{} .main-center .main-center-content1 .title{font-size: 18px; color: #000; margin-bottom: 10px; font-weight: normal; margin-top: 25px;} .main-center .main-center-content1 .content{ color: #555; line-height: 20px; padding-left: 18px; background-position: 6px 9px; margin-bottom: 6px; font-size: 16px; } .main-center .main-center-content1 .content ul li{ padding: 10px 0; list-style: disc outside none; } .main-center .main-center-content1 .content .item{ border: 1px solid #e2e1e1; padding: 14px 0; border-radius: 4px; overflow: hidden; margin-right: 20px; } .main-center .main-center-content1 .content .item{ border: 1px solid #e2e1e1; padding: 14px 0; border-radius: 4px; overflow: hidden; margin-right: 20px; margin-bottom:10px; } .main-center .main-center-content1 .content .item>div:nth-child(1){ border-right: 1px dashed #cccccc; text-align:center; } .main-center .main-center-content1 .content .item>div:nth-child(2){ padding-left:10px; } .main-center .main-center-content1 .content .item span{ display:block; line-height:25px; } .main-center .main-center-content1 .content .item span.col{ color: #26aeff; } @media screen and (max-width: 768px){ .main-center{padding: 30px 0px; text-align:left;} } /*大屏幕*/ @media screen and (min-width: 769px){ .main-center .main-center-content>div>div:nth-child(1) .content{ min-height:437px; } } /** 营销体系 */ .main-marketing{padding-top: 90px; padding-bottom: 130px; text-align:left;} .main-marketing .main-marketing-content{text-align: center} .main-marketing .main-marketing-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-marketing .main-marketing-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-marketing .main-marketing-content p.title span{color: #2db5a3;} .main-marketing .main-marketing-content .content{border: 1px solid #dedede; transition: 0.3s;margin:10px; border-radius: 5px;} .main-marketing .main-marketing-content .content p.label{font-size: 16px; color: #000; padding: 10px 0px 0px 0px;} .main-marketing .main-marketing-content .content a{font-size: 18px; color: #06131b; font-size: 14px;} .main-marketing .main-marketing-content .content a:hover{color: #26aeff} .main-marketing .main-marketing-content .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;;} .main-marketing .main-marketing-content .label{border-top: 1px solid #e2e1e1; padding: 12px 0; text-align: center; font-size: 16px; color: #666;} .main-marketing .main-marketing-content1 .layui-row{border: 1px solid #dedede; transition: 0.3s; margin: 10px; border-radius: 5px;} .main-marketing .main-marketing-content1 .title{font-size: 18px; color: #000; margin-bottom: 10px; font-weight: normal; margin-top: 25px;} .main-marketing .main-marketing-content1 .content{ color: #555; line-height: 20px; background-position: 6px 9px; font-size: 16px; } .main-marketing .main-marketing-content1 .content img{ max-width: 100%; } .main-marketing .main-marketing-content1 .item2{ width: 220px;margin: 0px auto;padding-top: 50px; } .main-marketing .main-marketing-content1 p{ color: #888; margin-top: 0px; margin-bottom: 0px; font-size: 16px; line-height: 21px; } .main-marketing .main-marketing-content1 .label{ font-size: 24px; font-weight: normal; margin-bottom: 10px; color: #181717; } .main-marketing .main-marketing-content1 .btns a{ background: #0066a1; height: 40px; line-height: 40px; width: 180px; border-radius: 5px; color: #fff; display: block; margin-top: 20px; text-align: center; } .main-marketing .main-marketing-content2{text-align: center} .main-marketing .main-marketing-content2 p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-marketing .main-marketing-content2 p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-marketing .main-marketing-content2 p.title span{color: #2db5a3;} .main-marketing .main-marketing-content2 .content{border: 1px solid #dedede; transition: 0.3s;margin:10px; border-radius: 5px;padding: 40px 0px;} .main-marketing .main-marketing-content2 .content p.label{font-size: 16px; color: #000; padding: 10px 0px 0px 0px;} .main-marketing .main-marketing-content2 .content a{font-size: 18px; color: #06131b; font-size: 14px;} .main-marketing .main-marketing-content2 .content a:hover{color: #26aeff} .main-marketing .main-marketing-content2 .content:hover{box-shadow: 0 0 3px 3px #eee; transition: 0.3s;;} .main-marketing .main-marketing-content2 .label{border-top: 1px solid #e2e1e1padding: 12px 0; text-align: center;font-size: 16px;color: #666;} .main-marketing .main-marketing-content2 .arrow{border-right: 1px dashed #dedede} @media screen and (max-width: 768px){ .main-marketing{padding: 30px 0px; text-align:left;} .main-marketing .main-marketing-content1 img{width:100%;display: block} .main-marketing .main-marketing-content1 .label{ margin-top: 30px; } .main-marketing .main-marketing-content1 p{ padding-left: 15px; } .main-marketing .main-marketing-content1 .btns{ padding-bottom: 20px; } .main-marketing .main-marketing-content1 .item2{ padding-top: 20px; } } /*大屏幕*/ @media screen and (min-width: 769px){ .main-marketing .main-marketing-content .layui-col-md2{width:20%} } /** 关于我们 */ .main-agent{ text-align:left;} .main-agent .main-agent-bg{background:#f0f0f0;} .main-agent .main-agent-content p { line-height: 32px; font-size: 16px; color: #666; margin-top: 15px; text-indent: 0px; text-align: initial; margin-bottom: 0px; } .main-agent .main-agent-content{padding-bottom:50px;} .main-agent .main-agent-content p font{color: #007dc5; font-weight:bold;} .main-agent .main-agent-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-agent .main-agent-content p.title span{color: #2db5a3;} .main-agent .main-agent-bg1{background: url(/uploads/image/wtmimages/arrow_gray.png) no-repeat top center #fff;} .main-agent .main-agent-content1{padding:30px 0px} .main-agent .main-agent-content1 .main-page-line{margin-bottom:30px;} .main-agent .main-agent-content1 p { color: #474747; padding-left: 40px; font-size: 24px; margin-bottom: 10px; } .main-agent .main-agent-content1 li { position: relative; padding: 0px 15px 0px 68px; color: #666; font-size: 16px; /* line-height: 30px; */ margin-bottom: 2px; text-align: justify; padding-top: 3px; padding-bottom: 8px;} .main-agent .main-agent-content1 li i {position: absolute;top: 12px;left: 42px;height: 6px;width: 6px;background: no-repeat;background-position: -126px 0;} .main-agent .main-agent-content1 li img{display;inline-block;max-width:143px;height:39px;float: left;margin:5px;} .main-agent .main-agent-bg2{background: #f0f0f0;padding-bottom:50px;} .main-agent .main-agent-content2{position:relative;} .main-agent .main-agent-content2 .timeline{position: relative; } .main-agent .main-agent-content2 .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;} .main-agent .main-agent-content2 .timeline li{position: relative; padding-top: 15px;} .main-agent .main-agent-content2 .timeline li:first-child{padding-top: 0;} .main-agent .main-agent-content2 .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;} .main-agent .main-agent-content2 .timeline li .cour-img img{width: 100%;} .main-agent .main-agent-content2 .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;min-height:110px;} .main-agent .main-agent-content2 .timeline li .cour-panel p.label{font-size: 18px; color: #000;} .main-agent .main-agent-content2 .timeline li .cour-panel p{color: #949494; line-height: 30px;} .main-agent .main-agent-bg3{background:#fff;padding-bottom:20px;} .main-agent .main-agent-content3 img { margin: 5px; border: 1px solid #dddddd; background-color: #ffffff; } .main-agent .main-agent-content3 img:hover { box-shadow: inset 0 0 6px #bbb; } .main-agent .main-agent-content2 .cour-img{ border:2px solid #e4e4e4; border-radius:25px; -moz-border-radius:25px; /* old firefox */ overflow:hidden; } .main-agent .main-agent-bg4{background:#f0f0f0;padding-bottom:20px;} .main-agent .main-agent-content4 li.layui-this:after, .main-agent .main-agent-content4 .layui-tab-title .layui-this:after{border:none;} .main-agent .main-agent-content4 .layui-tab-title{border:none;} .main-agent .main-agent-content4 .layui-tab-title li.layui-this{ background: #33b3ed; border-color: #33b3ed; color: #ffffff; } .main-agent .main-agent-content4 .layui-tab-title li{ transition-duration: .5s; -webkit-transition-duration: .5s; width: 108px; height: 28px; line-height: 28px; border: 1px solid #292929; color: #292929; cursor: pointer; margin: 10px; font-size: 16px; } .main-agent .main-agent-content4 h2 { font-weight: 500; padding: 2px; padding: 30px 30px 0px 0px; display: inline-block; font-size: 32px; color: rgb(0, 0, 0); } .main-agent .main-agent-content4 p { line-height: 36px; font-size: 16px; color: #666; margin-top: 20px; text-indent: 0px; } .main-agent .main-agent-content4 img{margin:10px;} @media screen and (max-width: 768px){ .main-agent .main-agent-content3 img { width: 90%;display:block;} .main-agent .main-agent-content1 p{padding:0px 15px;text-align:center} .main-agent .main-agent-content1 li {padding: 0px 15px; font-size:14px;line-height:20px;} .main-agent .main-agent-content1 .layui-row>div:nth-child(1){text-align:center} .main-agent .main-agent-content1 p span { font-size: 14px; display: inline-block; transform: translatey(-5px); padding:0px 5px; } } /*大屏幕*/ @media screen and (min-width: 769px){ .main-agent .main-agent-content2 .timeline:before{left: 50%;} .main-agent .main-agent-content2 .timeline li{min-height: 195px; padding-top: 15px;} .main-agent .main-agent-content2 .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;} .main-agent .main-agent-content2 .timeline li .cour-panel{padding-top: 55px; padding-left: 0;} .main-agent .main-agent-content2 .timeline li.odd .cour-panel{text-align: right;} .main-agent .main-agent-content2 .timeline li .cour-panel{padding-left: 50px;} .main-agent .main-agent-content2 .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;} .main-agent .main-agent-content1 .layui-row>div:nth-child(1){text-align:right} } /** 加入美辰 */ .main-careers{text-align:left;} .main-careers .main-careers-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;} .main-careers .main-careers-content p.title {color: #484848; font-size: 24px; line-height: 160px;} .main-careers .main-careers-content p.title span{color: #2db5a3;} .main-careers .main-careers-content1{} .main-careers .main-careers-content1-bg{background-attachment: fixed;} .main-careers .main-careers-content1-bg1{background:url(/uploads/image/wtmimages/yy.png);padding:50px 0px 150px 0px ;} .main-careers .main-careers-content1 .title{font-size: 16px; color: #666; text-align: center; position: relative; z-index: 2; margin-bottom: 0px; line-height: 32px; margin-top: 15px;} .main-careers .main-careers-content1 .title a{color:#33b3ed} .main-careers .main-careers-content1 .content{ color: #555; line-height: 20px; padding-left: 18px; background-position: 6px 9px; margin-bottom: 6px; font-size: 16px; } .main-careers .main-careers-content1 .content ul { position: relative; z-index: 1; margin-bottom: 7%; margin: 5% auto 0px; text-align: center; color: #fff; padding-bottom: 4%; } .main-careers .main-careers-content1 .content ul li { float: left; display: block; width: 145px; cursor: default; position: relative; } .main-careers .main-careers-content1 .content ul li .line { float: left; display: block; width: 25px; margin: 56px 4px 0px 0px; background-color: #0066a1; height: 1px; overflow: hidden; } .main-careers .main-careers-content1 .content ul .t { position: relative; width: 113px; height: 113px; float: left; display: block; margin-top: 1px;} .main-careers .main-careers-content1 .content ul .y1 { background: url(/uploads/image/wtmimages/y1.png) no-repeat; } .main-careers .main-careers-content1 .content ul .y2 { background: url(/uploads/image/wtmimages/y2.png) no-repeat; } .main-careers .main-careers-content1 .content ul .y1, .main-careers .main-careers-content1 .content ul .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; } .main-careers .main-careers-content1 .content ul .y2 { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); visibility: hidden; } .main-careers .main-careers-content1 .content ul .name { height: 47px; position: relative; z-index: 2; margin: 0px auto; line-height: 45px; font-size: 16px; position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; margin-top: -23px; color: #8c8c8c; } .main-careers .main-careers-content1 .content ul .name i { width: 0px; margin: 0px auto; display: block; height: 1px; background-color: #fff; overflow: hidden; transition: 300ms; -ms-transition: 300ms; -webkit-transition: 300ms; -moz-transition: 300ms; } .main-careers .main-careers-content1 .content ul .t:hover .y1 { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); } .main-careers .main-careers-content1 .content ul .t:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; } .main-careers .main-careers-content1 .content ul .t:hover .name { color: #fff; } .main-careers .main-careers-content1 .content ul .t:hover .name i { width: 16px; } .main-careers .main-careers-content1 .content ul .target li {opacity: 1;-webkit-transform: translatex(0px) rotate(0deg);transform: translatex(0px) rotate(0deg);transition: 600ms ease 350ms;-webkit-transition: 600ms ease 350ms;} .main-careers .main-careers-content1 .content ul .action li { opacity: 1; -webkit-transform: translatex(0px) rotate(0deg); transform: translatex(0px) rotate(0deg); transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; } .main-careers .main-careers-content2{ padding:50px 0px; } .main-careers .main-careers-content2 .layui-colla-icon{ right: 15px; left: auto; top: 14px; } .main-careers .main-careers-content2 .layui-colla-title{ background: #2980b9;color: #fff; line-height: 20px; font-size: 16px; text-align:center; padding: 15px 0px; height:auto !important; } .main-careers .main-careers-content2 .title{ background: none;color: #000; } .main-careers .main-careers-content2 .layui-colla-item{position:relative;} .main-careers .main-careers-content2 .hot{ background: url(/uploads/image/wtmimages/hot.png) no-repeat; width: 37px; height: 29px; position: absolute; left: 0%; z-index: 99; } .main-careers .main-careers-content2 p{ font-size: 16px; color: rgb(0, 0, 0); line-height: 25px; margin-bottom: 15px;} @media screen and (max-width: 768px){ .main-careers{padding: 30px 0px; text-align:left;} .main-careers .main-careers-content1-bg{background:url(/uploads/image/wtmimages/h_4.jpg) no-repeat center top} .main-careers .main-careers-content2 .layui-colla-title{font-size:14px;} .main-careers .main-careers-content2 .title{height:20px;line-height: 20px;} .main-careers .main-careers-content2{ padding:20px 0px 0px 0px; } .main-careers .main-careers-content1 .content ul {width:auto !important;} .main-careers .main-careers-content2 p{font-size: 14px;margin-bottom: 10px;line-height:20px;} } /*大屏幕*/ @media screen and (min-width: 769px){ .main-careers .main-careers-content1-bg{background-image:url(/uploads/image/wtmimages/h_4.jpg); background-repeat:no-repeat; background-attachment:fixed;background-position:center top;} .main-careers .main-careers-content1 .content ul .item1 { width: 208px; } .main-careers .main-careers-content1 .content ul .item1 .line, .main-careers .main-careers-content1 .content ul .item8 .line, .main-careers .main-careers-content1 .content ul .item8 { width: 90px; } } /** 品牌 */ .main-brand .main-brand-content .layui-row>div>div{ position: relative; margin:15px; border-radius: 5px; background:#fff; overflow:hidden; box-shadow: 0px 5px 10px #666; -moz-box-shadow: 0px 5px 10px #666; -webkit-box-shadow: 0px 5px 10px #666; } .main-brand .main-brand-content h2{ text-align:center; } .main-brand figure {overflow: hidden;margin:0px;height: 220px;position: relative} .main-brand figure h2 { font-size: 16px; } .main-brand figcaption{} .main-brand figcaption a { text-align: center; padding: 0px; border-radius: 2px; display: block; background: #0f5ca2; color: #fff; width: 30%; margin: 0px auto; line-height: 30px; } .main-brand figcaption h3 { width:100%; display: inline-block; margin: 0; padding: 0px; color: #fff; font-size: 16px; height: 48px; line-height: 48px; text-align: center; } .main-brand figure img { max-width:100%; display:block; margin: 0px auto; margin-top: 10px; -webkit-transition: margin-top 0.4s; -moz-transition: margin-top 0.4s; transition: margin-top 0.4s; } .main-brand figure:hover img { margin-top: 0px; } .main-brand figure h2 { } .main-brand figure figcaption { position: absolute; bottom: -200px; left: 0px; padding-bottom: 10px; width: 100%; background:-webkit-gradient(linear,center top,center bottom,from(#0468a3),to(#5d9cd3)); filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#0468a3,endcolorstr=#5d9cd3); -webkit-transition: bottom 0.4s; -moz-transition: bottom 0.4s; transition: bottom 0.4s; } .main-brand figure:hover figcaption{ bottom: 0px; } /*小屏幕*/ @media screen and (max-width: 768px){ .main-brand figure {height: 150px;} .main-brand figcaption h3 { width: 100%; font-size: 12px; } .main-brand .main-brand-content h2 { font-size: 12px; } .main-brand figcaption h3 { font-size: 12px; height: 28px; line-height: 28px; } .main-brand figure h2 { } .main-brand figure>h2{margin-top: -24px;} .main-brand figure figcaption { position: absolute; bottom: -200px; left: 0px; padding-bottom: 10px; width: 100%; background:-webkit-gradient(linear,center top,center bottom,from(#0468a3),to(#5d9cd3)); filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#0468a3,endcolorstr=#5d9cd3); -webkit-transition: bottom 0.4s; -moz-transition: bottom 0.4s; transition: bottom 0.4s; } .main-brand figure:hover figcaption{ bottom: 0px; } } /*大屏幕*/ @media screen and (min-width: 769px){ .main-brand figure img { max-width:80%; } } /** 电商事业部 */ .main-shoppers .main-shoppers-content .layui-row>div>div{ position: relative; margin:15px; border-radius: 5px; background:#fff; overflow:hidden; box-shadow: 0px 5px 10px #666; -moz-box-shadow: 0px 5px 10px #666; -webkit-box-shadow: 0px 5px 10px #666; } .main-shoppers .main-shoppers-content h2{ text-align:center; } .main-shoppers figure {overflow: hidden;margin:0px;height: 220px;position: relative} .main-shoppers figure h2 { font-size: 16px; } .main-shoppers figcaption{} .main-shoppers figcaption a { text-align: center; padding: 0px; border-radius: 2px; display: block; background: #0f5ca2; color: #fff; width: 30%; margin: 0px auto; line-height: 30px; } .main-shoppers figcaption h3 { width:100%; display: inline-block; margin: 0; padding: 0px; color: #fff; font-size: 16px; height: 48px; line-height: 48px; text-align: center; } .main-shoppers figure img { max-width:100%; display:block; margin: 0px auto; margin-top: 10px; -webkit-transition: margin-top 0.4s; -moz-transition: margin-top 0.4s; transition: margin-top 0.4s; } .main-shoppers figure:hover img { margin-top: 0px; } .main-shoppers figure h2 { } .main-shoppers figure figcaption { position: absolute; bottom: -200px; left: 0px; padding-bottom: 10px; width: 100%; background:-webkit-gradient(linear,center top,center bottom,from(#0468a3),to(#5d9cd3)); filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#0468a3,endcolorstr=#5d9cd3); -webkit-transition: bottom 0.4s; -moz-transition: bottom 0.4s; transition: bottom 0.4s; } .main-shoppers figure:hover figcaption{ bottom: 0px; } /*小屏幕*/ @media screen and (max-width: 768px){ .main-shoppers figure {height: 190px;} .main-shoppers figcaption h3 { width: 100%; font-size: 12px; } .main-brand .main-brand-content h2 { font-size: 12px; } } /*大屏幕*/ @media screen and (min-width: 769px){ .main-shoppers figure img { max-width:80%; } } /** 关于 */ .banner.about{background: url(/uploads/image/wtmimg/nav_img4.jpg) no-repeat center top; background-size: cover;} .main-about{padding-bottom: 130px;} .main-about ul.aboutab{padding: 100px 0; text-align: center;} .main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;} .main-about ul.aboutab li:first-child{margin-left: 0;} .main-about ul.aboutab li.layui-this ,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;} .main-about .tabjob, .main-about .tabcour{display: none;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /*公司简介*/ .main-about .tabintro{padding-bottom: 15px;} .main-about .tabintro .content{vertical-align: middle;} .main-about .tabintro .content .img{width: 50%;} .main-about .tabintro .content .img img{width: 100%;} .main-about .tabintro .content .panel{width: 50%;} .main-about .tabintro .content p{padding: 0 20px; line-height: 24px; text-align: justify;} .main-about .tabintro .p_hidden{padding: 0 20px; display: none;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /*招贤纳士*/ .main-about .tabjob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;} .main-about .tabjob .content:first-child{margin-top: 10px;} .main-about .tabjob .content p{font-size: 18px; line-height: 40px;} .main-about .tabjob .content p.title{font-size: 24px; color: #545454; line-height: 60px;} .main-about .tabjob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;} .main-about .tabjob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;} .main-about .tabjob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } /*发展历程*/ .main-about .tabcour p.title{font-size: 28px; line-height: 28px; text-align: center;} .main-about .tabcour .timeline{position: relative; margin-top: 75px;} .main-about .tabcour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;} .main-about .tabcour .timeline li{position: relative; padding-top: 70px;} .main-about .tabcour .timeline li:first-child{padding-top: 0;} .main-about .tabcour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;} .main-about .tabcour .timeline li .cour-img img{width: 100%;} .main-about .tabcour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;} .main-about .tabcour .timeline li .cour-panel p.label{font-size: 18px; color: #000;} .main-about .tabcour .timeline li .cour-panel p{color: #949494; line-height: 30px;} /*小屏幕*/ @media screen and (max-width: 768px){ } /*大屏幕*/ @media screen and (min-width: 769px){ } .weixin-fix{position:fixed;z-index:990; width:50px;height:50px;bottom: 70px;right:10px; background: #007dc5; cursor:pointer} .weixin-fix-icon {padding:15px;} .weixin-fix-content{display:none;bottom: 40px;right:60px;position:fixed;z-index:9999; } #newbridge .nb-icon-wrap-0 .nb-icon-wrap-base{background-color: #007dc5 !important;} @media screen and (max-width: 480px){ .main-service .content .content-right{padding: 10px 10px 0 10px;} .main-service .content .content-right p{line-height: 24px;} .main-news .content .news-panel p.read-push{font-size: 12px;} .main-case .content{padding-top: 60px;} .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;} .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;} .main-about ul.aboutab{padding: 70px 0;} .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;} .main-about .tabintro .content .img{width: 100%;} .main-about .tabintro .content .panel{width: 100%;} .main-about .tabintro .content .panel.p_block{display: none;} .main-about .tabintro .p_hidden{display: block;} .main-news #newspage .layui-laypage a,.main-news #newspage .layui-laypage span ,.main-case #casepage .layui-laypage a,.main-case #casepage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;} } /*小屏幕*/ @media screen and (min-width: 769px){ .nav{max-height: 80px;} .nav.index{background: rgba(255, 255, 255 ,0.3);} .nav .nav-list button{display: none;} .nav .layui-nav{width: auto; position: absolute; top: 20px; padding: 0 5px; border-radius: 0; margin: 0;} .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 15px; line-height: 80px;} .main-product p.title ,.main-service p.title{font-size: 36px; line-height: 216px;} .main.product .content .content-img{text-align: left;} .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;} .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;} .main-newsdate .pushtime{line-height: 142px;} .main-case .content{width: 45%;} .main-case .content.even{margin-left: 9%;} .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;} .main-about .tabintro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;} .main-about .tabjob .content p{font-size: 24px; line-height: 50px;} .main-about .tabjob .content p.title{font-size: 30px; line-height: 90px;} .main-about .tabjob .content ol li{font-size: 20px; line-height: 60px;} .main-about .tabcour .timeline:before{left: 50%;} .main-about .tabcour .timeline li{min-height: 195px; padding-top: 95px;} .main-about .tabcour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;} .main-about .tabcour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;} .main-about .tabcour .timeline li.odd .cour-panel{text-align: right;} } @media screen and (min-width: 769px) and (max-width: 992px){ .main.product .content div.right{padding-left: 20px;} .nav .layui-nav .layui-nav-item{margin:0 15px;} .main-service .content .content-right{padding: 10px 10px 0 15px;} .main-service .content .content-right span{margin-bottom: 20px;} .main-service .content .content-right p{line-height: 28px;} .main.product .content .label{line-height: 40px; margin-top: 0;} .main.product .content .detail{padding-bottom: 10px;} } /*大屏幕*/ @media screen and (min-width: 992px){ .main.product .content{padding: 100px 0;} .main.product .content div.right{padding-left: 0;} .main-news .content .news-img{width: 20%;} .main-news .content .news-panel{width: 80%;} .main-case .content{width: 31%;} .main-case .content.even{margin-left: 0;} .main-case .content.center{margin-right: 3%; margin-left: 3%;} .main-about .tabintro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;} } /*超大屏幕*/ @media screen and (min-width: 1200px) { .main-news .content .news-img{width: 35%;} .main-news .content .news-panel{width: 65%;} .main-news .content:nth-child(odd){padding-right: 20px;} .main-news .content:nth-child(even){padding-left: 20px;} .main-about .tabcour .timeline li .cour-panel{padding-left: 50px;} .main-about .tabcour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;} } @media screen and (min-width: 1300px) { .layui-container{width: 1200px; padding: 0;} .main-about .tabjob .content:last-child{margin-bottom: 180px;} .nav .nav-logo{position: absolute; top: 0; left: 0;} .layui-col-space80{margin: -40px;} .layui-col-space80>*{padding: 40px;} } /*小屏幕*/ @media screen and (max-width: 768px){ .home{background-image:; background-repeat:no-repeat; background-position:center top} .about{background: no-repeat center -200px} .about .banner-arrow{margin-top: 250px;} .case{background: no-repeat center -200px} .case .banner-arrow{margin-top: 250px;} .news{background: no-repeat center -200px} .news .banner-arrow{margin-top: 250px;} .brand{background: no-repeat center -200px} .brand .banner-arrow{margin-top: 250px;} .center{background: no-repeat center -200px} .center .banner-arrow{margin-top: 250px;} .careers{background: no-repeat center -200px} .careers .banner-arrow{margin-top: 250px;} .agent{background: no-repeat center -200px} .agent .banner-arrow{margin-top: 250px;} .prize{background: no-repeat center -200px} .prize .banner-arrow{margin-top: 250px;} .retail{background:url(/uploads/image/wtmimages/pfindssep.jpg) no-repeat center -200px} .retail .banner-arrow{margin-top: 250px;} .bistributor{background:url(/uploads/image/wtmimages/pfindssep.jpg) no-repeat center -200px} .bistributor .banner-arrow{margin-top: 250px;} .default{background:url(/uploads/image/wtmimages/pfindssep.jpg) no-repeat center -200px} .default .banner-arrow{margin-top: 250px;} .company{background:url(/uploads/image/wtmimages/pfindssep.jpg) no-repeat center -200px} .company .banner-arrow{margin-top: 250px;} .shoppers{background:url(/uploads/image/wtmimages/pfindssep.jpg) no-repeat center -200px} .shoppers .banner-arrow{margin-top: 250px;} .contact{background: no-repeat center -200px} .contact .banner-arrow{margin-top: 250px;} .marketing{background: no-repeat center -200px} .marketing .banner-arrow{margin-top: 250px;} .map{background: no-repeat center -200px} .map .banner-arrow{margin-top: 250px;} .page-banner{height:250px;} .page-banner-arrow{margin-top: 250px;} } /*大屏幕*/ @media screen and (min-width: 769px){ .home{background-image:; background-repeat:no-repeat; background-attachment:fixed;background-position:center top} .about{background-image:; background-repeat:no-repeat; background-position:center top} .about .banner-arrow{margin-top: 400px;} .case{background-image:; background-repeat:no-repeat; background-position:center top} .case .banner-arrow{margin-top: 400px;} .news{background-image:; background-repeat:no-repeat; background-position:center top} .news .banner-arrow{margin-top: 400px;} .brand{background-image:; background-repeat:no-repeat; background-position:center top} .brand .banner-arrow{margin-top: 400px;} .center{background-image:; background-repeat:no-repeat; background-position:center top} .center .banner-arrow{margin-top: 400px;} .careers{background:; background-repeat:no-repeat; background-position:center top} .careers .banner-arrow{margin-top: 250px;} .agent{background:; background-repeat:no-repeat; background-position:center top} .agent .banner-arrow{margin-top: 250px;} .prize{background:; background-repeat:no-repeat; background-position:center top} .prize .banner-arrow{margin-top: 250px;} .retail{background:url(/uploads/image/wtmimages/pfindssep.jpg); background-repeat:no-repeat; background-position:center top} .retail .banner-arrow{margin-top: 250px;} .bistributor{background:url(/uploads/image/wtmimages/pfindssep.jpg); background-repeat:no-repeat; background-position:center top} .bistributor .banner-arrow{margin-top: 250px;} .default{background:url(/uploads/image/wtmimages/pfindssep.jpg); background-repeat:no-repeat; background-position:center top} .default .banner-arrow{margin-top: 250px;} .company{background:url(/uploads/image/wtmimages/pfindssep.jpg); background-repeat:no-repeat; background-position:center top} .company .banner-arrow{margin-top: 250px;} .shoppers{background:url(/uploads/image/wtmimages/pfindssep.jpg); background-repeat:no-repeat; background-position:center top} .shoppers .banner-arrow{margin-top: 250px;} .contact{background:; background-repeat:no-repeat; background-position:center top} .contact .banner-arrow{margin-top: 250px;} .marketing{background:; background-repeat:no-repeat; background-position:center top} .marketing .banner-arrow{margin-top: 250px;} .map{background:; background-repeat:no-repeat; background-position:center top} .map .banner-arrow{margin-top: 250px;} .page-banner{height:370px;} .page-banner-arrow{margin-top: 400px;} } .main-barnd_desc .leftinfo { position: absolute; top: 0; width: 125px; height: 100%; border-right: #e6e6e6 3px solid; background: #fff; } .main-barnd_desc .leftinfo_nav { position: absolute; top: 150px; right: -13px; text-align: right } .fixed { position: fixed } .main-barnd_desc .leftinfo_nav a { display: block; color: #999; line-height: 36px; padding-right: 40px } .main-barnd_desc .leftinfo_nav .current { background-position: right center; background-repeat: no-repeat; background-image: url(/uploads/image/wtmimages/circle_blue.png); } .main-barnd_desc .leftinfo_nav .current a { font-size: 24px; color: #00a7ea; line-height: 46px; font-weight:bold; } .main-barnd_desc .info { margin-left: 150px; width: 80%; padding: 30px; float: left; overflow: hidden } .main-barnd_desc .info img{ display: block; max-width: 100%; } .main-barnd_desc .info-item-desc{padding-left: 15px;} .main-barnd_desc .info-item { width: 100%; padding: 20px 0; border-bottom: #ddd 1px solid } .main-barnd_desc .info h2,.info h3 { font-size: 20px; height: 48px; line-height: 24px; font-size: 25px; color: rgb(0, 0, 0); } .main-barnd_desc .info h3 { font-size: 18px; height: 40px; line-height: 40px } .main-barnd_desc .info-item li,.info-item p { line-height: 32px; color: #666; font-size: 16px; } .main-barnd_desc .info-item-img { position: relative; } .main-barnd_desc .info-item-img img { opacity: 0; visibility: hidden; -moz-transition: all .4s ease-out; -webkit-transition: all .4s ease-out; display: block; max-width: 100%; } .main-barnd_desc .info .info-item-desc h2 { font-size: 14px; height: 14px } .main-barnd_desc .info .info-item-btn a{ line-height: 32px; font-size: 14px; text-align: center; background-color: #0096ee; color: #fff; display:block; width:200px; } /*小屏幕*/ @media screen and (max-width: 768px){ .main-barnd_desc .info-item-desc { padding-left: 0px; } .main-barnd_desc .info{width: 70%;margin-left: 0px;float: right;padding: 0px;} .main-barnd_desc .info img{display: block;width: 100%;} .main-barnd_desc .leftinfo_nav .current a{font-size: 14px;line-height: 36px;} .main-barnd_desc .leftinfo{width: 90px;} .main-barnd_desc .leftinfo_nav{top: 250px;} .main-barnd_desc .info-item li, .info-item p{font-size: 12px;line-height: 24px;} #newbridge .nb-invite-wrap-base{display:none !important;} #newbridge .nb-icon-wrap-0{ top:auto!important; z-index: 990 !important; width: 50px !important; height: 50px !important; bottom: 105px !important; right: 10px !important; } }