@charset "utf-8";
/* CSS Document */
/* 通用 */
.WebSiteName {}
.WebSiteName p { font-size:33px; line-height:40px;}
.WebSiteName span { font-size:22px; line-height:26px; color:#e67817;}
.WebSiteCont { font-size:14px; line-height:24px; color:#1a1a1a; overflow:hidden; padding:10px 0;}
/* Trade */
.TradeName { background:url(../images/TradeIco.jpg) no-repeat left top; padding-left:70px;}
/* Shopbest */
.ShopName { background:url(../images/ShopIco.jpg) no-repeat left top; padding-left:270px; height:66px; overflow:hidden;}
/* Shoppro */
.ShopproName { background:url(../images/ShopProIco.jpg) no-repeat left top; padding-left:270px; height:66px; overflow:hidden;}
/* B2B */
.B2BName { background:url(../images/B2BIco.jpg) no-repeat left top; padding-left:230px; height:66px; overflow:hidden;}
/* mokor */
.MokorName { background:url(../images/MokorIco.jpg) no-repeat left top; padding-left:200px; height:66px; overflow:hidden;}
/* Emarketing */
.EmarkName { background:url(../images/EmarkIco.jpg) no-repeat left top; padding-left:220px; height:66px; overflow:hidden;}
/* Wechat marketing */
.WechatmarkName { background:url(../images/wechatICO.jpg) no-repeat left top; padding-left:220px; height:66px; overflow:hidden;}
/* WebSite */
.ConstName { background:url(../images/WebIco.jpg) no-repeat left top; padding-left:70px;}
.ConstName span { color:#0058cc;}
/* CD */
.CDName { background:url(../images/CDIco.jpg) no-repeat left top; padding-left:200px;}
/* web store */
.storeName { background:url(../images/storeIco.jpg) no-repeat left top; padding-left:225px;}

/* --------------- about us start --------------- */
.ProPicCont {}
.ProPicCont li { float:left; text-align:center; width:295px; overflow:hidden; padding-top:30px;}
.LangAbout {}
.LangAbout dl { float:left; width:130px; overflow:hidden; text-align:center;}   /* 原来同等宽度 .LangAbout dl { float:left; width:98px; overflow:hidden; text-align:center;}*/
.LangAbout dt { width:98px; overflow:hidden; line-height:22px;}
.LangAbout dt img { border:1px solid #dedede;}
.LangAbout dd { width:98px; overflow:hidden; line-height:16px; height:32px; padding-top:5px;}
.LangAbout a:link,.LangAbout a:visited { color:#454545;}
.LangAbout a:hover { text-decoration:underline;}
/* 证书 */
.FallsAbout { position:relative; width:100%;}
.FallsAbout li { float:left; width:370px; padding:10px; overflow:hidden;}
.FallsAbout li img { width:368px; border:1px solid #dedede;}
/* --------------- about us end --------------- */

/* --------------- CulTure start --------------- */
.CulTureA {}
.CulTureA li { float:left; width:350px; padding-right:40px; height:100px; padding-bottom:35px; font-size:16px; line-height:20px; color:#454545; overflow:hidden;}
.CulTureA li p { font-size:25px; line-height:50px; color:#1570a6;}

.CulTureB {}
.CulTureB dl { width:100%; padding-bottom:30px; overflow:hidden;}
.CulTureB dt { float:left; font-size:25px; line-height:50px; color:#1570a6; overflow:hidden;}
.CulTureB dd { float:left; font-size:16px; line-height:50px; overflow:hidden;}


.CulTureC {}
.CulTureC li { float:left; width:600px; padding-right:500px; height:450px; padding-bottom:100px; font-size:16px; line-height:20px; color:#454545; overflow:hidden;}
.CulTureC li p { font-size:25px; line-height:50px; color:#1570a6; padding:0PX 20PX 0PX 20PX;}
/* --------------- CulTure end --------------- */

/* --------------- Viewpoint start --------------- */
.Viewpoint {}
.Viewpoint dl { width:100%; padding-top:20px; overflow:hidden;}
.Viewpoint dt { width:100%; font-size:25px; line-height:50px; color:#1570a6; overflow:hidden;}
.Viewpoint dd { width:100%; font-size:16px; line-height:35px; overflow:hidden;}
/* --------------- Viewpoint end --------------- */

/* --------------- Trade start --------------- */
/* Trade FAQ */
.TradeFAQ { width:700px; padding:35px 130px 35px 0; overflow:hidden;}
.TradeFAQ li { float:left; width:130px; margin:6px; height:88px; line-height:22px; overflow:hidden; font-size:18px; padding:14px 15px;}
.TradeFAQ li a,.TradeFAQ li a:link,.TradeFAQ li a:visited { color:#fff;}
.TradeFAQ li a:hover {}
.TradeFAQ li.TradeFAQLi { width:556px; padding:25px 60px; height:66px;}

/* 包含 */
.Contain { background:url(../images/Trade01.jpg) no-repeat right top;}
.ContainCont { width:660px; overflow:hidden; margin-left:0;}
.ContainCont dl { float:left; width:330px; height:125px; overflow:hidden; padding:30px 0 35px;}
.ContainCont dt { float:left; width:125px; height:125px;}
.ContainCont dd { float:left; width:185px; height:85px; padding-left:15px; font-size:25px; line-height:30px; color:#1570a6; padding-top:40px;}
.ContainCont dd p { color:#454545; font-size:15px;}
.ContainImg { width:1180px; overflow:hidden; text-align:center;}

/* 案例 */
.CaseImg { width:1180px; height:155px; overflow:hidden; position:relative;}
#CaseImg { width:999999px; position:absolute; top:0; left:0; padding:25px 8px; height:105px; overflow:hidden;}
.CaseImg li { float:left; padding:0 45px; width:143px; height:105px; overflow:hidden;}

.CaseTxt { width:1180px; height:55px; overflow:hidden; position:relative;}
#CaseTxt { width:999999px; position:absolute; top:0; left:0; height:55px; overflow:hidden;}
.CaseTxt li { float:left; padding-left:40px; width:200px; height:55px; line-height:55px; overflow:hidden; font-size:20px;}
.CaseTxt li a,.CaseTxt li a:link,.CaseTxt li a:visited { color:#fff;}
.CaseTxt li a:hover { text-decoration:underline;}
/* --------------- Trade end --------------- */

/* --------------- Shopbest start --------------- */
/* Shopbest FAQ */
.ShopFAQ { width:872px; padding:35px 0; overflow:hidden;}
.ShopFAQ li { float:left; width:130px; margin:6px; height:66px; line-height:22px; overflow:hidden; font-size:18px; padding:26px 15px;}
.ShopFAQ li a,.ShopFAQ li a:link,.ShopFAQ li a:visited { color:#fff;}
.ShopFAQ li a:hover {}

/* 电商武器 */
.ShopbestBg { background:url(../images/shopbestBg.jpg) no-repeat left 40px; height:473px; position:relative; padding:40px 0; color:#fff;}
.ShopBest1 { position:absolute; width:324px; height:230px; left:412px; top:176px; text-align:center;}
.ShopBest2 { position:absolute; width:330px; height:130px; left:10px; top:85px;}
.ShopBest3 { position:absolute; width:430px; height:130px; left:750px; top:62px;}
.ShopBest4 { position:absolute; width:320px; height:130px; left:50px; top:390px;}
.ShopBest5 { position:absolute; width:280px; height:130px; left:795px; top:240px;}
.ShopBest6 { position:absolute; width:320px; height:130px; left:825px; top:380px;}

/* shopbest 作用 */
.ShopRole { width:1170px;}
.ShopRole dl { float:left; width:390px; overflow:hidden; padding:20px 0;}
.ShopRole dt { float:left; width:90px; height:90px; overflow:hidden;}
.ShopRole dd { float:left; padding-left:25px; width:270px; font-size:14px; line-height:24px; height:105px; overflow:hidden;}
.ShopRole dd p { font-size:24px; color:#1570a6; line-height:32px;}
/* --------------- Shopbest end --------------- */

/* --------------- B2B start --------------- */
.B2BHead { width:100%; height:60px; font-size:28px; line-height:60px; color:#fff; overflow:hidden;}
.B2BCont { padding:35px; height:200px; width:500px; color:#fff; font-size:18px; line-height:30px; overflow:hidden;}
.B2BCont li { width:100%; height:30px; overflow:hidden; text-align:left; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap;}

/* --------------- B2B end --------------- */

/* --------------- Mokor start --------------- */
.MokorFAQ { margin:0 auto; width:1170px; overflow:hidden;}
.MokorFAQ li { float:left; font-size:40px; margin:0 20px; overflow:hidden; line-height:60px; color:#fff; padding:50px 20px; width:300px;}

.MokorP {}
.MokorP dl { float:left; width:590px; padding:25px 0; overflow:hidden;}
.MokorP dt { float:left; padding:0 18px; width:100px;}
.MokorP dd { float:left; padding:0 18px; width:350px; font-size:16px; line-height:20px; height:130px; overflow:hidden;}
.MokorP dd p { font-size:25px; line-height:50px; color:#1570a6;}

.MokorA {}
.MokorA li { float:left; width:350px; padding-right:40px; height:140px; padding-bottom:35px; font-size:16px; line-height:20px; color:#454545; overflow:hidden;}
.MokorA li p { font-size:25px; line-height:50px; color:#1570a6;}
/* --------------- B2B end --------------- */

/* --------------- Emarketing start --------------- */
.EmarkLeft { width:700px; font-size:24px; padding-top:50px; line-height:35px; color:#fff;}
.EmarkLeft p { font-size:18px; line-height:22px;}

.EmarkS {}
.EmarkS dl { float:left; width:390px; padding-top:40px; overflow:hidden;}
.EmarkS dt { float:left; width:90px; height:90px; padding-right:20px}
.EmarkS dd { float:left; width:250px; overflow:hidden; line-height:20px; font-size:14px;}
.EmarkS dd p { color:#1570a6; line-height:50px; font-size:24px;}

.EmarkJ { width:355px; overflow:hidden; padding:0 19px;}
.EmarkJName { font-size:24px; line-height:35px; padding:35px 15px 0; overflow:hidden;}
.EmarkJCont { font-size:16px; line-height:30px; padding:0 15px; color:#454545; overflow:hidden;}

.EmarkD { width:570px; overflow:hidden; padding-bottom:35px;}
.EmarkDName { font-size:28px; line-height:60px;}
.EmarkDCont { padding:20px; width:530px; overflow:hidden; font-size:14px; line-height:30px; color:#fff; }
/* --------------- Emarketing end --------------- */

/* --------------- Construct start --------------- */
.ConstMenu { width:1220px; overflow:hidden;}
.ConstMenu li { float:left; background-color:#1570a6; height:45px; line-height:45px; margin:0 9px; color:#fff; font-size:25px; padding:0 15px; cursor:pointer; overflow:hidden;}
.ConstMenu li.ConstMenuLi { background:none; color:#454545; cursor:auto; font-size:40px;}
.ConstCont {}

.ConfusedLeft { width:390px;}
.ConfusedRight { width:780px;}
.ConfusedRight li { float:left; padding:35px 20px; font-size:18px; line-height:22px; width:260px; margin:12px 22px; overflow:hidden;}

/* --------------- Construct end --------------- */

/* --------------- CD start --------------- */
.FirstCD { width:500px; padding-top:290px; font-size:18px; line-height:35px; color:#fff; background:url(../images/FirstCD.jpg) no-repeat center top;}

.CDSer {}
.CDSer li { float:left; width:295px; text-align:center; padding-top:110px; font-size:20px; line-height:30px; font-weight:bold; color:#969696;}
.CDSer li.CDSer1 { background:url(../images/CDSer01.jpg) no-repeat center top;}
.CDSer li.CDSer2 { background:url(../images/CDSer02.jpg) no-repeat center top;}
.CDSer li.CDSer3 { background:url(../images/CDSer03.jpg) no-repeat center top;}
.CDSer li.CDSer4 { background:url(../images/CDSer04.jpg) no-repeat center top;}

.DownPDF { background:url(../images/PDF.jpg) no-repeat left top; height:50px; line-height:50px; margin-top:-50px; font-size:24px;}
.DownPDF a { padding-left:50px;}
.DownPDF a:link,.DownPDF a:visited { color:#454545;}
.DownPDF a:hover { text-decoration:underline;}

.CDXX {}
.CDXX dl { float:left; width:590px; height:150px; overflow:hidden; padding-bottom:80px;}
.CDXX dt { float:left; width:200px; height:150px; padding-right:20px; overflow:hidden;}
.CDXX dd { float:left; width:300px; overflow:hidden;}
.CDXX dd p { color:#1570a6; font-size:24px; line-height:45px;}
.CDXX dd span { color:#454545; font-size:14px; line-height:20px;}
/* --------------- CD end --------------- */

/* --------------- webstore start --------------- */
.storeCont { margin-top:35px;}
.storeCont dl { float:left; width:590px; padding-bottom:50px;}
.storeCont dt { float:left; width:128px; overflow:hidden; padding-right:20px;}
.storeCont dd { float:left; width:400px;}
.storeCont dd p { color:#1570a6; font-size:24px; line-height:45px;}
.storeCont dd span { color:#454545; font-size:14px; line-height:24px;}

.WebSiteS1 { margin-top:0;}
.WebSiteS1 dl { width:550px; overflow:hidden; padding:25px 0 15px;}
.WebSiteS1 dt { width:450px; overflow:hidden;}
.WebSiteS1 dd { width:450px; padding-top:15px; font-size:14px; line-height:18px;}

.SiteOdds {}
.SiteOdds dl { float:left; width:340px; overflow:hidden; padding:0 25px;}
.SiteOdds dt { text-align:center; width:340px; overflow:hidden;}
.SiteOdds dd { font-size:16px; line-height:20px; padding-top:20px; width:340px; overflow:hidden;}
.SiteOdds dd p { font-size:25px; line-height:50px; color:#1570a6;}

.WebSiteTable { font-size:24px; line-height:30px; color:#375690;}
.WebSiteTable tr { background:url(../images/Dot1_blue.jpg) repeat-x left bottom;}
.WebSiteTable tr td { padding:50px 0 20px;}
.WebSiteTable tr td.SiteSec { font-size:45px;}
.WebSiteTable tr td.SiteFirst div { font-size:45px; color:#fff; background:url(../images/SiteTableBg1.jpg) no-repeat left top; line-height:75px; width:75px; height:75px; text-align:center;}
.WebSiteTable tr.SiteGreen { background:url(../images/Dot1_Green.jpg) repeat-x left bottom; color:#81b72f;}
.WebSiteTable tr.SiteGreen td.SiteFirst div { background:url(../images/SiteTableBg2.jpg) no-repeat left top;}
/* --------------- webstore end --------------- */

/* --------------- Solution start --------------- */
.SolutionCont {}
.SolutionCont dl { float:left; width:590px; overflow:hidden; padding-bottom:70px;}
.SolutionCont dt { float:left; width:100px; padding-right:30px; overflow:hidden;}
.SolutionCont dd { float:left; width:430px; overflow:hidden; font-size:16px; line-height:20px;}
.SolutionCont dd p { font-size:25px; line-height:50px; color:#1570a6;}

.Brands { font-size:24px; line-height:30px;}
.Brands li { float:left; width:236px; padding:20px 0;}
/* --------------- Solution end --------------- */

/* --------------- Proxy start --------------- */
.Proxy_table_daili{ color:#454545; font-size:25px; border:1px solid #e3e3e2;}
.Proxy_table_daili thead tr { background:url(../images/Proxy_table_bg.jpg) repeat-x; line-height:18px;}
.Proxy_table_daili tr td{ font-size:18px; padding:15px 0 15px 25px;}
.Proxy_table_daili tbody tr td { border-left:1px solid #e3e3e2;}
.Proxy_table_daili .ProxyBg { background-color:#f8f8f8;}

/* --------------- Proxy end --------------- */

.ReasonShop tr td{ padding-bottom:15px;}
.ReasonFrist{ width:41px; height:41px; background:url(../images/Dot42.jpg) no-repeat top left; color:#FFFFFF; font-size:25px; text-align:center; padding-right:15px;}
.ReasonShopTxt{ width:640px; color:#375690;}