@charset "utf-8";
/* CSS Document */
.clear { zoom: 1; }
.fl { float: left; }
.ServiceBanner {height:600px;background:-webkit-linear-gradient(to right,#828fff,#191c32);/* Safari 5.1 - 6.0*/    
background:-o-linear-gradient(to right,#828fff,#191c32);/* Opera 11.1 - 12.0*/    
background:-moz-linear-gradient(to right,#828fff,#191c32);/* Firefox 3.6 - 15*/    background:linear-gradient(to top,#828fff,#191c32); }
.ServiceBanner .ServiceBanner_content {width:1500px;margin:0 auto;position:absolute;left:50%;top:150px;transform:translateX(-50%) translateY(0);}
/*top:45%;translateY(-50%)*/.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left {width:50%;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_right {text-align:right;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_right img {max-width:100%;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left .content_left_title dd {font-size:40px;color:#fff;margin-bottom:40px;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left .content_left_title h1 {font-size:40px;color:#fff;margin-bottom:40px;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left .content_left_title dt {font-size:16px;color:#fff;line-height:30px;margin-bottom:70px;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left .content_left_bottom .left_bottom_list {margin-right:25px;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left .content_left_bottom .left_bottom_list:last-child {margin-right:0px;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left .content_left_bottom .left_bottom_list dd {color:#fff;border:1px solid rgba(255,255,255,0.32);
text-align:center;width:80px;line-height:78px;font-size:34px;}
.ServiceBanner .ServiceBanner_content .ServiceBanner_content_left .content_left_bottom .left_bottom_list dt {font-size:14px;color:#fff;text-align:center;margin-top:10px;}































.pc { text-align: center; }
.pageContent { border-top: #D8D8D8 1px solid;font: 100% Microsoft Yahei,微软雅黑, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.pageContent .pTitle4 { margin-bottom: 10px; color: #666; text-transform: Uppercase; }
.pageContent .pageTitle6 { font-size: 22px; color: #777; }
.pageContent .pslogan { color: #666; font-size: 20px; margin-top: 30px; margin-bottom: 40px; }
.ds_list, .nm_list, .wd_list { min-height: 180px; _height: 180px; border-bottom: 1px dashed #B0B0B0; }
.ds_list li, .nm_list li, .wd_list li, .ma_list li, .wp_list li, .ec_list li { float: left; margin-bottom: 35px; padding: 0 35px 0px 70px; border-right: 1px dashed #b0b0b0; }
.ds_list li span { color: #454545; width: 100%; font-size: 16px; padding-bottom: 1px; }
.ds_list .webd1,.ds_list .webd2,.ds_list .webd3,.ds_list .webd4{width:130px;padding-top:115px;height:30px;display:block;}
.ds_list .webd1{background:url(../images/comwebdesign_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd1:hover{background:url(../images/comwebdesign_icon_hover1.png) no-repeat 10px 0;}
.ds_list .webd2{background:url(../images/brandservers_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd2:hover{background:url(../images/brandservers_icon_hover1.png) no-repeat 10px 0;}
.ds_list .webd3{background:url(../images/ecserver_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd3:hover{background:url(../images/ecserver_icon_hover1.png) no-repeat 10px 0;}
.ds_list .webd4{background:url(../images/minisiteser_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd4:hover{background:url(../images/minisiteser_icon_hover1.png) no-repeat 10px 0;}
.pageContent .detailTitle1, .pageContent .detailTitle2 { font-size: 50px; color: #666; padding:50px 0; }
.pageContent .detailTitle1, .pageContent .detailTitle2 { font-size: 50px; color: #666; }
.comwebd{height:760px;padding-top:100px;min-width:1024px; position:relative; z-index:10;background:url(../images/comwebdesign_bg.png) no-repeat center 110px; }
.comwebd .wdcon,.comwebd .wdtxt{width:1024px;height:100%;margin:0 auto;}
.comwebd .wdcon .wdicon{height:235px;margin-bottom:70px;}
.comwebd .wdcon .comweb_l,.comwebd .wdcon .comweb_r{width:145px;height:143px;display:block;float:left;}
.comwebd .wdcon .comweb_l{background:url(../images/comweb_l.png) no-repeat;margin:45px 45px 0px 106px;_margin:45px 45px 0px 56px;}
.comwebd .wdcon .comweb_c{float:left;}
.comwebd .wdcon .comweb_r{background:url(../images/comweb_r.png) no-repeat;margin:45px 90px 0px 45px;_margin:45px 50px 0px 45px;}
.comwebd .wdtxt{height:235px;}
.comwebd .wdtxt .comweb_ltxt,.comwebd .wdtxt .comweb_rtxt{float:left;width:435px;}
.comwebd .wdtxt h3{font-size:16px;padding-bottom:20px;}
.comwebd .wdtxt span{line-height:24px;font-size:14px;color:#454545;}
.comwebd .wdtxt .comweb_cline{float:left;width:1px;height:170px;border-right:1px dashed #B0B0B0;margin:0px 63px 0 63px;}

.branddesign{background:url(../images/branddesign_bg.png) no-repeat center 226px #F7F7F7;height:750px;padding-top:60px;min-width:1024px;}
.branddesign .brandd_con{width:1024px;margin:0 auto;height:100%;}
.branddesign .brandd_con .bdicon{width:1024px;position:absolute;z-index:10;margin-top:0px;*_margin-left:-00px;}
.branddesign .brandd_con .bdtxt{width:680px;padding:410px 160px 0 160px;margin:0 auto;font-size:14px;line-height:24px;color:#454545;}

.ecweb{background:url(../images/ecweb_bg.png) no-repeat center top;height:731px;padding-top:100px;min-width:1024px;}
.ecweb .ecweb_con{width:1024px;margin:0 auto;padding-top:50px;}
.ecweb .ecweb_con .ecweb_icon{margin-left:160px;}
.ecweb .ecweb_con .ectxt{margin:0 auto;width:678px;padding-top:40px;font-size:14px;line-height:24px;color:#454545;}

.minisite{background:url(../images/minisite_bg.gif) no-repeat center center;height:620px;padding-top:100px;min-width:1024px;}
.minisite .minis_con{width:1024px;margin:0 auto;}
.minisite .minis_con .minis_icon{margin-left:360px;}
.minisite .minis_con .mstxt{margin:0 auto;width:678px;padding-top:50px;font-size:14px;line-height:24px;color:#454545;}
.pageContent .reCasebtn { background-color: #C2C2C2; width: 130px; height: 10px; padding: 7px 0 12px 0px; _padding: 7px 0 6px 0px; display: block; border-radius: 4px; color: #fff; margin-top: 40px; text-align: center; font-size:12px; display:block; }
.pageContent .reCasebtn:hover{background:#696666; }
.pageContent .add_reCasebtn{ margin:40px auto 0 auto;}



/*关于我们*/
.pageContent{padding-top:60px;margin:0px;padding-bottom:0px;*+padding-top:40px;}
.paboutus{width:1024px;margin:0 auto;}
.pc{text-align:center;}
.pl{text-align:left;}
.pr{text-align:right;}
.fc{margin:0 auto;}
.red{color:#E83828;}
.mln{margin-left:0px!important;}

.pageContent .pageTitle1{font-size:50px;color:#666;}
.pageContent .pageTitle6{font-size:22px;color:#777;}
.pageContent .pTitle4{margin-bottom:10px;color:#666;text-transform:Uppercase;}
.pageContent .pTitle5{font-size:22px;color:#666;}
.pageContent .pslogan{color:#666;font-size:20px;margin-top:30px;margin-bottom:40px;}

.paboutus .pauTxt{line-height:24px;color:#666;font-size:14px;margin-bottom:40px;padding-top:10px;}
.paboutus .pslogan2{color:#454545;font-size:20px;line-height:30px;margin-bottom:65px;padding-top:10px;}
.workHouse{width:100%;margin:0 auto;}
.workHouse .house_main{width:1024px;}


.mHistory{margin-top:470px;min-width:1024px;*+margin-top:380px;}
.mHistory .mhtxt{margin-top:45px;margin-bottom:50px;font-size:14px;line-height:24px;color:#454545;}
.mHistory .mhcon{margin:0 auto;padding-top:50px;height:590px;width:1024px;display:block;background:url(../images/mhistory_bg.png) no-repeat 0 50px;}
.mHistory .mhcon .mh_txt1{width: 245px;}
.mHistory .mhcon p{font-size::14px;color:#454545;}
.mHistory .mhcon p:hover{font-size::14px;color:#7e7e7e;}
.mHistory .mhcon p span{font-size:15px;display:inline-block;}
.mhcon .mh_txt1 .mh2010{cursor:pointer;margin: 150px 0px 0px 10px;padding-top:50px;width:195px;height:67px;background:url(../images/history2010_hover.png) no-repeat;}
.mhcon .mh_txt1 .mh2010:hover{background:url(../images/history2010.png) no-repeat;}
.mhcon .mh_txt1 .mh2009{cursor:pointer;margin:35px 0px 0px 78px;width:159px;height:83px;padding-top:43px;background:url(../images/history2009_hover.png) no-repeat;}.mHistory .mhcon .mh_txt2{width: 160px;}
.mhcon .mh_txt1 .mh2009:hover{background:url(../images/history2009.png) no-repeat;}
.mHistory .mhcon .mh_txt2{width: 160px;}
.mhcon .mh_txt2 .mh2011{cursor:pointer;margin: 60px 0px 0px 0px;width:130px;height:45px;padding-top:54px;background:url(../images/history2011_hover.png) no-repeat;}
.mhcon .mh_txt2 .mh2011:hover{background:url(../images/history2011.png) no-repeat;}
.mhcon .mh_txt2 .mh2008{cursor:pointer;margin:205px 0px 0px 26px;width:112px;height:55px;padding-top:35px;background:url(../images/history2008_hover.png) no-repeat;}
.mhcon .mh_txt2 .mh2008:hover{background:url(../images/history2008.png) no-repeat;}
.mHistory .mhcon .mh_txt3{width:285px;}
.mhcon .mh_txt3 .h8year{cursor:pointer;margin:87px 0 0 25px;width:186px;height:186px;background:url(../images/h8year_icon.png) no-repeat;position:relative;display:block;}
.mhcon .mh_txt3 .h8year span.hover{cursor:pointer;width:186px;height:186px;background:url(../images/h8year_iconhover.png) no-repeat;position:absolute;display:block;}
.mhcon .mh_txt3 .mh2012{cursor:pointer;padding-top:3px;margin: 0px 0px 0px 70px;width:187px;height:95px;background:url(../images/history2012_hover.png) no-repeat;}
.mhcon .mh_txt3 .mh2012:hover{background:url(../images/history2012.png) no-repeat;}
.mhcon .mh_txt3 .mh2007{cursor:pointer;margin:40px 0px 0px 0px;width:127px;height:57px;padding-top:36px;padding-left:72px;background:url(../images/history2007_hover.png) no-repeat;}
.mhcon .mh_txt3 .mh2007:hover{background:url(../images/history2007.png) no-repeat;}
.mHistory .mhcon .mh_txt4{width:270px;}
.mhcon .mh_txt4 .mh2013{cursor:pointer;margin:85px 0px 0px 72px;width:144px;height:47px;padding-top:62px;background:url(../images/history2013_hover.png) no-repeat;}
.mhcon .mh_txt4 .mh2013:hover{background:url(../images/history2013.png) no-repeat;}
.mhcon .mh_txt4 .mh2005{cursor:pointer;margin:70px 0px 0px 140px;width:122px;height:40px;padding-top:32px;background:url(../images/history2005_hover.png) no-repeat;}
.mhcon .mh_txt4 .mh2005:hover{background:url(../images/history2005.png) no-repeat;}
.mhcon .mh_txt4 .mh2006{cursor:pointer;margin:0px 0px 0px 0px;width:122px;height:45px;padding-top:35px;background:url(../images/history2006_hover.png) no-repeat;}
.mhcon .mh_txt4 .mh2006:hover{background:url(../images/history2006.png) no-repeat;}


.mPoint{padding-top:50px;background-color:#F5F5F5;width:100%;margin:0 auto;min-width:1024px;}
.mPoint .mpwrap{padding-top:50px;width:1024px;height:430px;margin:0 auto;}
.mPoint .mpwrap .mpcon1{width:1024px;height:430px;background:url(../images/manro_viewbg1.png) no-repeat;display: block;position:absolute;z-index:20;}
.mPoint .mpwrap .mpcon2{width:1024px;height:430px;background:url(../images/manro_viewbg2.png) no-repeat;display: block;position:absolute;z-index:10;}
.mPoint .mptxt{color:#454545;font-size:14px;line-height:24px;padding:45px 0 50px 0;}

*/
.mAim,.pacontact{width:100%;margin:0 auto;min-width:1024px;}
.mAim {background:url(../images/paim_bg.jpg) no-repeat center center;height:420px;}
.mAimcon{width:850px;height:360px;margin:0 auto;padding:60px 0px 0px 90px;}
.mAimcon p{font-size:14px;line-height:20px;color:#fff;background:url(../images/aim_titlebg.png) no-repeat 3px 0;width:214px;height:224px;padding-top:66px;text-align:center;float:left;margin-right:65px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.mAimcon span{width: 214px;display:inline-block;font-size:35px;line-height:40px;color:#454545;padding-bottom:100px;}
.mAimcon p:hover{margin-top:-8px;}
.mAimcon span:hover{}

.pacontact{padding-top: 50px;background:url(../images/pacontact_bg.jpg) no-repeat center left;height:500px;min-width:1024px;}
.pacontact .pacon{width:1024px;margin:0 auto;}
.pacontact .pacon .pacslon{padding-top:38px;padding-bottom:60px;font-size:20px;line-height:28px;color:#E83828;}
.pacon .pactxt,.pacon .pactxt2{float:left;line-height:24px;color:#454545;text-align:left;padding-left:80px;}
.pacon .pactxt2{padding-left:0px;}
.pacontact .pacon .qrcode{margin:0 80px 0 90px;color:#454545;width:135px;float:left;height:170px;}
.pacon .qrcode p{padding-top:3px;}

/*我们的服务*/
.pservers{width:1110px;margin:0 auto;margin-bottom:20px;min-width:1024px;}
.mproce{width:100%;height:463px;margin:0 auto;display:block;background:url(../images/workslogon_bg.png) no-repeat center center;min-width:1024px;}
.promanage{width:100%;height:495px;margin:0 auto;display:block;background:url(../images/project_slobg.jpg) no-repeat center center;min-width:1024px;}
.pmrule{width:100%;height:784px;margin:0 auto;display:block;background:url(../images/pswww_bg.png) no-repeat center center;min-width:1024px;}

.ps_list span{-moz-transition:color .3s linear;-webkit-transition:color .3s linear;-o-transition:color .3s linear; transition:color .3s linear;}
.ps_list span:hover{-moz-transition:color .3s linear;-webkit-transition:color .3s linear;-o-transition:color .3s linear; transition:color .3s linear;}


.ps_list{padding-left:60px;height:700px;margin-bottom:30px;border-bottom:1px dashed #b0b0b0;}
.ps_list li{float:left;width:190px;padding-left:0px;margin-bottom:50px;height:290px;border-right: 1px dashed #b0b0b0;padding-right:70px;margin-left:70px;}
/*.ps_list .ps_cline{width:1px;float:left;height:250px;margin:40px 70px 18px 70px;border-right:1px dashed #b0b0b0;}*/
.ps_list .ps_l1,.ps_list .ps_l2,.ps_list .ps_l3,.ps_list .ps_l4,.ps_list .ps_l5,.ps_list .ps_l6{background:url(../images/pageserver_list.png) no-repeat;_background:url(../images/pageserver_list.gif) no-repeat;width:190px;margin:0 0px 26px 0px;_margin-bottom:0px;padding-top:100px;height:20px;display:block;line-height:70px;cursor:pointer;}
.ps_list .ps_l1{background-position:0 0;}
.ps_list .ps_l1:hover{background-position:0 -120px;}
.ps_list .ps_l2{background-position:-190px 0;}
.ps_list .ps_l2:hover{background-position:-190px -120px;}
.ps_list .ps_l3{background-position:-380px 0px;}
.ps_list .ps_l3:hover{background-position:-380px -120px;}
.ps_list .ps_l4{background-position:-190px -240px;}
.ps_list .ps_l4:hover{background-position:-190px -360px;}
.ps_list .ps_l5{background-position:0 -240px;}
.ps_list .ps_l5:hover{background-position:0 -360px;}
.ps_list .ps_l6{background-position:-380px -240px;}
.ps_list .ps_l6:hover{background-position:-380px -360px;}
.ps_list  span{color:#454545;width:100%;font-size:17px;}
.ps_list  a:hover{color:#E83828;border-bottom:1px solid #fff;}
.ps_list  a span:hover{color:#E83828;}
.ps_list .pstxt{line-height:20px;margin-bottom:10px;}
.ps_list .pstxt a{color:#454545;font-size:13px;_line-height:20px;}
.ps_list .pstxt a:hover{color:#E83828;}
.ps_list .pstxt span{border:0px;display:inline-block;text-align:center;}
.ps_list li .morebtn{background-color:#C2C2C2;width:98px;height:10px;padding:7px 0 12px 0px;_padding-bottom:5px;display:block;border-radius:4px;margin:0 auto;color:#fff;}
.ps_list li .morebtn:hover{background-color:#585858;}
.ps_list li .ps_bline{padding-bottom:1px;border-bottom:1px #E83828 solid;width:102px;height:1px;display:block;margin:0 auto;margin-bottom:13px;position:relative;_margin-top:-46px;}

.pservers .nextserver{clear:both;margin-bottom:40px;*+margin-bottom:15px;}
.nextserver .t4{font-size:20px;color:#333;padding-bottom:15px;}
.nextserver .nstxt{font-size:16px;color:#595959;line-height:24px;padding-bottom:20px;}
.nextserver .nswb{background:url(../images/next_pservers.png) no-repeat;width:70px;height:66px;display:inline-block;}

.mproce .workslogon{margin:0 auto;width:770px;padding-left:200px;*padding-left:40px;padding-top:50px;}
.mproce .workslogon .wscon{width:575px;height:212px;background:url(../images/workslogon.png) no-repeat;position: absolute;z-index:20;}
.mproce .workslogon .wstxtbg{width:575px;height:212px;background:url(../images/workssologn_txt1.png) no-repeat;display:block;position: relative;z-index:10;}
.mproce .workslogon .wstitle1{width:575px;font-size:48px;color:#fff;padding-bottom:20px;padding-top:25px;}
.mproce .workslogon .wstxt{width:575px;color:#fff;font-size:15px;line-height:20px;}
.promanage .workpmcon{width:1024px;margin:0 auto;padding-top:50px;}
.promanage .wspmtitle{font-size:30px;color:#fff;}
.promanage .wspmtab{width:248px;padding:16px 0 30px 0px;padding-bottom:30px;margin: 0 auto;}

.pmrule .prtitle,.pmrule .prtitle2{font-size:48px;color:#454545;padding-top:100px;padding-bottom:40px;}
.pmrule .prtitle2{padding-top:35px;}
.pmrule .prtxt{font-size:14px;line-height:24px;color:#454545;margin-top:25px;}


.sprotab{width:1024px;margin:0 auto;}
.sprotab dd{width:1024px;}
.sprotab dt{width:1024px;text-align:center;}
.sprotab dt a{border:1px solid #E83828;color:#ffffff;cursor:pointer;float:left;font-size:14px;line-height:27px;height:28px;text-align:center;text-decoration:none;width:120px;}
.sprotab dt .on, .slideBox dt .on{background-color: #E83828;}
.sprotab dt .active, .slideBox dt .active{background-color:#ffffcc;}
.sprotab dt .on,.sprotab a:hover{color:#fff;border:1px solid #E83828;}



.pjoinus{width:1024px;margin:0 auto;}
.pageContent .pageTitle2{padding-top:20px;font-size:50px;color:#666;}
.pageContent .jobtxtcon,.pageContent .jobtxtcon2{width:1024px;margin:0 auto;line-height:24px;font-size:14px;padding-top:30px;}
.pageContent .jobtxtcon{text-align:center;}
.pageContent .jobtxtcon2{height:190px;}
.joblist{padding:0 70px 30px 70px;height:196px;border-bottom:1px dashed #B0B0B0;}
.joblist .jobli_1,.joblist .jobli_2,.joblist .jobli_3{width:195px;padding-top: 120px;display:block;margin-right:130px;height:40px;text-align:center;float:left;}
.joblist .jobli_1{background:url(../images/ad_icon_hover.png) no-repeat 42px 0;}
.joblist .jobli_1:hover{background:url(../images/ad_icon.png) no-repeat 42px 0;}
.joblist .jobli_2{background:url(../images/pr_icon_hover.png) no-repeat 42px 0;}
.joblist .jobli_2:hover{background:url(../images/pr_icon.png) no-repeat 42px 0;}
.joblist .jobli_3{background:url(../images/pm_icon_hover.png) no-repeat 42px 0;margin-right:0px;}
.joblist .jobli_3:hover{background:url(../images/pm_icon.png) no-repeat 42px 0;margin-right:0px;}
.joblist p,.joblist span{color:#454545;font-size:16px;}
.joblist span{display:inline-block;padding-bottom:2px;border-bottom:1px #E83828 solid;}
.joblist a:hover p,.joblist a:hover span{color:#E83828;}
.jobwb{margin-top:30px;}
.jobtxt1{font-size:14px;line-height:24px;color:#454545;padding-top:30px;}
.jweibo_btn{width:170px;height:30px;padding:8px 0 2px 25px;background-color:#909090;display:block;border-radius:4px;margin:0 auto;}
.jweibo_btn span{font-size:16px;color:#fff;padding-left:35px;background:url(../images/jweibo_icon.png) no-repeat;height:32px;width:100px;display:block;}
.jweibo_btn:hover{background-color:#E83828;}
.jweibo_btn:hover  span{background:url(../images/jweibo_iconhover.png) no-repeat;}

.adjob{padding-top:70px;margin-bottom:40px;min-width:1024px;}
.adjob .adjob_con{width:100%;height:420px;display:block;background:url(../images/adjob_con.png) no-repeat center center;}
.prjob{padding-top:90px;background-color:#F7F7F7;padding-bottom:100px;min-width:1024px;}
.prjob .prjob_con{width:100%;height:420px;display:block;background:url(../images/wdint_con.png) no-repeat center center;}
.pmjob{padding-top:80px;margin-bottom:50px;min-width:1024px;}
.pmjob .pmjob_con{width:100%;height:420px;display:block;background:url(../images/pmjob_con.png) no-repeat center center;}
.pmjob .pmleft{font-size:13px;line-height:22px;width:470px;height:190px;float:left;padding:0 30px 0 40px;border-right:1px dashed #B0B0B0;}
.pmjob .pmright{font-size:13px;line-height:22px;width:410px;height:190px;float:left;padding:0 0px 0 40px;}
.pmjob .jobtitle2{margin-bottom:20px;font-size:17px;}


#focus2{height:340px; position:absolute; width:1920px;z-index:99; left:50%; margin-left:-960px;}
#focus2 ul{height:350px;position:absolute;}
#focus2 ul li{float:left;width:640px;height:392px;position:relative;background:#fff;}
#focus2 ul li div{position:absolute;}
#focus2 .preNext{width:71px;height:72px;position:absolute;top:145px;cursor:pointer;}
#focus2 .pre{left:530px;background:url(../images/about_ico1.png) no-repeat 0 0;}
#focus2 .pre:hover{background:url(../images/about_ico1_hover.png) no-repeat 0 0;}
#focus2 .next{right:530px;background:url(../images/about_ico2.png) no-repeat 0 0;}
#focus2 .next:hover{background:url(../images/about_ico2_hover.png) no-repeat 0 0;}


.aboutshow{height:340px; width:1024px;margin:0 auto;display:none;}


.pcontact{width:1024px;margin:0 auto;}
.contact{padding-top:50px;background:url(../images/pacontact_bg.jpg) no-repeat center center;height:390px;background:none;padding-top:0px;border-bottom:1px solid #D7D7D7;}
.contact .concon{width:1024px;margin:0 auto;}
.contact .concon .pacslon{padding-top:0px;padding-bottom:50px;font-size:14px;line-height:28px;color:#666;}
.concon .conctxt,.concon .conctxt2{font-size:14px;float:left;line-height:24px;color:#454545;text-align:left;padding-left:80px;}
.concon .conctxt2{padding-left:0px;font-size:12px;}
.contact .concon .qrcode{margin:0 80px 0 60px;color:#454545;width:135px;float:left;height:170px;}
.concon .qrcode p{padding-top:3px;}

.message{width:900px;margin:0 auto;padding:50px 0px 50px 0px;}
.message .intro{margin-top:10px;color:#828282;border:1px solid #E4E4E4;height:123px;width:224px; float:left; padding:10px 40px 32px 10px; line-height:22px;margin-right:20px;}
.message .intro em{ font-style:normal;}
.message .intro em a{ font-size:16px;color:#222;}
.message .intro em a:hover{ color:#E83828;}
.message .form_box{ width:600px; float:left; padding:0 0 48px 0;color:#828282;}
.message .form_box table tr{margin-top:10px;}
.message .form_box table th{height:20px;padding-top:5px;text-align:left; font-weight:normal;}
.message .form_box table td,.bussiness_inner .form_box table th{ line-height:29px; vertical-align:top;} 
.message .form_box .inputText{ height:32px; line-height:32px; border:1px solid #DADADA; width:220px;}
.message .form_box .inputText_r{ width:345px;}
.message .form_box textarea{ border:1px solid #DADADA; width:345px; height:91px; overflow:hidden;}
.submitBtn{ cursor:pointer; width:134px; height:32px; background-position:0 -90px; border:0 none; margin:15px 0 0 0; display:block; float:left;background-color:#C2C2C2;font-size:15px;color:#fff;}
.submitBtn:hover{background-color:#585858;}
.baidu_map{ width:1024px; height:521px; position:relative;margin:0 auto;margin-bottom:40px;border:5px solid #E4E4E4;margin-top:20px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*右侧滚动导航2*/
.page_rnav2{top:41%;*top:39%;right:70px;z-index:100;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight/2-65)));}
.page_rnav2 li{margin-bottom:8px;text-align:left; background:url(../images/pageroll_mav_ico2.png) no-repeat center left;width:76px;padding-left:20px;display:block; height:20px;color:#6F6F6F; font-weight:bold; cursor:pointer; font-size:14px;}
.page_rnav2 a:hover li{background:url(../images/pageroll_mav_ico1.png) no-repeat center left;color:#E83828;}
.page_rnav2 a:hover{ border:none;}
.page_rnav2 .current {color:#E83828; background:url(../images/pageroll_mav_ico1.png) no-repeat center left;}
/*程序开发页面*/
.wd_list .devep1,.wd_list .devep2,.wd_list .devep3,.wd_list .devep4{width:135px;padding-top:115px;height:30px;display:block;}
.wd_list .devep1{background:url(../images/oa_deveploer_hover.png) no-repeat 10px 0;}
.wd_list .devep1:hover{background:url(../images/oa_deveploer.png) no-repeat 10px 0;}
.wd_list .devep2{background:url(../images/crm_developer_hover.png) no-repeat 10px 0;}
.wd_list .devep2:hover{background:url(../images/crm_developer.png) no-repeat 10px 0;}
.wd_list .devep3{background:url(../images/hr_developer_hover.png) no-repeat 10px 0;}
.wd_list .devep3:hover{background:url(../images/hr_developer.png) no-repeat 10px 0;}
.wd_list .devep4{background:url(../images/erp_developer_hover.png) no-repeat 10px 0;}
.wd_list .devep4:hover{background:url(../images/erp_developer.png) no-repeat 10px 0;}

.oa_system{height:940px;padding-top:100px;min-width:1024px;}
.oa_system .oacon{width:1024px;margin:0 auto;padding-bottom:30px;border-bottom:1px dashed #d0d0d0;}
.oa_system .oatxt{margin:0 auto;width:678px;padding-top:50px;font-size:14px;line-height:24px;color:#454545;}
.oa_system .oacon2{width:1024px;margin:0 auto;height:240px;}
.oa_system .oacon2 .wdt1{font-size:20px;padding-top:30px;padding-bottom:30px;color:#454545;}
.oa_system .oasum{margin:0 auto;width:1024px;}
.oa_system .oasum_li{float:left;padding:0px 90px 0px 90px;color:#454545;font-size:16px;height:55px;cursor:pointer;border-right:1px dashed #b0b0b0;margin-bottom:28px;}
.oa_system .oasum_li:hover{background-color:#E83828;color:#fff;}
.oa_system .oasum_li1{margin-bottom:28px;width:280px;float:left;padding:0px 105px 0px 105px;color:#454545;font-size:16px;height:55px;cursor:pointer;border-right:1px dashed #b0b0b0;text-align:center;}
.oa_system .oasum_li1:hover{background-color:#E83828;color:#fff;}
.oa_system .oasum_li span,.oa_system .oasum_li1 span{line-height:55px;border-bottom:1px #E83828 solid;}
.oa_system .oasum_li span:hover,.oa_system .oasum_li1 span:hover{color:#fff;}

.crm_server{height:1020px;background-color:#F7F7F7;padding-top:100px;min-width:1024px;}
.crm_scon{width:1024px;margin:0 auto;padding-bottom:30px;border-bottom:1px dashed #d0d0d0;}
.crm_scon2{width:1024px;margin:0 auto;height:240px;}
.crm_scon .crmtxt{margin:0 auto;width:678px;padding-top:50px;font-size:14px;line-height:24px;color:#454545;}

.crm_server .crm_scon2 .crmt1{font-size:20px;padding-top:30px;padding-bottom:30px;color:#454545;}
.crm_server .crmsum{margin:0 auto;width:1024px;}
.crm_server .crmsum_li{float:left;padding:0px 90px 0px 90px;color:#454545;font-size:16px;height:55px;cursor:pointer;border-right:1px dashed #b0b0b0;margin-bottom:28px;}
.crm_server .crmsum_li:hover{background-color:#E83828;color:#fff;}
.crm_server .crmsum_li1{margin-bottom:28px;width:280px;float:left;padding:0px 105px 0px 105px;color:#454545;font-size:16px;height:55px;cursor:pointer;border-right:1px dashed #b0b0b0;text-align:center;}
.crm_server .crmsum_li1:hover{background-color:#E83828;color:#fff;}
.crm_server .crmsum_li span,.crm_server .crmsum_li1 span{line-height:55px;border-bottom:1px #E83828 solid;}
.crm_server .crmsum_li span:hover,.crm_server .crmsum_li1 span:hover{color:#fff;}

.hr_server{background:url(../images/hr_serverbg.gif) no-repeat center 150px;height:810px;padding-top:100px;min-width:1024px;}
.hr_server .hrs_con{width:1024px;margin:0 auto;padding-bottom:30px;border-bottom:1px dashed #d0d0d0;}
.hr_server .hrs_con .hrs_icon{margin-left:350px;}
.hr_server .hrs_con .hrstxt{margin:0 auto;width:678px;padding-top:140px;font-size:14px;line-height:24px;color:#454545;}
.hr_server .hr_scon2{width:1024px;margin:0 auto;height:240px;}
.hr_server .hr_scon2 .hrt1{font-size:20px;padding-top:30px;padding-bottom:30px;color:#454545;}
.hr_server .hrsum{margin:0 auto;width:1024px;}
.hr_server .hrsum_li{float:left;padding:0px 132px 0px 132px;color:#454545;font-size:16px;height:55px;cursor:pointer;border-right:1px dashed #b0b0b0;margin-bottom:28px;}
.hr_server .hrsum_li:hover{background-color:#E83828;color:#fff;}
.hr_server .hrsum_li1{float:left;padding:0px 90px 0px 90px;color:#454545;font-size:16px;height:55px;cursor:pointer;border-right:1px dashed #b0b0b0;margin-bottom:28px;}
.hr_server .hrsum_li1:hover{background-color:#E83828;color:#fff;}
.hr_server .hrsum_li span,.hr_server .hrsum_li1 span{line-height:55px;border-bottom:1px #E83828 solid;}
.hr_server .hrsum_li span:hover,.hr_server  .hrsum_li1 span:hover{color:#fff;}

.erp_server{height:620px;padding-top:100px;background:url(../images/erp_serverbg.gif) no-repeat center 150px #F7F7F7;min-width:1024px;}
.erp_server .erptxt{margin:0 auto;width:678px;padding-top:50px;font-size:14px;line-height:24px;color:#454545;}
.erp_server .erpcon{width:1024px;margin:0 auto;}
.erp_server .erpicon{margin:35px 310px 0px 287px;}
.pageContent .detailTitle1,.pageContent .detailTitle2{font-size:50px;color:#666;padding-bottom:50px;}
.pageContent .detailTitle2{width:1024px;margin:0 auto;margin-top:40px;position:absolute;z-index:20;}
.pageContent .reCasebtn{background-color:#C2C2C2;width:130px;height:10px;padding:7px 0 12px 0px;_padding:7px 0 6px 0px;display:block;border-radius:4px;color:#fff;margin-top:40px;text-align:center;}
.pageContent .reCasebtn:hover{background-color:#585858;}

.ds_list,.nm_list,.wd_list{min-height:180px;_height:180px;border-bottom:1px dashed #B0B0B0;}
.ds_list li,.nm_list li,.wd_list li,.ma_list li,.wp_list li,.ec_list li{float:left;margin-bottom:35px;padding:0 35px 0px 70px;border-right:1px dashed #b0b0b0;}
/*.ds_list .ds_line,.nm_list .nm_line,.wd_list .wd_line{width:1px;display:block;height:94px;border-right:1px dashed #b0b0b0;margin:30px 50px 30px 50px;float:left;}*/
.ds_list .webd1,.ds_list .webd2,.ds_list .webd3,.ds_list .webd4{width:130px;padding-top:115px;height:30px;display:block;}
.ds_list .webd1{background:url(../images/comwebdesign_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd1:hover{background:url(../images/comwebdesign_icon.png) no-repeat 10px 0;}
.ds_list .webd2{background:url(../images/brandservers_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd2:hover{background:url(../images/brandservers_icon.png) no-repeat 10px 0;}
.ds_list .webd3{background:url(../images/ecserver_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd3:hover{background:url(../images/ecserver_icon.png) no-repeat 10px 0;}
.ds_list .webd4{background:url(../images/minisiteser_icon_hover.png) no-repeat 10px 0;}
.ds_list .webd4:hover{background:url(../images/minisiteser_icon.png) no-repeat 10px 0;}
.ds_list span,.nm_list span,.wd_list span,.ma_list span,.wp_list span,.ec_list span{color:#454545;width:100%;font-size:16px;padding-bottom:1px;}
.ds_list a:hover  span,.nm_list a:hover  span,.wd_list a:hover  span,.ma_list a:hover  span,.wp_list a:hover  span,.ec_list a:hover  span{color:#E83828;border-bottom:1px #E83828 solid;}
/*移动APP开发*/
.ma_list{height:370px;border-bottom:1px dashed #B0B0B0;}
.ma_list li{padding: 0 90px 0px 110px;}
.ma_list .moapp1,.ma_list .moapp2,.ma_list .moapp3,.ma_list .moapp4,.ma_list .moapp5{width:130px;padding-top:115px;height:30px;display:block;}
.ma_list .moapp1{background:url(../images/iosapp_develpicon_hover.png) no-repeat 10px 0;}
.ma_list .moapp1:hover{background:url(../images/iosapp_develpicon.png) no-repeat 10px 0;}
.ma_list .moapp2{background:url(../images/android_develpicon_hover.png) no-repeat 10px 0;}
.ma_list .moapp2:hover{background:url(../images/android_develpicon.png) no-repeat 10px 0;}
.ma_list .moapp3{background:url(../images/uidesign_icon_hover.png) no-repeat 10px 0;}
.ma_list .moapp3:hover{background:url(../images/uidesign_icon.png) no-repeat 10px 0;}
.ma_list .moapp4{background:url(../images/mobliewebsite_icon_hover.png) no-repeat 10px 0;}
.ma_list .moapp4:hover{background:url(../images/mobliewebsite_icon.png) no-repeat 10px 0;}
.ma_list .moapp5{background:url(../images/padapp_icon_hover.png) no-repeat 10px 0;}
.ma_list .moapp5:hover{background:url(../images/padapp_icon.png) no-repeat 10px 0;}
/*.ma_list .app_line{width:1px;display:block;height:94px;border-right:1px dashed #b0b0b0;margin:30px 92px 30px 92px;float:left;}*/

.iosapp_s{height:735px;padding-top:10px;min-width:1024px;}
.iosapp_s .iosappcon{width:1024px;margin:0 auto;padding-bottom:30px;}
.iosapp_s .iosapptxt{margin:0 auto;width:678px;padding-top:30px;font-size:14px;line-height:24px;color:#454545;}

.androidapp_s{height:700px;background:url(../images/androidapp_conpic.jpg) no-repeat center 110px #F7F7F7;padding-top:100px;min-width:1024px;}
.androidapp_s .android_scon{width:1024px;margin:0 auto;padding-bottom:30px;}
.android_scon .androidtxt{margin:0 auto;width:678px;padding-top:400px;font-size:14px;line-height:24px;color:#454545;}

.uidesign_s{height:750px;padding-top:100px;min-width:1024px;}
.uidesign_s .uidcon{width:1216px;margin:0 auto;padding-bottom:0px;padding-top:0px;}
.uidesign_s .uidcon .uidtxt{margin:0 auto;width:678px;padding-top:20px;font-size:14px;line-height:24px;color:#454545;}
.moblieweb_s{height:770px;background-color:#F7F7F7;padding-top:100px;min-width:1024px;}
.moblieweb_s .mwcon{width:1024px;margin:0 auto;padding-bottom:0px;}
.moblieweb_s .mwtxt{margin:0 auto;width:678px;padding-top:0px;font-size:14px;line-height:24px;color:#454545;}

.padapp_s{height:620px;padding-top:100px;min-width:1024px;}
.padapp_s .padcon{width:1102px;margin:0 auto;padding-bottom:30px;}
.padapp_s .padcon .padtxt{margin:0 auto;width:678px;font-size:14px;line-height:24px;color:#454545;position:relative;margin-top:-20px;}


.wechatapp{ border: none; height:auto;    overflow: hidden;}
.wechatapp li{ padding:0px;}
.wechatapp li a{ height:90px!important; width:276px!important; text-align: center; display: block; padding-top:115px;}
.wechatapp li a span{font-size: 16px; text-align: center; display: block; padding: 0 0 5px 0;}
.wechatapp li a p{color: #848484; padding: 0 15px; }
.wechatapp .moapp1,.wechatapp .moapp1:hover{background: url(../images/ys_icon_01.png) no-repeat center top;}
.wechatapp .moapp2,.wechatapp .moapp2:hover{background: url(../images/ys_icon_02.png) no-repeat center top;}
.wechatapp .moapp3,.wechatapp .moapp3:hover{background: url(../images/ys_icon_03.png) no-repeat center top;}
.wechatapp .moapp4,.wechatapp .moapp4:hover{background: url(../images/ys_icon_04.png) no-repeat center top;}
.wechatapp .moapp5,.wechatapp .moapp5:hover{background: url(../images/ys_icon_05.png) no-repeat center top;}
.wechatapp .moapp6,.wechatapp .moapp6:hover{background: url(../images/ys_icon_06.png) no-repeat center top;}
.wechatapp .moapp7,.wechatapp .moapp7:hover{background: url(../images/ys_icon_07.png) no-repeat center top;}
.wechatapp .moapp8,.wechatapp .moapp8:hover{background: url(../images/ys_icon_08.png) no-repeat center top;}
.wechatapp li a:hover span{ border:none;}
.wechat_p{text-align: center; margin-top: -40px; padding-bottom: 30px;}
.wechat01{height: auto;}
.wechat02{ padding-top:0;background: none;    height: auto;}
.wechatapp2 .moapp1,.wechatapp2 .moapp1:hover{background: url(../images/icon-scenes-1.png) no-repeat center top;}
.wechatapp2 .moapp2,.wechatapp2 .moapp2:hover{background: url(../images/icon-scenes-2.png) no-repeat center top;}
.wechatapp2 .moapp3,.wechatapp2 .moapp3:hover{background: url(../images/icon-scenes-3.png) no-repeat center top;}
.wechatapp2 .moapp4,.wechatapp2 .moapp4:hover{background: url(../images/icon-scenes-4.png) no-repeat center top;}
.wechatapp2 .moapp5,.wechatapp2 .moapp5:hover{background: url(../images/icon-scenes-5.png) no-repeat center top;}
.wechatapp2 .moapp6,.wechatapp2 .moapp6:hover{background: url(../images/icon-scenes-6.png) no-repeat center top;}
.wechatapp2 .moapp7,.wechatapp2 .moapp7:hover{background: url(../images/icon-scenes-7.png) no-repeat center top;}
.wechatapp2 .moapp8,.wechatapp2 .moapp8:hover{background: url(../images/icon-scenes-8.png) no-repeat center top;}
.wechatapp2 .moapp9,.wechatapp9 .moapp5:hover{background: url(../images/icon-scenes-9.png) no-repeat center top;}
.wechatapp2 .moapp10,.wechatapp10 .moapp6:hover{background: url(../images/icon-scenes-10.png) no-repeat center top;}
.wechatapp2 .moapp11,.wechatapp11 .moapp7:hover{background: url(../images/icon-scenes-11.png) no-repeat center top;}
.wechatapp2 .moapp12,.wechatapp12 .moapp8:hover{background: url(../images/icon-scenes-12.png) no-repeat center top;}

.public{width: 1100px;margin: 0 auto;}
.service .title{font-size: 45px;text-align: center;margin: 0;}
.service .txt{text-align: center;font-size: 20px;color: #838383;    padding: 0 0  40px 0;box-sizing: border-box;}
.service .infos .infosbox{display: flex;justify-content: space-between;align-items: center;}
.service .infos .infosbox .item{display: flex;align-items: center;flex-direction: column;}
.service .infos .infosbox .item img{    display: block;width: 50px;height: 50px;}
.ser{width: 800px;margin: 50px auto 0;}
.custom{margin-top: 80px;}
.custom .title{font-size: 45px;text-align: center;padding-top: 78px;margin: 0;}
.custom .txt{text-align: center;font-size: 20px;color: #838383;    padding: 0 0  40px 0;box-sizing: border-box;}
.custom .picbox{    display: block;overflow: hidden;}
.custom .picbox li{width: 300px;height: 215px; float: left;border-radius: 10px; margin: 15px;cursor: pointer;list-style: none;padding: 20px;box-sizing: border-box;}
.custom .picbox li:hover{box-shadow: 0 2px 18px rgb(0 0 0 / 7%);}
.custom .picbox li img {width: 48px; height: 43px;margin-bottom: 25px;}
.custom .picbox li .txt1{font-size: 18px;    font-weight: bold;}
.custom .picbox li .txt2{color: #8a8a99;font-size: 12px;line-height: 19px;}
.form{background: #fafafa;}
.formwork{width: 920px;margin: 0 auto ;overflow: hidden;padding-top: 40px;box-sizing: border-box;}
.formwork .title{font-size: 45px;text-align: center;margin-top: 40px;margin: 0;}
.formwork .txt{text-align: center;font-size: 20px;color: #838383;    padding: 0 0  40px 0;box-sizing: border-box;}
.formwork .infos{display: flex;justify-content: space-between;padding-bottom: 20px;box-sizing: border-box;}
.formwork .infos .vs{width: 54px;height: 31px;margin: 200px 40px}
.formwork .infos .left{padding: 20px;box-sizing: border-box;     border-radius: 10px;
    box-shadow: 0 0 12px rgb(0 0 0 / 5%);
    margin: 10px;}
.formwork .infos .left .imgbox{display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;border-bottom: #fafafa 2px solid;}
.formwork .infos .left .imgbox img{width: 50px;height: 50px;}
.formwork .infos .left .imgbox .imgtxt{color: #1989fb;font-size: 18px;}
.formwork .infos .left .infostxt{width: 265px; margin: 10px auto;}
.formwork .infos .left .infostxt span{display: inline-block; width: 80px; color: #bfbfbf; font-size: 14px;}
.formwork .infos .left .infostxt p{margin-top: 40px; color: #525257; font-size: 14px; letter-spacing: 0;}
.process{background: #fafafa;}
.process .title{font-size: 45px;text-align: center;padding-top: 78px;box-sizing: border-box;margin: 0;}
.process .txt{text-align: center;font-size: 20px;color: #838383; padding: 0 0  40px 0;box-sizing: border-box;}
.p_two .p_three{display: flex;justify-content: space-between;}
.p_two .p_three .p_four{width: 32%;box-sizing: border-box;border: 1px solid #dedede;margin-bottom: 40px;border-radius: 10px;background-color: #fff;cursor: pointer;}
.p_two .p_three .p_four .p_five:hover{background-color: #1989fb;transform: scale(1.02);}
.p_two .p_three .p_four .p_five:hover p{color:#fff ;}
.p_two .p_three .p_four .p_five{background-color: #fff;padding: 15px;box-sizing: border-box;display: flex;align-items: center;transition: all ease 0.3s; border-radius: 10px;}
.p_two .p_three .p_four .p_five img{width: 81px;height: 70px;margin-right: 50px;}
.p_two .p_three .p_four .p_five .p_title{color: #515157;font-size: 16px;}
.p_two .p_three .p_four .p_five .p_txt{width: 200px; line-height: 20px; color: #8a8a99;font-size: 12px;}
.app_consec .title{font-size: 45px;text-align: center;padding-top: 78px;box-sizing: border-box;margin: 0;}
.app_consec .txt{text-align: center;font-size: 20px;color: #838383; padding: 0 0  40px 0;box-sizing: border-box;}
.app_consec li{list-style: none;    float: left;  text-align: center;  }
.app_consec li img{width: 80px;height: 80px;}
.app_consec li .txts{font-size: 16px;height: 55px;line-height: 55px;}
.app_consec ul{    width: 1200px;margin: 0 auto;display: flex;overflow: hidden;justify-content: space-between;}
.p_five i {
    width: 81px;
    height: 70px;
   /* margin: 40px 45px 40px 34px; */
	    margin-right: 15px;
}
.p_five i.bgimg1{background:url('../images/p1.png') no-repeat ;    background-size: 81px 70px;}
.p_five:hover i.bgimg1{background:url('../images/con2-2.png') no-repeat;    background-size: 81px 70px;}
.p_five i.bgimg2{background:url('../images/p2.png') no-repeat ;    background-size: 81px 70px;}
.p_five:hover i.bgimg2{background:url('../images/con2-1.png') no-repeat;background-size:81px 70px}
.p_five i.bgimg3{background:url('../images/p3.png') no-repeat ;    background-size: 81px 70px;}
.p_five:hover i.bgimg3{background:url('../images/con2-3.png') no-repeat;background-size:81px 70px}
.p_five i.bgimg4{background:url('../images/p4.png') no-repeat ;    background-size: 81px 70px;}
.p_five:hover i.bgimg4{background:url('../images/con2-4.png') no-repeat;background-size:81px 70px}
.p_five i.bgimg5{background:url('../images/p5.png') no-repeat ;    background-size: 81px 70px;}
.p_five:hover i.bgimg5{background:url('../images/con2-5.png') no-repeat;background-size:81px 70px}
.p_five i.bgimg6{background:url('../images/p6.png') no-repeat ;    background-size: 81px 70px;}
.p_five:hover i.bgimg6{background:url('../images/con2-6.png') no-repeat;background-size:81px 70px}