﻿@charset "utf-8";
.por-container{padding:10px;}
.swiper-pagination-clickable .swiper-pagination-bullet-active{background-color: #fff;}
img{max-width:100%;}
.paddingTop20{padding-top:20px;}
.websitetop{width:100%;left:0;top:0;z-index:100;}
.topinfo{width:90%;padding:0 5%;height:80px;line-height:80px;background:#fff;}
.websitetop h3{float:left;font-size:20px;}
.websitetop p{float:right;font-size:15px;}
.main-wrap{width:94%;margin:auto;padding: 0 .32rem .53333333rem;}
.main-wrap img{max-width:100%;}
.greyBg{background-color:#F6F7F7;}
.headercont{height:50px;background:#202124;box-shadow: 0px 0px 4px #686868;}
header .logo{display:inline-block;float:left;margin-top:12px;margin-left:20px;}
.menu-bg .logo{margin-left:20px;margin-top:12px;}
.logo img{width:100px;}
.headercont ul{float:right;padding-top:10px;margin-right:40px;}
.headercont ul li{float:left;padding-left:30px;margin-right:0px;}
.headercont ul li:nth-child(3){margin-right:0;}
.topnavicon{display:block;}
.headercont ul li img{display:block;}
.headercont ul li span{display:block;}
.text-center{text-align:center;}
.marginTop20{margin-top:20px;display:block;}
.flex-row {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flex-top {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.product-img-box{margin-top:30px;}
.product-text{font-size:16px;}
/* 卡片a */
.items-title {
text-align: center;
font-size: 24px;
position: relative;
margin-bottom: 20px;
padding-top: 20px;
}
.card-container-a {
border: 1px solid #E5E5E5;
margin-top: 15px;
background-color: #fff;
}

.card-container-a .card-tab {
justify-content: flex-start;
padding: 0 16px;
position: relative;
height:60px;
}

.card-container-a .card-tab:after {
content: url(../images/icon/arrow.svg);
position: absolute;
right: 6px;
top: 50%;
margin-top: -13.5px;
transition: transform .3s ease;
}

.card-container-a .card-tab.cur:after {
transform: rotateZ(180deg);
}

.card-container-a .img-block {
margin: 0;width:32px;display:inline-block;
}
.card-container-a .img-block img{width:100%;}
.card-container-a .card-title {
font-size: 16px;
margin-left: 10px;
display:inline-block;
}
.card-container-a .card-content {border-top: 1px solid #E5E5E5;display: none;}
.card-container-a .card-content-p {color: #666;font-size: 14px;padding:10px 16px;line-height:2;}
.card-container-a .card-content-p a{color:#ff6a00;}
.product-list{padding:0;margin:0;}
.product-list li{padding:10px 16px;}
.product-list li .product-title{line-height:24px;font-size:14px;}
.product-list li .product-text{font-size:14px;color:#666;line-height: 24px;}
.qwxys_fuwu{
width: 100%;
overflow: hidden;
background: #fff;
padding-bottom: 40px;
}
.qwxys_fuwu ul{
margin-top: 30px;
}
.qwxys_fuwu ul li{
width: 33.33333%;
height: 125px;
float: left;
position: relative;
}
.qwxys_fuwu ul li img{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width:45px;
}
.qwxys_fuwu ul li .one{
font-size: 16px;
color: #333;
text-align: center;
margin-top: 55px;
}
.qwxys_fuwu ul li .two{
font-size: 14px;
color: #666;
text-align: center;
}
.qwxys_one ul {
width: 100%;
margin-top:10px;
display: flex;
padding-bottom:10px;
}
.qwxys_one ul li{
flex: 1;
position: relative;
padding-left:2px;padding-right:2px;
}
.qwxys_one ul li img{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.qwxys_one ul li p{
font-size: 14px;
color: #333;
text-align: center;
margin-top: 40px;
}
.qwxys_one ul li span{display:block;text-align:center;font-size:12px;color:#666;}
/* banner */
.industry-banner {
position: relative;
}

.indutry-banner-title {
position: absolute;top:calc(50% - 53px);left:10px;
}

.indutry-banner-title-txt {
font-size: 24px;
vertical-align: middle;
}

.indutry-banner-p {
font-size: 14px;
margin-top: 5px;margin-bottom: 5px;
}
/* 全网响应式 */
.industry-banner {background-size:100% 100%;}
.mail-banner {background-image: url(/m/images/banner-m-mail.jpg);}
.microprogram-banner{background-image: url(/m/images/banner-weixin.png);}
.mobile-banner {background-image: url(/m/images/banner-mobile.png);}
.website-banner{background-image: url(/m/images/banner-website.png);}
.seo-banner{background-image: url(/m/images/banner-seo.png);}
.google-banner{background-image: url(/m/images/banner-google.png);}
.plantform-banner{background-image: url(/m/images/banner-plantform.png);}
.shop-banner{background-image: url(/m/images/banner-shopmall.png);}
.group-banner{background-image: url(/m/solution/img/bg.jpg);}
.nta-banner{background-image: url(/m/images/banner-nta.png);}
.education-banner{background-image: url(/m/images/banner-education.png);}
.contact-banner{background-image: url(/m/images/banner-contact.png);}
.about-banner{background-image: url(/m/images/banner-about.png);}
.vi-banner{background-image: url(/m/images/banner-vi.png);}
.machine-banner{background-image: url(/m/images/banner-machine.png);}
.footwrap{background:#e6e6e6;padding:16px 10px 20px 10px;color:#666;}
.footcode{text-align:center;}ba
.footaddress{padding:16px 0 32px 0;text-align:center;line-height:25px;}
.footcopyright{ line-height:28px; padding-top:23px;border-top:1px solid #bfbfbf;text-align:center;}


.indexbox{position:relative;}
.indexbox ul{margin: auto auto auto 8px;padding-left:10px;}
.indexbox .news_container ul li{list-style:disc;}
.newslist{padding-top:28px;}
.news_container blockquote{margin:5px 0 5px 0;font-size:2rem;border-left:4px #ccc solid;padding-left:10px;font-weight:500;}
.pagestitle{border-bottom:1px solid #d6d6d6;padding-bottom:20px;font-size:18px;}
.searchnews li{padding:26px 0 20px 0;width:100%;border-bottom:1px solid #d6d6d6;}
.searchnews li img{width:100%;}
.searchnews li h5{padding:24px 0;line-height:26px;font-weight:bold;}
.searchnews li p{font-size:20px;line-height:32px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pagestitle img{display:block;margin-bottom:26px;}

.topsearchwrap{width:90%;height:90px; padding:0 5%;background:#fff;position:absolute;left:0;top:169px;z-index:100; display:none;}
.topsearchwrap dl{border-bottom:1px solid #999;padding-top:18px;}
.topsearchwrap dl dt{width:90%;float:left;}
.topsearchwrap dl dt input{width:100%;height:50px;line-height:50px;text-indent:6px; font-family:'Microsoft YaHei';font-size:18px;color:#666;}
.topsearchwrap dl dd{width:10%;float:right;}
.topsearchwrap dl dd input{width:100%;height:30px;background:url(../webimages/img13.png) no-repeat 84% center;}

.newsdetail{padding-top:28px;}
.newstitle{text-align:center;padding-bottom:14px;background: #f5f5f5;margin-bottom:10px;}
.newstitle h4{font-size:16px;color:#333;padding:10px;}
.newstitle span{color:#666;display:inline-block;padding-top:5px;}
.pageBar{padding-top:15px;}
.pageBar p{margin-bottom:2%;overflow:hidden;display:block;height:30px;}
.detailcont{padding-top:10px;}
.detailcont div p{line-height:34px;}
.detailcont div{width:100%;height:auto;}
.backlist{display:inline-block; width:100%;height:40px;line-height:40px;font-size:18px;color:#666; text-align:center;background:#ededed;margin:63px 0 12px 0;}
.detailcont div img{width:100%;height:auto;}

.Modulebanner img{display:block;width:100%;}
.Moduletitle{font-size:18px;line-height:40px;margin:22px 0;padding-left:20px;border-left:3px solid #1e1e1e;}
.Moduletext{color:#666;line-height:26px;padding-bottom:16px;}
.Moduletext img{width:100%;}
.contentIMG{padding-top:10px;line-height:1.8;font-size:1.8rem;}
.contentIMG a{color:#f67001;}
.contentIMG img{width:100%;height:100%;margin-bottom:10px;}
.planlist{padding-top:32px;}
.planlist ul li{float:left;width:33.33%;position:relative;overflow:hidden;}
.planlist ul li img{display:block;width:100%;height:auto;}
.planlist ul li div{width:100%;height:66px;background:url(../webimages/img20.png) repeat;position:absolute;left:0;bottom:0;text-align:right;color:#fff;}
.planlist ul li div p{padding:9px 15px 9px 0;text-transform:uppercase;}
.planlist ul li div h5{font-size:18px;padding-right:15px;}

.pageslist ul li{width:49%;float:left;margin-top:4%;padding-bottom:15px;border-bottom:1px solid #d8d8d8;margin-right: 2%;list-style: none;}
.pageslist ul li:nth-child(2n){margin-right: 0;}
.pageslist ul li img{display:block;width:100%;}
.pageslist ul li h4{overflow:hidden;margin:10px 0 0px 0;font-size:1.4rem;}
.pageslist ul li a{color:#000;}
.pageslist ul li p{background:url(../webimages/img25.jpg) no-repeat right center;height:22px;overflow:hidden; line-height:22px;margin:0;font-size:1.2rem;}
.pageslist ul li p a{color:#999;display:inline-block;width:90%;}

.Corporatelist{padding-top:16px;}
.Corporatelist ul li{width:50%;float:left;}
.Corporatelist ul li h4{font-size:18px;height:90px;line-height:90px;color:#fff;font-weight:bold;background:#3d0e4c;text-shadow:3px 3px 5px #000;}
.Corporatelist ul li img{margin:0 16px 0 22px;}
.Corporatetext{padding:20px 25px;height:205px; color:#666;font-size:18px;line-height:35px;background:#f8f7f3;}
.Corporatelist ul li:nth-child(2n) .Corporatetext{background:#e5e5e5;text-align:center;}
.Corporatelist ul li:nth-child(2n) h4{background:#2e0b39;}
.Corporatelist ul li:nth-child(3) .Corporatetext,.Corporatelist ul li:nth-child(4) .Corporatetext{height:118px;}
.Corporatelist ul li:nth-child(3) img{margin:0 3px 0 22px;}

.platformlist{width:94%;padding:25px 3%;background:#ebebeb;margin-top:14px;}
.platformlist ul li{width:45%;height:232px;padding:0 2%;margin-bottom:2%; background:#fff;float:left;text-align:right;overflow:hidden;}
.platformlist ul li:nth-child(2n){float:right;}
.platformlist ul li h5{padding:26px 0 15px 0;color:#0d5db2;font-size:25px;font-weight:bold;text-transform:uppercase;}
.platformlist ul li p{ color:#484848;line-height:28px;}
.platformlist ul li p b{color:#0d5db2;}
.platformlist ul li:nth-child(1){background:#fff url(../webimages/img36.png) no-repeat 90% 176px; }
.platformlist ul li:nth-child(2){background:#fff url(../webimages/img37.png) no-repeat 90% 176px; }
.platformlist ul li:nth-child(3){background:#fff url(../webimages/img38.png) no-repeat 90% 176px; }
.platformlist ul li:nth-child(4){background:#fff url(../webimages/img39.png) no-repeat 90% 176px; }

.investmentlist{padding:14px 0 20px 0;}
.investmentlist ul li{width:25%;height:176px;background:#cd2e7b;color:#fff;font-weight:bold;text-align:center;float:left;overflow:hidden;}
.investmentlist ul li img{display:block;margin:40px auto 26px;}
.investmentlist ul li:nth-child(2n){background:#bd2a71;}

.applicationlist{overflow:hidden;}
.applicationlist ul li{width:32%;height:190px;float:left;margin:0 2% 2% 0; background:#f2f2f2;line-height:28px;text-align:center;padding-top:26px;}
.applicationlist ul li:nth-child(3n){margin-right:0;}
.applicationlist ul li div{color:#cd2e7b;font-size:18px;font-weight:bold;padding-bottom:20px;}
.applicationlist ul li div span{display:block;width:40px;height:40px;background:#cd2e7b;font-size:18px;line-height:40px;border-radius:100%;color:#fff;margin:0 auto 10px;}


.servicelist dl{padding-top:28px;}
.servicelist dt{float:left;}
.servicelist dd{width:85%; float:right;padding-bottom:25px; border-bottom:1px solid #d6d6d6;}
.servicelist dd h5{font-size:25px;line-height:26px;padding-bottom:6px;}
.servicelist dd p{font-family:Arial; font-size:18px;color:#999;}

.contactimg img{display:block;width:100%;}

.contactcont{padding:15px 0 15px 0;text-align:center;}
.contactcont h5{line-height:26px;}
.contactcont ul li{float:left;width:49%;line-height:26px;color:#464646;margin-top:20px;}
.contactcont ul li img{display:block;margin:0 auto 10px;}
.contactcont ul li div{color:#4f4f4f;font-size:18px;padding-bottom:18px;}
.contactcont ul li:nth-child(2n){border-left:1px solid #e7e7e7;}

.searchresult dl dt{float:left;width:53%;height:65px;box-shadow: 0px 0px 0px 1px #c2c2c2;box-sizing:border-box;}
.searchresult dl dt input[type=text]{width:78%;float:left;height:65px;padding-left:2%;font-family:'Microsoft YaHei';font-size:20px;color:#5b5b5b;}
.searchresult dl dt input[type=submit]{width:20%;float:left;height:65px;background:url(../webimages/img77.jpg) no-repeat center;}
.searchresult dl dd{line-height:65px;}
.searchresult dl dd input[type=radio]{width:27px;height:27px;margin:0 15px;background:url(../webimages/img78.jpg) no-repeat;vertical-align:-3px;}
.searchresult dl dd input:checked[type=radio]{background:url(../webimages/img79.jpg) no-repeat;}
.resulttips{padding:29px 0 16px 0;}
.resulttips span{color:#0d5db2;}

.searchfixed{width:100%;overflow:hidden;position:fixed;left:0;bottom:0;z-index:25;background:#9e9ea0;}
.searchfixed a{display:block;width:12.5%;float:left;}
.searchfixed a img{display:block;width:99%;border-right:1px solid #c8c8c9;box-sizing:border-box;}

.indexmoudle ul li{width:25%;height:156px;background:#fff;float:left;box-sizing:border-box;line-height:26px;text-align:center;}
.indexmoudle ul li a{color:#9d9d9e;height:156px;display:block;border-right:2px solid #d9d9d9;border-bottom:2px solid #d9d9d9;box-sizing:border-box;}
.thisimg{padding:14px 0 5px 0;}
.indexmoudle ul li:nth-child(4n){border-right:0;}
.indexcase ul li.thiswid{width:100%;}
.casetitle{font-size:18px;color:#000;line-height:30px;margin-top:20px;border-left:3px solid #1d1d1d;padding-left:22px;}
.casetitle span{color:#b2b2b2;display:inline-block;padding-left:10px;}

.abouttext{padding:0px 5%;font-size:14px;height:100%;line-height:28px; color:#8e8e8e;}
.aboutfont{font-weight:bold;color:#0d5db2;}

.Servicesab{padding:28px 1%;background:#f4f4f4;}
.svtitle{font-size:18px;color:#f67001;text-align:center;font-weight:bold;padding-bottom:10px;}

.Servicesab ul li{width:23.5%;margin:0 2% 2% 0;}
.Servicesab ul li:nth-child(4n){margin-right:0;}
.Servicesab ul li a{border:none;height:auto;}



.Brandab{padding:0 48px;text-align:center;}
.Brandtop{color:#727272;line-height:36px;}
.Brandtop b{color:#0d5db2;}
.Brandbot{font-size:18px;color:#727272;line-height:30px;padding-top:30px;}
.leftcorner{position:absolute;left:5%; top:5%;}
.rightcorner{position:absolute;right:5%; bottom:5%;}

.aboutintro{padding:0 5%;background:#f4f4f4;height:100%;}
.aboutintro dl{border-top:1px solid #dbdbdb;padding:15px 0;}
.introtop img{float:left;}
.introtext{font-size:18px;font-weight:bold;line-height:36px;color:#f67001;padding:10px 0 0 0px;}
.aboutus .items-content{color:#686767;line-height:28px;font-size:14px;}
.aboutus .items-content p{margin-bottom:20px;}
.introbot img{display:block;width:100%;height:auto;}


.gomore{background:#c8c9cb; width:100%; height:40px;line-height:40px; text-align:center; color:#fff; font-size:20px; margin:35px auto;}
.insertcase{height:310px;overflow:hidden;}


.resultchange{display:none;}

.caseimg img{width:100%;height:auto;}
.casetitle02{padding:22px 3%;background:#0d5db2;color:#fff;}
.casetitle02 h4{font-size:18px;font-weight:bold;line-height:34px;padding-bottom:12px;}
.caselist{padding:0 3%;}
.caselist h4{padding:32px 0 0 0;}


.floatmask{width:100%;height:100%;position:fixed;z-index:99;left:0;top:0; background:#fff;opacity:0;display:none;}
/*news*/
.zaddnewscont ul{padding: 0 0 0 0;margin:0;margin: 0 2.7% 1.06667rem;}
.zaddnewscont li{padding:10px 10px;background:#fff;line-height:24px;box-shadow: 0 .02667rem .13333rem #e3e2e5;margin-bottom: .46667rem;position:relative;}
.zaddnewscont li span{background:url(/m/images/icon/arrow3.svg) no-repeat;width:32px;height:32px;display:inline-block;position:absolute;top:10px;right:10px;}
.zaddnewscont li a{color:#000000; width:90%;height:24px;overflow:hidden; text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;font-size: 1.4rem;}
.zmorenewsbtn{display:block;height:29px;line-height:29px;text-align:center;font-size:15px;background:#333;margin-top:26px;border-radius:6px;margin-bottom:15px;color:#fff;}
#back-to-top{position:fixed;bottom:40px;right:5px;}
.mobile-two{background:#ff6a00;position:relative;height:300px;}
.mobile-two .ti{color:#fff;text-align:center;font-size:16px;margin:10px auto 25px auto;padding-top:10px;position:relative;}
.mobile-two .ti:after{content: "";position: absolute;width: 20px;height: 2px;background-color:#fff;left:48%;top:40px;}
.mobile-two p{color:#fff;text-align:center;font-size:12px;width:90%;margin:auto;}
.mobile-two .img{position:absolute;bottom: -16%;}
.microprogram{background-size: 100% 100%;background-repeat: no-repeat;position:relative;height:160px;}
.microprogram .ti{color:#fff;text-align:center;font-size:16px;margin:10px auto 15px auto;padding-top:40px;position:relative;}
.microprogram .ti:after{content: "";position: absolute;width: 20px;height: 2px;background-color:#fff;left:48%;top:65px;}
.microprogram p{color:#fff;text-align:center;font-size:12px;width:90%;margin:auto;}
.microprogram-bg1{background-image:url(/m/images/service/shop.png);}
.microprogram-bg2{background-image:url(/m/images/service/retail.png);}
.microprogram-bg3{background-image:url(/m/images/service/hotel.png);}
.we-feature ul li{width:45%;text-align:center;padding-bottom:20px;}
.we-feature ul li .one{font-size:14px;color:#333;margin-top:10px;}
.we-feature ul li .two{font-size:12px;color:#666;}
.international-one{}
.international-one .flag img{width:32px;height:32px;border:1px #ccc solid;border-radius:50%;}
.google-s1 img{width:40px;}
.shop-one{}
.shop-one .item {width: 25%;margin-top: 20px;text-align: center;margin-left:4%;margin-right:4%;} 
.shop-one .item-title{margin-top:10px;font-size:14px;}
.shop-two .items{display: flex;flex-flow: column;}
.shop-two .items .item{display: flex;align-items: center;margin: .15rem;font-size: 14px;color: #333;box-shadow: 0 0 3px 0px #ccc;
padding: 10px 5px;margin-bottom:10px;}
.shop-two .items .item span{display: block;width: 20px;height:20px;text-align: center;margin-right:5px;font-weight: 600;color: #fff;background: #427bef;}
.mail-one .product-advantage{margin-top:20px;}
.mail-one .product-advantage .col-sm-3{width:20%;}
.mail-one .product-advantage .col-sm-3 span{font-size:12px;display:block;text-align:center;}
.mail-one .product-advantage .col-sm-3 img{width:40px;display:block;margin:auto;}
.product-functions .col-sm-3{width:50%;float:left;}
.product-functions .list{height:105px;}
.product-functions .list h4{border-left:4px solid #0078D7;padding-left:10px; margin-left: 10px; line-height:18px;font-size: 18px;color: #000000;font-weight: normal;}
.product-functions .list p{padding:10px 15px 10px 25px;color: #666666; text-align: justify;word-break:break-all;font-size:12px;}
.home-use-btn {width: 100%;height: 40px;line-height: 38px;margin-top: 15px;}
.c-btn {height: 35px;min-width: 140px;padding: 0 20px;background-color: #38f;color: #fff;font-size: 14px;line-height: 35px;text-align: center;
display: inline-block;cursor: pointer;outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.c-media-img{text-align:center;margin-top:20px;margin-bottom:10px;}
.function-list .c-media .c-media-img img {width: 60px;height: 60px;text-align:center;}
.c-media-heading {
text-align: center;
font-size: 18px;
color: 
#333;
margin: 0;
padding: 0;
font-weight: 400;
line-height: 1.5;
}
.c-media-info {
font-size: 14px;
color: 
#666;
margin-top: 10px;
line-height: 1.7;
word-wrap: break-word;
}
.product-ssl-one h3{margin-bottom:10px;}
.product-ssl-one .main-wrap p{font-size:14px;margin-bottom:10px;}
article header .top-con-l{
 padding: 30px 20px;
background: #575757
}
article header .top-con-l.news-top-con-l {
background: url(../images/news/news-banner-bg.png) no-repeat center;
height:146px;
padding:0;
}
article header .top-con-l h2 {
font-size: 20px;
font-weight: 400;
margin: 0 0 20px;
color: #fff
}
article header .top-con-l.news-top-con-l h2 {
font-size:22px;
font-weight: 400;
margin: 0 0 20px;
color: #fff;
font-weight:  bold;
}

article header .top-con-l h3 {
font-size: 20px;
color: #fff;
margin: -20px 0 20px
}

article header .top-con-l .sub-desc {
font-size: 14px;
line-height: 1.8;
color: #a9a9a9
}

article header .top-con-l .tc-s-nav {
color: #a9a9a9;
font-size: 14px
}

article header .top-con-l .tc-s-nav .active {
color: #0d6cc5
}

article header .top-con-l .tc-s-nav .division {
margin: 0 10px
}
/*why choose me*/
.mod-choose .rno-1-media-panel-object {
width: 48px;
}
.rno-1-media-panel-icon{width:48px;height:48px;}
.mod-choose .rno-1-media-panel-body {
padding-left: 12px;
text-align: left;
}
 .mod-choose .rno-1-media-panel-title {
line-height: 28px;
font-size: 18px;
color: 
#000;
}
.rno-1-media-panel-desc {
font-size: 14px;
line-height: 24px;
color:#666;
}
 .mod-choose .rno-1-media-panel-body,.mod-choose .rno-1-media-panel-object{
display: table-cell;
vertical-align: top;
}
.mod-choose .rno-grid-col {
margin-bottom: 28px;
}
 .mod-product-mb-list {
position: relative;
margin: 0 auto;
width: 278px;
height: 278px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
background-image: url(/m/aboutus/img/bg-product467.svg);
}
.mod-product-mb-item {
position: absolute;
top: 50%;
left: 50%;
}
 .mod-product-mb-item .item-object {
position: relative;
width: 48px;
height: 48px;
background:#fff;
border-radius: 50%;box-shadow: 0 0 5px 0 #c6d3da;}
 .mod-product-mb-item:first-child {
margin-top: -161px;
margin-left: -24px;
}
 .mod-product-mb-item:nth-child(2) {
margin-top: -107px;
margin-left: -142px;
}
.mod-product-mb-item:nth-child(3) {
margin-top: 12px;
margin-left: -163px;
}
 .mod-product-mb-item:nth-child(4) {
margin-top: 96px;
margin-left: -92px;
}
.mod-product-mb-item:nth-child(5) {
margin-top: 96px;
margin-left: 46px;
}
.mod-product-mb-item:nth-child(6) {
margin-top: 12px;
margin-left: 116px;
}
.mod-product-mb-item:nth-child(7) {
margin-top: -107px;
margin-left: 88px;
}
.mod-product-mb-item .item-image {
position: absolute;top: 50%;left: 50%;
margin-top: -12px;margin-left: -12px;
width: 24px;height: 24px;}
.mod-product .rno-section-hd {padding-bottom: 22px;}
.rno-section-bd{clear:both;margin-top:20px;position:relative;padding-bottom:20px;}
 .rno-section {margin-top: 16px;}
.rno-section {padding-bottom: 32px;background: #fff;box-shadow: 0 2px 4px 0  rgba(3,27,78,.06);}
.mod-product-mb-item .item-tit{position: absolute;top: 100%;margin-top: 2px;line-height: 26px;font-size: 14px;color:#000;text-align: center;white-space: nowrap;}
.contact-card-con {display: block;background-color:#f7f8fa;width: auto;padding: 20px;margin: 0 10px;}
.contact-card-tit {font-size: 16px;margin-bottom: 4px;}
.contact-card-tit-num {color:#ff6a00;font-size: 18px;margin-bottom: 10px;}
.contact-card-tit-num2 {color:#333;font-size: 18px;margin-bottom: 10px;}
.contact-card-txt {font-size: 14px;line-height: 24px;color:#999;}
.contact-card-txt em {color:#333;display:block;}
.contact-card-aside {display: block;width: auto;padding: 0 10px;}
.contact-card-aside-inner {border: 1px solid #e5e5e5;box-sizing: border-box;padding: 20px;margin-top: 15px;}
.contact-card-aside-btn .c-btn {width: 100%;margin-top:20px;}
.hero-con-btn {
margin-top: 15px;
height: 30px;
line-height: 30px;
font-size: 12px;border: 1px solid rgba(255,255,255,.6);display:block;width:120px;text-align:center;
}
.c-grid [class*="c-g-"] {
display: inline-block;
zoom: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}
.business-unit-box {
font-size: 14px;
color:#666;
padding: 30px 19px;
margin-bottom: 20px;
box-shadow: 0 0 2px
rgba(0,0,0,.12),0 2px 2px
rgba(0,0,0,.12);
background-color:
#fff;
}
.business-unit-box-hd {
font-size: 18px;
color:#000;
font-weight: 700;
margin-bottom: 8px;
}
.business-unit-box-bd .text {
font-size: 14px;
color:#666;
}
.business-info-list {
margin-top: 10px;
overflow: hidden;
}
.business-info-list li {
margin-top: 8px;
color:#999;
list-style-position: inside;
}
.business-info-list em {
color:#000;
font-size: 14px;
vertical-align: middle;
}
.business-icon-5 {background-image: url(/m/solution/img/business/business-icon-5.svg);}
.business-icon-6 {background-image: url(/m/solution/img/business/business-icon-6.svg);}
.business-icon-7 {background-image: url(/m/solution/img/business/business-icon-7.svg);}
.business-icon-9 {background-image: url(/m/solution/img/business/business-icon-9.svg);}
.business-finance-icon {
display: inline-block;
width: 32px;
height: 32px;
vertical-align: middle;
background-repeat: no-repeat;
margin-right: 8px;
}
.business-info-list li::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin-right: 10px;
border-radius: 50%;
background-color:#999;
vertical-align: middle;
}
.footer-bg {
 background:#1e2838 url("../img/foot-bg.png") center no-repeat;
 background-size:100% auto;padding:10px 20px 0px 20px;
}
.footer-items-about,
.footer-items-product {
 overflow:hidden;
 margin:20px auto;
}
.footer-items-title {
 margin-bottom:10px;;
 text-align:left;
 font-weight:700;
 font-size:14px;;
 color:#67707d;
 letter-spacing:0;
}
.footer-items-list {
 overflow:hidden;
 float:left;
 width:30%;
}
.footer-items-list .footer-items-list-i a {
 color:#fff;
 display:block;
 text-align:left;
 font-size:12px;line-height:30px;
}
.footer-border {
 border-bottom:1px solid rgba(255,255,255,.17)
}
.footer-reg {
 font-size:12px;;
 color:#67707d;
 text-align:center;
}
.footer-report {
 font-size:12px;
 color:#9d9ca7;
 letter-spacing:0;
 text-align:center;
 margin-top:.4rem;
 padding-bottom:10px;
}
.footer-report a {
 color:#9d9ca7
}
.m-foot-tel {
display: block;
margin: 1.04rem auto .82667rem;
border: 1px solid rgba(255,255,255,.4);
color:#fff;
padding-top: .50667rem;
padding-bottom: .50667rem;
text-align: center;
border-radius: 2px;
}
.yz-resolutions {
 margin:0 auto;
 margin-top:60px
}
.yz-resolutions .title-section {
 text-align:center
}
.yz-resolutions .title-section h3 {
 font-family:PingFangSC-Medium;
 font-size:24px;
 line-height:36px;
 color:#333;
 letter-spacing:0
}
.yz-resolutions .rescontent {
 display:-webkit-box;
 display:-webkit-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-top:48px;
}
.yz-resolutions .rescontent .ump-card {
 width:132px;
 height:167px;
 padding:20px 15px;
 border:1px solid #e5e5e5;
 border-radius:2px;
 margin-right:15px;
 margin-bottom:15px;
 cursor:pointer
}
.yz-resolutions .rescontent .ump-card:hover {
 border:1px solid #38f
}
.yz-resolutions .rescontent .ump-card .icon-div {
 width:52px;
 height:52px
}
.yz-resolutions .rescontent .ump-card .ump-1 {
 background:url("https://img.yzcdn.cn/intro/index/ump1-2@2x.png") no-repeat;
 background-size:52px
}
.yz-resolutions .rescontent .ump-card .ump-2 {
 background:url("https://img.yzcdn.cn/intro/index/ump2-2@2x.png") no-repeat;
 background-size:52px
}
.yz-resolutions .rescontent .ump-card .ump-3 {
 background:url("https://img.yzcdn.cn/intro/index/ump3-2@2x.png") no-repeat;
 background-size:52px
}
.yz-resolutions .rescontent .ump-card .ump-4 {
 background:url("https://img.yzcdn.cn/intro/index/ump4-2@2x.png") no-repeat;
 background-size:52px
}
.yz-resolutions .rescontent .ump-card .ump-intro {
 padding:10px 0;
 width:100%;
 height:92px;
 line-height:36px
}
.yz-resolutions .rescontent .ump-card .ump-intro .ump-title {
 font-size:20px;
 font-weight:600;
 color:#333
}
.yz-resolutions .rescontent .ump-card .ump-intro .ump-desc {
 font-size:14px;
 line-height:24px;
 color:#999
}
.yz-resolutions .rescontent .ump-card .ump-intro a {
 font-size:14px;
 color:#38f
}
.yz-resolutions .rescontent .resolution-card {
width:47%;
border:1px solid #e5e5e5;
border-radius:2px;
margin-bottom:15px;
cursor:pointer;
}
.yz-resolutions .rescontent .resolution-card:hover {
 border:1px solid #38f
}
.yz-resolutions .rescontent .resolution-card .ccover {
 width:100%;
 position:relative
}
.yz-resolutions .rescontent .resolution-card .ccover img {
 width:100%
}
.yz-resolutions .rescontent .resolution-card .ccover .icon {
 position:absolute;
 width:40px;
 margin:0 auto;
 left:40%;
 top:30px
}
.yz-resolutions .rescontent .resolution-card .csummary {
 padding:4px 0;
 width:100%;
 height:52px;
 text-align:center;
 line-height:24px
}
.yz-resolutions .rescontent .resolution-card .csummary p {
 font-size:16px;margin:0;
}
.yz-resolutions .rescontent .resolution-card .csummary a {
 font-size:12px;
 color:#38f
}
.yz-resolutions .rescontent .clear-mright {
 margin-right:0
}
.index-f6 {
 background:url(/m/images/5L_bg.png) no-repeat;
 background-size:cover
}
.index-f6 ul {
 margin:0 auto;
 color:#fff;width:90%;
 padding:20px;
}
.index-f6 ul span {
 font-size:18px;
 line-height:20px;
}
.index-f6 ul i {
 font-style:normal;
 font-size:12px;
  line-height:20px;
}
.index-f6 ul .xian {
 width:1px;
 height:20px;
 background:#FFF;
 border-radius:1.5px;
 margin-top:.26667rem
}
.m-logo {
color:#fff;
}
.g-mt80 {
padding-top: 30px;
}
.g-tac {
    text-align: center;
}
.k-fs36 {
    font-size:18px;
}
.k-fs26 {
    font-size:14px;
}
.g-mb25 {
    margin-bottom: 10px;
}
.g-flex {
 display:-webkit-box;
 display:-webkit-flex;
 /*! display:flex; */
}
.f-wrap {
    flex-wrap: wrap;
}
.j-center {
    justify-content: space-between;
}
.g-mb80 {
    margin-bottom: 30px;
}
/*banner*/
.swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
    }
.swiper-slide {
background: #fff;
}

	.promote {
  background-image:url("https://img.yzcdn.cn/static/intro/img/newIndex/wap_footerbg@2x.png");text-align:center;padding-bottom:30px;background-position: 50%;
background-size: cover;
 }
 .promote .info {
 padding-top:34px;
 padding-bottom:20px;
 height:46px
}
.promote p {
 font-size:17px;
 color:#fff;
 line-height:33px
}
.promote a {
 display:inline-block;
 text-decoration:none;
 font-size:14px;
 line-height:20px;
 color:#38f;
 background-color:#fff;
 padding:10px 52px;
 border-radius:2px
}
a.button {
 display:block;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:20px auto;
 font-size:16px;
 line-height:19px;
 text-align:center;
 padding:10px 0;
 border-radius:2px
}
a.primary {
 color:#333;
}
.reg-line-phone-wrap {
 position:fixed;
 bottom:0;
 height:50px;
 max-width:750px;
 left:0;
 right:0;
 z-index:9;
 margin:0 auto;
 opacity:.96;
 background:#FFF;
 -webkit-box-shadow:0 0 .8rem 0 rgba(59,62,83,.1);
 -moz-box-shadow:0 0 .8rem 0 rgba(59,62,83,.1);
 -ms-box-shadow:0 0 .8rem 0 rgba(59,62,83,.1);
 -o-box-shadow:0 0 .8rem 0 rgba(59,62,83,.1);
 box-shadow:0 0 .8rem 0 rgba(59,62,83,.1)
}
.reg-line-phone-wrap>a {
 font-size:14px;
 color:#38f;
 display:inline-block;
 width:50%;
 height:100%;
 text-align:center;
 line-height:50px;
 position:relative;
 font-weight:700
}
.reg-consulte-line:after {
 content:"|";
 height:.4rem;
 width:2px;
 color:#67adff;
 position:absolute;
 right:1px
}
.reg-icon {
 background:url("/m/images/icon/reg-bottom.png") center no-repeat;
 background-size:100%;
 width:20px;
 height:20px;
 vertical-align:middle;
 margin-right:.21333rem;
}
.reg-lineIcon {
 background-position:0 0
}
.reg-phoneIcon {
 background-position:0 -26px;
}
i{display: inline-block;}
.top-banner .slide-container-center {
    position: absolute;
    left:0;
    top: calc(50% - 100px);
    z-index: 91;
    width: 100%;
    padding:20px;
}
.main-btn-color {
    height:20px;
    line-height: 20px;
    padding: 8px 20px;
    border-radius: 5px;
    display: inline-block;
    margin-top:10px;
    font-size: 16px;cursor: pointer;
}
.main-btn-color {
    display: inline-block;
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff5a00 ),
      to(#ff6c00)
    ),
    -webkit-gradient(linear, left top, left bottom, from(#ff5a00), to(#ff6c00));
    background-image: linear-gradient(90deg, #ff5a00  0%, #ff6c00 100%),
    linear-gradient(#ff5a00, #ff6c00);
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    border: 0;
}
.top-banner .swiper-slide img {
    width: 100%;
}
.top-banner .slide-container-center b {
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.top-banner .slide-container-center b span {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #f67001;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 5px;
    margin: 0px 0 0 5px;
    position: relative;top:-5px;
}
.top-banner .slide-container-center p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
}