<<<<<<< HEAD
body,html {
margin:0;
padding:0;
}
a,a:hover,a:focus {
text-decoration:none;
outline:none;
color:#000;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
img {
vertical-align:top;
outline:none;
height:auto;
}
a img {
border:none;
border-style:none;
}
*:focus {
outline:none;
}
a,input,button {
outline:none;
}
::-moz-focus-inner {
border:0px;
}
div,form,img,ul,ol,li,dl,dt,dd,p {
margin:0;
padding:0;
list-style:none;
border:0;
}
*{
font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
font-weight:500;
}
.display-inline-block{
width: 100%;
display: inline-block;
}
.font14{
font-size: 14px;
}
.width18{
width: 18px;
}
.text-align-right{
text-align: right;
}
/*伸缩布局*/
/*父级标签*/
.display-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* flex-wrap: wrap;*/
align-content: flex-start;
}
.head .display-flex img{
width:34px;
}
.head .display-flex span a{
margin-left:8px;
font-size: 18px;
}
.justify-content{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-space-between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-space-around {
justify-content: space-around;
}
.padding-top150{
padding-top: 150px;
}
/*宽度自适应*/
.justify-width{
box-sizing: border-box;
display: block;
flex: 1;
flex-basis: auto;
}
.WhiteBg{
background: #FFFFFF;
}
.width50{
width: 50%;
}
.width90{
width: 90%;
margin: auto;
}
.marginAuto{
margin: auto;
}
.line-height40{
line-height: 40px;
}
.margintb50{
margin-top: 50px;
margin-bottom: 50px;
}
.headTop {
margin-top:7px;
}
/*导航*/
.head{
position: fixed;
top: 0;
left: 0;
width: 100%;
color: #000;
font-size: 16px;
background: #fff;
z-index: 3;
-moz-box-shadow: 0 2px 10px 0 #cccccc;
-webkit-box-shadow: 0 2px 10px 0 #cccccc;
box-shadow: 0 2px 10px 0 #cccccc;
transition:opacity 1s;
-moz-transition:opacity 1s;
-webkit-transition:opacity 1s;
-o-transition:opacity 1s;
}
.topNav ul{
float: right;
height: 100%;
line-height: 76px;
background: transparent;
padding: 0;
margin: 0;
}
.topNav ul li{
margin: 0;
float: left;
list-style: none;
position: relative;
padding: 0 10px;
}
.topNav ul li a{
text-decoration: none;
color: #000;
position: relative;
}
.topNav ul li.topNavloginMain{
font-size: 14px;
padding: 0 0 0 22px;
}
.topNavlogin{
width: 79px;
height: 32px;
margin-left: 12px;
text-align: center;
line-height: 32px;
background: #28b28b;
color: #FFFFFF!important;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.topNavlogin:hover{
background: #28b28b;
color: #FFFFFF!important;
}
.navPhone{
display: none;
}
/*导航下拉*/
.jiantou{
position: absolute;
top: 2px;
right: -15px;
width: 8px;
height: 8px;
display: block;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(135deg);
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
}
.topNav ul li:hover .jiantou{
top: 8px;
transform: rotate(315deg);
-ms-transform:rotate(315deg);
-webkit-transform:rotate(315deg);
}
.navDrop{
display: none;
position: absolute;
background: #FFFFFF;
width: 690px;
padding: 38px 38px;
-moz-box-shadow: 0 2px 10px 0 #cccccc;
-webkit-box-shadow: 0 2px 10px 0 #cccccc;
box-shadow: 0 2px 10px 0 #cccccc;
}
.topNav ul li:hover .navDrop{
display: block;
}
.navDrop-qr{
font-size: 14px;
line-height: 20px;
margin-bottom: 12px;
}
.navDrop-main{
width: 100%;
line-height: initial!important;
display: table!important;
}
.navDrop-main li{
width: 50%;
margin-bottom: 18px!important;
display: inline-block!important;
vertical-align: top;
float: left!important;
font-size: 12px;
color: #7F7F7F;
}
.navDrop-main li:nth-child(odd){
padding: 0 30px 0 0!important;
}
.navDrop-main li:nth-child(even){
padding: 0 0 0 30px!important;
}
.navDrop-main li a{
color: #7F7F7F!important;
}
.navDropTitle{
font-size: 18px;
color: #000000;
margin-bottom: 4px;
font-weight:bold;
}
.navPhoneDrop{
display: none;
position: fixed;
background: #FFFFFF;
width: 222px;
padding: 24px 20px;
right: 3px;
top: 46px;
-moz-box-shadow: 0 2px 10px 0 #cccccc;
-webkit-box-shadow: 0 2px 10px 0 #cccccc;
box-shadow: 0 2px 10px 0 #cccccc;
}
.topNav ul li:hover .navPhoneDrop{
display: block;
}
.navPhoneDrop-main{
width: 100%;
line-height: initial!important;
display: table!important;
}
.navPhoneDrop-main li{
width: 100%;
margin-bottom: 18px!important;
display: inline-block!important;
vertical-align: top;
float: none!important;
font-size: 12px;
color: #7F7F7F;
}
.navPhoneDrop-main li a{
color: #7F7F7F!important;
}
/*导航下拉*/
/*导航登录样式*/
.navNewBg{
position: relative;
display: table-cell;
vertical-align: middle;
cursor: pointer;
}
.navNewBg img{
vertical-align: middle;
cursor: pointer;
width:40px;
margin-right: 4px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/*.navNewBg i{
width: 5px;
height: 5px;
position: absolute;
top: 50%;
margin-top: 10px;
left: 2px;
display: inline-block;
background: #FF0000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}*/
.navHeardImg{
width: 50px!important;
height: 50px!important;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/*banner*/
.banner{
width: 100%;
padding-top: 90px;
padding-bottom: 50px;
top: 0;
color: #000;
position: fixed;
z-index: -1;
}
.bannerHeight{
width: 100%;
height: 460px;
}
.mainCenter1{
width: 1014px;
margin: auto;
}
.mainCenter2{
width: 1200px;
margin: auto;
}
.mainCenter3{
width: 800px;
margin: auto;
}
.bannerLeft{
font-size: 18px;
width: 50%;
}
.swiper-container-banner {
min-height: 100px!important;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
margin: 70px 0;
}
.swiper-container-banner .swiper-wrapper {
position: relative;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-slide {
flex-shrink: 0;
position: relative;
transition-property: transform;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.bannerTitle{
font-size: 40px;
margin-bottom: 20px;
font-weight: bold;
}
.bannerBtn{
width: 180px;
height: 50px;
color: #FFFFFF;
font-size: 18px;
background: #28b28b;
border: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}
.padding-top50{
padding-top: 100px!important;
}
/*二维码工具*/
.grayBg{
background: #F8FAFB;
}
.paddingBottom50{
padding-bottom: 50px;
}
.qrTopMain{
width: 100%;
display: inline-block;
margin-bottom: 10px;
}
.qrTop{
font-size: 17px;
padding: 10px 0;
color: #3A3A3A;
float: left;
}
.qrTop span{
position: relative;
margin: 0 7px;
}
.qrTitle{
font-size: 28px;
margin-left: 0;
margin-right: 24px;
float: left;
font-weight: bold;
}
.qrTop a{
position: relative;
color: #3A3A3A;
margin: 0 7px;
}
.qrTitleOn{
color: #28b28b!important;
}
.qrTop i{
display: none;
width: 100%;
height: 3px;
background: #28b28b;
position: absolute;
bottom: -6px;
left: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.qrTitleOn i{
display: block;
}
.QRCodeBg{
width: 190px;
margin-left: 28px;
}
.QRCodemain{
height: 190px;
}
.QRCodemain img{
width: 190px;
height: 190px;
}
.qr-textarea{
width: 100%;
height: 190px;
padding: 9px 13px;
resize: none;
border: none;
font-size: 16px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.generateBtn{
width: 130px;
height: 35px;
font-size: 18px;
margin: 12px auto;
display: block;
background: #28b28b;
color: #ffffff;
border: none;
cursor: pointer;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px;
border-radius: 24px;
}
.QRCodeBtn{
width: 130px;
height: 35px;
margin: 12px auto;
display: block;
background: none;
color: #161616;
border: 1px solid #B2B2B2;
cursor: pointer;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px;
border-radius: 24px;
}
/*营销*/
.MarketingTitle{
text-align: center;
margin: 70px auto 60px;
font-size: 14px;
color: #7F7F7F;
display: inline-block;
text-align: center;
width: 100%;
}
.MarketingTitle h1{
font-size: 34px;
color: #000000;
}
.MarketingTitle p{
margin-top: 5px;
}
.MarketingCode{
display: inline-block;
width: 100%;
}
.MarketingCode-word h1{
font-size: 24px;
margin-top: 22px;
}
.MarketingCode-word p.MarketingCode-ul{
font-size: 18px;
color: #000000;
margin: 22px 0 8px;
}
.MarketingCode-word p{
font-size: 14px;
color: #7F7F7F;
}
.MarketingImg-right{
float: right;
}
.MarketingImg-right img{
margin-left: 32px;
}
.MarketingImg-left{
float: left;
}
.MarketingImg-left img{
margin-right: 32px;
}
.marginBottom90{
margin-bottom: 90px;
}
/*活动*/
.doingTitle{
width: 100%;
font-size: 34px;
margin: 70px 0 60px;
display: inline-block;
text-align: center;
}
.swiper-container-doing {
height: 472px;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-pagination-bullet {
height: 20px;
text-align: left;
font-size: 16px;
color: #000;
opacity: 1;
cursor: pointer;
}
.swiper-pagination-bullet-active {
color: #28b28b;
font-weight:bold;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 16px 0;
display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 0;
min-width: 80px;
}
.swiper-container-doing .swiper-slide{
width: 1070px;
height: 472px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.swiper-doing-line{
width: 1px;
height: 130px;
background: #28b28b;
position: absolute;
right: 88px;
top: 210px;
}
.swiper-doing-main{
width: 100%;
height: 472px;
padding:35px 50px;
}
.swiper-doing-word{
width: 432px;
font-size: 14px;
}
.swiper-doing-word h1{
font-size: 32px;
margin: 60px 0 10px;
color: #000000;
}
.swiper-doing-word p{
line-height: 24px;
color: #7F7F7F;
}
.swiper-doing-word-tip{
margin-bottom: 20px;
color: #000000!important;
}
.seeBtn{
width: 110px;
height: 35px;
margin-top: 24px;
background: #28b28b;
color: #FFFFFF;
font-size: 14px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.swiper-doing-right{
width: 410px;
height: 380px;
background: #D8D8D8;
}
.padding-bottom118{
padding-bottom: 118px;
}
/*我们的优势*/
.advantage{
width: 100%;
display: inline-block;
}
.margin-bottom140{
margin-bottom: 140px;
}
.advantage li{
float: left;
width: 25%;
text-align: center;
font-size: 14px;
color: #7F7F7F;
}
.advantageTitle{
font-size: 18px;
color: #000;
margin: 7px 0 5px;
}
/*行业资讯*/
.newsMain{
width: 100%;
display: inline-block;
}
.newsMain li{
float: left;
width: 50%;
margin-bottom: 28px;
}
.newsMain li:nth-child(odd){
padding-right: 26px;
}
.newsMain li:nth-child(even){
padding-left: 26px;
}
.infoMain{
height: 72px;
border:1px solid #CCCCCC;
background: #FFFFFF;
}
.infoLeft{
width: 70px;
height: 70px;
text-align: center;
background: #a6a6a6;
color: #FFFFFF;
float: left;
font-size: 14px;
}
.newsMain li .infoMain:hover .infoLeft{
background: #28b28b;
}
.infoLeftTitle{
font-size: 28px;
margin-top: 10px;
}
.infoRight{
padding: 8px 16px 6px 90px;
font-size: 12px;
color: #a6a6a6;
}
.infoRight p{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.infoRight p.infoRightTitle{
font-size: 14px;
color: #000000;
margin-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*footer*/
.DarkgrayBg1{
background: #242C3B;
}
.DarkgrayBg2{
background: #1D2330;
}
.footer-top{
color: #eaeaea;
display: table;
padding: 50px 26px 38px 50px;
}
.footer-top a{
color: #eaeaea;
}
.footer-top a:hover{
color: #eaeaea;
}
.footer-top dl{
float: left;
width: 16.666666%;
}
.footer-top dl dt{
font-size: 16px;
margin-bottom: 30px;
}
.footer-top dl dd{
font-size: 12px;
margin-bottom: 12px;
}
.text-align-center{
text-align: center;
}
.footer-top-one{
color:#eaeaea;
margin-bottom: -32px;
}
.footer-top-one span{
color:#eaeaea;
font-size:12px;
}
.footer-top-one span a{
color:#eaeaea;
font-size:12px;
}
.footer{
color: #eaeaea;
height: 78px;
font-size: 12px;
display:flex;
text-align: center;
align-items: center;
justify-content: center;
}
.footer a{
color: #eaeaea;
}
.footer a:hover{
color: #eaeaea;
}
.PhoneBlock{
display: none;
}
@media only screen and (max-width: 1268px){
.padding-top150{
padding-top: 100px;
}
.mainCenter1{
width: 960px;
margin: auto;
}
.mainCenter2{
width: 1000px;
margin: auto;
}
.swiper-container-doing .swiper-slide{
width: 884px;
}
.swiper-doing-word{
width: 340px;
}
.newsMain li:nth-child(odd){
padding-right: 8px;
}
.newsMain li:nth-child(even) {
padding-left: 8px;
}
}
@media only screen and (max-width: 1199px){
.PhoneBlock{
display: block!important;
}
}
@media only screen and (max-width: 1023px){
.width50{
width: 100%;
}
.padding-top150{
padding-top: 50px;
}
.head-phone-display{
opacity: 0;
}
.mainCenter1{
width: 90%;
margin: auto;
}
.mainCenter2{
width: 90%;
margin: auto;
}
.text-align-center img{
width:100%;
margin:10px 0;
}
.QRtoolBg{
width: 100% !important;
margin-left: 0px !important;
}
.mainCenter3{
width: 90%;
margin: auto;
}
.PhoneNone{
display: none;
}
.QRPhoneNone{
margin: 0 auto;
}
.navPc{
display: none;
}
.navPhone{
display: block;
}
.topNav ul{
line-height: 46px;
font-size: 14px;
}
.topNav ul li{
padding: 0 12px;
}
.banner{
height: auto;
position: static;
}
.bannerLeft{
width: 100%;
}
.bannerImg{
display: none;
}
.MarketingImg-right,.MarketingImg-left{
width: 100%;
float: none;
text-align: center;
}
.MarketingImg-right img,.MarketingImg-left img{
margin-left: 2%;
margin-right: 2%;
max-width: 44%;
}
.MarketingCode-word{
width: 96%;
margin: auto;
}
.swiper-container-vertical>.swiper-pagination-bullets,
.swiper-doing-line{
display: none;
}
.swiper-container-doing .swiper-slide{
width: 100%;
}
.swiper-doing-word{
width: 100%;
}
.swiper-doing-right{
display: none;
}
.advantage li{
width: 50%;
margin-bottom: 24px;
}
.newsMain li{
width: 100%;
}
.newsMain li:nth-child(odd){
padding-right: 0;
}
.newsMain li:nth-child(even){
padding-left: 0;
}
.margin-bottom140{
margin-bottom: 80px;
}
.swiper-doing-main,.swiper-doing-word{
height: auto;
}
.swiper-doing-word h1{
margin: 10px 0;
}
}
@media only screen and (max-width: 767px){
.MarketingTitle h1{
font-size: 26px;
}
.marginBottom90 {
margin-bottom: 50px;
}
.topNav ul li{
padding: 0 10px;
}
.head .display-flex img{
width:30px;
}
.head .display-flex span a{
font-size: 18px;
}
}
@media only screen and (max-width: 419px){
.display-flex span.logoTitle {
}
.head .display-flex span a{
font-size: 16px;
}
.topNav ul li{
padding: 0 6px;
}
}
@media only screen and (max-width: 330px){
.display-flex span.logoTitle {
margin-left: 2px;
}
.topNav ul li{
padding: 0 5px;
}
}
/*错误提示页面*/
.TsMain{
padding: 80px 24px;
}
.TsMain p{
margin-bottom: 12px;
}
.TsMain a{
color: #28b28b;
margin: 0 12px;
}
.TsMain p.TsImg{
text-align: center;
margin-bottom: 24px;
font-size: 84px;
font-weight: bold;
color: #28b28b;
}
.TsMain p.TsTitle{
font-size: 34px;
font-weight: bold;
margin-bottom: 28px;
}
@media only screen and (max-width: 767px){
.TsMain p.TsTitle{
font-size: 24px;
}
.TsMain p.TsImg{
font-size: 64px;
}
}
.ShortLink{
width:50%;
=======
body,html {
margin:0;
padding:0;
}
a,a:hover,a:focus {
text-decoration:none;
outline:none;
color:#000;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
img {
vertical-align:top;
outline:none;
height:auto;
}
a img {
border:none;
border-style:none;
}
*:focus {
outline:none;
}
a,input,button {
outline:none;
}
::-moz-focus-inner {
border:0px;
}
div,form,img,ul,ol,li,dl,dt,dd,p {
margin:0;
padding:0;
list-style:none;
border:0;
}
*{
font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
font-weight:500;
}
.display-inline-block{
width: 100%;
display: inline-block;
}
.font14{
font-size: 14px;
}
.width18{
width: 18px;
}
.text-align-right{
text-align: right;
}
/*伸缩布局*/
/*父级标签*/
.display-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* flex-wrap: wrap;*/
align-content: flex-start;
}
.head .display-flex img{
width:34px;
}
.head .display-flex span a{
margin-left:8px;
font-size: 18px;
}
.justify-content{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-space-between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-space-around {
justify-content: space-around;
}
.padding-top150{
padding-top: 150px;
}
/*宽度自适应*/
.justify-width{
box-sizing: border-box;
display: block;
flex: 1;
flex-basis: auto;
}
.WhiteBg{
background: #FFFFFF;
}
.width50{
width: 50%;
}
.width90{
width: 90%;
margin: auto;
}
.marginAuto{
margin: auto;
}
.line-height40{
line-height: 40px;
}
.margintb50{
margin-top: 50px;
margin-bottom: 50px;
}
.headTop {
margin-top:7px;
}
/*导航*/
.head{
position: fixed;
top: 0;
left: 0;
width: 100%;
color: #000;
font-size: 16px;
background: #fff;
z-index: 3;
-moz-box-shadow: 0 2px 10px 0 #cccccc;
-webkit-box-shadow: 0 2px 10px 0 #cccccc;
box-shadow: 0 2px 10px 0 #cccccc;
transition:opacity 1s;
-moz-transition:opacity 1s;
-webkit-transition:opacity 1s;
-o-transition:opacity 1s;
}
.topNav ul{
float: right;
height: 100%;
line-height: 76px;
background: transparent;
padding: 0;
margin: 0;
}
.topNav ul li{
margin: 0;
float: left;
list-style: none;
position: relative;
padding: 0 10px;
}
.topNav ul li a{
text-decoration: none;
color: #000;
position: relative;
}
.topNav ul li.topNavloginMain{
font-size: 14px;
padding: 0 0 0 22px;
}
.topNavlogin{
width: 79px;
height: 32px;
margin-left: 12px;
text-align: center;
line-height: 32px;
background: #28b28b;
color: #FFFFFF!important;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.topNavlogin:hover{
background: #28b28b;
color: #FFFFFF!important;
}
.navPhone{
display: none;
}
/*导航下拉*/
.jiantou{
position: absolute;
top: 2px;
right: -15px;
width: 8px;
height: 8px;
display: block;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(135deg);
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
}
.topNav ul li:hover .jiantou{
top: 8px;
transform: rotate(315deg);
-ms-transform:rotate(315deg);
-webkit-transform:rotate(315deg);
}
.navDrop{
display: none;
position: absolute;
background: #FFFFFF;
width: 690px;
padding: 38px 38px;
-moz-box-shadow: 0 2px 10px 0 #cccccc;
-webkit-box-shadow: 0 2px 10px 0 #cccccc;
box-shadow: 0 2px 10px 0 #cccccc;
}
.topNav ul li:hover .navDrop{
display: block;
}
.navDrop-qr{
font-size: 14px;
line-height: 20px;
margin-bottom: 12px;
}
.navDrop-main{
width: 100%;
line-height: initial!important;
display: table!important;
}
.navDrop-main li{
width: 50%;
margin-bottom: 18px!important;
display: inline-block!important;
vertical-align: top;
float: left!important;
font-size: 12px;
color: #7F7F7F;
}
.navDrop-main li:nth-child(odd){
padding: 0 30px 0 0!important;
}
.navDrop-main li:nth-child(even){
padding: 0 0 0 30px!important;
}
.navDrop-main li a{
color: #7F7F7F!important;
}
.navDropTitle{
font-size: 18px;
color: #000000;
margin-bottom: 4px;
font-weight:bold;
}
.navPhoneDrop{
display: none;
position: fixed;
background: #FFFFFF;
width: 222px;
padding: 24px 20px;
right: 3px;
top: 46px;
-moz-box-shadow: 0 2px 10px 0 #cccccc;
-webkit-box-shadow: 0 2px 10px 0 #cccccc;
box-shadow: 0 2px 10px 0 #cccccc;
}
.topNav ul li:hover .navPhoneDrop{
display: block;
}
.navPhoneDrop-main{
width: 100%;
line-height: initial!important;
display: table!important;
}
.navPhoneDrop-main li{
width: 100%;
margin-bottom: 18px!important;
display: inline-block!important;
vertical-align: top;
float: none!important;
font-size: 12px;
color: #7F7F7F;
}
.navPhoneDrop-main li a{
color: #7F7F7F!important;
}
/*导航下拉*/
/*导航登录样式*/
.navNewBg{
position: relative;
display: table-cell;
vertical-align: middle;
cursor: pointer;
}
.navNewBg img{
vertical-align: middle;
cursor: pointer;
width:40px;
margin-right: 4px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/*.navNewBg i{
width: 5px;
height: 5px;
position: absolute;
top: 50%;
margin-top: 10px;
left: 2px;
display: inline-block;
background: #FF0000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}*/
.navHeardImg{
width: 50px!important;
height: 50px!important;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/*banner*/
.banner{
width: 100%;
padding-top: 90px;
padding-bottom: 50px;
top: 0;
color: #000;
position: fixed;
z-index: -1;
}
.bannerHeight{
width: 100%;
height: 460px;
}
.mainCenter1{
width: 1014px;
margin: auto;
}
.mainCenter2{
width: 1200px;
margin: auto;
}
.mainCenter3{
width: 800px;
margin: auto;
}
.bannerLeft{
font-size: 18px;
width: 50%;
}
.swiper-container-banner {
min-height: 100px!important;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
margin: 70px 0;
}
.swiper-container-banner .swiper-wrapper {
position: relative;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-slide {
flex-shrink: 0;
position: relative;
transition-property: transform;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.bannerTitle{
font-size: 40px;
margin-bottom: 20px;
font-weight: bold;
}
.bannerBtn{
width: 180px;
height: 50px;
color: #FFFFFF;
font-size: 18px;
background: #28b28b;
border: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}
.padding-top50{
padding-top: 100px!important;
}
/*二维码工具*/
.grayBg{
background: #F8FAFB;
}
.paddingBottom50{
padding-bottom: 50px;
}
.qrTopMain{
width: 100%;
display: inline-block;
margin-bottom: 10px;
}
.qrTop{
font-size: 17px;
padding: 10px 0;
color: #3A3A3A;
float: left;
}
.qrTop span{
position: relative;
margin: 0 7px;
}
.qrTitle{
font-size: 28px;
margin-left: 0;
margin-right: 24px;
float: left;
font-weight: bold;
}
.qrTop a{
position: relative;
color: #3A3A3A;
margin: 0 7px;
}
.qrTitleOn{
color: #28b28b!important;
}
.qrTop i{
display: none;
width: 100%;
height: 3px;
background: #28b28b;
position: absolute;
bottom: -6px;
left: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.qrTitleOn i{
display: block;
}
.QRCodeBg{
width: 190px;
margin-left: 28px;
}
.QRCodemain{
height: 190px;
}
.QRCodemain img{
width: 190px;
height: 190px;
}
.qr-textarea{
width: 100%;
height: 190px;
padding: 9px 13px;
resize: none;
border: none;
font-size: 16px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.generateBtn{
width: 130px;
height: 35px;
font-size: 18px;
margin: 12px auto;
display: block;
background: #28b28b;
color: #ffffff;
border: none;
cursor: pointer;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px;
border-radius: 24px;
}
.QRCodeBtn{
width: 130px;
height: 35px;
margin: 12px auto;
display: block;
background: none;
color: #161616;
border: 1px solid #B2B2B2;
cursor: pointer;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px;
border-radius: 24px;
}
/*营销*/
.MarketingTitle{
text-align: center;
margin: 70px auto 60px;
font-size: 14px;
color: #7F7F7F;
display: inline-block;
text-align: center;
width: 100%;
}
.MarketingTitle h1{
font-size: 34px;
color: #000000;
}
.MarketingTitle p{
margin-top: 5px;
}
.MarketingCode{
display: inline-block;
width: 100%;
}
.MarketingCode-word h1{
font-size: 24px;
margin-top: 22px;
}
.MarketingCode-word p.MarketingCode-ul{
font-size: 18px;
color: #000000;
margin: 22px 0 8px;
}
.MarketingCode-word p{
font-size: 14px;
color: #7F7F7F;
}
.MarketingImg-right{
float: right;
}
.MarketingImg-right img{
margin-left: 32px;
}
.MarketingImg-left{
float: left;
}
.MarketingImg-left img{
margin-right: 32px;
}
.marginBottom90{
margin-bottom: 90px;
}
/*活动*/
.doingTitle{
width: 100%;
font-size: 34px;
margin: 70px 0 60px;
display: inline-block;
text-align: center;
}
.swiper-container-doing {
height: 472px;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-pagination-bullet {
height: 20px;
text-align: left;
font-size: 16px;
color: #000;
opacity: 1;
cursor: pointer;
}
.swiper-pagination-bullet-active {
color: #28b28b;
font-weight:bold;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 16px 0;
display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 0;
min-width: 80px;
}
.swiper-container-doing .swiper-slide{
width: 1070px;
height: 472px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.swiper-doing-line{
width: 1px;
height: 130px;
background: #28b28b;
position: absolute;
right: 88px;
top: 210px;
}
.swiper-doing-main{
width: 100%;
height: 472px;
padding:35px 50px;
}
.swiper-doing-word{
width: 432px;
font-size: 14px;
}
.swiper-doing-word h1{
font-size: 32px;
margin: 60px 0 10px;
color: #000000;
}
.swiper-doing-word p{
line-height: 24px;
color: #7F7F7F;
}
.swiper-doing-word-tip{
margin-bottom: 20px;
color: #000000!important;
}
.seeBtn{
width: 110px;
height: 35px;
margin-top: 24px;
background: #28b28b;
color: #FFFFFF;
font-size: 14px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.swiper-doing-right{
width: 410px;
height: 380px;
background: #D8D8D8;
}
.padding-bottom118{
padding-bottom: 118px;
}
/*我们的优势*/
.advantage{
width: 100%;
display: inline-block;
}
.margin-bottom140{
margin-bottom: 140px;
}
.advantage li{
float: left;
width: 25%;
text-align: center;
font-size: 14px;
color: #7F7F7F;
}
.advantageTitle{
font-size: 18px;
color: #000;
margin: 7px 0 5px;
}
/*行业资讯*/
.newsMain{
width: 100%;
display: inline-block;
}
.newsMain li{
float: left;
width: 50%;
margin-bottom: 28px;
}
.newsMain li:nth-child(odd){
padding-right: 26px;
}
.newsMain li:nth-child(even){
padding-left: 26px;
}
.infoMain{
height: 72px;
border:1px solid #CCCCCC;
background: #FFFFFF;
}
.infoLeft{
width: 70px;
height: 70px;
text-align: center;
background: #a6a6a6;
color: #FFFFFF;
float: left;
font-size: 14px;
}
.newsMain li .infoMain:hover .infoLeft{
background: #28b28b;
}
.infoLeftTitle{
font-size: 28px;
margin-top: 10px;
}
.infoRight{
padding: 8px 16px 6px 90px;
font-size: 12px;
color: #a6a6a6;
}
.infoRight p{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.infoRight p.infoRightTitle{
font-size: 14px;
color: #000000;
margin-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*footer*/
.DarkgrayBg1{
background: #242C3B;
}
.DarkgrayBg2{
background: #1D2330;
}
.footer-top{
color: #eaeaea;
display: table;
padding: 50px 26px 38px 50px;
}
.footer-top a{
color: #eaeaea;
}
.footer-top a:hover{
color: #eaeaea;
}
.footer-top dl{
float: left;
width: 16.666666%;
}
.footer-top dl dt{
font-size: 16px;
margin-bottom: 30px;
}
.footer-top dl dd{
font-size: 12px;
margin-bottom: 12px;
}
.text-align-center{
text-align: center;
}
.footer-top-one{
color:#eaeaea;
margin-bottom: -32px;
}
.footer-top-one span{
color:#eaeaea;
font-size:12px;
}
.footer-top-one span a{
color:#eaeaea;
font-size:12px;
}
.footer{
color: #eaeaea;
height: 78px;
font-size: 12px;
display:flex;
text-align: center;
align-items: center;
justify-content: center;
}
.footer a{
color: #eaeaea;
}
.footer a:hover{
color: #eaeaea;
}
.PhoneBlock{
display: none;
}
@media only screen and (max-width: 1268px){
.padding-top150{
padding-top: 100px;
}
.mainCenter1{
width: 960px;
margin: auto;
}
.mainCenter2{
width: 1000px;
margin: auto;
}
.swiper-container-doing .swiper-slide{
width: 884px;
}
.swiper-doing-word{
width: 340px;
}
.newsMain li:nth-child(odd){
padding-right: 8px;
}
.newsMain li:nth-child(even) {
padding-left: 8px;
}
}
@media only screen and (max-width: 1199px){
.PhoneBlock{
display: block!important;
}
}
@media only screen and (max-width: 1023px){
.width50{
width: 100%;
}
.padding-top150{
padding-top: 50px;
}
.head-phone-display{
opacity: 0;
}
.mainCenter1{
width: 90%;
margin: auto;
}
.mainCenter2{
width: 90%;
margin: auto;
}
.text-align-center img{
width:100%;
margin:10px 0;
}
.QRtoolBg{
width: 100% !important;
margin-left: 0px !important;
}
.mainCenter3{
width: 90%;
margin: auto;
}
.PhoneNone{
display: none;
}
.QRPhoneNone{
margin: 0 auto;
}
.navPc{
display: none;
}
.navPhone{
display: block;
}
.topNav ul{
line-height: 46px;
font-size: 14px;
}
.topNav ul li{
padding: 0 12px;
}
.banner{
height: auto;
position: static;
}
.bannerLeft{
width: 100%;
}
.bannerImg{
display: none;
}
.MarketingImg-right,.MarketingImg-left{
width: 100%;
float: none;
text-align: center;
}
.MarketingImg-right img,.MarketingImg-left img{
margin-left: 2%;
margin-right: 2%;
max-width: 44%;
}
.MarketingCode-word{
width: 96%;
margin: auto;
}
.swiper-container-vertical>.swiper-pagination-bullets,
.swiper-doing-line{
display: none;
}
.swiper-container-doing .swiper-slide{
width: 100%;
}
.swiper-doing-word{
width: 100%;
}
.swiper-doing-right{
display: none;
}
.advantage li{
width: 50%;
margin-bottom: 24px;
}
.newsMain li{
width: 100%;
}
.newsMain li:nth-child(odd){
padding-right: 0;
}
.newsMain li:nth-child(even){
padding-left: 0;
}
.margin-bottom140{
margin-bottom: 80px;
}
.swiper-doing-main,.swiper-doing-word{
height: auto;
}
.swiper-doing-word h1{
margin: 10px 0;
}
}
@media only screen and (max-width: 767px){
.MarketingTitle h1{
font-size: 26px;
}
.marginBottom90 {
margin-bottom: 50px;
}
.topNav ul li{
padding: 0 10px;
}
.head .display-flex img{
width:30px;
}
.head .display-flex span a{
font-size: 18px;
}
}
@media only screen and (max-width: 419px){
.display-flex span.logoTitle {
}
.head .display-flex span a{
font-size: 16px;
}
.topNav ul li{
padding: 0 6px;
}
}
@media only screen and (max-width: 330px){
.display-flex span.logoTitle {
margin-left: 2px;
}
.topNav ul li{
padding: 0 5px;
}
}
/*错误提示页面*/
.TsMain{
padding: 80px 24px;
}
.TsMain p{
margin-bottom: 12px;
}
.TsMain a{
color: #28b28b;
margin: 0 12px;
}
.TsMain p.TsImg{
text-align: center;
margin-bottom: 24px;
font-size: 84px;
font-weight: bold;
color: #28b28b;
}
.TsMain p.TsTitle{
font-size: 34px;
font-weight: bold;
margin-bottom: 28px;
}
@media only screen and (max-width: 767px){
.TsMain p.TsTitle{
font-size: 24px;
}
.TsMain p.TsImg{
font-size: 64px;
}
>>>>>>> own
}