/*重置样式*/
body,dl,dt,dd,ul,li,p,h1,h2,h3,h4{ margin:0; padding:0;}
h1,h3,h4,b{ font-weight:normal;}
body{ font-size:14px; font-family:"微软雅黑",helvetica,arial,sans-serif; color:#333333; min-width:1200px; overflow-x:hidden;}
a{ text-decoration:none; color:#333333; outline:none; cursor:pointer;} 
a:focus,a:active{ outline:none;}
img{ border:0;}
ul,li{ list-style:none;}
table{ border-spacing:0; border-collapse:collapse;}
i,em{ font-style:normal;}
/*公共样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear:after{ display:block; content:"."; clear:both; height:0; visibility:hidden;}
.ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.wrap{ width:1200px; margin:0 auto;}
.dnWrap{ width:980px; margin:0 auto;}

/* -----------------------------------------------公共样式开始----------------------------------------------- */
/* 头部 */
.headBox{ width:100%; background-color:#000; height:40px; line-height:40px; color:#fff;}
.headBox h1{ font-size:12px;}
.headBox h2{ font-size:12px; font-weight:normal; background:url(../Images/topIcon01.png) left center no-repeat; padding-left:26px;}
.headBox h2 span{ font-size:14px; font-weight:bold; color:#d90000;}
.headBox .mobile{ font-size:12px; display:inline-block; float:right; background:url(../Images/topIcon02.png) left center no-repeat; padding-left:20px; margin-right:16px; color:#fff;}
.headBox a.mobile:hover{ color:#00a7da;}
/* 导航 */
.navBox{ width:100%; background-color:#1c1c1c; height:100px; line-height:100px; color:#fff;}
.navBox .wrap{ position:relative; z-index:9;}
.leftLogo{ position:absolute; left:0; top:0; z-index:8;}
.rightNav{ position:absolute; right:0; overflow:hidden;}
.navBdr{ position:relative;}
.navBdr li{ float:left; padding-left:46px;}
.navBdr a{ float:left; display:block; font-size:16px; text-align:center; color:#ccc; position:relative; z-index:3;}
.navBdr a:hover{ color:#fff; transition:0.3s, color 0.5s;}
.navBdr li.back{ height:70px; border-bottom:3px solid #00a7da; position:absolute; z-index:2; padding:0;}
/* 漂浮导航 */
.floatNav{ width:100%; background-color:#1c1c1c;}
.floatLogo a{ display:block; height:50px; padding-top:10px; position:relative;}
.floatLogo .fl01{ position:absolute; left:50px; top:16px;}
.floatUl li{ float:left; height:70px; line-height:70px; text-align:center;}
.floatUl li a{ display:block; height:20px; line-height:20px; overflow:hidden; margin-top:25px; margin-left:46px;}
.floatUl li span{ display:block; height:20px; line-height:20px; color:#a9a9a9;}
.floatUl li b{ display:block; color:#fff;}
/* 底部样式 */
.footLink{ width:100%; background-color:#efefef; line-height:28px; padding:10px 0; color:#999;}
.footLink a{ color:#999;}
.footLink span a{ color:#333;}
.footLink a:hover{ color:#666; transition:0.3s;}
.footer{ width:100%; background-color:#000; padding:20px 0; color:#fff;}
.footer p{ font-size:12px;}
.footMess p{ padding-top:10px;}
.footCopy{ margin:16px 0 0 30px;}
.footCopy ul{ overflow:hidden;}
.footCopy li{ float:left; border-left:2px solid #fff; width:78px; padding-left:20px;}
.footCopy li:first-child{ border-left:0;}
.footCopy li a{ color:#fff;}
.footCopy li a:hover{ text-decoration:underline;}
.footCopy p{ color:#666; padding:14px 0 0 20px;}
.footCopy p a{ color:#666;}
.footCopy p a:hover{ color:#999;}
.footCss{ margin-top:20px;}
.footCss a:first-child{ margin-right:20px;}
/* 内页底部样式 */
.footProgram{ width:100%; background:url(../Images/footBg.jpg) center center no-repeat #b9e3f3; height:220px;}
.footProgram .wrap{ padding:7px 0;}
.footIcon{ width:207px; overflow:hidden;}
.footIcon .icon a{ display:block; width:100px; height:100px; float:left; position:relative; overflow:hidden;}
.footIcon .icon img{ position:absolute; left:50%; top:50%; margin-top:-23px;}
.footIcon .Icon01 img{ margin-left:-22px;}
.footIcon .Icon02 img{ margin-left:-28px;}
.footIcon .Icon03 img{ margin-left:-30px;}
.footIcon .Icon04 img{ margin-left:-14px;}
.footIcon .Icon01 a{ background-color:#fa5e57; margin:0 7px 7px 0; transition:background-color 0.2s ease-in-out 0.01s;}
.footIcon .Icon01 a:hover{ background-color:#e2352d; transition:background-color 0.2s ease-in-out 0.01s;}
.footIcon .Icon02 a{ background-color:#ffc74e; transition:background-color 0.2s ease-in-out 0.01s;}
.footIcon .Icon02 a:hover{ background-color:#f5a700; transition:background-color 0.2s ease-in-out 0.01s;}
.footIcon .Icon03 a{ background-color:#81ca95; margin:0 7px 7px 0; transition:background-color 0.2s ease-in-out 0.01s;}
.footIcon .Icon03 a:hover{ background-color:#5eb877; transition:background-color 0.2s ease-in-out 0.01s;}
.footIcon .Icon04 a{ background-color:#4bd2eb; transition:background-color 0.2s ease-in-out 0.01s;}
.footIcon .Icon04 a:hover{ background-color:#1fc1df; transition:background-color 0.2s ease-in-out 0.01s;}
.footAbout a{ display:block; width:206px; height:206px; background-color:#a464ee; margin-left:7px; position:relative; overflow:hidden; transition:background-color 0.2s ease-in-out 0.01s;}
.footAbout img{ position:absolute; left:50%; top:50%; margin:-73px 0 0 -63px;}
.footAbout a:hover{ background-color:#862eed; transition:background-color 0.2s ease-in-out 0.01s;}
.footCon{ width:707px; height:186px; background-color:#e97290; padding:20px 0 0 65px;}
.footCon p{ margin-bottom:10px; color:#fff;}
.footCon p a{ color:#fff;}
.footCon p a:hover{ text-decoration:underline;}
/*悬浮窗口*/
.side{ position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{ width:54px; height:54px; float:left; position:relative; border-bottom:1px solid #333;}
.side ul li .sidebox{ position:absolute; width:54px; height:54px; top:0; right:0; transition:all 0.3s; background:url(../Images/sideBg.png) repeat-x; color:#fff; font:14px/54px "微软雅黑"; overflow:hidden;}
.side ul li .sidetop{ width:54px; height:54px; line-height:54px; display:inline-block; transition:all 0.3s; background:url(../Images/sideBg.png) repeat-x;}
.side ul li .sidetop:hover{ background:url(../Images/sideTopBg.png) repeat-x;}
.side ul li img{ float:left;}
/* -----------------------------------------------公共样式结束----------------------------------------------- */


/* -----------------------------------------------主页内容开始----------------------------------------------- */
.indexArea{ width:100%; padding:20px 0 30px 0; background-color:#efefef; border-bottom:1px solid #f0f0f0; position:relative;}
.sectionBg{ position:absolute; width:100%; top:0; left:0; display:none;}
.indexTitle{ padding-bottom:30px; position:relative; overflow:hidden; font-weight:normal; line-height:40px;}
.indexTitle strong{ font-size:36px; float:left; font-weight:normal; margin-top:10px;}
.indexTitle span{ font-size:24px; float:left; margin:15px 10px 0 0;}
.arrow_p{ position:relative; float:left; width:100px; height:52px; display:none;}
.arrow_p img{ position:absolute; left:0; top:0;}
/*banner*/
.bxslider li.sli01{ background-color:#f8446a;}
.bxslider li.sli02{ background-color:#1f1f1f;}
.bxslider li.sli03{ background-color:#02a3cf;}
.bxslider li.sli04{ background-color:#1f4657;}
/* 主页动态 */
.inSec01 .sectionBg{ background:url(../Images/bgSection.png) repeat #5189cf;}
.inSec01 .indexTitle{ color:#fff;}
.indexNews{ width:400px; height:484px; background-color:#fff; position:relative;}
.indexNewsNav{ background-color:#0a98e0; overflow:hidden;}
.indexNewsNav li{ float:left; width:50%;}
.indexNewsNav li a{ display:block; background-color:#0a98e0; border-top:2px solid #0b98e0; width:100%; height:46px; line-height:46px; font-size:18px; color:#fff; text-align:center;}
.indexNewsNav li a.active{ background-color:#fff; color:#0a98e0;}
.indexDynamic{ padding:20px; display:none;}
.wrapInner .active{ display:block;}
.dynamicItem{ overflow:hidden; background-color:#f6f6f6; margin-top:12px;}
.dynamicItem:first-child{ margin-top:0;}
.dynamicItem:hover{ background-color:#373737; transition:0.3s, color 0.5s;}
.dynamicItem:hover h3{ color:#fff; transition:0.3s, color 0.5s;}
.dynamicItem:hover p{ color:#fff; transition:0.3s, color 0.5s;}
.dynamicItem:hover span{ color:#f6f6f6;}
.dynamicPic{ float:left; width:100px; height:90px;}
.dynamicTit{ float:right; padding:18px 16px 0 16px; width:228px; font-size:12px; color:#999;}
.dynamicTit h3{ font-size:14px; height:17px; overflow:hidden;}
.dynamicTit h3 a{ color:#666;}
.dynamicTit p{ height:30px; line-height:30px; overflow:hidden; color:#999;}
/* 主页项目 */
.servicesBox{ width:798px;}
.servicesBox .serBox{ cursor:pointer; width:246px; height:232px; float:left; overflow:hidden; background-color:#fa5e57; position:relative; margin:0 0 20px 20px;}
.servicesBox .serBoxOn{ display:none; width:246px; height:232px; background-color:#535353; position:absolute; left:0; top:0; z-index:2;}
.servicesBox .serBox .pic1{ width:110px; height:110px; text-align:center; position:absolute; top:96px; right:68px; z-index:99;}
.servicesBox .serBox .pic2{ width:110px; height:110px; text-align:center; position:absolute; top:22px; left:-110px; z-index:99;}
.servicesBox .serBox .txt1{ width:192px; height:100px; color:#000; position:absolute; top:20px; left:27px; z-index:99;}
.servicesBox .serBox .txt2{ width:220px; height:100px; color:#fff; position:absolute; top:145px; right:-240px; z-index:99; text-align:center;}
.servicesBox .serBox h3.tit{ font-size:20px; display:block; text-align:center;}
.servicesBox .serBox .txt1 .tit{ color:#000000; line-height:40px;}
.servicesBox .serBox .txt2 a{ color:#fff; width:100%;}
.servicesBox .serBox span{ line-height:30px;}
.servicesBox .serBox p{ text-align:center;}
.servicesBox .serBox02{ background-color:#ffc74e;}
.servicesBox .serBox03{ background-color:#81ca95;}
.servicesBox .serBox04{ background-color:#4bd2eb;}
.servicesBox .serBox05{ background-color:#a464ee;}
.servicesBox .serBox06{ background-color:#e97290;}
/* 主页优势 */
.inSec02 .sectionBg{ background:url(../images/bgSection.png) repeat #a0d350;}
.indexAdv .advList{ width:206px; height:158px; margin-bottom:16px; color:#999; line-height:28px; overflow:hidden; padding:42px 16px 0 144px; position:relative;}
.indexAdv .advList h3,.centerAdv h3{ font-size:24px; padding-bottom:10px;}
.indexAdv .centerAdv{ width:432px; margin-left:18px; color:#999; line-height:28px; text-align:center; position:relative;}
.indexAdv .centerAdv p{ text-align:left;}
.indexAdv .centerAdv .adv04{ height:100px; margin-bottom:20px; padding:140px 16px 0 16px; background:url(../Images/adv04.png) center 14px no-repeat #fff; line-height:26px;}
.indexAdv .centerAdv .adv05{ height:372px; background-color:#fff; padding:0 16px;}
.indexAdv .centerAdv .adv05 img{ padding:20px 0 34px 0;}
.indexAdv .adv01{ background:url(../Images/adv01.png) 15px center no-repeat #fff;}
.indexAdv .adv02{ background:url(../Images/adv02.png) 15px center no-repeat #fff;}
.indexAdv .adv03{ background:url(../Images/adv03.png) 15px center no-repeat #fff;}
.indexAdv .adv06{ background:url(../Images/adv06.png) 15px center no-repeat #fff;}
.indexAdv .adv07{ background:url(../Images/adv07.png) 15px center no-repeat #fff;}
.indexAdv .adv08{ background:url(../Images/adv08.png) 15px center no-repeat #fff;}
.indexAdv .adv01:hover{ background-image:url(../Images/advH01.png); background-color:#4bd2eb; color:#fff;}
.indexAdv .adv02:hover{ background-image:url(../Images/advH02.png); background-color:#f5ab39; color:#fff;}
.indexAdv .adv03:hover{ background-image:url(../Images/advH03.png); background-color:#fa6474; color:#fff;}
.indexAdv .adv04:hover{ background-image:url(../Images/advH04.png); background-color:#7867f6; color:#fff;}
.indexAdv .adv05:hover{ background:url(../images/advBg.jpg) no-repeat; color:#fff;}
.indexAdv .adv06:hover{ background-image:url(../Images/advH06.png); background-color:#63d26b; color:#fff;}
.indexAdv .adv07:hover{ background-image:url(../Images/advH07.png); background-color:#fa5e57; color:#fff;}
.indexAdv .adv08:hover{ background-image:url(../Images/advH08.png); background-color:#6793fd; color:#fff;}
/* 主页客户 */
.inSec03 .sectionBg{ background:url(../images/bgSection.png) repeat #e88b30;}
.indexCustomer td{ position:relative; padding:0 0 8px 8px;}
.indexCustomer img{ display:block;}
.indexCustomer .td2{ width:143px; height:72px;}
.indexCustomer .td3{ width:294px; height:72px;}
.indexCustomer .td4{ width:143px; height:152px;}
.indexCustomer .td5{ width:294px; height:232px;}
.indexCustomer .imgTop{ position:absolute; left:8px; bottom:8px; z-index:2;}
.indexCustomer .imgBtm{ position:absolute; left:8px; bottom:8px; z-index:1; width:0;}
/* 主页案例 */
.inSec04 .sectionBg{ background:url(../images/bgSection.png) repeat #3db6de;}
.caseListAll{ height:732px; width:1275px; position:relative;}
.caseListAll li{ float:left; width:350px; border-bottom:4px solid #cecece;; margin:0 75px 40px 0; transition:border-color 0.4s;}
.caseListAll li a{ display:block; color:#fff;}
.caseListAll li .caseImg{ height:264px; overflow:hidden; position:relative;}
.caseListAll li .img{ display:block; width:350px; height:264px;}
.caseListAll li .caseBg{ width:100%; height:100%;  background:url(../Images/caseBg.png) repeat-x; position:absolute; left:0; top:0; display:none;}
.caseListAll li .ci01{ margin:-34px 0 0 0; position:absolute; left:-68px; top:50%;}
.caseListAll li .ci02{ margin:-17px 0 0 0; position:absolute; right:-34px; top:50%;}
.caseListAll li h3{ font-size:18px; padding-top:10px; height:24px; overflow:hidden; transition:0.4s;}
.caseListAll li p{ font-size:12px; line-height:24px; transition:0.4s;}
.caseListAll li:hover a{ color:#000;}
.caseListAll li:hover{ border-color:#00a7da;}
.moreCase{ display:block; width:118px; height:32px; border:1px solid #fff; text-align:center; line-height:32px; transition:color 0.2s; margin:0 auto; border-radius:25px; position:relative; color:#fff;}
.moreCase:hover{ border-color:#000; color:#000;}
/* 主页联系 */
.inSec05 .sectionBg{ background:url(../images/bgSection.png) repeat #a8a8a8;}
.conSection{ overflow:hidden; position:relative;}
.conSection .conA{ display:block; width:388px; height:124px; background-color:#fff; text-align:center; float:left; margin-left:18px; overflow:hidden; position:relative;}
.conSection .conA:first-child{ margin-left:0;}
.conSection .conA span.imgTop{ display:block; width:90px; height:90px; margin:0 auto; position:absolute; left:149px; top:17px; z-index:2;}
.conSection .conA1 span.imgTop{ background:url(../Images/conIcon01.png) no-repeat; transition:0.5s;}
.conSection .conA2 span.imgTop{ background:url(../Images/conIcon02.png) no-repeat; transition:0.5s;}
.conSection .conA3 span.imgTop{ background:url(../Images/conIcon03.png) no-repeat; transition:0.5s;}
.conSection .conA1:hover span.imgTop{ background-image:url(../Images/conIconH0a.png);}
.conSection .conA2:hover span.imgTop{ background-image:url(../Images/conIconH0b.png);}
.conSection .conA3:hover span.imgTop{ background-image:url(../Images/conIconH0c.png);}
.conSection .conA span.imgBtm{ display:block; width:388px; height:123px; position:absolute; left:0; top:0; z-index:1;}
.conSection .conA span.imgBtm img{ display:block; width:0; height:0; position:absolute; left:194px; top:62px;}
.conSection .conBox{ width:348px; height:354px; background-color:#fff; float:left; margin-top:18px; overflow:hidden; padding:0 20px;}
.conSection .conMap{ width:388px; padding:0; margin:18px 18px 0 18px;}
.conBox p{ width:350px; line-height:34px; color:#666;}
.conBox p span{ padding-left:109px;}
.conBox .conTel{ width:311px; margin:30px 0 12px 0;}
.xenred{ text-decoration:underline; color:#ff6600;}
.conBox div{ overflow:hidden; line-height:34px; margin-bottom:18px; width:348px;}
.conBox label{ display:block; width:34px; height:34px; float:left; position:relative;}
.conBox label img.turn01{ width:34px; height:34px; position:absolute; left:0; top:0; z-index:2; overflow:hidden;}
.conBox label span{ width:0px; position:absolute; left:0px; z-index:1; overflow:hidden; height:34px; display:none; top:0;}
.conBox label img.turn02{ height:84px;}
.conBox label span.turn03{ height:84px;}
.conBox input{ width:288px; height:34px; line-height:34px; background-color:#f7f7f7; border:0; float:right; padding-left:12px; outline:none; color:#666;}
.conBox textarea{ width:288px; height:72px; background-color:#f7f7f7; border:0; float:right; padding:12px 0 0 12px; overflow:hidden; outline:none; font-family:"宋体"; color:#666;}
.conBox .conName{ margin-top:30px;}
.conBox .moreCase{ color:#999; border-color:#999;}
.conBox .moreCase:hover{ border-color:#000; color:#000;}
.conAsk label{ height:84px;}
.conBox .conEmail #Email{width:172px; float:left; margin-left:14px;}
.conBox .conEmail .imgCode{float:right;}
/* -----------------------------------------------主页内容结束----------------------------------------------- */

/* -----------------------------------------------网站建设开始----------------------------------------------- */
/* 网站建设头部样式 */
.webTop{ width:100%; background:url(../Images/webTop.jpg) #65B9DD no-repeat center; height:518px;}
.webTop ul{ padding-top:84px;}
.webTop li{ float:left; width:240px; text-align:center; color:#fff; padding-left:80px;}
.webTop li:first-child{ padding-left:0;}
.webTop li img{ width:165px; height:190px;}
.webTop li h2{ font-size:28px; font-weight:normal; padding:30px 0 20px 0;}
.webTop li p{ line-height:30px;}
/* 建设标题样式 */
.webTitle{ padding-bottom:40px; text-align:center}
.webTitle h3{ font-size:30px; color:#666; padding:20px 0;}
.webTitle p{ font-size:16px; color:#888;}
/* 专业品牌样式 */
.webFisrt{ width:100%; background-color:#f6f6f6; padding:60px 0;}
.picScroll{ overflow:hidden; position:relative; height:520px;}
.picScroll .hd{ overflow:hidden; position:absolute; bottom:0; width:100%; text-align:center; z-index:2;}
.picScroll .hd a{ display:inline-block; font-size:20px; font-weight:200; color:#999; line-height:38px; border:1px solid #999; width:38px; text-align:center; margin:0 5px; font-family:"宋体";}
.picScroll .hd a:hover{ color:#333; border-color:#333;}
.picList{ position:relative; overflow:hidden;}
.picList li{ float:left; width:1200px;}
.picBox li{ float:left; position:relative; width:400px; display:block;}
.picBox li img{ width:400px; height:220px;}
.picBox li .webInfo{ position:absolute; line-height:40px; text-align:center; width:100%; left:0;}
.picBox h3{ font-size:16px; color:#fff; font-weight:normal; position:relative; z-index:2;}
.picBox .webShadow{ background:url(../Images/webShadow.png) repeat-x; width:100%; height:100%; position:absolute; top:0; left:0;}
.picBox .webDes{ position:relative;}
.picBox .webIntro{ position:absolute; left:0; top:0; line-height:28px; color:#fff; margin:0 28px; padding-top:38px;}
.picBox .s1 .webInfo{ top:0;}
.picBox .s2 .webInfo{ bottom:0;}
.picTop{ background:url(../Images/picTop.png) no-repeat; width:21px; height:11px; position:absolute; left:50%; top:-11px; margin-left:-10px;}
.picDown{ background:url(../Images/picDown.png) no-repeat; width:21px; height:11px; position:absolute; left:50%; bottom:-11px; margin-left:-10px; z-index:1;}
/* 选择我们样式 */
.webSecond{ width:100%; background-color:#fff; padding-top:60px;}
.webSecond .webTitle{ padding-bottom:60px;}
.webSecond ul{ overflow:hidden;}
.webSecond ul li{ float:left; width:280px; height:285px; padding:0 60px; text-align:center; margin-bottom:60px;}
.webSecond ul li h3{ font-size:20px; color:#040404; height:50px; line-height:50px;}
.webSecond ul li p{ text-align:left; color:#888; line-height:28px;}
/* 建站流程样式 */
.webThird{ width:100%; background-color:#f6f6f6; padding:60px 0;}
.webBuild{ background:url(../Images/webThird.jpg) left top no-repeat; position:relative; height:762px;}
.webBuild div{ position:absolute; line-height:24px;}
.webBuild h4{ font-size:18px; color:#424242; padding-bottom:10px;}
.webBuild p{ color:#969696; font-size:12px;}
.webStep1{ left:600px; bottom:142px;}
.webStep2{ left:260px; bottom:48px;}
.webStep3{ left:180px; bottom:230px;}
.webStep4{ left:30px; bottom:380px;}
.webStep5{ left:36px; top:130px;}
.webStep6{ left:180px; top:6px;}
.webStep7{ right:460px; top:150px;}
.webStep8{ right:150px; top:190px;}
/* -----------------------------------------------网站建设结束----------------------------------------------- */

/* -----------------------------------------------APP开发开始----------------------------------------------- */
.section{ text-align:center;}
.section h2{ font-weight:normal;}
/* ---------------------------------------背景--------------------------------------- */
#section1,#section2,#section3,#section4,#section5{ background-size:cover; background-repeat:no-repeat;}
#section1{ background-image: url(../Images/appTop.jpg);}
#section2{ background-image: url(../Images/appBg01.jpg);}
#section3{ background-image: url(../Images/appBg02.jpg);}
#section4{ background-image: url(../Images/appBg03.jpg);}
#section5{ background-image: url(../Images/appBg04.jpg);}

/* ---------------------------------------第一屏--------------------------------------- */
#section1 h2{ position:absolute; left:0; right:0; margin:0 auto; top:12.4%; color:#fff; font-size:48px;}
#section1 ul{ width:100%; margin:0; padding:0;}
#section1 ul li{ float:left; width:25%; text-align:center;}
#section1 ul li h3{ font-size:24px; color:#fff;}
#section1 p{ color:#fff; position:absolute; left:50%; margin-left:-489px; bottom:10%; line-height:48px; font-size:20px;}
@media(max-width:1020px){
	#section1 p{ font-size:16px; line-height:32px; left:50%; margin-left:-396px;}	
}
/* ---------------------------------------第二屏--------------------------------------- */
.wholeCon{ position:relative; margin:auto; overflow:hidden; width:1800px; height:100%; left:50%; margin-left:-900px;}
.appTxt{ height:auto; overflow:hidden; margin:80px auto 0 auto;}
#section2 h2{ color:#000; font-size:48px; margin-bottom:15px;}
#section2 h3{ font-size:24px; color:#d13e3e; margin-bottom:30px;}
#section2 p{ font-size:16px; color:#000; line-height:36px;}
#section2 img{ position:absolute; left:50%; margin-left:-11.7%; bottom:-60px; display:block; width:23.4%; height:auto; z-index:-1; opacity:0;}
#section2 h2,#section2 h3,#section2 p{ position:relative; left:-120%;}
@media(max-height:768px){
	#section2 .appTxt{ margin-top:80px;}
	#section2 h2{ margin-bottom:6px; font-size:40px;}
	#section2 h3{ margin-bottom:10px; font-size:20px;}
	#section2 p{ font-size:14px; line-height:26px;}
	#section2 img{ width:15.8%; margin-left:-7.9%;}
}
@media(max-height:600px){
	#section2 img{ width:13.5%; margin-left:-6.7%;}
}
@media(max-height:500px){
	#section2 img{ width:12.5%; margin-left:-6.25%;}
}
/* ---------------------------------------第三屏--------------------------------------- */
#section3 .appTxt{ width:1052px; height:auto;}
#section3 h2{ color:#fff; font-size:48px; margin-bottom:15px;}
#section3 h3{ font-size:24px; color:#ff0000; margin-bottom:30px;}
#section3 p{ font-size:16px; color:#fff; line-height:36px;}
#section3 img{ position:absolute; left:50%; margin-left:-10.1%; bottom:-120%; display:block; width:20.2%; height:auto; z-index:-1; opacity:0;}
#section3 h2,#section3 h3,#section3 p{ position:relative; bottom:-120%; opacity:0;}
@media(max-width:1400px){
	#section3 img{ width:13.3%; margin-left:-6.6%;}
}
@media(max-height:768px){
	#section3 .appTxt{ margin-top:80px;}
	#section3 h2{ margin-bottom:6px; font-size:40px;}
	#section3 h3{ margin-bottom:10px; font-size:20px;}
	#section3 p{ font-size:14px; line-height:26px;}
	#section3 img{ width:14.8%; margin-left:-7.9%;}
}
@media(max-height:600px){
	#section3 img{ width:12.5%; margin-left:-6.7%;}
}
/* ---------------------------------------第四屏--------------------------------------- */
#section4 .appTxt{ width:1096px; height:246px;}
#section4 h2{ color:#000; font-size:48px; margin-bottom:15px;}
#section4 h3{ font-size:24px; color:#d13e3e; margin-bottom:30px;}
#section4 p{ font-size:16px; color:#000; line-height:36px;}
.appWeb{ position:relative;}
.appWeb img{ position:absolute; left:42.2%; top:0; display:block;}
.appWeb .appWeb01{ top:30px; z-index:3; width:282px; height:457px;}
.appWeb .appWeb02{ top:82px; z-index:2; width:257px; height:405px;}
.appWeb .appWeb03{ top:82px; z-index:2; width:257px; height:405px;}
.appWeb .appWeb04{ top:128px; z-index:1; width:235px; height:360px;}
.appWeb .appWeb05{ top:128px; z-index:1; width:250px; height:360px;}
#section4 h2,#section4 h3,#section4 p{ display:none;}
@media(max-height:768px){
	#section4 .appTxt{ margin-top:80px; height:173px;}
	#section4 h2{ margin-bottom:6px; font-size:40px;}
	#section4 h3{ margin-bottom:10px; font-size:20px;}
	#section4 p{ font-size:14px; line-height:26px;}
	.appWeb img{ left:42.2%;}
	.appWeb .appWeb01{ transform:translate3d(0px,0,0) scale3d(0.6,0.6,0.6); top:-50px;}
	.appWeb .appWeb02{ transform:translate3d(0px,0,0) scale3d(0.6,0.6,0.6); top:-8px; left:42.8%;}
	.appWeb .appWeb03{ transform:translate3d(0px,0,0) scale3d(0.6,0.6,0.6); top:-8px; left:42.8%;}
	.appWeb .appWeb04{ transform:translate3d(0px,0,0) scale3d(0.6,0.6,0.6); top:28px; left:42.8%;}
	.appWeb .appWeb05{ transform:translate3d(0px,0,0) scale3d(0.6,0.6,0.6); top:28px; left:42.8%;}
}
/* ---------------------------------------第五屏--------------------------------------- */
#section5 .appTxt{ width:976px;}
#section5 h2{ color:#fff; font-size:48px; margin-bottom:15px;}
#section5 h3{ font-size:24px; color:#ff0000; margin-bottom:30px;}
#section5 p{ font-size:16px; color:#fff; line-height:36px;}
.wxList{ position:relative;}
.wxList li{ position:absolute; left:0; top:0;}
.wxList li.wx01,.wxList li.wx02,.wxList li.wx03,.wxList li.wx04,.wxList li.wx05{ left:417px; top:50px; opacity:0;}
.wxList li.wx06,.wxList li.wx07,.wxList li.wx08,.wxList li.wx09,.wxList li.wx10{ left:417px; top:214px; opacity:0;}
#section5 h2,#section5 h3,#section5 p{ position:relative; top:-120%; opacity:0;}
@media(max-height:768px){
	#section5 .appTxt{ margin-top:80px;}
	#section5 h2{ margin-bottom:6px; font-size:40px;}
	#section5 h3{ margin-bottom:10px; font-size:20px;}
	#section5 p{ font-size:14px; line-height:26px;}
	.wxList li.wx01,.wxList li.wx02,.wxList li.wx03,.wxList li.wx04,.wxList li.wx05,.wxList li.wx06,.wxList li.wx07,.wxList li.wx08,.wxList li.wx09,.wxList li.wx10{ transform:translate3d(0px,0,0) scale3d(0.8,0.8,0.8);}
}
/* -----------------------------------------------APP开发结束----------------------------------------------- */

/* -----------------------------------------------域名注册开始----------------------------------------------- */
/* 头部标题样式 */
.topTitle{ padding:76px 0; color:#fff; text-align:center;}
.topTitle h2{ font-size:36px; font-weight:normal;}
.topTitle p{ font-size:16px; padding-top:20px;}
/* 域名头部标题样式 */
.dnTop{ background-image:url(../Images/dnBg.jpg); width:100%; height:602px;}
.dnTop ul{ overflow:hidden;}
.dnTop li{ width:400px; float:left; text-align:center; color:#fff;}
.dnTop li h3{ font-size:24px; padding-top:36px;}
.dnTop li p{ font-size:16px; padding-top:20px;}
.dnTop li img{ width:160px; height:160px;}
/* 域名查找样式 */
.dnFind{ background-image:url(../Images/dnFindBg.jpg); width:100%; height:288px;}
.dnFind .dnWrap{ padding-top:90px;}
.dnFind p{ font-size:20px; color:#333; padding-bottom:12px;}
.dnFind .findBox{ width:980px; color:#666; height:90px; line-height:90px; text-align:center; background:url(../Images/dnBox.png) left center no-repeat; overflow:hidden;}
.findBox .dnSearchBox{ float:left; position:relative; overflow:hidden;}
.findBox .dnCheck{ float:right; width:196px; height:52px; background:url(../Images/dnIcon01.png) 40px center no-repeat #d13e3e; border:0; border-radius:5px; cursor:pointer; color:#fff; font-size:22px; font-family:"微软雅黑"; padding-left:30px; margin:20px 20px 0 0;}
.dnSearchBox .dnSearchTxt{ float:left; font-size:20px; width:150px;}
.dnSearchBox .dnBdr{ float:left; width:600px; height:48px; line-height:48px; border:1px solid #bfbfbf; border-radius:4px; font-size:16px; margin-top:20px; text-indent:15px; outline:none;}
.dnSearchBox .dnMore{ float:left; margin-top:20px; background-color:#f2f2f2; border:1px solid #bfbfbf; border-radius:0 4px 4px 0; text-align:center; font-size:18px; padding:0; width:138px; height:50px; line-height:50px; cursor:pointer; position:absolute; right:0;}
/* 域名后缀样式 */
.dnMainBox{ width:100%; background-color:#ecf9fc; font-family:"宋体"; font-size:14px; display:none; position:relative;}
.dnMainBox .dnWrap{ width:948px; border:1px solid #7bd7e7; position:relative; padding:20px 15px;}
.dnMainBox .dnClose{ color:#7bd7e7; position:absolute; bottom:3px; right:3px; font-size:20px;}
.dnMainBox .dnClear,.dnMainBox .dnSelect{ width:46px; height:20px; line-height:20px; border:1px solid #aaa; text-align:center; position:absolute; border-radius:5px; left:420px; top:19px; color:#aaa; font-size:12px;}
.dnMainBox .dnClear{ left:490px;}
.dnMainBox .dnClear:hover,.dnMainBox .dnSelect:hover{ color:#8d8d8d; border-color:#8d8d8d;}
.dnBoxNav{ overflow:hidden; border-bottom:1px solid #7bd7e7; padding-bottom:10px;}
.dnBoxNav li{ float:left; margin-right:20px; color:#6a6a6a;}
.dnBoxNav li label{ cursor:pointer;}
.dnCon{ overflow:hidden;}
.dnCon li{ float:left; padding-top:15px; width:118px;}
.dnCon li input{ vertical-align:middle;}
.dnCon .dnCon1.active{ display:block; height:100%;}
.dnCon .dnCon1{ display:none;}
/* 域名结果样式 */
.dnResult .dnWrap{ padding:20px 0;}
.dnResult .checkRe{ font-size:16px; color:#6a6a6a; padding-bottom:20px;}
.resultBox{ width:948px; border:1px solid #e0e0e0; padding:0 15px;}
.resultBox li{ overflow:hidden; height:46px; line-height:46px; border-top:1px dashed #e0e0e0;}
.resultBox li:first-child{ border-top:0;}
.resultBox li p{ float:left; color:#333;}
.resultBox li .dnName{ width:330px;}
.resultBox li .dnNo{ background:url(../Images/dnNo.png) left center no-repeat; padding-left:20px;}
.resultBox li .dnYes{ background:url(../Images/dnYes.png) left center no-repeat; padding-left:20px;}
.resultBox li span{ font-weight:bold; color:#ff6500;}
/* 域名切换样式 */
.dnTabBox { padding:30px 0; background-color:#fff;}
.dnTabBox .dnWrap{ width:978px; border:1px solid #e7e7e7; border-top:none;}
	/* 一级导航 */
.dnTab{ overflow:hidden;}
.dnTab li{ float:left;}
.dnTab li a{ display:block; color:#666; width:325px; border:1px solid #e7e7e7; border-right:none; text-align:center; height:68px; padding-top:15px;}
.dnTab li a:hover{ color:#ff0000;}
.dnTab li strong{ display:block; font-size:18px; font-weight:normal;}
.dnTab li span{ display:block; font-size:12px; padding-top:8px;}
.dnTab li:first-child a{ width:326px; border-left:none;}
.dnTab li a.active{ color:#000; border-top:5px solid #ff0000; height:64px; border-bottom:1px solid #fff; padding-top:11px;}
.dnTabCon1{ padding:24px;}
	/* 二级导航 */
.dnRegTab{ overflow:hidden;}
.dnRegTab label{ cursor:pointer;}
.dnRegTab a{ display:block; float:left; vertical-align:middle; height:18px; background:url(../Images/dnNotOn.png) left top no-repeat; padding-right:24px;}
.dnRegTab label a.on{ background-image:url(../Images/dnOn.png);}
.dnRegTab span{ margin-left:24px; color:#666;}
	/* 表格头部 */
.dnTableHead{ overflow:hidden; background-color:#f5f5f3; margin-top:20px; border:1px solid #e9e9e9;}
.dnTableHead li{ float:left; height:54px; line-height:54px; text-align:center; font-weight:bold; border-left:1px solid #e9e9e9;}
.dnTableHead li:first-child{ border-left:none;}
.dnTableHead li span{ display:block; font-size:12px; color:#979797; text-align:center; width:100%;}
.dnTableHead li.dnTh1{ width:438px;}
.dnTableHead li.dnTh2{ width:160px;}
.dnTableHead li.dnTh3{ line-height:20px; width:162px;}
.dnTableHead li.dnTh3 b{ display:block; padding-top:8px; font-weight:bold;}
.dnTabCon .dnTabCon1{ display:none;}
.dnTabCon .active{ display:block;}
	/* 表格内部 */
.dnTableCon{ height:328px; overflow-y:auto; overflow-x:hidden;}
.dnTableCon table{ width:100%; border-left:1px solid #e9e9e9;}
.dnTableCon td{ font-size:12px; height:40px; line-height:40px; text-align:center; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #d3dbdf;}
.dnTableCon .dnTname{ width:426px; text-align:left; padding-left:30px; background-color:#f9fbfe;}
.dnTname strong{ color: #4268a0; text-decoration: underline; width:80px; display:block; float:left;}
.dnTableCon .dnTpri1{ width:166px;}
.dnTableCon .dnTpri2{ width:156px;}
.dnTableCon table{ display:none;}
.dnTableCon .on{ display:block;}
	/* 品牌保护 */
.dnBrand ul{ overflow:hidden; padding:32px 0;}
.dnBrand li{ float:left; height:355px; width:218px; border:1px solid #e9e9e9; margin-right:-1px; position:relative; background:#fff; cursor:default;}
.dnBrand li.over{ width:270px; border-color:#f44a52; margin-right:0; z-index:20; background:#fff;}
.dnBrand li.over .brandBoxOver{ display:block;}
.dnBrand li.over .brandBox{ display:none;}
.dnBrand li i.arr{ width:12px; height:18px; background:url(../Images/dnArr.png) no-repeat; position:absolute; right:-12px; top:180px; z-index:10;}
.dnBrand li.over i.arr{ background-image:url(../Images/dnArrOn.png);}
.brandBox{ padding:35px 15px 0 15px; text-align:center;}
.brandBox b{ width:64px; height:52px; display:block; padding-top:12px; margin:0 auto 22px auto; background:url(../Images/dnCircle.png) no-repeat;}
.brandBox h3{ font-size:14px; line-height:20px; height:140px;}
.brandBox p,.brandBoxOver p{ font-size:12px; line-height:20px;}
.brandBoxOver{ padding:30px 25px 0 25px; display:none;}
.brandBoxOver b{ width:70px; height:54px; display:block; padding-top:16px; margin: 0 auto 20px auto; background:url(../Images/dnBoxCircle.png) no-repeat; font-size:16px; line-height:18px; color:#fff; text-align:center;}
.brandBoxOver h3{ font-size:14px; line-height:20px;  margin-bottom:15px;}
.brandBoxOver p{ height: 150px;}
	/* 常见问题 */
.dnAsk{ padding:0 20px;}
.dnAsk dt{ font-size:16px; height:30px; line-height:30px;}
.dnAsk dd{ color:#666; line-height:30px; text-indent:2em; padding-bottom:8px;}
/* 域名优势 */
.dnAdvBox{ width:100%; background-color:#f6f6f6; padding:60px 0;}
.slideBox{ width:752px; position:relative; padding-top:80px;}
.slideBox .hd ul{ overflow:hidden; padding-bottom:46px;}
.slideBox .hd li{ float:left; cursor:pointer; width:124px; height:30px; line-height:30px; margin-right:-1px; border:1px solid #dddddd; text-align:center;}
.slideBox .hd li.on{ border-color:#c1c1c1; margin-right:0; font-weight:bold;}
.slideBox .hd li.on i{ width:8px; height:4px; display:block; margin:0 auto; background:url(../Images/dnAdvArr.png) no-repeat;}
.slideBox .prev,.slideBox .next{ position:absolute; z-index:1; display:block; width:19px; height:33px; background:url(../Images/dnAdvArrow.png) no-repeat; cursor:pointer; left:30px; bottom:24px;}
.slideBox .next{ background-position:-19px 0; left:702px;}
.slideBox .bd{ width:566px; margin:0 auto;}
.slideBox .bd ul{ overflow:hidden;}
.slideBox .bd li{ float:left;}
.dnAdvIcon{ width:76px; float:left;}
.dnAdvText{ width:468px; float:right; padding-left:20px;}
.dnAdvText h3{ font-size:18px; color:#000; margin-bottom:6px;}
.dnAdvText p{ font-size:12px; color:#666; line-height:22px;}
/* -----------------------------------------------域名注册结束----------------------------------------------- */

/* -----------------------------------------------网站空间开始----------------------------------------------- */
.vhTop{ width:100%; background:url(../Images/vhBg.jpg) #F3663B no-repeat center; height:632px;}
.vhTop ul{ overflow:hidden;}
.vhTop li{ float:left; color:#fff; text-align:center; width:240px; margin-left:48px;}
.vhTop li img{ width:160px; height:160px;}
.vhTop li h3{ font-size:24px; padding:40px 0 20px 0;}
.vhTop li p{ font-size:16px; line-height:30px;}
.vhView{ background-color:#f6f6f6; padding:60px 0;}
/* 手风琴导航 */
.vhTabNav{ width:100%; height:248px;}
.vhTabNav ul{ overflow:hidden;}
.vhTabNav li{ float:left; height:248px; color:#fff; cursor:pointer; position:relative;}
.vhTabNav li.li1{ background-color:#51b7dc;}
.vhTabNav li.li2{ background-color:#51d7dc;}
.vhTabNav li.li3{ background-color:#85dc51;}
.vhTabNav li.li4{ background-color:#f2a12e;}
.vhTabNav li.li5{ background-color:#f24a2e;}
.vhTabNav .fold{ width:120px; height:100%; text-align:center; position:absolute; top:0px; left:0px;}
.vhTabNav .fold img{ display:block; width:80px; height:80px; margin:34px auto 0;}
.vhTabNav .fold .foTxt{ font-size:18px; display:block; width:28px; font-weight:normal; margin:20px auto 0; line-height:20px;}
.vhTabNav .unfold{ width:648px; height:100%; padding:0 36px; display:none; position:absolute; top:0px; left:0px;}
.vhTabNav .unLeft{ float:left; width:122px; margin-top:44px;}
.vhTabNav .unLeft img{ display:block; width:122px; height:122px;}
.vhTabNav .unLeft h3{ font-size:20px; text-align:center; margin-top:22px;}
.vhTabNav .unRight{ float:right; width:490px; margin-top:34px;}
.vhTabNav .unRight p{ line-height:24px;}
/* 网站空间 */
	/* 左侧图标 */
.vhList .box{ width:100%; background-color:#fff; min-height:270px; margin-top:30px; color:#666;}
.vhBox{ text-align:center; float:left; width:206px; padding:0 35px; margin-top:14px; height:242px; border-right:1px dotted #d9d9d9;}
.vhBox img{ margin-top:23px;}
.vhBox h3{ font-size:20px; color:#666; padding-top:16px;}
.vhBox p{ color:#999; line-height:24px; padding-top:10px;}
	/* 空间容量 */
.quota{ float:left; margin:36px 0 0 88px;}
.quota dt{ width:80px; height:30px; float:left; line-height:30px; text-align:right; margin-right:26px;}
.quota dd { width:500px; float:left; line-height:30px;}
.quota div{ float:left; text-align:center;}
.ui-slider-horizontal{ height:12px;}
.ui-slider{ background-color:#e7e7e7;}
.ui-slider { position:relative; text-align:left; border-radius:3px;}
.ui-slider-orange .ui-slider-range { background-color: #ff7500;}
.ui-slider-horizontal .ui-slider-range-min{ left:0;}
.ui-slider-horizontal .ui-slider-range{ top:0; height:100%;}
.ui-slider .ui-slider-range{ position:absolute; z-index:1; font-size:.7em; display:block;  border: 0; background-position: 0 0; border-radius:3px;}
a.ui-slider-handle.ui-state-default.ui-corner-all{ position:absolute; z-index:2; cursor:default;}
.ui-slider-horizontal .ui-slider-handle{ margin-left:-0.725em; top:-0.4em;}
.ui-slider .ui-slider-handle{ border-radius: 3px; width: 20px; height: 20px; background:url(../Images/vhBlock.png);}
.vhNumber{ position:relative;}
.vhNumber div{ position:absolute; top:68px;}
.q1{ left:448px;}
.q2{ left:540px;}
.q3{ left:640px;}
.q4{ left:732px;}
.q5{ left:822px;}
.q6{ left:908px;}
.q7{ left:685px;}
.q8{ left:574px;}
.q9{ left:799px;}
.q10{ left:460px;}
.vhModel{ float:left; font-size:16px; margin-top:36px;}
	/* 空间描述 */
.vhDes{ float:left; margin:40px 0 0 60px; width:460px;}
.vhDes dt{ width:100px; height:30px; float:left; line-height:30px; text-align:right; margin-right:16px;}
.vhDes dd{ line-height:30px; width:320px; float:left;}
.vhDes .lastDd{ width:50px;}
.vhDes .redSpan{ color:#ff0000;}
	/* 购买价格 */
.buyBox{ float:right; margin:36px 60px 0 0;}
.buyBox p{ height:36px; line-height:36px; font-size:16px;}
.buyBox strong{ display:block; width:186px; height:38px; line-height:38px; border:1px solid #dbdbdb; border-radius:4px; font-weight:bold; color:#f68427; padding-left:12px;}
.buyBox a{ display:block; width:200px; height:40px; line-height:40px; color:#fff; background-color:#ff7500; margin-top:16px; border-radius:4px; text-align:center; transition:0.3s, background-color 0.5s;}
.buyBox a:hover{ background-color:#ff4e00; transition:0.3s, background-color 0.5s;}
.vhContent .vhList{ display:none;}
.vhContent .active{ display:block;}
/* VPS */
.vhVps{ overflow:hidden; width:1230px;}
.vhVps li{ float:left; width:380px; height:240px; background-color:#fff; margin:30px 30px 0 0; text-align:center;}
.vhVps li h3{ background-color:#e4e4e4; height:50px; line-height:50px; color:#666; margin-bottom:24px;}
.vhVps li p{ font-size:20px; line-height:36px;}
.vhVps li span{ font-size:16px; line-height:26px;}
.vhVps li a{ display:block; width:184px; height:40px; line-height:40px; color:#fff; font-size:16px; background-color:#f5a200; margin:26px 0 0 98px; border-radius:20px; text-align:center;}
.vhVps li a.vps01{ background-color:#73c43d;}
.vhVps li a.vps02{ background-color:#ff7005;}
.vhVps li a.vps03{ background-color:#008ee0;}
.vhVps li a.vps04{ background-color:#f24a2e;}
.vhVps li a.vps05{ background-color:#24d0d6;}
/* 云服务器 */
.vhCloud{ overflow:hidden;}
.vhCloud li{ float:left; width:224px; margin:30px 0 0 20px; background-color:#fff; text-align:center; border-bottom:2px solid #e6e6e6;}
.vhCloud li:first-child{ margin-left:0;}
.vhCloud li h3{ font-size:18px; height:50px; line-height:50px; background-color:#f2a12e; color:#fff;}
.vhCloud li p{ color:#666; line-height:50px; font-size:16px;}
.vhCloud li p.redPrice{ color:#ff0000;}
.vhCloud li h3.fastC01{ background-color:#73c43d;}
.vhCloud li h3.fastC02{ background-color:#ff7005;}
.vhCloud li h3.fastC03{ background-color:#008ee0;}
.vhCloud li h3.fastC04{ background-color:#24d0d6;}
/* 服务器托管 */
.vhosting{ overflow:hidden; width:1232px;}
.vhosting li{ float:left; width:274px; border:1px solid #ddd; margin-top:30px; text-align:center; margin-right:32px;}
.vhosting li.vh1u{ background:url(../Images/vh1u.png) center 20px no-repeat #fff;}
.vhosting li.vh2u{ background:url(../Images/vh2u.png) center 20px no-repeat #fff;}
.vhosting li h3{ font-size:20px; margin:140px 0 10px 0;}
.vhosting li h4{ font-size:18px; color:#666; margin-bottom:10px;}
.vhosting li span{ font-size:16px; color:#ff6000;}
.vhosting li p{ color:#999; margin:10px 0;}
.vhosting li a{ display:block; width:100px; height:30px; line-height:30px; color:#fff; background-color:#ff6000; margin:20px auto 30px auto;}
/* -----------------------------------------------网站空间结束----------------------------------------------- */

/* -----------------------------------------------400电话开始----------------------------------------------- */
/* 头部 */
.telTop{ width:100%; background:url(../Images/telTop.jpg) #FDFFFA no-repeat center; height:490px;}
.telTop .topTitle{ color:#000;}
.telTop ul{ overflow:hidden; padding-top:10px;}
.telTop li{ float:left; width:150px; text-align:center; font-size:16px;}
.telTop li p{ padding-top:24px;}
/* 查询 */
.telCheck{ width:100%; background-color:#fff; padding-top:60px;}
	/* 号码导航 */
.telNumNav{ height:30px; line-height:30px; border-bottom:1px dashed #c9c9c9; padding:0 16px 20px 16px; color:#535353;}
.telNumNav h3{ font-size:16px; font-weight:bold; float:left; padding-right:28px;}
.telNumNav ul{ overflow:hidden;}
.telNumNav li{ float:left;}
.telNumNav li a{ display:block; padding:0 20px;}
.telNumNav li.on a{ background-color:#fe0f38; color:#fff;}
.telNumNav li a:hover{ background-color:#fe0f38; color:#fff;}
	/* 查询框 */
.pickBox{ padding:30px 16px; overflow:hidden; border-bottom:1px dashed #c9c9c9; margin-bottom:50px;}
.pickBox input{ width:40px; height:40px; line-height:40px; border:1px solid #d5d5d5; font-size:30px; margin-right:6px; text-align:center; float:left; outline:none;}
.pickBox span{ float:left; display:block; font-size:30px;}
.pickBox a{ display:block; width:80px; height:42px; line-height:42px; float:left; font-size:20px; border-radius:4px; background:url(../Images/telIcon01.png) 14px center no-repeat #ff4e07; color:#fff; padding-left:46px; margin-left:40px;}
.pickBox a:hover{ background-color:#fe3600;}
.pickBox button{ width:126px; height:42px; line-height:42px; font-size:20px; font-family:"微软雅黑"; border:1px solid #d5d5d5; color:#333; float:left; border-radius:4px; background:url(../Images/telIcon02.png) 14px center no-repeat #f9f9f9; padding:0 0 0 20px; outline:none; margin-left:40px; cursor:pointer;}
.pickBox button:hover{ background-color:#fff;}
/* 套餐资费说明 */
.telPrice table{ width:100%; border:1px solid #dcdcdc; text-align:center; margin:30px 0 60px 0;}
.telPrice th{ font-size:16px; background-color:#f9f9f9; height:46px; line-height:46px;}
.telPrice td{ border:1px solid #dcdcdc; height:36px; line-height:36px;}
.telPrice table span{ color:#ff0000;}
.telPrice td a{ color:#ff0000;}
.telPrice td a:hover{ text-decoration:underline;}
.telContact{ overflow:hidden;}
.telContact .platTitle{ padding-bottom:30px;}
.telContact form div{ float:left;  margin-bottom:30px;}
.telContact label{ display:block; width:80px; height:46px; line-height:46px; font-size:16px; font-weight:bold; float:left;}
.telContact label span{ color:#ff0000;}
.telContact input{ outline:none; border:1px solid #dcdcdc; width:150px; height:34px; line-height:34px; padding:2px 15px; font-size:14px; font-family:"微软雅黑"; float:left; margin-right:30px;}
.userCompany input{ width:294px;}
.sub400{ display:block; width:160px; height:42px; line-height:42px; background:url(../Images/sub400.png) 28px center no-repeat #ff4e07; padding-left:20px; border-radius:5px; color:#fff; text-align:center; font-size:20px; float:left;}
.telList table{ margin-bottom:0;}
/* 400页码导航 */
.telPage{ font-family:"宋体"; overflow:hidden; padding:30px 0 50px 0;}
.telPage span,.telPage a{ display:block; float:left; border:1px solid #444; padding:5px; border-radius:4px; margin-left:8px;}
.telPage a:hover{ border-color:#f39801; color:#f39801;}
/* 选号流程 */
.telPlat{ width:100%; background-color:#f6f6f6; padding:30px 0 60px 0;}
.platTitle{ font-size:24px; color:#333;}
.platTitle span{ font-size:18px; color:#666; padding-left:16px;}
.telSelect ul{ background:url(../Images/telSe.jpg) left center no-repeat; width:100%; margin:30px 0 60px 0; overflow:hidden;}
.telSelect li{ float:left; text-align:center; width:200px;}
.telSelect li b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#358dd7; line-height:20px;}
.telSelect li strong{ display:block; font-size:16px; color:#358dd7; line-height:30px;}
.telSelect li p{ font-size:12px; font-family:"宋体"; line-height:16px;}
.telSelect li.telSe01,.telSelect li.telSe03,.telSelect li.telSe05{ padding-top:166px;}
.telSelect li.telSe02 b,.telSelect li.telSe02 strong{ color:#cd3e7c;}
.telSelect li.telSe03 b,.telSelect li.telSe03 strong{ color:#63b15d;}
.telSelect li.telSe04 b,.telSelect li.telSe04 strong{ color:#f5a908;}
.telSelect li.telSe05 b,.telSelect li.telSe05 strong{ color:#e43a19;}
.telSelect li.telSe06 b,.telSelect li.telSe06 strong{ color:#8176df;}
/* 平台功能 */
.telFunc ul{ overflow:hidden; margin-top:30px;}
.telFunc li{ float:left; width:200px; height:105px; text-align:center; background-color:#fff; padding-top:21px;}
.telFunc li p{ font-size:18px; color:#666; padding-top:16px;}
.telFunc li.funcGray{ background-color:#e4e6ea;}
/* -----------------------------------------------400电话结束----------------------------------------------- */

/* -----------------------------------------------网络营销开始----------------------------------------------- */
.marTop{ width:100%; background:url(../Images/marTop.jpg) #8481CE center center no-repeat; height:570px; text-align:center;}
.marTop ul{ overflow:hidden;}
.marTop li{ float:left; margin-left:60px; width:150px; text-align:center;}
.marTop li:first-child{ margin-left:0;}
.marTop li h3{ color:#fff; font-size:18px; margin-top:30px;}
/* 整合营销 */
.marItem1,.marItem3,.marItem5{ width:100%; background-color:#f6f6f6; text-align:center;}
.marTitle{ font-size:30px; font-weight:normal; text-align:center; margin-bottom:50px; padding-top:116px;}
.marItem1 h2{ background:url(../Images/marTxt01.png) center 60px no-repeat;}
.marItem p{ font-size:16px; color:#666; line-height:30px; text-align:center;}
/* SEO */
.marItem2,.marItem4,.marItem6{ width:100%; background-color:#fff;}
.marItem2 h2{ background:url(../Images/marTxt02.png) center 60px no-repeat;}
.marItem2 img{ padding:60px 0;}
/* 天猫代运营 */
.marItem3 h2{ background:url(../Images/marTxt03.png) center 60px no-repeat;}
.marItem3 img,.marItem5 img,.marItem6 img{ padding:60px 0 80px 0;}
/* 网络营销培训 */
.marItem4 h2{ background:url(../Images/marTxt04.png) center 60px no-repeat;}
/* 网站运营维护 */
.marItem5 h2{ background:url(../Images/marTxt05.png) center 60px no-repeat;}
/* 全网营销网站 */
.marItem6 h2{ background:url(../Images/marTxt06.png) center 60px no-repeat;}
/* -----------------------------------------------网络营销结束----------------------------------------------- */

/* -----------------------------------------------案例展示开始----------------------------------------------- */
.caseTop{ width:100%; background:url(../Images/caseTop.jpg) center center; height:380px;}
.caseTop .wrap{ position:relative; height:380px;}
.caseTop img{ position:absolute; left:0; bottom:0;}
.caseTopRight{ text-align:right;}
.caseTopRight h2{ font-size:36px; font-weight:normal; padding:162px 0 30px 0;}
.caseTopRight h3{ font-size:28px;}
.caseList{ width:100%; background-color:#f6f6f6; padding:60px 0;}
.caseList .caseListAll{ height:1464px;}
.caseTabNav{ overflow:hidden; background:url(../Images/caseNavBg.png) center center no-repeat; margin-bottom:40px;}
.caseTabNav li{ position:relative; width:116px; height:158px; float:left; margin-left:38px;}
.caseTabNav li:first-child{ margin-left:0;}
.bigBox{ position:absolute; display:block; width:0; height:0; left:58px; top:79px; z-index:2;}
.smallBox{ position:absolute; left:39px; top:60px; z-index:1;}
.caseTabNav li a.on .bigBox{ width:116px;height:158px;left:0;top:0;}
.caseLi li a{ color:#999;}
/* 页码导航 */
.page{ border:1px solid #e5e5e5; margin:30px auto; overflow:hidden; border-radius:4px; text-align:center; height:50px;}
.page span:first-child{ color:#969696;}
.page a,.page span{ display:block; float:left; height:50px; line-height:50px; text-align:center; color:#333; font-size:16px; font-family:"微软雅黑"; padding:0 28px; transition:all 0.5s ease;}
.page a:hover,.page span.current{ background:#ec3901; color:#fff; transition:all 0.5s ease;}
/* -----------------------------------------------案例展示结束----------------------------------------------- */

/* -----------------------------------------------新闻列表开始----------------------------------------------- */
.newsTop{ width:100%; background:url(../Images/newsTop.jpg) center center; height:240px;}
.newsTop .wrap{ position:relative; height:240px;}
.newsTop img{ position:absolute; left:158px; top:22px;}
.newsTopRight{ text-align:right;}
.newsTopRight h2{ font-size:36px; font-weight:normal; padding:75px 0 30px 0;}
.newsTopRight h3{ font-size:28px;}
.newsList{ width:100%; background-color:#f6f6f6; padding:40px 0 60px 0;}
.newsNavList{ padding-bottom:70px; position:relative;}
.newsNav{ overflow:hidden;}
.newsNav li{ float:left; margin-right:20px;}
.newsNav li a{ display:block; width:144px; height:50px; line-height:50px; color:#666; background-color:#fff; text-align:center; border-radius:4px; transition:0.3s;}
.newsNav li.on a,.newsNav li a:hover{ background-color:#000; color:#fff; transition:0.3s;}
.newsTwoNav{ overflow:hidden; position:absolute; left:0; top:70px; display:none;}
.newsTwoNav dd{ float:left; margin-right:20px;}
.newsTwoNav dd a{ display:block; width:94px; height:28px; border:1px solid #d9d9d9; text-align:center; line-height:28px; border-radius:2px; color:#878787;}
.newsTwoNav dd.on a,.newsTwoNav dd a:hover{ background-color:#0daee0; color:#fff; transition:0.3s;}
.newsListAll ul{ width:1215px; height:1768px;}
.newsListAll li{ float:left; width:390px; height:408px; margin:0 15px 34px 0; background-color:#fff;}
.newsListAll li a{ display:block; width:100%;}
.newsListAll li .imgHeight{ width:100%; height:238px; overflow:hidden;}
.newsListAll li img{ display:block; width:100%; height:auto; transition:0.3s; overflow:hidden;}
.newsListAll li .newsInfo{ position:relative; height:130px; padding:20px; transition:0.3s;}
.newsListAll li h3{ margin-bottom:5px; color:#333; font-size:18px;}
.newsListAll li p{ height:44px; color:#999; font-size:12px; overflow:hidden; line-height:22px;}
.newsListAll li span{ position:absolute; left:20px; bottom:20px; color:#999;}
.newsListAll li h3,.newsListAll li p,.newsListAll li span{ transition:0.3s;}
.newsListAll li a:hover div{background:#000;}
.newsListAll li a:hover h3,.newsListAll li a:hover p,.newsListAll li a:hover span{ color:#fff;}
.newsListAll li a:hover img{ transform:scale(1.06);}
/* -----------------------------------------------新闻列表结束----------------------------------------------- */

/* -----------------------------------------------新闻详情开始----------------------------------------------- */
.newsViewAll{ width:100%; background-color:#f6f6f6; padding:75px 0 80px 0;}
.newsViewAll .wrap{ position:relative;}
.newsTitle{ padding-bottom:20px;}
.newsTitle h2{ font-size:24px; color:#333; margin-bottom:10px; font-weight:normal;}
.newsTitle p{ color:#999;}
.newsCon{ padding:50px 80px 70px 80px; background-color:#fff;}
.newsCon img{ max-width:100%;}
.newsCon table{ border-collapse:collapse; border-spacing:0; border-bottom:1px #ddd solid; border-left:1px #ddd solid;}
.newsCon table td{ padding:0; border-top:1px #ddd solid; border-right:1px #ddd solid;}
.newsArr{ width:52px; text-align:center; position:fixed; right:300px; top:350px; overflow:hidden;}
.newsArr a{ display:block; width:52px; height:50px; background-color:#fff; transition:0.3s;}
.newsArr .newsPrev{ border-radius:4px 4px 0 0;}
.newsArr .newsPrev,.newsArr .newsNext{ position:relative;}
.newsArr .newsPrev img{ position:absolute; left:0; top:0; }
.newsArr .newsNext img{ position:absolute; left:-52px; top:0; }
.newsArr .newsPrev:hover,.newsArr .newsNext:hover{ background:#333;}
.newsArr .newsNext{ border-radius:0 0 4px 4px;}
.newsArr .newsBack{ color:#333; text-align:center; line-height:50px; transition:0.3s;}
.newsArr .newsBack:hover{ background-color:#333; color:#fff;}
/* -----------------------------------------------新闻详情结束----------------------------------------------- */

/* -----------------------------------------------关于我们开始----------------------------------------------- */
.aboutTop{ width:100%; background:url(../Images/aboutTop.jpg) center center; height:560px; text-align:center;}
.aboutTop ul{ padding-top:405px;}
.aboutTop li{ float:left; width:200px;}
.aboutBox{ width:100%; background-color:#f6f6f6; padding:80px 0;}
.aboutBox .aboWrap{ width:888px;}
.aboutBox p{ font-size:16px; line-height:30px; color:#666;}
.aboutBox p span{ color:#ff0000;}
.aboutTitle{ text-align:center;}
.aboutTitle img{ padding-bottom:20px;}
.aboutTitle h2{ padding-bottom:25px; font-size:24px; color:#666; font-weight:normal;}
.aboBg01{ padding-top:60px;}
.aboutBox01{ background-color:#fff;}
.aboutBox02{ background-color:#ffc801;}
	/* 优势 */
.aboutBox02{ background-color:#ffc801;}
.aboutAdv{ overflow:hidden;}
.aboAdvLeft{ float:left; background:url(../Images/aboutIcon01.png) left top no-repeat; width:338px; height:704px; position:relative;}
.aboAdvLeft a{ background:url(../Images/aboutIcon02.png) left top no-repeat; width:116px; height:137px; position:absolute; top:568px; left:111px;}
.aboAdvLeft .line{ position:absolute; width:1px; height:450px; background-color:#fff; right:-184px; top:90px;}
.aboAdvRight{ float:right; width:392px; margin-top:40px;}
.aboAdvRight li{ padding-left:80px; margin-bottom:40px;}
.aboAdvRight li h3{ font-size:18px; color:#666; padding-bottom:24px;}
.aboAdvRight li p{ color:#fff; font-size:14px; line-height:26px;}
.aboAdvRight li.abo01{ background:url(../Images/aboutIcon03.png) left top no-repeat;}
.aboAdvRight li.abo02{ background:url(../Images/aboutIcon04.png) left top no-repeat;}
.aboAdvRight li.abo03{ background:url(../Images/aboutIcon05.png) left top no-repeat;}
.aboAdvRight li.abo04{ background:url(../Images/aboutIcon06.png) left top no-repeat;}
	/* 资质 */
.aboutHonor{ overflow:hidden; margin-left:54px;}
.aboutHonor li{ float:left; margin-left:59px;}
.aboutHonor li:first-child{ margin-left:0;}
.aboutHonor li.aboSide{ padding-top:26px;}
	/* 历程 */
.aboutBox03{ background:url(../Images/aboLine.png) center center no-repeat #fff; padding:320px 0 132px 0;}
.aboutBox03 .wrap{ position:relative;}
.aboutBox03 li{ position:absolute; padding:18px; width:208px; transition:background-color 0.3s;}
.aboutBox03 li .t{ font-size:30px; color:#ff6c00; padding-bottom:5px; transition:color 0.3s;}
.aboutBox03 li .txt{ font-size:12px; line-height:20px; transition:color 0.3s;}
.aboutBox03 li.aboPro01{ left:80px; top:-314px;}
.aboutBox03 li.aboPro02{ left:240px; top:-60px;}
.aboutBox03 li.aboPro03{ left:400px; top:-314px;}
.aboutBox03 li.aboPro04{ left:560px; top:-60px;}
.aboutBox03 li.aboPro05{ left:720px; top:-314px;}
.aboutBox03 li.aboPro06{ left:880px; top:-60px; width:270px;}
.aboutBox03 li:hover{ background-color:#ff6c00; transition:color 0.3s;}
.aboutBox03 li:hover .t{ color:#fff; transition:0.3s;}
.aboutBox03 li:hover .txt{ color:#fff; transition:0.3s;}
	/* 招聘 */
.aboJob{ overflow:hidden; margin-left:60px; width:1200px; height:240px; position:relative;}
.aboJob li{ float:left; height:80px; overflow:hidden; margin-bottom:40px; position:relative; width:376px;}
.aboJob li a{ position:relative; width:316px;}
.aboJob .bz{ display:block; float:left; width:80px; height:80px; position:relative; left:0; top:0;}
.aboJob .jobInfo{ float:left; padding:24px 0 0 14px;}
.aboJob h3{ font-size:18px;}
.aboJob p{ font-size:13px;color: #c1c1c1; line-height:20px;}
.aboJob li.job01{ width:360px;}
.aboJob li:hover h3{ color:#0daee0;}
.jobMess{ text-align:center;}
.jobMess a{ color:#666;}
.jobMess a:hover{ text-decoration:underline;}
		/* 招聘弹窗 */
.jobBox{ display:none;}
.jobBox h3{ font-size:16px; padding-bottom:20px;}
.jobBox p{ color:#666; line-height:26px;}
/* -----------------------------------------------关于我们结束----------------------------------------------- */

/* -----------------------------------------------联系我们开始----------------------------------------------- */
.conArea{ width:100%; background-color:#f6f6f6; padding:80px 0;}
.conArea .aboutTitle h2{ padding-bottom:60px;}
.leftInfo{ width:634px; height:504px; background-color:#fff; padding:10px;}
.rightMess{ width:454px; height:494px; background-color:#fff; padding:30px 40px 0 40px; overflow:hidden;}
.rightMess h3{ font-size:24px; margin-bottom:24px;}
.rightMess label{ display:block; font-size:16px; float:left; height:34px; line-height:34px;}
.rightMess span{ font-size:14px; color:#ff0000;}
.rightMess input{ display:block; width:454px; height:32px; line-height:32px; border:1px solid #e2e2e2; outline:none; margin:12px 0; padding-left:6px;}
.rightMess textarea{ width:454px; height:70px; border:1px solid #e2e2e2; outline:none; margin-bottom:20px; overflow-y:hidden;}
.rightMess .moreCase{ color:#999; border-color:#999;}
.rightMess .moreCase:hover{ border-color:#000; color:#000;}
.rightMess .conEmail input{width:334px; display:inline-block;}
.rightMess .conEmail .imgCode{float:right; padding:12px 0px;}
/* -----------------------------------------------联系我们结束----------------------------------------------- */

/* -----------------------------------------------404开始----------------------------------------------- */
.wrongBox{ background-color:#f38941; text-align:center; padding:130px 0;}
.wrongBox #map{ outline:none; border:none;}
/* -----------------------------------------------404结束----------------------------------------------- */

/* -----------------------------------------------检测浏览器开始----------------------------------------------- */
.browser img{ position:absolute; left:50%; margin-left:-187px; top:50%; margin-top:-119px;}
.browser a{ position:absolute; display:block; color:#fff; font-size:20px; left:50%; top:50%; margin-left:-40px; margin-top:140px;}
/* -----------------------------------------------检测浏览器结束----------------------------------------------- */