﻿
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

button, input, select, textarea { outline: 0; }

li, ol, ul { list-style: none; }

b, strong { font-weight: 400; }

img { vertical-align: middle; border: 0; max-width: 100%; }

:focus { outline: 0; }

a { color: inherit; text-decoration: none !important; }
a:hover, a.active { text-decoration: none !important; }

a { text-decoration: none; }

a:hover, a:focus { text-decoration: none; }

.clearfix { zoom: 1; }
.clearfix::after, .clear-both::before { display: table; content: ""; }
.clearfix::after { clear: both; }

.transition { -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.padding-none { padding: 0 !important; }

.border-none { border: none !important; }

.display-none { display: none !important; }

.left-0 { left: 0 !important; }

.fr { float: right !important; }

.fl { float: left !important; }

input { outline: 0; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }

input:focus, textarea:focus { outline: 0; border: 1px solid #f60; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/*背景色*/
.bg-body { background-color: #fafafa !important; }

.bg-navbar { background-color: #0d5dc9 !important; }

/*字体大小*/
.fs12 { font-size: 12px !important; }

.fs14 { font-size: 14px !important; }

.fs16 { font-size: 16px !important; }

.fs18 { font-size: 18px !important; }

/*字体颜色*/
.c-red { color: #fe6e6e !important; }

.c-white { color: #fff; }

.c-normal { color: #0966ff !important; }

.c-gray { color: #898989 !important; }

.c-gray2 { color: #777 !important; }

.c-blue { color: #0790e7 !important; }

.c-tip { color: #a67447 !important; }

.c-black { color: #000 !important; }

.c-orange { color: #ff6c00 !important; }
.c-orange0 { color: #ff6100 !important; }

.c-green { color: #1aba00 !important; }

.c-reds{color: #f74636;}

.m-container { width: 1200px; margin: 0 auto; }

.main-contianer { width: 1200px; margin: 20px auto; padding: 25px; border: 1px solid #eaeaea; border-radius: 5px; }

a.btn, i.btn, span.btn { display: inline-block; border: 1px solid #999999; width: 55px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; border-radius: 3px; color: #000; background-color: #f5f4f5; }

a.btn-normal, i.btn-normal, span.btn-normal { width: 66px; height: 30px; line-height: 30px; color: #fff; background-color: #0d5dc9; border: 0; }

a.btn-large, i.btn-large, span.btn-large { color: #fff; background-color: #0d5dc9; border: 0; width: 225px; height: 48px; line-height: 48px; font-size: 14px; }

a.btn-primary, i.btn-primary, span.btn-primary { color: #fff; background-color: #0d5dc9; border: 0; width: 160px; height: 50px; line-height: 50px; font-size: 14px; }


input:focus, textarea:focus{border:none !important;}










/**/

/*五大体系助力 爱采购运营*/
.agent-main{width: 100%;position: relative;}
.agent-main .agent-cture{background: url(../images/b.png) no-repeat; position: relative;padding: 50px 0 0 0;}
.agent-main .agent-titles{text-align: center;}
.agent-main .agent-titles h5{font-size: 38px;color: #101010;font-weight: 700;}
.agent-main .agent-titles .line{width: 185px;height: 6px;margin: 20px auto;background: #ff6e61;border-radius: 10px;}
.agent-main .agent-cture .assistance{width: 1400px;margin: 100px auto;height: 400px;}
.agent-main .agent-cture .assistance ul {display: flex;overflow: visible;position: relative;}
.agent-main .agent-cture .assistance ul li {margin-left: 20px;margin-right: 20px;}
.agent-main .agent-cture .assistance ul li:first-child{margin-left: 0;}
.agent-main .agent-cture .assistance ul li:last-child{margin-right: 0;}
.agent-main .agent-cture .assistance ul li a{display: block; padding: 25px 23px;box-shadow: 0 0 10px #d9e4f2;border: 1px solid #d9e4f2; border-radius: 8px;margin: 6px 0;transition: all ease 0.5s;}
.agent-main .agent-cture .assistance ul li .img{text-align: center;}
.agent-main .agent-cture .assistance ul li h4{font-size: 22px;text-align: center;padding: 14px 0;}
.agent-main .agent-cture .assistance ul li p{color: #8f8f8f;line-height: 22px;font-size: 14px;}
.agent-main .agent-cture .assistance ul li .more{width: 105px;margin: 25px auto 0;line-height: 33px;color: #fff;font-size: 14px;background: #ff7c6a;text-align: center;border-radius: 15px;display: none; opacity: 0;overflow: hidden; animation: all ease .6s;}
.agent-main .agent-cture .assistance ul li a:hover .more{display: block; overflow: visible;opacity: 1; animation: all ease .6s;}
.agent-main .agent-cture .assistance ul li a:hover h4{color: #3583ff;}
.agent-main .agent-cture .assistance ul li a:hover {margin: -30px 0;padding: 25px 22px;transition: all ease 0.5s;box-shadow: 0 0 10px transparent;border: 3px solid #ff836f; }

/*智能商品发布服务*/
.agent-main .agent-system{width: 100%;position: relative;overflow: hidden;background: url(../images/b2.png);padding-top: 100px;}
.agent-main .agent-system .agent-sys{width: 1400px;margin: 0 auto;}
.agent-main .agent-system .agent-sys>div.fl{padding-left: 25px;}
.agent-main .agent-top{margin: 10px 0;}
.agent-main .agent-top h4{font-size: 38px;color: #101010;    line-height: 40px;font-weight: 700;}
.agent-main .agent-top .line{display: inline-block; width: 185px;height: 6px;background: #ff6e61;border-radius: 10px;}
.agent-main .agent-system .agent-sys ul{padding: 15px 10px;}
.agent-main .agent-system .agent-sys ul li{background: url(../images/bext.png) no-repeat left; padding-left: 25px;line-height: 55px;font-size: 20px;}
.agent-main .agent-system .agent-sys>div.fr {position: relative;overflow: hidden;width: 58%;height: 512px;}
.agent-main .agent-system .agent-sys>div.fr .system-in{position: absolute;top: -6px;left: 0;}
.agent-main .agent-system .agent-sys>div.fr .system-on{position: absolute;bottom: 30px;right: 15px;}
.agent-main .agent-system .agent-sys>div.fr .system-on p,.agent-main .agent-system .agent-sys>div.fr .system-in p{font-size: 16px; line-height: 30px;color: #3489fe;padding-left: 10px;}

/*商品排名分析与提升*/
.agent-main .agent-analysis{width: 100%;overflow: hidden;position: relative;}
.agent-main .agent-analysis .agent-analy{width: 1400px;margin: 0 auto;position: relative; padding: 90px 0;}
.agent-main .agent-analysis .agent-analy .analy-rl{margin-left: 135px;padding-top: 75px;}
.agent-main .agent-analysis .agent-analy .analy-rl ul{padding-top: 15px;}
.agent-main .agent-analysis .agent-analy .analy-rl ul li{background: url(../images/search.png) no-repeat left; padding-left: 35px;line-height: 55px; font-size: 20px;}
.agent-main .agent-analysis .agent-analy .analy-rl .more{background: url(../images/btn01.png) no-repeat;display: block;height: 47px;width: 184px;line-height: 45px; padding-left: 18px; color: #fff;margin-top: 35px;}


/*B2B联盟同步推广*/

.agent-main .agent-extension {width: 100%;overflow: hidden;position: relative;background: url(../images/b2.png) no-repeat;}
.agent-main .agent-extension .agent-exten{width: 1400px;margin: 0 auto;position: relative; padding: 30px 0;}
.agent-main .agent-extension .agent-exten .exten-more,.agent-main .agent-extension .agent-exten .over-us{padding-left: 35px;}
.agent-main .agent-extension .agent-exten .exten-more{margin-bottom: 25px;}
.agent-main .agent-extension .agent-exten .exten-more .more{background: url(../images/btn01.png) no-repeat;display: inline-block;height: 47px;width: 184px;line-height: 45px; padding-left: 18px; color: #fff;margin-top: 35px;}
.agent-main .agent-extension .agent-exten ul{margin-left: 45px;margin-top: 55px;}
.agent-main .agent-extension .agent-exten ul li{background: url(../images/shk.png) no-repeat left; padding-left: 35px; line-height: 55px;font-size: 20px;}
.agent-main .agent-extension .agent-exten .sion {position: relative;overflow: visible;margin-left: 68px;width: 57%;height: 620px;}
.agent-main .agent-extension .agent-exten .sion .sion-item{position: absolute;}
.agent-main .agent-extension .agent-exten .sion .sion-item.operate{top: 92px; left: 0;}
.agent-main .agent-extension .agent-exten .sion .sion-item.shop{top: 194px;right: 215px;}
.agent-main .agent-extension .agent-exten .sion .sion-item.ranking{bottom: 29px;right: 63px;}
.agent-main .agent-extension .agent-exten .sion .sion-item p{font-size: 16px;line-height: 30px;color: #3489fe;padding-left: 10px;}

/*企业问答口碑营销*/
.agent-main .agent-marketing{width: 100%;overflow: hidden;position: relative;}
.agent-main .agent-marketing .agent-market{width: 1400px;margin: 0 auto;position: relative; padding: 30px 0;}
.agent-main .agent-marketing .agent-market .exten-more{margin-bottom: 25px;}
.agent-main .agent-marketing .agent-market .exten-more .more{background: url(../images/btn01.png) no-repeat;display: inline-block;height: 47px;width: 184px;line-height: 45px; padding-left: 18px; color: #fff;margin-top: 35px;}
.agent-main .agent-marketing .agent-market ul{margin-top: 30px;}
.agent-main .agent-marketing .agent-market ul li{background: url(../images/god.png) no-repeat left; padding-left: 35px; line-height: 55px;font-size: 20px;}
.agent-main .agent-marketing .agent-market .sion{width: 55%;height: 650px;position: relative;}
.agent-main .agent-marketing .agent-market .sion .sion-item{position: absolute;}
.agent-main .agent-marketing .agent-market .sion .sion-item.operate{top: 17px;left: -18px;}
.agent-main .agent-marketing .agent-market .sion .sion-item.shop{top: 312px;right: 214px;}
.agent-main .agent-marketing .agent-market .sion .sion-item.ranking{top: 260px;right: 76px;}
.agent-main .agent-marketing .agent-market .sion .sion-item p{font-size: 16px;line-height: 30px;color: #3489fe;padding-left: 10px;}

.agent-main .bottom-guarantee {width: 100%; overflow: hidden;position: relative;}
.agent-main .bottom-guar{position: relative; margin-top: 35px;}





/*****视频营销******/

.marketing{width: 100%;position: relative;}
.marketing .banner_img{position: relative; width: 100%;}
.marketing .banner_img .market-herf{position: absolute;bottom: 10%;left: 20%;width: 19%;background: rgba(555,555,555,0.2); padding: 10px 10px; border-radius: 6px;}
.marketing .banner_img .market-herf .img{float: left;}
.marketing .banner_img .market-herf p{float: left;font-size: 14px;color: #fff;padding-left: 5px;line-height: 23px;}

.marketing .market-scheme{width: 100%;position: relative;margin-top: 25px;}
.marketing .market-scheme .market-project{background: url(../images/b4.png) no-repeat;width: 1400px;margin: 0 auto;padding-top: 35px;}
.marketing .market-scheme .market-project .market-title{text-align: center;}
.marketing .market-scheme .market-project .market-title h4{font-size: 36px;line-height: 45px;color: #000000;}
.marketing .market-scheme .market-project .market-title p{font-size: 18px;color: #7b87ad;line-height: 45px;}
.marketing .market-scheme .market-project .market-warp {margin-top: 130px;margin-bottom: 55px; padding: 0 5px;height: 500px;}
.marketing .market-scheme .market-project .market-warp>ul{display: flex; overflow: visible;position: relative;}
.marketing .market-scheme .market-project .market-warp .market-item{cursor: pointer;}
.marketing .market-scheme .market-project .market-warp .market-item:hover .ramnb  { margin-top: -16px; transition: all ease 0.5s;box-shadow: 0px 0px 3px #59c3ff;height: 445px;}
.marketing .market-scheme .market-project .market-warp .market-item:hover .ramnb .more{background: #4492fe;color: #fff;}
.marketing .market-scheme .market-project .market-warp .market-item:last-child{margin-right: 0;}
.marketing .market-scheme .market-project .market-warp .market-item .ramnb {display: inline-block;position: relative; width: 207px;height: 410px;transition: all ease 0.5s;margin-right: 22px;border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px #78706d52;}
.marketing .market-scheme .market-project .market-warp .market-item .ramnb .market-top{text-align: center;background: url(../images/mark-top.png) no-repeat;background-size: 208px;color: #fff;font-size: 18px;height: 65px;line-height: 65px;padding: 0;}
.marketing .market-scheme .market-project .market-warp .market-item .ramnb .market-main{height: 335px;border: 1px solid transparent;    padding: 0 22px;}

.marketing .market-scheme .market-project .market-warp .market-item .ramnb>li{padding: 0 18px;}
.marketing .market-scheme .market-project .market-warp .market-item .ramnb .ramnb-titl{font-size: 15px;line-height: 22px;}
.marketing .market-scheme .market-project .market-warp .market-item .ramnb .ramnb-titl::before{display: inline-block;width: 6px;height: 6px;background: #4492fe;border-radius: 5px;vertical-align: middle;margin-right: 8px; content: '';}
.marketing .market-scheme .market-project .market-warp .market-item .ramnb .seks{font-size: 12px;line-height: 20px;color: #828282;}
.marketing .market-scheme .market-project .market-warp .market-item .ramnb .more{position: absolute;bottom: 12px;left: 50%;transform: translate(-50%, -50%); width: 111px;height: 36px;margin: 0 auto; line-height: 36px;border: 1px solid #4492fe;color: #4492fe;border-radius: 20px;text-align: center;}


/**/
.marketing .market-hood{width: 100%;position: relative;}
.marketing .market-hood .market-engine{width: 1400px;margin: 0 auto;position: relative; padding: 30px 0;}
.marketing .market-hood .market-engine div.fl{position: relative;padding-left: 35px; height: 480px;}
.marketing .market-hood .market-engine .arle{position: absolute;bottom: 15px;left: 10%;width: 100%;}
.marketing .market-hood .market-engine .arle li{float: left;margin-left: 10px;margin-right: 10px;}
.marketing .market-hood .market-engine .arle li p{font-size: 18px;line-height: 20px;text-align: center;}
.marketing .market-hood .market-engine .arle li a{display: block;text-align: center; width: 75px;line-height: 31px;border: none;color: #fff;border-radius: 20px;margin-top: 10px;}

.marketing .market-titles h5{font-size: 38px;color: #1d1d1d;line-height: 40px;}
.marketing .market-titles p{width: 185px;height: 6px;background: #7c90f5;border-radius: 10px;margin-top: 8px;}
.marketing .market-fix{padding: 25px 0;}
.marketing .market-fix li {background: url(../images/video.png) no-repeat left 18px; padding-left: 42px;line-height: 55px;font-size: 18px;}

.marketing .market-release{width: 100%;position: relative;}
.marketing .market-release .market-publish{width: 1400px;margin: 0 auto;position: relative; padding: 90px 0;}
.marketing .market-re{margin-top: 25px;}
.marketing .market-re li {background: url(../images/replese.png) no-repeat left 3px;padding-left: 40px;line-height: 30px;font-size: 18px;margin: 18px 0;}
.marketing .market-release .release-img{margin-left: 150px;position: relative;}
.marketing .market-release .release-img .release-s{width: 275px;}
.marketing .market-release .release-img .release-s p,.marketing .market-release .release-img .release-h p{text-align: center;line-height: 35px;color: #393939;font-size: 14px; margin-top: 5px;}
.marketing .market-release .release-img .release-h {position: absolute;top: 50%;transform: translate(54%, -50%); width: 389px;}


/**/
.marketing .market-ranking{width: 100%;position: relative;}
.marketing .market-ranking .market-rank{width: 1400px;margin: 0 auto;position: relative; padding: 30px 0;}
.marketing .market-ranking .market-rank .img-fl{position: relative;padding-left: 35px;}
.marketing .market-ranking .market-rank .img-fl .fv{position: absolute;bottom: -62px;right: -83px;}
.marketing .market-ranking .market-rank .img-fl .fv>.fl{height: 290px;}
.marketing .market-ranking .market-rank .fl p{color: #585858;font-size: 14px;}
.marketing .market-ranking .market-rank .img-clear{padding-left: 160px; width: 40%; margin-top: 85px;}
.marketing .market-ranking .market-rank .market-ran li {background: url(../images/sea.png) no-repeat left 3px;padding-left: 40px;line-height: 30px;font-size: 18px;margin: 18px 0;}
.marketing .market-ranking .more{display: block;margin-top: 50px; width: 186px;height: 31px;line-height: 31px;text-align: center;border-radius: 20px;color: #fff;background: #4593ff;}


/**/
.marketing .market-business{width: 100%;position: relative;margin-top: 100px;}
.marketing .market-business .market-bus{width: 1400px;margin: 0 auto;position: relative; padding: 30px 0;}
.marketing .market-ness li{background: url(../images/bs.png) no-repeat left 3px;padding-left: 40px;line-height: 30px;font-size: 18px;margin: 18px 0;}
.marketing .market-bussin li{background: url(../images/ewm.png) no-repeat left 9px;padding-left: 30px;line-height: 30px;font-size: 18px;margin: 18px 0;}
.marketing .market-ewm{margin-top: 30px;}
.marketing .market-ewm .ewm{width: 122px; height: 125px;display: inline-block;box-shadow: 0 0 6px #b1afaf;padding: 10px;border-radius: 6px;}
.marketing .market-ewm  .market-douyin{margin-left: 20px;color: #585858;display: inline-block; vertical-align: middle;}
.marketing .market-ewm  .market-douyin h5{font-size: 18px;line-height: 40px;}
.marketing .market-ewm  .market-douyin p{font-size: 12px;line-height: 30px;}



/**/
.market-drainage {width: 100%;position: relative;margin-top: 55px;}
.market-drainage .market-will{width: 1400px;margin: 0 auto;position: relative; padding: 30px 0;}
.marketing .market-drainage .market-will .market-dra li{background: url(../images/douyj.png) no-repeat left 6px;padding-left: 34px;line-height: 30px;font-size: 18px;margin: 18px 0;}
.marketing .market-drainage .market-will .check a{position: absolute;bottom: 0; display: block; width: 700px;height: 88px;line-height: 88px;text-align: center;border-radius: 10px;color: #fff;font-size: 18px;background: #7c90f5;}

.marketing .experience{margin-top: 85px;}