*{margin:0;padding:0;border:0;box-sizing:border-box;}
body,html{width:100%;height:100%;cursor:default;}
body{overflow-x:hidden;font:14px/2em Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";color:#000;}
body.page{background:url(../pageBg.png) fixed repeat center/auto;}
/*网站宽度定义*/
.siteW{width:1100px; margin:auto; box-sizing: border-box;}
a,a img,area,input,textarea{blr:expression_r(this.onFocus=this.blur())}
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.2em;text-shadow:0 0 3px rgba(0,0,0,.15);}
h1{font-size:36px;}
h2{font-size:26px;}
h3{font-size:20px;}
h4{font-size:16px;font-weight:normal;line-height:1.5em;}
h5{font-size:14px;font-weight:normal;line-height:1.5em;}
h6{font-size:12px;font-weight:normal;line-height:1.5em;}
.c-fff {color: #fff;}
.c-000 {color: #000;}
ul,li{list-style:none}
a{cursor:pointer;color:#000;text-decoration:none;}
a,a:active,a:focus,a:hover{outline:0 none!important}
a:hover{color:#C00}
a,img{border:none}
hr{display:block;width:100%;height:1px;color:#C00;background:#C00}
pre {overflow-x: auto;font:15px/26px "Consolas", "Andale Mono WT", "Andale Mono", "Lucida Console";padding:26px 10px;border-left:5px solid #ccc;background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAmCAIAAACphTeFAAAAJElEQVRIx2N4RS5gGNU5qnNU56hOZJ2fyQWjOkd1juoc1YkMAKDL4lkok3p7AAAAAElFTkSuQmCC') repeat top left/100% 52px;}
::selection {background:#C00;color:#fff;}
:focus,input,textarea{outline:0}
.clear{clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.flexPack {display:flex;flex-flow:row wrap;justify-content:space-between;}
.fl{float:left}
.fr{float:right}
.oneLine{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.moreLine2{display:-webkit-box;-webkit-box-orient:vertical;overflow: hidden;-webkit-line-clamp:2;}
.moreLine3{display:-webkit-box;-webkit-box-orient:vertical;overflow: hidden;-webkit-line-clamp:3;}
.moreLine4{display:-webkit-box;-webkit-box-orient:vertical;overflow: hidden;-webkit-line-clamp:4;}
.moreLine5{display:-webkit-box;-webkit-box-orient:vertical;overflow: hidden;-webkit-line-clamp:5;}
.date{font-size:12px;opacity:.6;}
.but001, .point001{transition:all ease .5s;font-size:12px;display:inline-block;color:#C00;border: 1px solid rgba(0,0,0,.1);padding:5px 20px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1);}
.but001::before{content:"»";font-size:14px;padding-right: .5em;}
.but001:hover{background-color:#C00;color:#fff; box-shadow:0 0 5px #C00}

.but002, .point002{transition:all ease .5s;font-size:12px;display:inline-block; background-color:#C00;color:#fff; border: 1px solid rgba(0,0,0,.1);padding:5px 20px;border-radius:5px;box-shadow:0 0 5px #C00;}
.but002::before{content:"»";font-size:14px;padding-right: .5em;}
.but002:hover{background: #fff; color:#C00; box-shadow:0 0 5px #C00}

.but003, .point003{transition:all ease .5s;font-size:12px;display:inline-block; background-color:#fff;color:#C00; border: 1px solid rgba(0,0,0,.1);padding:5px 20px;border-radius:5px;box-shadow:0 0 5px #C00;}
.but003::before{content:"»";font-size:14px;padding-right: .5em;}
.but003:hover{background: #fff; color:#C00; box-shadow:0 0 5px #C00}

.borderBox{background-color: rgba(255,255,255,.9);box-shadow: 0 0 5px rgba(0,0,0,.2);box-sizing: border-box;}
.borderBoxPadding{padding: 2em;}
.centerMiddle {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.middleOnly {position: absolute; left: 50%; top: 0; transform: translate(-50%,0);}
.ueditor{text-align:justify;text-justify:inter-ideograph;}
.ueditor>p{text-align: justify; margin:1em auto;}
.ueditor p img{max-width:100%;margin:1em 0;} 
.ueditor .mb {display: none  !important;}
.ueditor .pc {display: block !important;}
.transition1{transition: all ease .5s;}
.transition1:hover{transform:scale(1.05); box-shadow: 0 0 15px rgba(0,0,0,.5);z-index:10;}
/* 分页条 TOP */
.pagelist {padding: 1em 0; width:100%; margin: auto; text-align: center;}
.pagelist a, .pagelist span {display: inline-block; padding: 2px 10px; border: 1px solid #999; margin: 0 2px; }
.pagelist a:hover {background: #C00; color: #fff; }
.pagelist span{ background: #333; color: #fff;}
/* 分页条 END */
/*----------------------------------------------*/
/* Index */
/*----------------------------------------------*/
.IndexBg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:-99999}
/*-------------Index Jquery.FullPage -------------*/
.fullpage>#dowebok .PageInfo{position:relative;top:80px;opacity:0;}
.fullpage>#dowebok .PageInfo>.PageInfoContent{width:80%;width:1280px;/*min-width:1040px;max-width:1280px;*/margin:auto;box-sizing:border-box;}
.fullpage>#dowebok .PageInfo>.PageInfoContent>.PageInfoContentChild{width:100%;text-align:center;}
.fullpage>#dowebok .PageInfo>.PageInfoContent>.PageInfoContentChild strong{color:#c00;}
.fullpage>#dowebok>.section{box-sizing:border-box;}
.fullpage .crumbsDiv, .fullpage .prevNext {display: none;}  /*除去Load页面的面包屑和上下篇*/
.fullpage .newsShow {box-shadow: none;}  /*除去Load页面的投影边框*/
/*-------------Index -------------*/
.fullpage .MenuDiv {position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; text-align: center; }
.fullpage .MenuDiv #menu {display: inline-block; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
.fullpage #menu a {background-color: rgba(255,255,255,1); color: rgba(0,0,0, .8); border-left: 1px rgba(0,0,0,.1) solid; overflow: hidden; display: table-cell; vertical-align: middle; font-size: 15px; line-height: 1.2em; width: 136px; height: 66px; transition: all 500ms ease; }
.fullpage #menu .menuLogo{border: 0; pointer-events: none; width: 220px; background-color: transparent; background: url(../menuLogo.png) no-repeat center/100% auto; }
.fullpage #menu .menuLogo img{height: 100%; width: auto; } 
.fullpage #menu a span{font-size: 12px; opacity: .5; }
.fullpage #menu a:first-of-type {border-left: 0; border-bottom-left-radius: 25px; } 
.fullpage #menu a:nth-of-type(5) {border-left: 0; }
.fullpage #menu a:last-of-type {border-bottom-right-radius: 25px; }
.fullpage #menu a:hover {background-color: #eee; }
.fullpage #menu .active {pointer-events: none; background: #c00 url(../BlackWhiteYy.png) no-repeat center/auto; color: #fff; font-weight: bold; }
.fullpage #menu a sup {color:red; padding-left:5px; font:bold 10px/1em Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; }
.fullpage #menu .active sup {color: Yellow !important; }
.IndexNextBut,  .IndexBottom {width: 100%; position: fixed; bottom: 0px; text-align: center; /*white-space: nowrap;*/}
.IndexBottom>div {display: inline-block; vertical-align: bottom; font-size: 12px;background: rgba(0,0,0, .5); box-shadow: 0 -3px 5px rgba(0,0,0,.3); width: 480px; padding: 1px 20px;}
.IndexBottom>div, .IndexBottom a, .IndexBottom a:hover {color: rgba(255,255,255,.5);}
.IndexBottom>div:first-of-type {margin-right: 80px; border-top-left-radius: 50px; border-top-right-radius: 100px; }
.IndexBottom>div:last-of-type {border-top-left-radius: 100px; border-top-right-radius: 50px; }
.IndexNextBut a{display: inline-block; width: 50px; }
.IndexNextBut a img{width: 100%; }
.IndexTopLogo{position: fixed; top: 0;left: 0; width: 180px; }
/*-------------IndexPage0 -------------*/

/*-------------IndexPage1 -------------*/
.P1Div .box1-1 {width:800px; position: relative;}
.P1Div .box1-2 {flex-grow:1; margin-left: 25px; align-content: space-between;}
.P1Div .box1-2>a {display: block;position: relative;width:47%; height: 47%; text-align: center; padding: 15px 10px; box-sizing: border-box; align-items: center; color: #fff;}
.P1Div .box1-2>a i{font-size: 70px; margin-bottom:15px;}
.P1Div .box2>div{position: relative; width:23.3%; padding: 40px 35px 30px 35px; background: rgba(255,255,255,1) url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwMCAyMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojYzAwO308L3N0eWxlPjwvZGVmcz48dGl0bGU+5pyq5qCH6aKYLTE8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwIDIwMCAyMDAgMjAwIDIwMCAwIDAgMjAwIi8+PC9zdmc+) no-repeat bottom right/30px 30px;}
.P1Div .box2>div h3{position: absolute; right: 30px; top: 15px; opacity: .1; font: 40px/1em Tahoma,Arial; font-weight: bold; font-style: italic;}
.P1Div .box2>div h2{margin-bottom: 10px;}
.P1Div .box2>div p{line-height: 1.5; text-align: justify;}
/*-------------IndexPage2 -------------*/
.P2Div .box1-1 {width: 62%; flex-direction:column;} 
.P2Div .box1-1-1 {display: block; width:100%; margin-bottom: 25px; flex-grow:1;background: url(../page/NetMarketing001.jpg) no-repeat center/100% 100%;}
.P2Div .box1-1-2 {width: 100%;} 
.P2Div .box1-1-2>div {position: relative; overflow: hidden; text-align: center; width: 31%; color: #fff;padding: 35px 20px 20px 20px; }
.P2Div .box1-1-2>div span{position: absolute; left: 0; top: 0; margin-left: -75px; margin-top: 5px; opacity: .8; background: #fff; color: #666; font-size: 16px; font-weight: bold; width: 200px; transform: rotate(-30deg);}
.P2Div .box1-1-2>div i{font-size: 60px;}
.P2Div .box1-1-2>div h2{padding: 20px 0 10px 0;}
.P2Div .box1-1-2>div div{font-size: 16px; font-weight: bold;}
.P2Div .box1-2 {width: 36%;}
.P2Div .box2 {margin-top: 25px; padding: 15px;}
/*-------------IndexPage3 -------------*/
.P3Div .box1-1{width: 28%}
.P3Div .box1-3{width: 12%}
.P3Div .box1-2{width: 56%}
.P3Div .box2{margin-top: 30px;}
.P3Div .box2 a {position: relative; display: block; overflow: hidden; width:23.6%; margin-top: 20px; border: 1px rgba(255,255,255,.3) solid;}
.P3Div .box2 a:hover{border: 1px rgba(0,0,0,.3) solid;}
.P3Div .box2 a * {transition: all ease .5s;}
.P3Div .box2 a:nth-of-type(1), .P3Div a:nth-of-type(2), .P3Div a:nth-of-type(3), .P3Div a:nth-of-type(4){margin-top: 0;}
.P3Div .box2 a img{position: absolute; top:0; left: 0; width:100%; height: 100%; z-index: -1;}
.P3Div .box2 a:hover img{transform: scale(1.2);}
.P3Div .box2 a h2{display: block; width:100%; padding: 25px 0; font-size: 20px;background: rgba(0,0,0,.7); color: rgba(255,255,255,.9);}
.P3Div .box2 a:hover h2{background: rgba(255,255,255,.6); color: rgba(0,0,0,.9);}
/*-------------IndexPage4 -------------*/
.P4Div .box1, .P4Div .box3 {width:39%;}
.P4Div .box2 {width:19%;}
.P4Div .w100P {width:100%;}
.P4Div .w50P {width:48%;}
.P4Div .h66P {height:65.5%;}
.P4Div .h33P {height:31%;}
.P4Div .ABox {display:flex;}
.P4Div .ABox>div {align-items:stretch;transition:ease all .5s;z-index: 1;display:block;width:100%;color:#fff;position:relative; font-size:22px; font-weight: bold; padding-bottom:45px;}
.P4Div .ABox>div>span {position: absolute; left:30px;bottom: 30px;}
.P4Div .ABox:hover>div {z-index: 99999; transform: scale(1.05); box-shadow: 0 0 30px rgba(0,0,0,1);}
.P4Div .ABox:active>div {transition:ease all .3s;transform: scale(0.01); opacity: 0;}
.P4Div .ABox1>div {background: url(../bg/Services/EComCn.jpg) no-repeat center/auto 100%}
.P4Div .ABox2>div {background: url(../bg/Services/webDesign.png) no-repeat center/auto 90% content-box, #228B22}
.P4Div .ABox3>div {background: url(../bg/Services/YiDongKaiFa.png) no-repeat center/auto 50% content-box, #9400D3}
.P4Div .ABox4>div {background: url(../bg/Services/GuWen.png) no-repeat center/auto 60% content-box, #008080}
.P4Div .ABox5>div {background: url(../bg/Services/JiangBei.png) no-repeat center/50% content-box, #FF8C00}
.P4Div .ABox6>div {background: url(../bg/Services/DianHua.png) no-repeat center/80% content-box, #4B0082}
.P4Div .ABox7>div {background: url(../bg/Services/WangLuoYingXiao.png) no-repeat center/60% content-box, #00b6de}
.P4Div .ABox8>div {background: url(../bg/Services/WangZhanGaiBan.png) no-repeat center/auto 55% content-box, #56dea7}
.P4Div .ABox9>div {background: url(../bg/Services/WeiHu.png) no-repeat center/auto 60% content-box, #f26175}
/*-------------IndexPage5 -------------*/
.fullpage #dowebok .PageInfoContent .P5Div1{background: rgba(255,255,255,.9) url(../IndexContact.png) no-repeat center/auto; } .fullpage #dowebok .PageInfoContent .P5Div2{margin: 20px 0; }
.fullpage #dowebok .PageInfoContent .P5Div3{position: relative; }
.fullpage #dowebok .PageInfoContent .P5Div3 .friendlyLinks{text-align: justify; margin: 0 90px 0 .5em; padding: 1em; text-indent: 0; font-size: 12px; line-height: 1.3em; opacity: .6; border-right: 1px dashed #ccc; }
.fullpage #dowebok .PageInfoContent .P5Div3 .friendlyLinks a{margin-left: 1em; } 
.fullpage #dowebok .PageInfoContent .P5Div3 .friendlyLinks a:first-of-type{margin-left: 0; }
.fullpage #dowebok .PageInfoContent .P5Div3 .friendlyLinksTips {display:block; width: 60px; margin: .5em 1em; position: absolute; right:0; top: 0; }
/*----------------------------------------------*/
/*  Other */
/*----------------------------------------------*/