.pdt_banner {display:block; min-width:1100px; height:285px; background:url(../images/pdt_banner.jpg) no-repeat center center; overflow:hidden; margin:0 auto; margin-bottom:15px;}
.bannerbox {display:block; width:1100px; margin:0 auto; position: relative;}
.pdtbox {display:block; margin:30px 0 0 2px; width:520px; height:170px; padding:50px 60px 0 0;  background:url(../images/pdtbox.png) no-repeat; overflow:hidden;}
.pdtbox>h1 {display:block; width:520px; margin-bottom:15px; text-align:right; font-size:28px; color:#fff;}
.pdtbox>h2 {display:block; width:520px; margin-bottom:15px; text-align:right; font-size:20px; color:#fff;}
.pdtbox>p {line-height:18px; font-size:14px; color:#fff; text-align:right;}

.custbanner {display:block; min-width:1100px; height:350px; background:url(../images/custom_banner.jpg) no-repeat center center; overflow:hidden; margin:0 auto; margin-bottom:15px;}
.custbox {display: block; margin: 70px 0 0 60px; font-size: 14px;}
.custbox>h1 {font-size: 28px; margin-bottom: 10px; color: #444;}

/*主体部分*/
.pdt_main {display:block; width:1100px; margin:0 auto;}

/*产品与服务导航*/
#pdt_menu {display: block; position: relative; width:1100px; height:50px; z-index: 999; background: #fff; margin-bottom: 15px;}
.pdt_nav {width:1100px; overflow:hidden; margin-bottom:15px;}
.pdt_nav li {float:left; width:183px;height:50px;}
.pdt_nav li a{display:block;line-height:50px;margin-right:9px; background:#b9b9b9; font-size:16px; text-align:center; color:#fff; font-weight:bold;}
.pdt_nav li a:hover {background:#0799d9;}
.no {margin-right:0 !important;}

/*图片导航*/
.navpic {display:block; width:1098px; border:1px solid #feeaeb; margin-bottom:30px;}
.navlink {display:block; width:150px; height:40px; margin:0 auto; line-height:40px; font-size:16px; color:#fff; text-align:center; background:#ffb534; cursor:pointer;}
.navlink:hover {background: #ffcc00;}
.picbox01,.picbox02,.picbox03,.picbox04,.picbox05,.picbox06,.picbox07 {display:block; position:relative; overflow:hidden;width:1098px;}
.itembox01,.itembox02,.itembox03,.itembox04,.itembox05,.itembox06,.itembox07 {display:block; position:absolute;}
.itembox01>h1,.itembox02>h1,.itembox03>h1,.itembox04>h1,.itembox05>h1,.itembox06>h1,.itembox07>h1 {display:block; width:220px; margin:0 auto; margin-bottom:15px; text-align:center; font-size:36px; color:#f90;}
.itembox01>p,.itembox02>p,.itembox03>p,.itembox04>p,.itembox05>p,.itembox06>p,.itembox07>p { font-size:14px; color:#666; line-height:18px; text-align:center; margin-bottom:15px;}

.picbox01 {height:395px; background:url(../images/navpic01.jpg) no-repeat;}  
.picbox02 {height:495px; background:url(../images/navpic02.jpg) no-repeat;} 
.picbox03 {height:425px; background:url(../images/navpic03.jpg) no-repeat;} 
.picbox04 {height:387px; background:url(../images/navpic04.jpg) no-repeat;} 
.picbox05 {height:428px; background:url(../images/navpic05.jpg) no-repeat;} 
.picbox06 {height:582px; background:url(../images/navpic06.jpg) no-repeat;} 
.picbox07 {height:500px; background:url(../images/navpic07.jpg) no-repeat;}

.itembox01 { width:280px; top:50px; right:130px;}
.itembox02 { width:580px; top:50px; left:250px;}
.itembox03 { width:280px; top:120px; left:110px;}
.itembox04 { width:330px; top:80px; right:100px;}
.itembox05 { width:250px; top:110px; left:110px;}
.itembox06 { width:240px; top:60px; left:430px;}
.itembox07 { width:240px; top:150px; right:80px;}

/*通用版弹层*/
.general {display:block; overflow:hidden; position:relative; width:920px; height:600px;}
.rtbox {display:block; float:right; width:740px; height:600px; overflow:hidden; position:relative;}
.lfbox {display:block; float:left; width:180px; height:600px; background:#565d67; position:relative;}
.lfbox ul {list-style:none; margin-top:80px;}
.lfbox ul li {display:block; width:180px; height:50px; padding-top:10px; margin-bottom:10px; clear:both; cursor:pointer;}
.lfbox ul li h1 {font-size:18px; color:#fff; line-height:18px; font-weight:700; margin-top:3px;}
.lfbox ul li i {font-size:10px !important; color:#fff;}
.bgcolor01 {background:#ffa811;}
.bgcolor02 {background:#8abc1d;}
.bgcolor03 {background:#3eb982;}
.bgcolor04 {background:#358eec;}
.showicon01 {display:block; float:left; width:40px; height:40px; background:url(../images/iconbg.png) no-repeat 0 0; margin-right:10px; margin-left:30px;}
.showicon02 {display:block; float:left; width:40px; height:40px; background:url(../images/iconbg.png) no-repeat -40px 0; margin-right:10px; margin-left:30px;}
.showicon03 {display:block; float:left; width:40px; height:40px; background:url(../images/iconbg.png) no-repeat -80px 0; margin-right:10px; margin-left:30px;}
.showicon04 {display:block; float:left; width:40px; height:40px; background:url(../images/iconbg.png) no-repeat -120px 0; margin-right:10px; margin-left:30px;}
.arrow01 {display:block; position:absolute; z-index:9999; left:0; top:80px; width:30px; height:60px; background:url(../images/arrowbg.png) no-repeat 0 0;}
.arrow02 {display:block; position:absolute; z-index:9999; left:0; top:150px; width:30px; height:60px; background:url(../images/arrowbg.png) no-repeat -30px 0;}
.arrow03 {display:block; position:absolute; z-index:9999; left:0; top:220px; width:30px; height:60px; background:url(../images/arrowbg.png) no-repeat -60px 0;}
.arrow04 {display:block; position:absolute; z-index:9999; left:0; top:290px; width:30px; height:60px; background:url(../images/arrowbg.png) no-repeat -90px 0;}

/*行业版弹层*/
.industry {display:block; overflow:hidden; position:relative; width:900px; height:600px;}
.idy_fl { display:block; float:left; width:260px; height:595px; border-bottom:5px solid #2c2c2c; background:#444; overflow:hidden; position:relative;}
.idy_fr {display:block; float:right; width:640px; position:relative;}
.idy_tle {display:block; width:260px; line-height:100px; background:#f79b24; font-size:24px; color:#fff; text-align:center;} 
.idy_tle img {vertical-align:text-top; margin-right:5px;}
.barfocus {display:block; float:left; height:45px; width:130px; text-align:center; line-height:45px;  text-align:center;background:#999 !important; font-size:16px; color:#f00 !important;}
.showlist {display:block; position:absolute; width:262px;}
#idylist li {display:block; float:left; height:45px; width:131px; text-align:center; line-height:45px; font-size:16px; border-bottom:1px solid #666; background:url(../images/listbg.jpg) no-repeat right; }
#idylist li a { height:45px; width:130px;display:block; color:#fff;}
.idybox {display:block; position:absolute; top:50px; left:25px; width:210px; z-index:100; color:#fff; font-size:14px;}
.idybox>h1 { font-size:38px; color:#fff; line-height:30px; margin-bottom:10px}
.idybox>h2 { font-size:28px; color:#fff; line-height:25px; margin-bottom:15px;}

/*微信硬件弹层*/
.wx_fr {display:block; float:right; width:660px; position:relative;}
.weixn_tle {display:block; width:260px; line-height:100px; background:#0088b5; font-size:24px; color:#fff; text-align:center;} 
.weixn_tle img {vertical-align:text-top; margin-right:5px;}
#wxlist li {display:block; height:60px; width:260px; text-align:center; line-height:60px; font-size:16px; }
#wxlist li a { height:60px; width:260px;display:block; color:#fff;}
.wxfocus {display:block; height:60px; width:260px; text-align:center; line-height:60px;  text-align:center;background:#999 !important; font-size:16px;}
.wxbox {display:block; position:absolute; top:50px; left:25px; width:300px; z-index:100; color:#333; font-size:14px;}
.wxbox>h1 { font-size:30px; color:#333; line-height:30px; margin-bottom:10px}
.wxbox>h2 { font-size:24px; color:#919191; line-height:25px; margin-bottom:15px;}

/*通用版上下滑动切换*/
.showmain{position:relative;height:600px;background:#fff;overflow:hidden;}
.show {width:740px;overflow:hidden;position:absolute;top:0px;left:0px;}
#sliderParent{position:absolute;left:0;height:0;width:608px;z-index:999;}
#outerWrap{position:relative;z-index:999}

.tabGroup{ display:block; position:absolute; right:30px;width:100px;height:auto; z-index:9999; background:url(../images/showbg.png) repeat-y right;}
.tabGroup li{line-height:24px;text-align:right;cursor:pointer;-webkit-user-select:none; -moz-user-select:none;font-size:14px;color:#999;}
.tabGroup li.selectedTab{color:#ffa811;font-weight:700;}
.tabContent{ display:block; width:740px; min-height:600px; position:relative;}

/*展示*/
.stepmsg01,.stepmsg02,.stepmsg03,.stepmsg04,.stepmsg05,.stepmsg06 {display:block; position:absolute; border-left:5px solid #ffa811; padding-left:10px;color:#555;}
.stepmsg01>h1,.stepmsg02>h1,.stepmsg03>h1,.stepmsg04>h1,.stepmsg05>h1,.stepmsg06>h1 {font-size:28px; color:#555; line-height:20px; margin-bottom:10px;}
.stepmsg01 {right:120px; top:270px;}
.stepmsg02 {right:100px; top:270px;}
.stepmsg03 {right:120px; top:270px;}
.stepmsg04 {left:100px; top:100px;}
.stepmsg05 {right:120px; top:270px;}
.stepmsg06 {right:120px; top:270px;}

/*推广*/
.stepmsg01_a,.stepmsg02_a,.stepmsg03_a,.stepmsg04_a,.stepmsg05_a,.stepmsg06_a,.stepmsg07_a,.stepmsg08_a,.stepmsg09_a,.stepmsg10_a,.stepmsg11_a {display:block; position:absolute; border-left:5px solid #8abc1d; padding-left:10px;color:#555;}
.stepmsg01_a>h1,.stepmsg02_a>h1,.stepmsg03_a>h1,.stepmsg04_a>h1,.stepmsg05_a>h1,.stepmsg06_a>h1,.stepmsg07_a>h1,.stepmsg08_a>h1,.stepmsg09_a>h1,.stepmsg10_a>h1,.stepmsg11_a>h1 {font-size:28px; color:#555; line-height:20px; margin-bottom:10px;}
.stepmsg01_a {right:100px; top:280px;}
.stepmsg02_a {right:120px; top:280px;}
.stepmsg03_a {left:150px; top:100px;}
.stepmsg04_a {left:100px; top:120px;}
.stepmsg05_a {right:80px; top:300px;}
.stepmsg06_a {right:140px; top:270px;}
.stepmsg07_a {right:120px; top:280px;}
.stepmsg08_a {right:80px; top:280px;}
.stepmsg09_a {right:60px; top:280px;}
.stepmsg10_a {left:120px; top:60px;}
.stepmsg11_a {right:100px; top:270px;}

/*互动*/
.stepmsg01_b,.stepmsg02_b,.stepmsg03_b,.stepmsg04_b{display:block; position:absolute; border-left:5px solid #3eb982; padding-left:10px;color:#555;}
.stepmsg01_b>h1,.stepmsg02_b>h1,.stepmsg03_b>h1,.stepmsg04_b>h1{font-size:28px; color:#555; line-height:20px; margin-bottom:10px;}
.stepmsg01_b {left:100px; top:150px;}
.stepmsg02_b {right:120px; top:220px;}
.stepmsg03_b {right:120px; top:240px;}
.stepmsg04_b {right:70px; top:270px;}

/*成交*/
.stepmsg01_c,.stepmsg02_c,.stepmsg03_c{display:block; position:absolute; border-left:5px solid #358eec; padding-left:10px;color:#555;}
.stepmsg01_c>h1,.stepmsg02_c>h1,.stepmsg03_c>h1{font-size:28px; color:#555; line-height:20px; margin-bottom:10px;}
.stepmsg01_c {right:60px; top:240px;}
.stepmsg02_c {left:120px; top:80px;}
.stepmsg03_c {right:60px; top:260px;}


/*定制与开发*/
.main {display: block;width: 1100px; margin: 0 auto;}
.custom_bg {display: block;width: 1020px; margin:-84px 40px 20px 40px; background: url(../images/custombg.png) no-repeat top center;}
.mdeia_bg {display: block;width: 1020px; margin:-70px 40px 20px 40px; background: url(../images/mediabg.png) no-repeat top center;}
.item_bg {display: block;width: 1020px; height: 136px; position:relative; margin-bottom: 20px}
.itemarrow01 {display: block; position: absolute; left: 50px; width: 136px; height: 136px; background: url(../images/customicon.png) no-repeat 0 0;}
.itemarrow02 {display: block; position: absolute; left: 315px; width: 136px; height: 136px; background: url(../images/customicon.png) no-repeat -136px 0;}
.itemarrow03 {display: block; position: absolute; right: 304px; width: 136px; height: 136px; background: url(../images/customicon.png) no-repeat -272px 0;}
.itemarrow04 {display: block; position: absolute; right: 38px; width: 136px; height: 136px; background: url(../images/customicon.png) no-repeat -408px 0;}
.itemarrow05 {display: block; position: absolute; left: 63px; width: 136px; height: 136px; background: url(../images/customicon.png) no-repeat -544px 0;}
.itemarrow06 {display: block; position: absolute; left: 461px; width: 136px; height: 136px; background: url(../images/customicon.png) no-repeat -680px 0;}
.itemarrow07 {display: block; position: absolute; right: 38px; width: 136px; height: 136px; background: url(../images/customicon.png) no-repeat -816px 0;}
.custom_item li {display: block; float: left; width: 255px; text-align: center;  font-size: 14px; color: #999;}
.custom_item li>h1 { font-size: 24px; color: #444;}

.cust_content {display: block;width: 1100px; margin:0 auto; border:1px solid #f1f1f6;}
.cust_tle {display: block; line-height: 50px; padding-left: 25px; font-size: 24px; color: #f60; border-bottom: 1px solid #f1f1f6; text-align:left}
.cust_tle>span a{display: block; float: right; font-size: 14px; color: #666; margin-right: 20px;}
.cust_tle>span a:hover {color: #f60;}
.cust_tle>p {font-size: 16px; color: #666; margin:20px 20px 20px 0; line-height: 25px;}
.cust_box {display: block; height: 70px; padding-left: 25px; padding-top: 20px; font-size: 16px; color: #666; border-top: 1px solid #f1f1f6; text-align: left}
.cust_box>b {font-weight: bold;color: #333;}
.listitem {display: block; padding: 25px; border-bottom: 1px solid #f1f1f6;}
.listitem .flpic {display: block; float: left;width: 240px;}
.listitem .frmsg {display: block; float: left;margin-left: 25px; width: 705px; font-size: 14px; color: #666;}
.listitem .frmsg>h1 {font-size: 16px; color: #53504e;}
.listitem .frmsg>i {display: block; font-size: 12px; color: #999; margin-bottom: 5px;}
.listitem .frmsg p {font-size: 12px; line-height:25px; color: #666;}


/*图片左右滚动样式*/
.rollBox {display:block; width:960px; height:130px; overflow:hidden; margin:10px 30px 30px 30px;}
.rollBox .LeftBotton {height:130px;width:30px;background:url(../images/prev.png) no-repeat center;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton {height:130px;width:30px;background:url(../images/next.png) no-repeat center;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont {width:900px; overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .rollpic {width:120px; padding-top:15px; height:115px;float:left;text-align:center; margin-right:10px;}
.rollBox .Cont .rollpic>p {font-size: 14px; margin-top: 8px;}
.rollBox #List1, .rollBox #List2 {float:left;}

/*代运营*/
.opt_banner {display:block; min-width:1100px; height:350px; background:url(../images/opt_banner.jpg) no-repeat center center; overflow:hidden; margin:0 auto;}
.optbox {display:block; margin:90px 0 0 50px; width:440px; height:140px; padding:30px 60px 0 30px;  background:#ff6711; overflow:hidden;}
.optbox>h1 {display:block; width:520px; margin-bottom:10px; font-size:28px; color:#fff;}
.optbox>p {line-height:18px; font-size:14px; color:#fff;}

/*客户案例中心*/
.mod_banner {display:block; min-width:1100px; height:290px; background:url(../images/pdt_banner01.jpg) no-repeat center center; overflow:hidden; margin:0 auto;}
.modbox {display:block; position: absolute; top: 75px; right: -5px; width:440px; height:140px; padding:30px 60px 0 30px; overflow:hidden;}
.modbox>h1 {display:block; width:520px; margin-bottom:10px; font-size:28px; color:#f90;}
.modbox>p {line-height:18px; font-size:14px; color:#666;}
.mod_fl {display: block;float: left; width: 145px; margin-right: 5px; overflow: hidden;}
.mod_fr {display: block;float: right;width: 948px; border: 1px solid #ebebeb;}
.modtle {display: block; line-height: 40px; margin-bottom: 5px; margin-top: 10px; text-align: center; font-size: 14px; color: #333;background: #f4f4f4;}
.modtle:hover {background: #666; color: #fff;}
.modnav {display: block; position:relative; width: 150px;}
.modnav li {display: block; float: left; width: 70px;height: 40px; margin-bottom: 5px; margin-right: 5px;}
.modnav li a {display: block; text-align: center; line-height: 40px; background: #f4f4f4;font-size: 14px; color: #333;}
.modnav li a:hover {background: #666; color: #fff;}
.modlist {display: block;padding: 25px 0 25px 25px; min-height: 600px;}
.modpic li {display: block;float: left; width:200px; height: 300px; border: 1px solid #e7e7e7; margin: 0 27px 25px 0;}
.modpic li a {display:block; position: relative; width:200px; height: 300px;overflow: hidden;}
.modpic li a span{display:block;position:absolute; left:0px;top:260px;width:200px;height:200px;background-color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9; text-align: center; font-size: 14px;color: #666;}
.modpic li a span p {line-height: 40px;} 

/*新媒体部门介绍*/
.media_banner {display:block; min-width:1100px; height:350px; background:url(../images/mediabanner.jpg) no-repeat center center; overflow:hidden; margin:0 auto;}
.mediabox {display:block; margin:90px 0 0 60px; width:440px; height:140px; padding:40px 60px 0 30px; overflow:hidden;}
.mediabox>h1 {display:block; width:520px; margin-bottom:5px; font-size:32px; color:#333;}
.mediabox>p {line-height:18px; font-size:14px; color:#666;}
.mediabgd {display: block; position: relative; width: 1020px; height: 100px} 
.media_item01,.media_item02,.media_item03 {display: block; position: absolute; width: 215px; text-align: center; font-size: 14px; color: #999;}
.media_item01>h1,.media_item02>h1,.media_item03>h1 {text-align: center; font-size: 24px; color: #444; margin-bottom: 10px;}
.media_item01 {left: 25px;}
.media_item02 {left: 420px;}
.media_item03 {right: 0px;}

.media_tab tr {border-bottom: 1px solid #f1f1f6;}
.media_tab td {border-right: 1px solid #f1f1f6; padding: 5px 10px; text-align:left; font-weight:normal}
.media_tab h1 {font-size: 18px; color: #999; letter-spacing: -1px;font-weight:normal}
.media_tab p {margin: 10px 0; font-size: 14px;}

.videobox {display: block;position: relative; width: 299px; height: 172px; border: 5px solid #ccc; cursor: pointer; margin: 15px 0;}
.videobox .playbtn {display: block; position: absolute; left: 100px; top:40px; width: 90px; height: 90px; background: url(../images/video.png) no-repeat 0 0;}
.videobox:hover .playbtn {display: block; position: absolute; left: 100px; top:40px; width: 90px; height: 90px; background: url(../images/video.png) no-repeat -90px 0;}
.mt {margin-top: -25px;}
.mr15 {margin-right: 15px;}
.custlogo {border: 1px solid #ededed; margin-top: 10px;}