@charset "utf-8"; html{ font:normal 62.5%/2.3em "微软雅黑",Arial;} body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#555555; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1;} ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;} select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;} input:focus { outline: none;} input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/*强制去除表单自带的样式*/ } textarea{resize:none;/*-webkit-appearance:none;*/*强制去除textarea自带的样式*/ } textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ border:none; border:0; max-width:100%; vertical-align:top;} a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#ff6c00;} .clear{ clear:both; height:0px; overflow:hidden;} #zhichi_as{ display:none;} body > iframe{ display:none !important;} .Contain{} .SildeBar{} .MainContent{} .Content{} .SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; line-height:24px;} .Current{} .Main{ width:1200px; margin:0 auto;} ul li{ list-style:none;} .home_fixed{ position:fixed; left:50%; top:50%; width:508px; height:268px; margin:-134px 0 0 -254px; background:url(/Templates/default/images/home_fixed_03.png) no-repeat; z-index:99999999 !important; display:none;} .home_fixed .close{ position:absolute; right:14px; top:17px; width:13px; height:12px; cursor:pointer;} .home_fixed .txt{ font-family:"幼圆"; font-size:16px; color:#6e6e6e; text-align:center; margin:60px auto 0; line-height:28px; padding:0 40px 90px;} .home_fixed .btn{ width:127px; height:40px; background:url(/Templates/default/images/home_fixed_btn_03.png) no-repeat; display:block; margin:0 auto;} /*pages*/ .pages{ clear:both; text-align:center; margin-bottom:50px; color:#999;} .pages a{ display:inline-block; font-style:normal; border:1px solid #c1c1c1; font-size:16px; color:#999; height:35px; line-height:35px; padding:0 22px;} .pages em a{ padding:0; width:37px;} .pages em a.a_cur{ background:#ffb119; border-color:#d99f14; color:#fff;} .pages a.page_prev{ padding:0 14px 0 25px; background:url(/Templates/default/images/page_prev_03.jpg) no-repeat 12px center;} .pages a.page_next{ padding:0 25px 0 14px; background:url(/Templates/default/images/page_next_03.jpg) no-repeat 71px center;} .pages em a.none{ border:none;} .pages span{ display:inline-block; padding-left:20px;} .pages span .text{ width:47px; height:35px; border:1px solid #c1c1c1; text-align:center; color:#999; padding:0; vertical-align:middle;} .pages span .btn{ width:47px; height:37px; border:1px solid #c1c1c1; text-align:center; color:#999; line-height:37px; padding:0; vertical-align:middle; margin-left:6px; cursor:pointer;} /*pages end*/ /*Top*/ .Top{ padding:0 15px; max-width:1890px; margin:0 auto; height:121px; position:relative; z-index:9; background:#fff;} .Top .slide_bg{ position:absolute; left:0; top:121px; background:url(/Templates/default/images/nav_slide_bg.png) repeat; overflow:hidden; width:100%; height:0; font-size:14px;} .Top .slide{ overflow:hidden; width:100%;} .Top .slide .con{ padding:30px 0 25px; float:right; overflow:hidden;} /*.Top .slide .a{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/ .Top .slide a span{ display:block; padding-top:14px;} .Top .slide a.a1{ border-left:none;} .Top .slide1{ height:199px;} .Top .slide1 .con{ padding:40px 0; text-align:right;} .Top .slide1 a{ display:inline-block; padding:16px 0; width:194px; text-align:center; border-left:1px solid #f2f2f2;} .Top .slide2{ height:212px;} .Top .slide2 .right{ float:right; width:955px; text-align:right;} .Top .slide2 .right .list1{ float:left;} .Top .slide2 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;} .Top .slide2 .right .list2{ border-right:1px solid #f2f2f2; overflow:hidden; display:none;} .Top .slide2 .right .list2 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;} .Top .slide2 .right .list2 a span{ padding-top:25px;} .Top .slide2 .left{ float:right;} .Top .slide2 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;} .Top .slide2 .left a.a_bg,.Top .slide2 .left a:hover{ background:url(/Templates/default/images/bg1.jpg) no-repeat left center; color:#ff6c00;} .Top .slide3{ height:356px;} .Top .slide3 .right{ float:right; width:955px; overflow:hidden; display:none; min-height:50px;} .Top .slide3 .right.block{ display:block;} .Top .slide3 .right .div{ width:300px; float:left; margin-left:95px;} .Top .slide3 .right .div .img{ width:300px; height:213px; overflow:hidden;} .Top .slide3 .right .div .title{ color:#ff6c00; font-weight:bold; padding:20px 0 10px;} .Top .slide3 .right .div .txt{ font-size:12px; height:55px; position:relative;word-wrap: break-word;word-break: break-all;} .Top .slide3 .right .div .txt em{ position:absolute; left:0; bottom:0; width:60px; height:3px; background:#ff6c00;} .Top .slide3 .left{ float:right; line-height:22px;} .Top .slide3 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:20px 0 0;} .Top .slide3 .left a.a_bg,.Top .slide3 .left a:hover{ background:url(/Templates/default/images/bg1.jpg) no-repeat left center; color:#ff6c00;} .Top .slide4{ height:212px;} .Top .slide4 .con{ text-align:right;} .Top .slide4 a{ display:inline-block; margin-left:45px; text-align:center;} .Top .slide5{ height:212px;} .Top .slide5 .con{ text-align:right;} .Top .slide5 a{ display:inline-block; margin-left:45px; text-align:center;} .Top .slide6{ height:190px;} .Top .slide6 .con{ padding:15px 0;} .Top .slide6 .right{ float:right; width:987px; overflow:hidden;} .Top .slide6 .right .list{ display:none;} .Top .slide6 .right .list1{ width:800px; display:block;} .Top .slide6 .right .list1 a{ display:block; float:left; background:url(/Templates/default/images/case_area2.png) no-repeat; padding-top:20px; width:101px; height:30px; text-indent:56px; margin:15px 0 15px 40px; line-height:30px;} .Top .slide6 .right .list1 a:hover{ color:#fff;} .Top .slide6 .right .list2{ overflow:hidden; padding-top:15px;} .Top .slide6 .right .list2 a{ display:block; line-height:54px; width:141px; float:left; font-size:14px;} .Top .slide6 .right .list1 .guangzhou{ background-position:0 0;} .Top .slide6 .right .list1 .guangzhou:hover{ background-position:0 -50px;} .Top .slide6 .right .list1 .shenzhen{ background-position:-101px 0;} .Top .slide6 .right .list1 .shenzhen:hover{ background-position:-101px -50px;} .Top .slide6 .right .list1 .xiamen{ background-position:-202px 0;} .Top .slide6 .right .list1 .xiamen:hover{ background-position:-202px -50px;} .Top .slide6 .right .list1 .shanghai{ background-position:-303px 0;} .Top .slide6 .right .list1 .shanghai:hover{ background-position:-303px -50px;} .Top .slide6 .right .list1 .hefei{ background-position:-404px 0;} .Top .slide6 .right .list1 .hefei:hover{ background-position:-404px -50px;} .Top .slide6 .right .list1 .foshan{ background-position:-505px 0;} .Top .slide6 .right .list1 .foshan:hover{ background-position:-505px -50px;} .Top .slide6 .right .list1 .dongguan{ background-position:-606px 0;} .Top .slide6 .right .list1 .dongguan:hover{ background-position:-606px -50px;} .Top .slide6 .right .list1 .beijing{ background-position:-707px 0;} .Top .slide6 .right .list1 .beijing:hover{ background-position:-707px -50px;} .Top .slide6 .right .list1 .zhongshan{ background-position:-808px 0;} .Top .slide6 .right .list1 .zhongshan:hover{ background-position:-808px -50px;} .Top .slide6 .right .list1 .zhuhai{ background-position:-909px 0;} .Top .slide6 .right .list1 .zhuhai:hover{ background-position:-909px -50px;} .Top .slide6 .right .list1 .wuhu{ background-position:-1010px 0;} .Top .slide6 .right .list1 .wuhu:hover{ background-position:-1010px -50px;} .Top .slide6 .right .list1 .wuhan{ background-position:-1111px 0;} .Top .slide6 .right .list1 .wuhan:hover{ background-position:-1111px -50px;} .Top .slide6 .right .list1 .quanzhou{ background-position:-1212px 0;} .Top .slide6 .right .list1 .quanzhou:hover{ background-position:-1212px -50px;} .Top .slide6 .left{ float:right;} .Top .slide6 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;} .Top .slide6 .left a.a_bg,.Top .slide6 .left a:hover{ background:url(/Templates/default/images/bg1.jpg) no-repeat left center; color:#ff6c00;} .Top .slide7{ height:212px;} .Top .slide7 .right{ float:right; width:955px; text-align:right;} .Top .slide7 .right .list{ display:none;} .Top .slide7 .right .list1{ display:block;} .Top .slide7 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;} .Top .slide7 .right .list2 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;} .Top .slide7 .right .list3{ border-right:1px solid #f2f2f2; overflow:hidden; text-align:left;} .Top .slide7 .right .list3 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;} .Top .slide7 .right .list2 a span{ padding-top:25px;} .Top .slide7 .left{ float:right;} .Top .slide7 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:20px 0 0;} .Top .slide7 .left a.a_bg,.Top .slide7 .left a:hover{ background:url(/Templates/default/images/bg1.jpg) no-repeat left center; color:#ff6c00;} .Top .slide8{ height:212px;} .Top .slide8 .right{ float:right; width:955px; text-align:left;} .Top .slide8 .right .list1 a{ width:180px; padding-left:50px; text-align:center; display:inline-block;} .Top .slide8 .right .list2{ border-right:1px solid #f2f2f2; overflow:hidden; display:none;} .Top .slide8 .right .list2 a{ display:inline-block; width:154px; border-left:1px solid #f2f2f2; text-align:center; padding-top:5px; height:105px;} .Top .slide8 .right .list2 a span{ padding-top:25px;} .Top .slide8 .left{ float:right;} .Top .slide8 .left a{ display:block; width:120px; padding-left:19px; font-size:16px; font-weight:bold; margin:30px 0 0;} .Top .slide8 .left a.a_bg,.Top .slide8 .left a:hover{ background:url(/Templates/default/images/bg1.jpg) no-repeat left center; color:#ff6c00;} .TopMain{ width:100%;} .logo{ float:left; display:inline-block; width:228px; height:64px; background:url(/Templates/default/images/logo.png) no-repeat center top; margin:28px 0;} .MainNav,.Top_Hotline{ float:right;} .Top_Hotline { padding-top:18px; padding-left:500px;} .Top_Hotline .Hotline,.Top_Hotline .a_oa,.Top_Hotline .website_list,.Top_Hotline .SreachBox{ float:left;} .Top_Hotline .Hotline{ background:url(/Templates/default/images/bg5.jpg) no-repeat right center; padding-right:15px; position:relative; top:-3px; height:29px;} .Top_Hotline .Hotline .phone{ padding-left:20px; background:url(/Templates/default/images/bg2.jpg) no-repeat ; width:166px;height:28px;} .Top_Hotline .Hotline b{ background:url(/Templates/default/images/bg2.jpg) no-repeat left center; padding-left:20px; font-size:20px; color:#ff6c00;} .Top_Hotline .a_oa{ display:inline-block; padding:0 15px; color:#555; font-size:1.167em;} .Top_Hotline .a_oa:hover,.Top_Hotline .website_list .span:hover{ color:#ff6c00;} .Top_Hotline .website_list{ margin:0 15px; background:url(/Templates/default/images/bg5.jpg) no-repeat left center; font-size:1.167em; position:relative;} .Top_Hotline .website_list .span{ display:block; padding:0 30px 0 15px; cursor:pointer; background:url(/Templates/default/images/bg3.jpg) no-repeat 80px center;} .Top_Hotline .website_list:hover { border:#c6c6c6 1px solid; -moz-border-radius-topleft:10px; -moz-border-radius-topright: 10px;-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; background:none;} .Top_Hotline .website_list .div_down{ position:absolute; left:-1px; z-index:5; width:100%; border:#c6c6c6 1px solid; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; background:#fff; display:none;} .Top_Hotline .website_list .div_down dl dd{ border-bottom:#e5e5e5 1px solid;} .Top_Hotline .website_list .div_down dl dd a{ display:block; padding-left:15px; line-height:32px;} .Top_Hotline .website_list .div_down dl dd a:hover{ color:#fff; background:#ff6c00;} .Top_Hotline .website_list:hover .div_down{ display:block;} .Top_Hotline .SreachBox{ width:148px; height:28px; background:url(/Templates/default/images/bg4.jpg) no-repeat left top; padding:1px; overflow:hidden; float:left;} .Top_Hotline .SreachBox .sreach_btn{ width:31px; height:28px; display:block;float:right;} .Top_Hotline .SreachBox .sreach_ipu{ width:106px; height:20px; line-height:20px; padding:4px 0px 4px 9px; border:0px; background:none; color:#7E7E7E; float:left;} .MainNav { padding-top:15px;} .MainNav ul li{ float:left;} .MainNav ul li .navA{ color:#555; font-size:1.333em; padding:0 22px 16px; display:inline-block; line-height:40px;} .MainNav ul li .navA:hover,.MainNav ul li.onnav .navA{ color:#ff6c00; border-bottom:3px solid #ff6c00;} /*Top*/ /*Bottom*/ .divFoot{ padding-top:90px; background:#000; position:relative; z-index:333;margin-top:-15px;} .divFoot .links{ padding:55px 0; background:#111;} .divFoot .links .Main{ border-top:#1a1a1a 1px solid;} .divFoot .links dl{ float:left; position:relative; top:-15px; margin-right:50px;} .divFoot .links dl dd a{ font-size:1.333em; color:#666; background:#111; padding:0 18px;} .divFoot .links dl dt a{ font-size:1.167em; color:#555; padding:0 18px;} .divFoot .links dl a:hover{ color:#ff6c00;} .divFoot .phonelist{ border-top:#1a1a1a 1px solid;} .divFoot .phonelist .Main{ position:relative;/* background:url(/Templates/default/images/phonelist.png) no-repeat left 32px;*/} .divFoot .phonelist .Main .bottom_tel{ position:absolute; left:0; top:88px;} .divFoot .phonelist .title{ display:inline-block; color:#fff; background:#000; font-size:1.333em; padding:0 18px; position:relative; top:-15px; left:50%; margin-left:-122px; font-weight:bold;} .divFoot .phonelist .phones{ padding:60px 0 50px; width:1020px; margin-left:180px;} .divFoot .phonelist .phones .city{ float:left; font-size:1.333em; color:#ff6c00; display:inline-block; padding-top:30px; width:150px; margin-right:30px; margin-bottom:28px;} .divFoot .phonelist .phones .city .font{ display:block; color:#fff;} .divFoot .phonelist .phones .city1{ background:url(/Templates/default/images/index/pic2.jpg) no-repeat right top;} .divFoot .phonelist .phones .city2{ background:url(/Templates/default/images/index/pic3.jpg) no-repeat right top;} .divFoot .phonelist .phones .city3{ background:url(/Templates/default/images/index/pic4.jpg) no-repeat right top;} .divFoot .phonelist .phones .city4{ background:url(/Templates/default/images/index/pic5.jpg) no-repeat right top;} .divFoot .phonelist .phones .city5{ background:url(/Templates/default/images/index/pic6.jpg) no-repeat right top;} .divFoot .phonelist .phones .city6{ background:url(/Templates/default/images/index/pic7.jpg) no-repeat right top;} .divFoot .phonelist .phones .city7{ background:url(/Templates/default/images/index/pic1.jpg) no-repeat right top;} .divFoot .phonelist .phones .city8{ background:url(/Templates/default/images/index/pic8.jpg) no-repeat right top;} .divFoot .phonelist .phones .city9{ background:url(/Templates/default/images/index/pic9.jpg) no-repeat right top;} .divFoot .phonelist .phones .city10{ background:url(/Templates/default/images/index/pic15.jpg) no-repeat right top;} .divFoot .phonelist .phones .city11{ background:url(/Templates/default/images/index/pic10.jpg) no-repeat right top;} .divFoot .phonelist .phones .city13{ background:url(/Templates/default/images/index/pic13.jpg) no-repeat right top;} .divFoot .phonelist .phones .city14{ background:url(/Templates/default/images/index/pic14.jpg) no-repeat right top;} .divFoot .phonelist .phones .city12{ background:url(/Templates/default/images/index/pic11.jpg) no-repeat right top;} .divFoot .phonelist .phones .city15{ background:url(/Templates/default/images/index/pic12.jpg) no-repeat right top;} .Bottom{ background:#111111; position:relative; z-index:333;} .Bottom .Bottom_top{ border-bottom:#262626 1px solid; padding:25px 0;margin-top:-25px;} .Bottom .Bottom_top .links{ float:left; color:#555;} .Bottom .Bottom_top .links a{ color:#555; font-size:1.167em;} .Bottom .Bottom_top .links a:hover{ color:#ff6c00;} .Bottom .Bottom_top .links em{ font-style:normal; margin:0 8px;} .Bottom .Bottom_top .Copyright{ float:right; text-align:right; color:#555;} .BottomLinks { padding:10px 0 60px;} .BottomLinks .title{ display:inline-block; padding:0 3px 32px 3px; color:#4f4f4f; background:url(/Templates/default/images/bg27.jpg) no-repeat 3px bottom;} .BottomLinks .links{ width:1126px; float:right;} .BottomLinks .links a{ color:#3a3a3a; margin-right:15px; display:inline-block; margin-bottom:5px;} .BottomLinks .links a:hover{ color:#ff6c00;} .BottomLinks .links em{ font-style:normal; margin:0 8px;} /*.QQcustomer{ position:fixed; left:8px; bottom:8px; z-index:9999; cursor:pointer; width:136px; height:136px;} .QQcustomer span{ display:block; width:10px; height:9px; right:0; top:0; cursor:pointer; position:absolute; background:url(/Templates/default/images/QQcustomer_span.png) no-repeat; z-index:33;} .QQcustomer .big{ position:relative; width:100%; height:136px;} .QQcustomer .big img{ position:absolute; left:0; bottom:0; width:100%; display:none;} */ /*返回顶部*/ .toTop{ cursor:pointer; display:none; position:fixed; right:50px; bottom:8%; width:60px; height:60px; background:url(/Templates/default/images/top.png) no-repeat center top; z-index:1000;} /*Bottom*/ /*SildeBar*/ .Solution_Column{ width:100%; height:180px;} .Solution_Column .title{ display:inline-block; position:relative; bottom:-40px; left:50%; font-size:3.5em; color:#000; line-height:1.5; padding:0 45px;} .SildeBar{ width:100%; padding-top:42px;} .MenuList{ margin:0 auto; width:1200px; text-align:center;} .MenuList ul li{ margin-right:10px; display:inline-block;} .MenuList ul li a{ display:block;} .MenuList ul li span{ display:inline-block;} .MenuList ul li .left,.MenuList ul li .right{ display:inline-block; width:20px; height:33px;} .MenuList ul li .left{ background:url(/Templates/default/images/Solution/bg29.png) no-repeat right top; float:left;} .MenuList ul li .right{ background:url(/Templates/default/images/Solution/bg30.png) no-repeat left top; float:right;} .MenuList ul li .cont{ background:#dfdfdf; color:#555; font-size:1.333em; padding:0 15px; height:33px; line-height:32px;} .MenuList ul li:hover .left,.MenuList ul li.onmenu .left{ background:url(/Templates/default/images/Solution/bg27.png) no-repeat right top;} .MenuList ul li:hover .right,.MenuList ul li.onmenu .right{ background:url(/Templates/default/images/Solution/bg28.png) no-repeat left top;} .MenuList ul li:hover .cont,.MenuList ul li.onmenu .cont{ background:#ffa800; color:#fff;} /*SildeBar*/ /*Banner*/ /*网站策划*/ .Banner{ width:100%; height:685px; overflow:hidden;} /*网站策划*/ .DesignBan{ width:100%; position:relative; height:838px; overflow:hidden;} .DesignBan .BanList{ width:100%; height:888px;} .DesignBan .BanList li{ width:100%; height:888px; overflow:hidden;} .DesignBan .BanList li a{ width:100%; height:888px; display:block;} .DesignBan .BanList li a img{ width:100%;} .DesignBan .TabList{ width:100%; height:14px; left:0px; bottom:126px; position:absolute;} .DesignBan .TabList .List{height:16px; margin:0 auto;} .DesignBan .TabList .List ul{ margin:0 auto;} .DesignBan .TabList li{ float:left; width:16px; height:16px; padding:0 3px;} .DesignBan .TabList li span{ background:url(/Templates/default/images/BanTab_2.png) no-repeat left top; width:16px; height:16px; display:block; cursor:pointer;} .DesignBan .TabList li.on span{ background:url(/Templates/default/images/BanTab_1.png) no-repeat left top;} .DesignBan .csd_link{ position:absolute; left:50%; bottom:50px; margin-left:-100px;} /*解决方案*/ .banner_solution{ width:100%; height:250px; overflow:hidden;} /*蓝德员工*/ .banner_personnel{ width:100%; height:459px; overflow:hidden;} /*人才招聘*/ .banner_Recruitment{ width:100%; background:#fff;} .banner_Recruitment .BanList{ width:100%; height:459px; background:#fff;} .banner_Recruitment .BanList li{ width:100%; height:459px; overflow:hidden;} /*Banner*/ /*index*/ /*index*/ /*网站策划*/ .backgroung1{ background:#fff url(/Templates/default/images/bg11.jpg) no-repeat center 954px; position:relative;} .Site_Brief{ padding:20px 0 80px; width:1100px; margin:0 auto; height:190px; position:relative;} .Site_Box{ position:relative;} .backgroung1 .Site_btn{ display:block; position:absolute; left:50%; width:54px; height:54px; background:url(/Templates/default/images/Site_btn.png) no-repeat; z-index:999; cursor:pointer; margin-left:-27px;} .backgroung1 .Site_btn0{ top:1025px;} .backgroung1 .Site_btn1{ top:1571px;} .backgroung1 .Site_btn2{ top:2195px;} .backgroung1 .Site_btn3{ top:2890px;} .backgroung1 .Site_btn4{ top:3540px;} .backgroung1 .Site_btn5{ top:4136px;} .Site_Box .left{} .Site_Box .left .span{ display:block;} .Site_Box .left .span img{ width:60px; height:60px; vertical-align:middle;} .Site_Box .left .span b{ font-size:34px; color:#fff; display:inline-block; line-height:1; vertical-align:middle;} .Site_Box .right .p{ font-size:16px; color:#fff; text-indent:2em; padding:13px 0 20px; margin:0; line-height:28px;} .Site_Box .right .p p{ margin:0; text-indent:2em;} .Site_Box .down{ padding:45px 0;} .Site_Box .down .Case{ background:url(/Templates/default/images/bg12.png) no-repeat right center; padding:15px 35px 15px 0px; margin-top:20px;} .Site_Box .down .Case b{ display:block; text-align:right;} .Site_Box .down .Case .cn{ font-size:24px; color:#ffa800;} .Site_Box .down .Case .en{ font-size:22px; color:#b2b2b2; text-transform:uppercase;} .Site_Box .down ul{ overflow:hidden;} .Site_Box .down ul li{ float:left; width:118px; height:58px; border:#e8e8e8 1px solid; margin-left:11px;} .Site_Box .down ul li img{ width:118px; height:58px;} .Site_Box1{ height:643px;} .Site_Box1 .img{ float:right; padding-top:40px;} .Site_Box1 .down{ float:left; width:596px;} .Site_Box1 .down .Case{ background:url(/Templates/default/images/bg122.png) no-repeat right center; width:180px;} .Site_Box1 .down .Case .cn,.Site_Box1 .down .Case .en{ color:#fff;} .Site_Box2{ height:573px;} .Site_Box2 .left{ text-align:right;} .Site_Box2 .left .span b{ color:#555;} .Site_Box2 .right .p{ float:right; color:#555; width:563px; padding-top:70px;} .Site_Box2 .right .img{ margin-top:-54px; float:left;} .Site_Box2 .down{ float:right; width:524px; padding:0;} .Site_Box3{ height:737px;} .Site_Box3 .down{ float:right; width:524px;} .Site_Box3 .down .Case{ background:url(/Templates/default/images/bg122.png) no-repeat right center;} .Site_Box3 .down .Case .cn,.Site_Box3 .down .Case .en{ color:#fff;} .Site_Box4{ height:550px;} .Site_Box4 .left .span b{ color:#555;} .Site_Box4 .right .p{ color:#555; width:530px;} .Site_Box4 .right .img{ margin-top:-113px; float:right;} .Site_Box4 .down{ float:left; width:530px; padding:25px 0 0;} .Site_Box4 .down .Case{ width:180px;} .Site_Box5{ height:680px;} .Site_Box5 .left{ text-align:right;} .Site_Box5 .left .span b{ color:#fff;} .Site_Box5 .right .p{ float:right; color:#fff; width:560px;} .Site_Box5 .right .img{ float:left; margin:114px 0 0 -15px;} .Site_Box5 .down{ float:right; width:524px; padding:25px 0 0;} .Site_Box5 .down .Case{ background:url(/Templates/default/images/bg122.png) no-repeat right center;} .Site_Box5 .down .Case .cn,.Site_Box5 .down .Case .en{ color:#fff;} .Site_Box6{ height:643px;} .Site_Box6 .left .span b{ color:#555;} .Site_Box6 .right .p{ color:#555;} .Site_Box6 .img{ float:right; padding-top:0;} .Site_Box6 .down{ float:left; width:596px;} .Site_Box6 .down .Case{ width:180px;} /*网站策划*/ /*创意设计*/ .backgroung2{ background:url(/Templates/default/images/bg13.jpg) no-repeat center top;} .teamBox .DesignColumn{padding-right:45px;/* padding-top:43px;*/ padding-top:0; padding-bottom:54px;} .teamBox .DesignColumn .img{ text-align:right; line-height:1.5; background:url(/Templates/default/images/bg16.jpg) no-repeat right bottom;} .teamBox .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;} .teamBox .DesignColumn .img .en{ display:block; font-size:3.5em; color:#ffa800; font-weight:bold; text-transform:uppercase;} .teamBox .teamContent{ text-align:center; min-height:800px;} .memberBox{ /*background:url(/Templates/default/images/bg14.png) no-repeat center top;*/ padding-bottom:100px; padding-top:0;} .memberBox .DesignColumn{padding-left:24px; padding-top:25px; padding-bottom:45px; width:600px; margin:0 auto; text-align:center;} .memberBox .DesignColumn .img{ line-height:1.5; background:url(/Templates/default/images/bg16.jpg) no-repeat center bottom;} .memberBox .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;} .memberBox .DesignColumn .img .en{ display:block; font-size:3.5em; color:#ffa800; font-weight:bold; text-transform:uppercase;} .memberBox .DesignColumn .p{ font-size:1.167em; color:#555; width:600px; line-height:24px; margin-top:35px; text-align:left;} .memberBox .memberContent{ position:relative; width:1024px; float:right;} .memberBox .memberContent .BanList{ width:1024px;} .memberBox .memberContent .BanList li{ width:100%; overflow:hidden;} .memberBox .memberContent .BanList li a{ width:100%; display:block;} .memberBox .memberContent .BanList li a img{ width:100%;} .memberBox .memberContent .prev,.memberBox .memberContent .next{ display:inline-block; width:50px; height:80px; position:absolute; bottom:0; z-index:10;} .memberBox .memberContent .prev{ background:url(/Templates/default/images/bg_design_prev.png) no-repeat center center; left:-60px;} .memberBox .memberContent .next{ background:url(/Templates/default/images/bg_design_next.png) no-repeat center center; right:0;} .Works_Case_Box{ padding-bottom:90px;} .Works_Case_Box .DesignColumn{padding-left:24px; padding-top:20px; padding-bottom:90px;} .Works_Case_Box .DesignColumn .img{ text-align:right; line-height:1.5; background:url(/Templates/default/images/bg17.jpg) no-repeat right bottom;} .Works_Case_Box .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;} .Works_Case_Box .DesignColumn .img .en{ display:block; font-size:3.5em; color:#fff; font-weight:bold; text-transform:uppercase;} /*作品案例——切换效果*/ .carousel-container {position:relative; width:100%;} #carousel {width:100%; height:670px; position:relative;} .carousel-image {border:0; display:block;} .carousel-feature {position:absolute;top:-1000px; left:-1000px; cursor:pointer;} .carousel-feature .carousel-caption { width:100%;} .carousel-feature .carousel-caption p { margin:0; font-weight:bold; font-size:1.5em; color:#555; text-align:center;} .tracker-summation-container { position:absolute; color:white; right:48px; top:230px; padding:3px; margin:3px; background-color:#000;} .tracker-individual-container {position:absolute; color:white; right:48px; top:210px; padding:0; margin:0; display:none;} .tracker-individual-container li {list-style:none;} .tracker-individual-container .tracker-individual-blip {margin:0 3px; padding:0 3px; color:white; text-align:center; background-color:#DDD;} .tracker-individual-container .tracker-individual-blip-selected {color:white;font-weight:bold; background-color:#000;} #carousel-left { position:absolute; top:50%; left:220px; cursor:pointer; z-index:999;} #carousel-right { position:absolute; top:50%; right:220px; cursor:pointer; z-index:999;} /*作品案例——切换效果*/ .viewBox{ padding-bottom:80px;} .viewBox .DesignColumn{padding-left:24px; /*padding-top:27px;*/ padding-bottom:0px;} .viewBox .DesignColumn .img{ line-height:1.5; background:url(/Templates/default/images/bg16.jpg) no-repeat left bottom;} .viewBox .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;} .viewBox .DesignColumn .img .en{ display:block; font-size:3.5em; color:#ffa800; font-weight:bold; text-transform:uppercase;} .viewBox .viewContent{ width:100%; height:891px; background:url(/Templates/default/images/bg15.png) no-repeat center top; position:relative;} .viewBox .viewContent .box{ width:190px; position:absolute;} .viewBox .viewContent .box span{ display:block; text-align:center; font-size:2.5em; font-weight:bold; line-height:1.5;} .viewBox .viewContent .box p{ font-size:1.167em; color:#555;} .viewBox .viewContent .box1{left:562px; top:116px;} .viewBox .viewContent .box1 span{ color:#e97e24;} .viewBox .viewContent .box2{left:377px; top:278px;} .viewBox .viewContent .box2 span{ color:#b7cf37;} .viewBox .viewContent .box3{left:742px; top:278px;} .viewBox .viewContent .box3 span{ color:#f3bb20;} .viewBox .viewContent .box4{left:562px; top:492px;} .viewBox .viewContent .box4 span{ color:#00a4e2;} .viewBox .viewContent .font{ font-size:2.083em; color:#fff; position:absolute; display:block; width:99px; line-height:99px; text-align:center;} .viewBox .viewContent .font1{ left:295px; bottom:148px;} .viewBox .viewContent .font2{ left:432px; bottom:158px;} .viewBox .viewContent .font3{ left:494px; bottom:24px;} .viewBox .viewContent .font4{ left:704px; bottom:60px;} .viewBox .viewContent .font5{ left:897px; bottom:142px;} .viewBox .viewContent .font6{ left:941px; bottom:338px;} /*创意设计*/ /*解决方案*/ /*列表*/ .backgroung3{ background:url(/Templates/default/images/Solution/bg20.jpg) no-repeat center top; width:100%; height:720px;} .Solution_content{ width:100%;} .Solution_content .box{ padding-right:670px; height:405px; position:relative; display:none; padding-bottom:30px;} .Solution_content .box .title{ background:url(/Templates/default/images/Solution/bg26.jpg) no-repeat left bottom; line-height:3.5; margin-top:16px;} .Solution_content .box .title .cn{ color:#9eaecf; font-size:3.333em;} .Solution_content .box .title .en{ color:#b1b1b5; font-size:2.167em; margin-left:15px;} .Solution_content .box .cont{ color:#bbbbbe; font-size:1.167em; line-height:26px; padding:25px 0 30px;} .Solution_content .box .more{ display:inline-block; width:171px; height:45px; background:url(/Templates/default/images/Solution/bg26.png) no-repeat center top; text-align:center; line-height:44px; color:#fff; font-size:1.333em;} .Solution_content .box .span{ color:#8b8e99; position:absolute;} .Solution_content .box1 .span1{ bottom:48px; left:500px;} .Solution_content .box1 .span2{ bottom:100px; left:730px;} .Solution_content .box2 .span1{ bottom:48px; left:500px;} .Solution_content .box2 .span2{ bottom:90px; left:570px;} .Solution_content .box2 .span3{ bottom:45px; left:720px;} .Solution_content .box2 .span4{ bottom:100px; left:780px;} .Solution_content .box2 .span5{ bottom:50px; left:820px;} .Solution_content .box3 .span1{ bottom:48px; left:500px;} .Solution_content .box3 .span2{ bottom:110px; left:730px;} .Solution_content .box4 .title .cn{ color:#ce5553;} .Solution_content .box4 .span1{ bottom:48px; left:500px;} .Solution_content .box4 .span2{ bottom:105px; left:540px;} .Solution_content .box4 .span3{ bottom:45px; left:720px;} .Solution_content .box4 .span4{ bottom:115px; left:750px;} .Solution_content .box5 .span1{ bottom:60px; left:440px;} .Solution_content .box5 .span2{ bottom:125px; left:640px;} .Solution_content .box6 .title .cn{ color:#27b868;} .Solution_content .box6 .span1{ bottom:48px; left:430px;} .Solution_content .box6 .span2{ bottom:120px; left:540px;} .Solution_content .box6 .span3{ bottom:40px; left:700px;} .Solution_content .box6 .span4{ bottom:105px; left:780px;} .Solution_list ul li{ float:left; width:170px; height:220px; padding-top:30px;} .Solution_list ul li a{ display:block; width:100%; height:100%;} .Solution_list ul li a .title,.Solution_list ul li a .brief{ display:block; text-align:center;} .Solution_list ul li a .title{ color:#fff; font-size:1.5em; line-height:2; padding-top:15px;} .Solution_list ul li:hover,.Solution_list ul li.on{ height:235px; padding:0 5px;} .Solution_list ul li:hover a,.Solution_list ul li.on a{padding:10px 0 5px;} .Solution_list ul li.list_1 a{ background:url(/Templates/default/images/Solutions/bg21.png) no-repeat;} .Solution_list ul li.list_1 a .brief{ color:#b9bdc5; font-size:1.167em;} .Solution_list ul li.list_1:hover a,.Solution_list ul .list_1.on a{ background:url(/Templates/default/images/Solutions/bg21_2.png) no-repeat; } .Solution_list ul li.list_2 a{ background:url(/Templates/default/images/Solutions/bg22.png) no-repeat;} .Solution_list ul li.list_2 a .brief{ color:#f4ddbf; font-size:1.167em;} .Solution_list ul li.list_2:hover a,.Solution_list ul .list_2.on a{ background:url(/Templates/default/images/Solutions/bg22_2.png) no-repeat; } .Solution_list ul li.list_3 a{ background:url(/Templates/default/images/Solutions/bg23.png) no-repeat;} .Solution_list ul li.list_3 a .brief{ color:#b9bdc5; font-size:1.167em;} .Solution_list ul li.list_3:hover a,.Solution_list ul .list_3.on a{ background:url(/Templates/default/images/Solutions/bg23_2.png) no-repeat; } .Solution_list ul li.list_4 a{ background:url(/Templates/default/images/Solutions/bg24.png) no-repeat;} .Solution_list ul li.list_4 a .brief{ color:#e7b7b6; font-size:1.167em;} .Solution_list ul li.list_4:hover a,.Solution_list ul .list_4.on a{ background:url(/Templates/default/images/Solutions/bg24_2.png) no-repeat; } .Solution_list ul li.list_5 a{ background:url(/Templates/default/images/Solutions/bg25.png) no-repeat;} .Solution_list ul li.list_5 a .brief{ color:#b9bdc5; font-size:1.167em;} .Solution_list ul li.list_5:hover a,.Solution_list ul .list_5.on a{ background:url(/Templates/default/images/Solutions/bg25_2.png) no-repeat; } .Solution_list ul li.list_6 a{ background:url(/Templates/default/images/Solutions/bg26.png) no-repeat;} .Solution_list ul li.list_6 a .brief{ color:#bde4cb; font-size:1.167em;} .Solution_list ul li.list_6:hover a,.Solution_list ul .list_6.on a{ background:url(/Templates/default/images/Solutions/bg26_2.png) no-repeat; } .Solution_list ul li.list_7 a{ background:url(/Templates/default/images/Solutions/bg27.png) no-repeat;} .Solution_list ul li.list_7 a .brief{ color:#b9bdc5; font-size:1.167em;} .Solution_list ul li.list_7:hover a,.Solution_list ul .list_7.on a{ background:url(/Templates/default/images/Solutions/bg27_2.png) no-repeat; } /*列表*/ /*详细页*/ .backgroung4/*{ background:url(/Templates/default/images/Solution/bg25.jpg) no-repeat center top;*/ width:100%; height:auto; min-height:700px;} .divSolution{ padding:67px 30px 78px 30px; position:relative;} .divSolution .other_link{ display:block; width:252px; height:52px; text-align:center; line-height:52px; color:#fff; background:url(/Templates/default/images/other_link_bg.png) no-repeat; font-size:20px; position:absolute; left:50%; margin-left:-126px; top:15px;} .divSolution .other_link span{ font-family:"宋体";} .Solution_Content{ padding:0 0 25px;} .Solution_Content .box{ border:#f4f4f4 1px solid; padding:30px 50px; margin-bottom:20px;} .Solution_Content .box .tit{ display:inline-block; font-size:1.667em; color:#555; line-height:2.5;} .Solution_Content .box .tit font{ color:#ffa800;} .Solution_Content .box .p{ color:#929292; overflow:hidden; width:100%;} .Solution_Content .box .p p{} .Solution_Content .box1 .tit{ background:url(/Templates/default/images/Solution/bg31.png) no-repeat left 15px; padding-left:40px;} .Solution_Content .box1 .p{ /*padding-left:40px;*/} .Solution_Content .box2 .tit{ background:url(/Templates/default/images/Solution/bg32.png) no-repeat right 15px; float:right; padding-right:40px;} .Solution_Content .box2 .p{ /*padding-right:40px;*/ float:right;} .Solution_Content .box3 .tit{ background:url(/Templates/default/images/Solution/bg33.png) no-repeat left 15px; padding-left:40px;} .Solution_Content .box3 .p{ /* padding-left:40px;*/} .Typical_Case{} .Typical_Case .title{ background:url(/Templates/default/images/Solution/bg34.jpg) no-repeat left center; font-size:1.167em; color:#999; padding:25px 0 25px 50px;} .Typical_Case .title span{ font-size:1.714em; color:#222; margin-right:15px;} .Typical_Case .cont ul li{ border:#e1e3e2 1px solid; width:318px; height:238px; float:left; margin-right:30px; position:relative; overflow:hidden;} .Typical_Case .cont ul li .webimg{ width:318px; height:238px;} .Typical_Case .cont ul li .divDown{ width:318px; height:238px; background:url(/Templates/default/images/Solution/bg24.png) repeat left top; display:none; position:absolute; top:0; left:0;} .Typical_Case .cont ul li .divDown .link{ width:100%; text-align:center; padding:75px 0 20px;} .Typical_Case .cont ul li .divDown .link a{ display:inline-block; width:42px; height:42px; margin:0 15px;} .Typical_Case .cont ul li .divDown .link .a_link{ background:url(/Templates/default/images/Solution/bg22.png) no-repeat center top;} .Typical_Case .cont ul li .divDown .link .a_brief{ background:url(/Templates/default/images/Solution/bg23.png) no-repeat center top;} .Typical_Case .cont ul li .divDown .span{ display:block; text-align:center; font-size:1.5em; color:#fff;} .Typical_Case .cont ul li:hover .divDown{ display:block;} .Typical_Case .cont .more{ display:inline-block; border:#e1e3e2 1px solid; background:url(/Templates/default/images/Solution/bg21.jpg) no-repeat center top; width:78px; height:238px;} /*详细页*/ /*解决方案*/ /*index*/ /*Banner*/ .HomeBan{ width:100%; height:500px; overflow:hidden; position:relative;} .HomeBan .BanList{ width:100%; height:500px;} .HomeBan .BanList li{ width:100%; height:500px; overflow:hidden;} .HomeBan .BanList li a{ width:100%; height:500px; display:block;} .HomeBan .hd{ position:absolute; width:153px; height:26px; background:url(/Templates/default/images/HomeBan_bg.png) no-repeat center center; left:50%; bottom:11px; margin-left:-77.5px; padding-left:2px;} .HomeBan .hd li{ float:left; position:relative; width:14px; height:14px; background:url(/Templates/default/images/HomeBan_on.png) no-repeat left top; margin:7px 0 0 14px;} .HomeBan .hd .on{ background-position:left bottom;} .HomeBan .hd li span{ position:absolute; display:none; width:90px; height:57px; padding:5px 5px 0 5px; background:url(/Templates/default/images/HomeBan2.png) no-repeat center center; bottom:16px; left:50%; margin-left:-50px;} .HomeBan .hd li span img{ width:90px; height:43px;} .HomeBan .hd .on span{ display:block;} /*我们的服务*/ .our_service{ width:100%; position:relative; overflow:hidden;} .service_Title1 { padding-top:55px; padding-bottom:32px;} .service_Title1 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;} .service_Title1 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;} .our_service .service_Title1{ width:1200px; margin:0 auto; padding-bottom:30px;} .our_service .service_Title1 .brief{ line-height:20px; padding-top:5px; font-size:14px;} .our_service .BanList{ width:50%; height:578px; float:right; position:absolute; right:0; top:70px;} .our_service .BanList li{ width:100%; height:100%; overflow:hidden; position:absolute; right:0; top:0;} .our_service .BanList li a{ display:block; width:100%; height:100%;} .our_service .TabList{ width:100%; height:100%; position:relative; left:0px; top:0px; z-index:5;} .our_service .TabList .List{ width:1200px; margin:0 auto; height:0; position:relative; z-index:333;} .our_service .TabList .List .ul{ width:100%;} .our_service .TabList .List .ul li{ float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-top:none; width:232px; height:217px;} .our_service .TabList .List .ul li.a_service1{ border:1px solid #dadada; border-right:none; width:532px;} .our_service .TabList .List .ul li.a_service4{ border-top:1px solid #dadada; border-right:1px solid #dadada; width:533px;} .our_service .TabList .List .ul li.a_service2{ border-left:1px solid #dadada; width:233px;} .our_service .TabList .List .ul li.a_service6{ border-right:1px solid #dadada; width:234px;} .our_service .TabList .List .ul li .span{ position:absolute; right:46px; top:36px;} .our_service .TabList .List .ul li .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:none;} .our_service .TabList .List .ul li a{ display:inline-block; color:#555; padding:120px 0 0; line-height:20px} .our_service .TabList .List .ul li a span{ display:block; font-size:14px;} .our_service .TabList .List .ul li a .title{ font-size:24px; padding-bottom:10px;} .our_service .TabList .List .ul li a .brief{ color:#999;} .our_service .TabList .List .ul li.a_service1 a{ background:url(/Templates/default/images/index/bg28.jpg) no-repeat left top;} .our_service .TabList .List .ul li.a_service2 a{ background:url(/Templates/default/images/index/bg29.jpg) no-repeat left 14px;} .our_service .TabList .List .ul li.a_service3 a{ background:url(/Templates/default/images/index/bg30.jpg) no-repeat left top;} .our_service .TabList .List .ul li.a_service4 a{ background:url(/Templates/default/images/index/bg31.jpg) no-repeat left 12px;} .our_service .TabList .List .ul li.a_service5 a{ background:url(/Templates/default/images/index/bg32.jpg) no-repeat left 14px;} .our_service .TabList .List .ul li.a_service6 a{ background:url(/Templates/default/images/index/bg33.jpg) no-repeat left 14px;} /* .our_service .TabList .List .ul .a_service1:hover,.our_service .TabList .List .ul .a_service1.on{ background:url(/Templates/default/images/index/bg34_1.png) no-repeat left center;} .our_service .TabList .List .ul .a_service2:hover,.our_service .TabList .List .ul .a_service2.on{ background:url(/Templates/default/images/index/bg34_2.png) no-repeat left center;} .our_service .TabList .List .ul .a_service3:hover,.our_service .TabList .List .ul .a_service3.on{ background:url(/Templates/default/images/index/bg34_3.png) no-repeat left center;} .our_service .TabList .List .ul .a_service4:hover,.our_service .TabList .List .ul .a_service4.on{ background:url(/Templates/default/images/index/bg34_4.png) no-repeat left center;} .our_service .TabList .List .ul .a_service5:hover,.our_service .TabList .List .ul .a_service5.on{ background:url(/Templates/default/images/index/bg34_5.png) no-repeat left center;} .our_service .TabList .List .ul .a_service6:hover,.our_service .TabList .List ul .a_service6.on{ background:url(/Templates/default/images/index/bg34_6.png) no-repeat left center;} */ /*我们的案例*/ .our_case{ width:100%; padding-bottom:38px;} .service_Title2 { padding-top:55px; text-align:center; border-bottom:#f2f2f2 1px solid; position:relative; bottom:-1px;} .service_Title2 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;} .service_Title2 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;} .our_case .brief{ text-align:center; font-size:14px; padding:30px 0;} .our_case .our_case_cont ul li{ width:20%; float:left; position:relative;} .our_case .our_case_cont ul li .imglist{ width:100%;} .our_case .our_case_cont ul li .divDown{ position:absolute; left:0px; bottom:0px; width:100%; background:url(/Templates/default/images/index/bg36.png) repeat left top; text-align:center; display:none; padding-bottom:2%;} .our_case .our_case_cont ul li .divDown img{ display:none;} .our_case .our_case_cont ul li .divDown .cont{ width:80%; height:100%; margin:0 auto; display:table;} .our_case .our_case_cont ul li .divDown .cont .div{ display:table-cell; vertical-align:middle;} .our_case .our_case_cont ul li .divDown .cont span{ display:block; color:#fff;} .our_case .our_case_cont ul li .divDown .cont .tit{/* background:url(/Templates/default/images/index/bg39.jpg) no-repeat center bottom;*/ height:40px; line-height:40px; font-size:1.4em; margin-bottom:1%;} .our_case .our_case_cont ul li .divDown .cont .p{ line-height:22px; margin-top:10px; text-align:left; display:none;} .our_case .our_case_cont ul li:hover .divDown{ display:block;} .our_case .our_case_cont .see_more{ text-align:center; padding-top:38px;} .our_case .our_case_cont .see_more a{ display:inline-block; background:url(/Templates/default/images/index/bg38_2.png) no-repeat center top; width:360px; height:60px; font-size:1.5em; line-height:60px;} .our_case .our_case_cont .see_more a span{ color:#fff; padding-right:25px; background:url(/Templates/default/images/index/bg37_2.png) no-repeat right center;} /*.our_case .our_case_cont .see_more a{ display:inline-block; background:url(/Templates/default/images/index/bg38.png) no-repeat center top; width:360px; height:60px; font-size:1.5em; line-height:60px;} .our_case .our_case_cont .see_more a span{ color:#555; padding-right:25px; background:url(/Templates/default/images/index/bg37.png) no-repeat right center;} .our_case .our_case_cont .see_more a:hover{background:url(/Templates/default/images/index/bg38_2.png) no-repeat center top;} .our_case .our_case_cont .see_more a:hover span{ background:url(/Templates/default/images/index/bg37_2.png) no-repeat right center; color:#fff;}*/ /*我们的客户*/ @font-face { font-family: myFirstFont; src: url('/Templates/default/style/DIN%20Medium.ttf'); } .our_clients{ width:100%;} .our_clients .divLeft,.our_clients .divRight{ width:50%; height:637px;} .our_clients .our_clients_left,.our_clients .our_clients_right{ width:600px;} .our_clients .divLeft,.our_clients .our_clients_right{ float:left;} .our_clients .divRight,.our_clients .our_clients_left{ float:right;} .our_clients .divLeft{ background:url(/Templates/default/images/index/bg40.jpg) no-repeat right top;} .our_clients_left .service_Title1{ padding-top:30px; padding-bottom:15px;} .our_clients_left .brief{ font-size:14px; line-height:20px;} .our_clients_left .clients_num{ margin:30px 0 20px; background:url(/Templates/default/images/index/bg43.png) no-repeat left top; /*padding-bottom:45px;*/ height:410px;} .our_clients_left .clients_num span{ display:block; font-size:1.5em; padding-left:130px; padding-top:23px;} .our_clients_left .clients_num span b{ display:block; font-size:50px; line-height:1; color:#ff6c00; font-family:myFirstFont;} .our_clients_right{ position:relative;} .our_clients_right .clientsBan{ width:100%; height:642px;} .our_clients_right .clientsBan ul{ border-top:#f1f1f1 1px solid; border-left:#f1f1f1 1px solid; } .our_clients_right .clientsBan ul li{position: relative; border-bottom:#f1f1f1 1px solid;width:198px; height:105px; border-right:#f1f1f1 1px solid; float:left;} .our_clients_right .clientsBan ul li img{ width:198px; height:105px;} .our_clients_right .clientsBan ul li .OcOverlay{display: none;text-align: center; background:url("/Templates/default/images/bg_overlay.png") repeat scroll;width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0px;top: 0px;} .our_clients_right .clientsBan ul li .OcOverlay div{display:table-cell; vertical-align:middle; *position: absolute; *top: 50%;} .our_clients_right .clientsBan ul li .OcOverlay div span{padding: 0 10px; *position:relative;*top: -50%; color: #fff; font-size: 12px; line-height: 18px;} /*.our_clients_right .clientsBan ul li .gray{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/ .our_clients_right .box{ position:absolute; bottom:5px; right:2px; border-bottom:#f1f1f1 1px solid; width:198px; height:75px; border-right:#f1f1f1 1px solid; padding-top:30px; z-index:10; background:#fff;} .our_clients_right .box .prev,.our_clients_right .box .next{ display:inline-block; width:42px; height:42px;} .our_clients_right .box .prev{ background:url(/Templates/default/images/index/bg41.png) no-repeat center center; margin-left:40px;} .our_clients_right .box .next{ background:url(/Templates/default/images/index/bg42.png) no-repeat center center; margin-left:20px;} /*我们的产品*/ .our_product{ width:100%;} .our_product .brief{ text-align:center; font-size:1.167em; padding:30px 0;} .our_product .our_product_cont{ width:100%; background:url(/Templates/default/images/index/bg44.jpg) no-repeat center center; height:640px;} .our_product .our_product_cont .our_product_Main{ width:590px; margin:0 auto; height:640px; position:relative;} .our_product .our_product_cont .our_product_Main a{ display:inline-block; position:absolute; text-align:center; line-height:1.5;} .our_product .our_product_cont .our_product_Main a b{ font-size:3em; display:none;} .our_product .our_product_cont .our_product_Main a span{ font-size:1.167em; display:none;} .our_product .our_product_cont .our_product_Main a:hover b,.our_product .our_product_cont .our_product_Main a:hover span{ color:#fff;} .our_product .our_product_cont .our_product_Main .our_product_1{ width:202px; height:243px; background:url(/Templates/default/images/index/bg63.png) no-repeat center top; top:36px; left:50%; margin-left:-101px;} .our_product .our_product_cont .our_product_Main .our_product_1:hover{ background:url(/Templates/default/images/index/bg63_2.png) no-repeat center top;} .our_product .our_product_cont .our_product_Main .our_product_2{ width:242px; height:202px; background:url(/Templates/default/images/index/bg66.png) no-repeat center top; top:50%; left:0px; margin-top:-101px;} .our_product .our_product_cont .our_product_Main .our_product_2:hover{ background:url(/Templates/default/images/index/bg66_2.png) no-repeat center top;} .our_product .our_product_cont .our_product_Main .our_product_3{ width:202px; height:243px; background:url(/Templates/default/images/index/bg65.png) no-repeat center top; bottom:34px; left:50%; margin-left:-101px;} .our_product .our_product_cont .our_product_Main .our_product_3:hover{ background:url(/Templates/default/images/index/bg65_2.png) no-repeat center top;} .our_product .our_product_cont .our_product_Main .our_product_4{ width:242px; height:202px; background:url(/Templates/default/images/index/bg64.png) no-repeat center top; top:50%; right:0px; margin-top:-101px;} .our_product .our_product_cont .our_product_Main .our_product_4:hover{ background:url(/Templates/default/images/index/bg64_2.png) no-repeat center top;} .our_product .our_product_cont .our_product_Main .our_product_1 b{ margin-top:70px;} .our_product .our_product_cont .our_product_Main .our_product_3 b{ margin-top:106px;} .our_product .our_product_cont .our_product_Main .our_product_2 b{ margin-top:74px;} .our_product .our_product_cont .our_product_Main .our_product_4 b{ margin-top:74px;} /*我们的资讯*/ .our_news{} .our_news .service_Title1 .more{ background:url(/Templates/default/images/index/bg50.png) no-repeat right center; display:inline-block; float:right; padding-right:60px; line-height:50px; font-size:1.5em; display:none;} .our_news .divTitle .a_tab{ display:inline-block; width:100%; float:left;} .our_news .divTitle .a_tab p{ border:#000 3px solid; margin:0; text-align:center; line-height:60px;} .our_news .divTitle .a_tab p span{ padding-left:33px; color:#555; font-size:1.667em;} .our_news .divTitle .a_tab1 p span{ background:url(/Templates/default/images/index/bg46_2.jpg) no-repeat left center;} .our_news .divTitle .a_tab2 p span{ background:url(/Templates/default/images/index/bg47.jpg) no-repeat left center;} .our_news .divTitle .a_tab.on{ background:#000;} .our_news .divTitle .a_tab1.on span{ background:url(/Templates/default/images/index/bg46.jpg) no-repeat left center; color:#fff;} .our_news .divTitle .a_tab2.on span{ background:url(/Templates/default/images/index/bg47_2.jpg) no-repeat left center; color:#fff;} .our_news .divBox{ width:100%; position:relative; overflow:hidden; height:655px;} .our_news .box{ position:absolute; top:0; left:0; background:#fff; width:100%;} .our_news .box .citylist .citys{ border-bottom:#f2f2f2 1px solid;} .our_news .box .citylist .citys ul{ position:relative; bottom:-8px; padding-top:23px;} .our_news .box .citylist .citys ul li{ float:left; background:url(/Templates/default/images/index/bg48.jpg) no-repeat center bottom; padding-bottom:16px; font-size:1.5em; line-height:2; cursor:pointer; text-align:center;} .our_news .box .citylist .citys ul li.on,.our_news .box .citylist .citys ul li:hover{ background:url(/Templates/default/images/index/bg49.jpg) no-repeat center bottom; color:#ff6c00; font-weight:bold;} .our_news .box .citylist .cityBan{} .our_news .box .citylist .cityBan .newslistTop{ padding-top:47px;} .our_news .box .citylist .cityBan .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:250px; background:#fff; margin:0 auto; overflow:hidden; padding:0 10px; left:50%; margin-left:-135px;} .our_news .box .citylist .cityBan .newslistTop .btn_prev,.our_news .box .citylist .cityBan .newslistTop .btn_next{ width:50px; height:50px; margin:0;} .our_news .box .citylist .cityBan .newslistTop .btn_prev{ background:url(/Templates/default/images/index/bg41.png) no-repeat center center; float:left;} .our_news .box .citylist .cityBan .newslistTop .btn_next{ background:url(/Templates/default/images/index/bg42.png) no-repeat center center; float:right;} .our_news .box .citylist .cityBan .newslistTop .prev_next .chakangengduo{ display:block; width:133px; height:34px; background:url(/Templates/default/images/index/chakanxiangxi.jpg) no-repeat center top; font-size:16px; line-height:34px; position:absolute; left:50%; top:7px; margin-left:-66.5px; text-align:center;} .our_news .box .citylist .cityBan .newslistTop .prev_next .chakangengduo:hover{ color:#fff; background-position:center bottom;} .our_news .box .citylist .cityBan .newslistTop .div{ border-bottom:#f3f3f3 1px solid; height:510px;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl{ overflow:hidden; width:540px; float:left; margin-right:120px; padding-bottom:18px; border-bottom:1px solid #f3f3f3;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dt{ float:left; width:200px; height:124px;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dt img{ width:200px; height:124px;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dd{ float:right; width:300px;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl dd .tit{ font-size:1.333em; color:#ff6c00;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .p{ font-size:1.167em; color:#888; line-height:20px; margin:10px 0;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .more{ display:inline-block; width:80px; line-height:30px; background:url(/Templates/default/images/index/bg52.jpg) no-repeat center top; color:#555; padding-left:20px; float:right;} .our_news .box .citylist .cityBan .NewsTopBan .newsTop dl .more:hover{background:url(/Templates/default/images/index/bg51.jpg) no-repeat center top; color:#fff;} .our_news .box .citylist .cityBan .NewsTopBan ul li{ width:540px; float:left; margin-right:120px; padding:18px 0; border-bottom:1px solid #f3f3f3;} .our_news .box .citylist .cityBan .NewsTopBan ul li .time{ display:inline-block; width:100px; height:72px; padding:14px 0; background:url(/Templates/default/images/index/bg53.jpg) no-repeat center top; text-align:center;} .our_news .box .citylist .cityBan .NewsTopBan ul li:hover .time{ background-position:center bottom; color:#fff;} .our_news .box .citylist .cityBan .NewsTopBan ul li .time b{ display:block; font-size:4.667em; line-height:0.8;} .our_news .box .citylist .cityBan .NewsTopBan ul li p{ margin:0; width:420px; float:right;} .our_news .box .citylist .cityBan .NewsTopBan ul li p a{ line-height:1; font-size:1.333em;} .our_news .box .citylist .cityBan .NewsTopBan ul li p span{ display:block; line-height:20px; color:#888; font-size:1.167em; padding-top:6px;} .our_news .box .citylist .cityBan .NewsTopBan ul li .more{ display:block; width:90px; line-height:30px; background:url(/Templates/default/images/index/bg52.jpg) no-repeat center top; color:#555; padding-left:20px; font-size:14px; margin-top:10px; float:right;} .our_news .box .citylist .cityBan .NewsTopBan ul li .more:hover{background:url(/Templates/default/images/index/bg51.jpg) no-repeat center top; color:#fff;} /*我们的联络*/ .our_contact{ width:100%; overflow:hidden;} .our_contact .brief{ text-align:center; font-size:14px; padding:30px 0;} .our_contact .our_contact_cont { position:relative;} .our_contact .our_contact_cont .our_contact_Ban{ width:100%; height:380px; overflow:hidden; position:relative;} .our_contact .our_contact_cont .our_contact_Ban .prev,.our_contact .our_contact_cont .our_contact_Ban .next{ position:absolute; top:50%; display:inline-block; width:80px; height:80px; z-index:10; margin-top:-40px;} .our_contact .our_contact_cont .our_contact_Ban .prev{ background:url(/Templates/default/images/index/bg54_2.png) no-repeat center top; left:20px;} .our_contact .our_contact_cont .our_contact_Ban .prev:hover{ background:url(/Templates/default/images/index/bg54.png) no-repeat center top;} .our_contact .our_contact_cont .our_contact_Ban .next{ background:url(/Templates/default/images/index/bg55.png) no-repeat center top; right:20px;} .our_contact .our_contact_cont .our_contact_Ban .next:hover{ background:url(/Templates/default/images/index/bg55_2.png) no-repeat center top;} .our_contact .our_contact_cont .our_contact_Ban .BanList{ width:100%; height:380px;} .our_contact .our_contact_cont .our_contact_Ban .BanList ul li{ width:100%; height:380px;} .our_contact .our_contact_cont .our_contact_phone{ position:absolute; top:0px; left:50%; margin-left:-231px; width:462px; height:380px; z-index:11;} .our_contact .our_contact_cont .our_contact_phone .divCont{ background:#fff; border:#ff6c00 3px solid; border-top:0; padding:0 75px; height:377px;} .our_contact .our_contact_cont .our_contact_phone .divCont .phone_email{ padding:10px 0;} .our_contact .our_contact_cont .our_contact_phone .divCont .phone_email b,.our_contact .our_contact_cont .our_contact_phone .divCont .phone_email span{ display:block; text-align:center; color:#000; font-family:"Arial";} .our_contact .our_contact_cont .our_contact_phone .divCont .phone_email b{ font-size:3.5em; line-height:1; color:#ff6c00;} .our_contact .our_contact_cont .our_contact_phone .divCont .phone_email span{ text-align:center; font-size:1.33em;} .our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox{ width:296px; height:36px; border:#000 2px solid;overflow:hidden; margin-bottom:30px;} .our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox .sreach_btn{ width:48px; height:36px; display:block; float:right; background:#000 url(/Templates/default/images/index/bg56.jpg) no-repeat center center;} .our_contact .our_contact_cont .our_contact_phone .divCont .SreachBox .sreach_ipu{ width:235px; height:36px; line-height:36px; padding:0px 0px 0px 10px; border:0px; background:none; color:#7E7E7E; float:left; font-size:1.167em; font-family:"微软雅黑";} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox{ height:70px; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid; text-align:center;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .title{ display:inline-block; background:#fff; padding:0 10px; color:#000; font-size:1.167em; position:relative; top:-15px;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jiathis_style_32x32{ position:relative; top:-10px;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_tsina{ background:url(/Templates/default/images/index/bg62.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_weixin{ background:url(/Templates/default/images/index/bg57.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_qzone{ background:url(/Templates/default/images/index/bg58.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_douban{ background:url(/Templates/default/images/index/bg59.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_renren{ background:url(/Templates/default/images/index/bg60.jpg) no-repeat !important; width:4px; height:40px !important; margin-right:12px;} .our_contact .our_contact_cont .our_contact_phone .divCont .showBox .jtico_jiathis{ background:url(/Templates/default/images/index/bg61.jpg) no-repeat !important; width:4px; height:40px !important; } .our_contact .our_contact_cont .our_contact_phone .divCont .er_wei{ padding:17px 0 0; overflow:hidden;} .our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone{ width:90px; padding-left:50px; float:left;} .our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin{ width:90px; padding-right:50px; float:right;} .our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone img,.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin img{ width:90px; height:90px;} .our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_phone span,.our_contact .our_contact_cont .our_contact_phone .divCont .er_wei .er_wei_weixin span{ display:block; text-align:center; line-height:30px;} /*我们的联络*/ /*index*/ /*服务领域*/ .fast_nav{ width:60px; position:absolute; right:5px; top:50%; z-index:9999;} .fast_nav li{ height:42px; padding-top:18px; border-bottom:1px solid #fff; background:url(/Templates/default/images/fastnav/fast_bg_03.png) repeat; cursor:pointer; text-align:center; position:relative; color:#fff;} .fast_nav .first{ background:url(/Templates/default/images/fastnav/fase_first_03.png) no-repeat;} .fast_nav .last{ background:url(/Templates/default/images/fastnav/fase_last_03.png) no-repeat; border:none;} .fast_nav li .hover{ height:60px; background:url(/Templates/default/images/fastnav/fast_left_03.png) no-repeat left center; padding-left:22px; vertical-align:middle; position:absolute; right:0; top:0; overflow:hidden; width:140px; display:none; font-size:14px;} .fast_nav li .hover img{ vertical-align:middle; float:left; padding-top:11px;} .fast_nav li .hover .name{ float:right; height:60px; line-height:60px; background:#ff6c00; text-align:left; width:97px;} .fast_nav li:hover .hover{ display:block;} .fast_nav2 li .hover{ width:190px;} .fast_nav2 li .hover .name{ width:147px;} .official_website_bg{ width:100%; background:url(/Templates/default/images/Services/bg30.jpg) no-repeat center bottom;} .official_website_bg .official_website{ background:url(/Templates/default/images/Services/bg35.png) no-repeat top left; width:860px; padding-left:43px;} .official_website_bg{ position:relative;} .official_website_bg .img{ position:absolute; left:50%; bottom:1px; width:1200px; margin-left:-600px;} .official_website_bg .img img{ position:absolute; right:80px; bottom:0; width:700px;} .official_website_bg .img2 img{ width:550px;} .ServicesBox .divBox .title{ display:block; font-size:4em; color:#ff6c00; line-height:1; padding-top:28px;} .ServicesBox .divBox .brief{ display:block; font-size:2em; color:#ff6c00;line-height:2;} .ServicesBox .divBox .p{ font-size:1.167em; line-height:24px; margin-top:10px; text-indent:2em;} .ServicesBox .divBox .see_more{ display:inline-block; width:135px; height:40px; background:url(/Templates/default/images/Services/bg36.png) no-repeat center top; font-size:1.333em; color:#555; padding-left:25px; line-height:40px; margin-top:40px;} .ServicesBox .divBox .see_more:hover{ background:url(/Templates/default/images/Services/bg36_2.png) no-repeat center top; color:#fff;} .ServicesBox .divBox .caselist{ padding-top:40px; width:300px; overflow:hidden;} .ServicesBox .divBox .caselist ul{ overflow:hidden; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; } .ServicesBox .divBox .caselist ul li{ float:left; width:148px; height:58px; border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; } .ServicesBox .divBox .caselist ul li img{width:148px; height:58px;} /*.ServicesBox .divBox .caselist ul li .gray{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/ .ServicesBox2 .divBox .title,.ServicesBox2 .divBox .brief{ text-align:right;} .ServicesBox2 .divBox .span_more{ display:block; text-align:right;} .ServicesBox2 .divBox .span_more .see_more{ padding-left:0; padding-right:45px;} .ServicesBox2 .divBox .caselist{ width:448px; float:right;} .online_store_bg{ width:100%; background:url(/Templates/default/images/Services/bg31.jpg) no-repeat center center;} .online_store_bg .online_store{ background:url(/Templates/default/images/Services/bg37.png) no-repeat top right; width:610px; padding-right:40px; float:right;} .Interactive_Marketing_bg{ width:100%; background:url(/Templates/default/images/Services/bg32.jpg) no-repeat center center;} .Interactive_Marketing_bg .Interactive_Marketing{ background:url(/Templates/default/images/Services/bg38.png) no-repeat top left; width:365px; padding-left:45px;} .Interactive_Marketing_bg .divBox .p{ color:#fff;} .Interactive_Marketing_bg .divBox .see_more{ color:#fff;} .Interactive_Marketing_bg .divBox .caselist ul{ border-top:#363c4f 1px solid; border-left:#363c4f 1px solid; } .Interactive_Marketing_bg .divBox .caselist ul li{ border-bottom:#363c4f 1px solid; border-right:#363c4f 1px solid; } .Brand_Website_bg{ width:100%; background:url(/Templates/default/images/Services/bg33.jpg) no-repeat center center;} .Brand_Website_bg .Brand_Website{ background:url(/Templates/default/images/Services/bg39.png) no-repeat top right; width:490px; padding-right:38px; float:right;} .Industry_Portal_bg{ width:100%; background:url(/Templates/default/images/Services/bg34.jpg) no-repeat center center;} .Industry_Portal_bg .Industry_Portal{ width:440px; padding-left:45px; background:url(/Templates/default/images/Services/bg41.png) no-repeat left top;} .Industry_Portal_bg .divBox .caselist{ width:448px;} .information_network_bg{width:100%; background:url(/Templates/default/images/Services/bg35.jpg) no-repeat center center;} .information_network_bg .information_network{background:url(/Templates/default/images/Services/bg40.png) no-repeat top right; width:575px; padding-right:25px; float:right;} /*服务领域*/ /*蓝德员工*/ .personnel_title { padding:25px 0; font-size:1.167em;} .personnel_title img{} .personnel_title .tit{ display:inline-block; font-size:1.714em; color:#222; margin:0 15px;} .personnel_Box1{ padding-top:24px; padding-bottom:64px;} .personnel_Box2{ background:#f7f7f7; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid; padding-top:27px; padding-bottom:65px;} .personnel_Box3{ padding-top:47px; padding-bottom:80px;} /*员工风采*/ .Elegant_demeanor{ float:left; width:750px;} .Elegant_demeanor_content { overflow:hidden;} .Elegant_demeanor_content ul li{ border:#ddd 1px solid; float:left; margin-left:15px;} .Elegant_demeanor_content ul li a{ cursor:default;} .Elegant_demeanor_content ul li img{ padding:4px; padding-bottom:0;} .Elegant_demeanor_content ul li span{ display:block; font-size:1.333em; color:#666; line-height:40px; padding-left:45px; padding-right:14px; background:url(/Templates/default/images/personnel/bg39.png) no-repeat 14px center;} .Elegant_demeanor_content ul li span font{ display:block; text-align:center; background:url(/Templates/default/images/personnel/bg40.png) no-repeat right center; padding-right:30px;} .Elegant_demeanor_content ul .picture_1{ margin-left:0;} .Elegant_demeanor_content ul .picture_1 img{ width:296px; height:322px;} .Elegant_demeanor_content ul .picture_1 span{ line-height:56px;} .Elegant_demeanor_content ul .picture_2 { margin-bottom:15px;} .Elegant_demeanor_content ul .picture_2 img{ width:419px; height:149px;} .Elegant_demeanor_content ul .picture_2 span{ line-height:50px;} .Elegant_demeanor_content ul .picture_3 font,.Elegant_demeanor_content ul .picture_4 font{width:116px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .Elegant_demeanor_content ul .picture_3 img,.Elegant_demeanor_content ul .picture_4 img{ width:197px; height:118px; } .Elegant_demeanor_content ul li:hover{ border:#e44e49 1px solid;} .Elegant_demeanor_content ul li:hover span{ background:#e44e49 url(/Templates/default/images/personnel/bg39_2.jpg) no-repeat 14px center; color:#fff; } .Elegant_demeanor_content ul li:hover font{ background:#e44e49 url(/Templates/default/images/personnel/bg40_2.jpg) no-repeat right center; } /*人才招聘*/ .Recruitment{ float:right; width:420px;} .Recruitment .Recruitment_content{ border:#dddddd 1px solid;} .Recruitment .Recruitment_content ul li{ padding:0 20px; } .Recruitment .Recruitment_content ul li .p{ margin:0; border-bottom:#e8e8e8 1px dotted;overflow:hidden; padding:15px 0;} .Recruitment .Recruitment_content ul li .img,.Recruitment .Recruitment_content ul li .img img{ width:50px; height:50px;} .Recruitment .Recruitment_content ul li .img{ margin-left:17px; float:left;} .Recruitment .Recruitment_content ul li .div_p{ width:290px; float:right;} .Recruitment .Recruitment_content ul li .div_p .tit{ font-size:1.333em; color:#444;} .Recruitment .Recruitment_content ul li .div_p .time{ display:block; color:#999;} .Recruitment .Recruitment_content ul li:hover{ background:#6db6e1 url(/Templates/default/images/personnel/bg42.jpg) no-repeat center top;} .Recruitment .Recruitment_content ul li:hover .p{ border-bottom:#6db6e1 1px solid;} .Recruitment .Recruitment_content ul li:hover .div_p .tit,.Recruitment .Recruitment_content ul li:hover .div_p .time{ color:#fff;} .Recruitment .Recruitment_content .more{ display:inline-block; width:163px; height:26px; color:#fff; background:url(/Templates/default/images/personnel/bg41.png) no-repeat left top; padding-top:8px; padding-left:25px; position:relative; left:-5px; bottom:10px;} /*公司活动*/ .Company_Activities{ float:left;} .Company_Activities_content{ padding:20px; border:#ddd 1px solid; overflow:hidden; background:#fff; width:710px;} .Company_Activities_content .BanList{ float:left; width:285px; height:308px;} .Company_Activities_content .BanList ul li,.Company_Activities_content .BanList ul li img{ width:285px; height:308px;} .Company_Activities_content .BanList ul li{ display:none;} .Company_Activities_content .TabList{ width:403px; float:right; padding-left:10px;} .Company_Activities_content .TabList .List ul li{ padding-left:10px; border-bottom:#e8e8e8 1px dotted;} .Company_Activities_content .TabList .List ul li a{ display:block; padding:0 20px;} .Company_Activities_content .TabList .List ul li span{ display:block;} .Company_Activities_content .TabList .List ul li .title{ font-size:1.333em; color:#666; line-height:60px;} .Company_Activities_content .TabList .List ul li .brief{ display:none;} .Company_Activities_content .TabList .List ul li:hover,.Company_Activities_content .TabList .List ul li.on{ background:url(/Templates/default/images/personnel/bg43.jpg) no-repeat 1px 27px; border-bottom:0;} .Company_Activities_content .TabList .List ul li:hover a,.Company_Activities_content .TabList .List ul li.on a{ background:#ffa800;} .Company_Activities_content .TabList .List ul li:hover .title,.Company_Activities_content .TabList .List ul li.on .title{ color:#fff;} .Company_Activities_content .TabList .List ul li:hover .brief,.Company_Activities_content .TabList .List ul li.on .brief{ display:block; color:#ffdfb8; font-size:1.167em; line-height:22px; padding-bottom:20px;} /*文体活动*/ .Sports_activities{border:#ddd 1px solid; float:right; width:420px; margin-top:81px; border-top:0; background:#fff url(/Templates/default/images/personnel/bg31.jpg) no-repeat center top;} .Sports_activities .Sports_activities_content{ padding:25px 20px 15px 30px;} .Sports_activities .Sports_activities_content .title{ font-size:2em; color:#ffa800;} .Sports_activities .Sports_activities_content .cont { position:relative; padding:25px 0 16px;} .Sports_activities .Sports_activities_content .cont .BanList ul li dl dt img{ width:170px; height:130px; float:right;} .Sports_activities .Sports_activities_content .cont .BanList ul li dl{ color:#999; font-size:1.167em;} .Sports_activities .Sports_activities_content .cont .BanList ul li dl dd{ margin:3px 0;} .Sports_activities .Sports_activities_content .cont .BanList ul li dl dd font{ color:#666666;} .Sports_activities .Sports_activities_content .cont .BanList ul li dl .p{ line-height:22px;} .Sports_activities .Sports_activities_content .cont .TabList .List ul{ float:right; padding-right:40px; margin-top:5px;} .Sports_activities .Sports_activities_content .cont .TabList .List ul li{ float:left; width:10px; height:10px; background:url(/Templates/default/images/personnel/bg32.jpg) no-repeat center center; margin:0 4px;} .Sports_activities .Sports_activities_content .cont .TabList .List ul li.on{ background:url(/Templates/default/images/personnel/bg33.jpg) no-repeat center center;} .Sports_activities .Sports_activities_content .cont .playState{ display:inline-block; width:24px; height:24px; background:url(/Templates/default/images/personnel/bg34.jpg) no-repeat center center; position:absolute; right:0; bottom:-4px;} .Sports_activities .Sports_activities_content .cont .pauseState{background:url(/Templates/default/images/personnel/bg34_2.jpg) no-repeat center center;} /*年会视频*/ .Annual_Video{ float:left; width:750px;} .Annual_Video .videolist { position:relative;} .Annual_Video .videolist .BanList{ border:#ddd 1px solid; padding:4px; float:left; width:570px; height:350px;} .Annual_Video .videolist .TabList{ float:right;} .Annual_Video .videolist .TabList ul li{ margin-bottom:15px; padding-left:6px;} .Annual_Video .videolist .TabList ul li a{ border:#ddd 1px solid; padding:4px; display:block; position:relative;} .Annual_Video .videolist .TabList ul li a,.Annual_Video .videolist .TabList ul li a img,.Annual_Video .videolist .TabList ul li a .span{ width:150px; height:97px;} .Annual_Video .videolist .TabList ul li a .span{ display:block; position:absolute; left:4px; top:4px; background:url(/Templates/default/images/personnel/bg45.png) repeat left top;} .Annual_Video .videolist .TabList ul li.on{ background:url(/Templates/default/images/personnel/bg48.jpg) no-repeat left top;} .Annual_Video .videolist .TabList ul li.on a{ border:0; padding:5px;} .Annual_Video .videolist .TabList ul li.on a .span{ display:none;} .Annual_Video .videolist .prev,.Annual_Video .videolist .next{ display:block; width:39px; height:39px; position:absolute; bottom:0px; z-index:10;} .Annual_Video .videolist .prev{ background:url(/Templates/default/images/personnel/bg46.png) no-repeat center center; right:39px;} .Annual_Video .videolist .next{ background:url(/Templates/default/images/personnel/bg47.png) no-repeat center center; right:0px;} /*2014年会*/ .Annual_Meeting {width:420px; float:right;} .Annual_Meeting .Annual_Meeting_content img{ width:420px; height:360px;} /*办公室生活、室外生活*/ .divlife{ margin-top:70px;} .divlife_tab .a_tab{ float:left; display:inline-block; width:150px; text-align:center; color:#222; border:#c9c9c9 1px solid; border-bottom:0; line-height:53px; font-size:1.667em; background:#f0f0f0;} .divlife_tab .a_tab.on{ background:none; border-top:#717479 2px solid; line-height:51px;} .divlife_Content .box{ height:200px; padding:23px 0; display:none;} .divlife_Content .box ul li{ float:left; width:220px; height:200px; margin-right:25px;} .divlife_Content .box ul li img{ width:220px; height:200px;} .divlife_Content .box ul li:hover img{ border:#e44e49 3px solid; width:214px; height:194px;} /*蓝德员工*/ /*人才招聘*/ .backgroung5{ background:#fff url(/Templates/default/images/Recruitment/bg31.jpg) no-repeat center top; width:100%; } .Recruitment_title span{ display:block;} .Recruitment_title .cn{ font-size:3.75em; color:#000; line-height:70px;} .Recruitment_title .en{ font-size:3.33em; color:#6db5ef; font-weight:bold; line-height:70px; text-transform:uppercase;} .Recruitment_title .span_line{ width:79px; height:3px; background:#72baf5;} .divRecruitment{ padding-top:70px; padding-bottom:90px;} .divRecruitment_content{ width:100%; background:url(/Templates/default/images/Recruitment/bg32.png) no-repeat center top; padding:3px; margin-top:41px;} .divRecruitment_content .jobsList{} .divRecruitment_content .jobsList ul li{ background:#fff;} .divRecruitment_content .jobsList ul li span{ display:inline-block; line-height:55px; text-align:center; color:#777; font-size:1.167em;} .divRecruitment_content .jobsList ul li.title{/* background:#78bdf6;*/ line-height:52px;} .divRecruitment_content .jobsList ul li.title span{ font-size:1.333em; color:#fff; font-weight:bold; text-align:center;} .divRecruitment_content .jobsList ul li .span1{ width:400px; padding-left:80px; text-align:left; font-weight:bold; cursor:pointer;} .divRecruitment_content .jobsList ul li .fast{ background:url(/Templates/default/images/Recruitment/bg30.png) no-repeat 25px center;} .divRecruitment_content .jobsList ul li .span2{ width:120px;} .divRecruitment_content .jobsList ul li .span3{ width:280px;} .divRecruitment_content .jobsList ul li .span4{ width:150px;} .divRecruitment_content .jobsList ul li .span5{ width:150px;} .divRecruitment_content .jobsList #wrapper{ height:555px;} .div_To{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/Templates/default/images/Recruitment/bg52.png) repeat left top; z-index:-999;} .div_To .div_content{ width:960px; height:656px; background:url(/Templates/default/images/Recruitment/bg51.png) no-repeat center top; margin:825px auto 0;} .div_To .div_content .close{ display:inline-block; width:58px; height:58px; position:relative; top:0; float:right; } .div_To .div_content .title{ display:inline-block; font-size:1.667em; color:#fff; font-weight:bold; margin-left:45px; margin-top:42px;} .div_To .div_content .cont{ padding:45px;} .div_To .div_content .cont .tit{ color:#da8829; font-size:1.333em; font-weight:bold;} .div_To .div_content .cont .time{ float:right; font-size:1.167em; color:#666;} .div_To .div_content .cont .div dl{ overflow:hidden; padding:30px 0 20px;} .div_To .div_content .cont .div dl dd{ width:33%; float:left; font-size:1.167em; color:#999;} .div_To .div_content .cont .div dl dd b{ font-size:1.143em; color:#666; font-weight:bold;} .div_To .div_content .cont .div .div_cont b{ display:block; font-size:1.33em; color:#666; padding-top:10px;} .div_To .div_content .cont .div .div_cont{ height:303px;} .div_To .div_content .div_btn{ text-align:center; padding:30px 0;} .div_To .div_content .btn{ display:inline-block; width:283px; height:56px; background:url(/Templates/default/images/Recruitment/bg50.jpg) no-repeat center top; color:#fff; font-size:1.5em; line-height:56px; text-align:center; } .Candidates_Guide{ padding-bottom:136px;} .Candidates_Guide .Recruitment_title{ text-align:right; overflow:hidden;} .Candidates_Guide .Recruitment_title .cn{ color:#fff;} .Candidates_Guide .Recruitment_title .en{ color:#3383c4;} .Candidates_Guide .Recruitment_title .span_line{background:#3383c4; float:right;} .Candidates_Guide_content{ margin-top:60px;} .Candidates_Guide_content .divCheng{ background:url(/Templates/default/images/Recruitment/bg33.png) no-repeat center top; width:100%; height:188px;} .Candidates_Guide_content .divCheng .div{ padding-top:32px; overflow:hidden;} .Candidates_Guide_content .divCheng .div span{ float:left; display:inline-block; text-align:center; width:173px; font-size:1.5em; color:#fff;} .Candidates_Guide_content .divCheng .div .span1{ margin-right:83px;} .Candidates_Guide_content .divCheng .div .span2{ margin-right:82px;} .Candidates_Guide_content .divCheng .div .span3{ margin-right:84px;} .Candidates_Guide_content .divCheng .div .span4{ margin-right:83px;} .Candidates_Address{ padding-bottom:95px;} .Candidates_Address .Recruitment_title .en{ color:#e69e2c;} .Candidates_Address .Recruitment_title .span_line{background:#e69e2c;} .Candidates_Address .MapList{ overflow:hidden; padding-top:72px;} .Candidates_Address .MapList .TabList{position: relative; float:right; width:425px; height:466px; border:#e1e1e1 1px solid; background:#fff;} .Candidates_Address .MapList .TabList ul li{ padding:0 30px;} .Candidates_Address .MapList .TabList ul li .span{ display:block; font-size:1.5em; color:#666; background:url(/Templates/default/images/Recruitment/bg34.jpg) no-repeat right center; cursor:pointer; line-height: 53px; border-bottom:#bcbcbc 1px dotted;} .Candidates_Address .MapList .TabList ul li .cont{ display:none;} .Candidates_Address .MapList .TabList ul li .cont dd{ font-size:1.167em; color:#fff;} .Candidates_Address .MapList .TabList ul li.on { background:#e9a12d;} .Candidates_Address .MapList .TabList ul li.on .span{ color:#fff; border-bottom:0;background:url(/Templates/default/images/Recruitment/bg35.jpg) no-repeat right center;} .Candidates_Address .MapList .TabList ul li.on .cont{ display:block;padding-bottom: 10px;} .Candidates_Address .MapList .BanList{ position:relative; border:#c1c1c1 1px solid; width:756px; height:466px; overflow:hidden;} .Candidates_Address .MapList .BanList .box{ position:absolute; left:-760px; top:0; width:756px; height:466px;} .Candidates_Address .MapList .BanList .box #allmap1,.Candidates_Address .MapList .BanList .box #allmap2,.Candidates_Address .MapList .BanList .box #allmap3,.Candidates_Address .MapList .BanList .box #allmap4,.Candidates_Address .MapList .BanList .box #allmap5{ width:100%; height:466px;} .Candidates_Address .MapList .TabList .btn_other{display: block;position: absolute; bottom: 0; width: 100%;line-height: 50px;text-indent: 30px;background-color: #E9A12D;font-size: 18px;text-align: center;color: #FFF;} .Recruitment_Guide{ padding-bottom:116px;} .Recruitment_Guide .Recruitment_title{ text-align:right; overflow:hidden;} .Recruitment_Guide .Recruitment_title .en{ color:#e69e2c;} .Recruitment_Guide .Recruitment_title .span_line{background:#e69e2c; float:right;} .Recruitment_Guide .Recruitment_Guide_content{ width:100%;} .Recruitment_Guide .Recruitment_Guide_content .cont{ width:100%; height:645px; position:relative; background:url(/Templates/default/images/Recruitment/bg37.png) no-repeat center bottom; margin-top: 20px;} .Recruitment_Guide .Recruitment_Guide_content .cont .span1,.Recruitment_Guide .Recruitment_Guide_content .cont .span2,.Recruitment_Guide .Recruitment_Guide_content .cont .span3{ display:inline-block; width:56px; font-size:1.5em; color:#fff; position:absolute;} .Recruitment_Guide .Recruitment_Guide_content .cont .span1{top:188px; left:681px;} .Recruitment_Guide .Recruitment_Guide_content .cont .div_brief_1{ position:absolute; top:5px; left:375px; width:420px; font-size:1.167em; text-align:right; color:#9ed23e;} .Recruitment_Guide .Recruitment_Guide_content .cont .span2{top:310px; left:415px; color:#9ed23e;} .Recruitment_Guide .Recruitment_Guide_content .cont .div_brief_2{ position:absolute; top:390px; left:0px; width:355px; font-size:1.167em; text-align:right; color:#fff;} .Recruitment_Guide .Recruitment_Guide_content .cont .span3{top:412px; right:338px; } .Recruitment_Guide .Recruitment_Guide_content .cont .div_brief_3{ position:absolute; top:206px; right:0px; width:300px; font-size:1.167em; text-align:right; color:#e69e2c;} .Employee_benefits{ padding-bottom:80px;} .Employee_benefits .Recruitment_title .cn{ color:#fff;} .Employee_benefits .Recruitment_title .en{ color:#b97911;} .Employee_benefits .Recruitment_title .span_line{background:#b97911;} .Employee_benefits .Employee_benefits_content{ padding-top:140px;} .Employee_benefits .Employee_benefits_content ul{ overflow:hidden; width:100%; padding-bottom:53px;} .Employee_benefits .Employee_benefits_content li{ width:173px; height:173px; padding:3px 6px 10px 3px; position:relative; z-index:5; text-align:center; overflow:hidden; float:left; cursor:pointer; position:relative; margin-right:20px;} .Employee_benefits .Employee_benefits_content li .bg{background:url(/Templates/default/images/Recruitment/bg38.png) no-repeat center top; position:absolute; left:0; top:0; width:182px; height:186px; z-index:10;} .Employee_benefits .Employee_benefits_content li span{ display:block; font-size:1.5em; color:#fff; padding-top:30px; padding-bottom:20px;} .Employee_benefits .Employee_benefits_content li .img{ width:79px; height:75px; position:absolute; left:50%; margin-left:-39px; bottom:30px;} .Employee_benefits .Employee_benefits_content li .p{ display:none;} .Employee_benefits .Employee_benefits_content li .div1{ background:url(/Templates/default/images/Recruitment/bg39.jpg) repeat left top; width:100%; height:100%; position:relative; z-index:2;} .Employee_benefits .Employee_benefits_content li .div2{ background:#6ad377; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div3{ background:#e78361; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div4{ background:#7ca8e7; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div5{ background:#8ece3a; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div6{ background:#e78361; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div7{ background:#3acec5; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div8{ background:#8ece3a; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div9{ background:#e49a2d; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li .div10{ background:#6ad377; width:100%; height:100%;} .Employee_benefits .Employee_benefits_content li.on{ width:377px;} .Employee_benefits .Employee_benefits_content li.on .bg{ width:386px; background:url(/Templates/default/images/Recruitment/bg36.png) no-repeat center top;} .Employee_benefits .Employee_benefits_content li.on span,.Employee_benefits .Employee_benefits_content li.on .p{ float:right; width:220px; text-align:left; margin-right:23px;} .Employee_benefits .Employee_benefits_content li.on span{} .Employee_benefits .Employee_benefits_content li.on .img{ position:absolute; left:60px; bottom:50%; margin-bottom:-32px;} .Employee_benefits .Employee_benefits_content li.on .p{ display:block; font-size:1.167em; color:#fff; } /*人才招聘*/ /*质量管理*/ .divQuality{font-size: 14px; line-height: 30px; padding: 0px 15px;} /*质量管理*/ /*建站优势*/ .station_ban{ height:459px;} .station_fixed a{ color:#fff;} .station_fixed li{ list-style:none;} /*.station_fixed a{ display:block; width:140px; height:52px; background:url(/Templates/default/images/station_fixed_bg.png) no-repeat left top; font-size:18px; text-align:center; color:#fff; line-height:52px; margin:1px 0;} .station_fixed a:hover{ background-position:left bottom;}*/ .station_nav{ padding:29px 0; text-align:center; position:relative;} .station_nav ul{ position:relative; z-index:2; text-align:center; overflow:hidden;} .station_nav ul li{ display:inline-block; background:#fff; padding:0 4px;} .station_nav ul li a{ display:block; width:200px; height:50px; background:url(/Templates/default/images/station22.png) no-repeat center top; font-size:18px; color:#fff; line-height:50px;} .station_nav ul li a:hover,.station_nav ul li.on a{ background-position:center bottom; font-weight:bold;} .station_nav_bg{ height:1px; position:absolute; left:0; top:50%; width:100%; background:#e6e6e6; z-index:1;} .station{ margin:28px auto 80px; width:1200px; overflow:hidden;} .station .station_title{ text-align:center; font-size:48px; line-height:117px; color:#31548e; padding-bottom:27px;} .station .station_list{ height:650px; background:url(/Templates/default/images/station_bg.jpg) no-repeat center top; position:relative;} .station .station_list li{ position:absolute;} .station .station_list li a{ font-size:18px; line-height:24px; font-weight:bold; color:#31548e;} .station .station_list li a:hover{ color:#f69803;} .station .station_list li dl{ overflow:hidden; padding-top:10px; line-height:20px;} .station .station_list li dt{ float:left; padding:0 15px 0 10px; background:url(/Templates/default/images/station_list_dt_03.jpg) no-repeat left center;} .station .station_list .li1{ top:14px; left:474px; width:293px;} .station .station_list .li1 dt{ width:116px;} .station .station_list .li2{ left:56px; top:61px; width:284px;} .station .station_list .li2 dt{ width:116px;} .station .station_list .li3{ top:65px; width:217px;} .station .station_list .li3 dt{ width:116px; float:right;} .station .station_list .li4{ top:220px; width:273px;} .station .station_list .li4 dt{ width:210px;} .station .station_list .li5{ top:226px; width:273px;} .station .station_list .li6{ top:377px; width:220px;} .station .station_list .li6 dt{ width:84px;} .station .station_list .li7{ top:387px; width:300px;} .station .station_list .li7 dt{ width:124px;} .station .station_list .li8{ top:570px; width:330px;} .station .station_list .li8 dt{ width:86px;} .station .station_list .li9{ top:590px; width:220px;} .station .station_list .li2,.station .station_list .li4,.station .station_list .li6,.station .station_list .li8{ left:56px;} .station .station_list .li3,.station .station_list .li5,.station .station_list .li7,.station .station_list .li9{ text-align:right; right:57px;} .station .station_list .li3 dt,.station .station_list .li5 dt,.station .station_list .li7 dt,.station .station_list .li9 dt{ padding:0 10px 0 15px; text-align:right; background-position:right center;} .station_bg{ background:url(/Templates/default/images/station_bg_02.jpg) no-repeat center top;} .station_info_ban{ height:250px;} .station_info_title{ padding:62px 0 55px; font-size:48px; color:#000; text-align:center;} .station1{ width:1200px; margin:0 auto;} .station1 .list li{ float:left; border:1px solid #e6e6e6; border-radius:2px; width:511px; padding:40px 35px 0 27px; height:148px; margin:0 40px 38px 0;} .station1 .list li .img{ float:left; width:70px; height:69px;} .station1 .list li .img img{ width:70px; height:69px;} .station1 .list li .txt{ float:right; width:410px; line-height:28px; font-size:14px;} .station1 .list li .txt b{ font-size:22px; color:#ffa800; font-weight:normal; display:block;} .station1 .list li.li2,.station1 .list li.li4{ margin-right:0;} .station2{ width:1200px; margin:0 auto; font-size:14px; line-height:28px;} .station2 b.b{ color:#ffa800; font-size:16px;} .station2 .list{ overflow:hidden; padding-bottom:30px;} .station2 .list a{ float:left; width:118px; height:58px; border:1px solid #e8e8e8; margin:0 10px 10px 0;} .station3{ width:1200px; margin:0 auto 80px; font-size:14px; line-height:28px;} .station3 .list{ overflow:hidden;} .station3 .list li{ float:left; width:333px; text-align:center; background:url(/Templates/default/images/station3_bg_03.png) no-repeat right center;} .station3 .list .title{ padding:24px 0 14px; color:#ffa800; font-size:22px;} .station3 .list .txt{ text-align:left;} .station3 .list .li1{ padding-right:50px;} .station3 .list .li2{ padding:0 50px;} .station3 .list .li3{ padding-left:50px; background:none;} .station4{ width:1200px; margin:0 auto 80px; font-size:14px; line-height:28px;} .station4 p{ text-indent:2em; margin:0;} .station5{ width:1140px; margin:0 auto 80px; font-size:14px; line-height:28px;} .station5 b.b{ color:#ffa800; font-size:22px; display:block; font-weight:normal;} .station6{ font-size:14px; line-height:28px; padding-bottom:70px;} .station6 .con{ width:1140px; margin:0 auto;} .station6 b.b{ font-size:24px; color:#ffa800; font-weight:normal;} .station6 .con2_bg{ background:#f5f6f7; margin:20px 0;} .station6 .con2{ padding:25px 0;} .station6 .con2 .list li{ float:left; width:308px; height:136px; border-radius:5px; border:1px solid #e5e5e5; padding:30px 24px 0; margin:0 0 25px 33px;} .station6 .con2 .list b{ color:#31548e;} .station6 .con2 .list .li1{ margin-left:0;} .station6 .con3 strong.b{ font-size:16px; color:#31548e;} .station7{ width:1140px; margin:0 auto; font-size:14px;} .station7 .list{ padding-top:60px;} .station7 .list li{ float:left; background:url(/Templates/default/images/station3_bg_03.png) no-repeat left center;} .station7 .list li.li1{ background:none; width:250px;} .station7 .list li.li2{ padding-left:78px; width:280px;} .station7 .list li.li3{ padding-left:69px; width:204px;} .station7 .list li.li4{ padding-left:75px; width:183px;} .station7 .list .title{ font-size:22px; color:#ffa800; padding-bottom:25px;} .station7 .list dt{ line-height:30px;} .station8{ width:1140px; margin:0 auto 20px; font-size:14px; line-height:28px;} .station8 .list{ padding-top:35px; font-size:16px;} .station8 .list li{ float:left; width:242px; text-align:center; margin:0 57px 30px 0;} .station8 .list li img{ border:3px solid #e8e8e8;} .site_revision{ padding-bottom:70px; width:1200px; margin:0 auto;} .site_revision_tab{ overflow:hidden;} .site_revision_tab li{ float:left; width:117px; padding-right:16px;} .site_revision_tab li a{ display:block; width:117px; height:117px; background:url(/Templates/default/images/site_revision_tabbg.jpg) no-repeat center top;} .site_revision_tab li:hover a,.site_revision_tab .onmenu a{ background-position:center bottom;} .site_revision_tab li span{ display:block; font-size:14px; line-height:20px; padding:12px 0 0 12px;} .site_revision_tab li:hover span,.site_revision_tab .onmenu{ color:#ca9a07; font-weight:bold;} .site_revision_title{ text-align:center; padding:67px 0 36px; font-size:48px;} .site_revision_list{ width:1180px; overflow:hidden; margin:0 auto; color:#fff;} .site_revision_list .l{ width:73px; height:417px; background:#b25d16; font-size:31px; font-weight:bold; line-height:40px; text-align:center; padding-top:80px; float:left;} .site_revision_list .ul{ float:left; width:1107px; height:497px;} .site_revision_list .ul .li .div{ text-align:center; padding-top:47px; width:72px; font-size:18px; position:absolute; left:0; top:0; line-height:18px; cursor:pointer; height:450px; z-index:2;} .site_revision_list .ul .li .div img{ margin-bottom:20px;} .site_revision_list .ul .li{ padding:50px 0 0; width:72px; height:447px; position:relative; font-size:18px; line-height:32px; float:left;} .site_revision_list .ul .num{ font-size:132px; position:absolute; left:0; bottom:0; line-height:104px; opacity:0.2; filter:alpha(opacity=20); width:72px; text-align:center;} .site_revision_list .ul .txt{ display:none;} .site_revision_list .ul .on .div{ display:none;} .site_revision_list .ul .li .td1{ width:175px; padding:0 30px 0 35px;} .site_revision_list .ul .li .td2{ width:490px;} .site_revision_list .ul .li .title{ font-size:31px; font-weight:bold; line-height:38px;} .site_revision_list .ul .li .title span{ display:block; font-size:24px; padding-bottom:10px;} .site_revision_list .ul .on .txt{ display:block;} .site_revision_list .ul .li1{ background:#f58700; width:815px;} .site_revision_list .ul .li2{ background:#dfb406;} .site_revision_list .ul .li3{ background:#5a8905;} .site_revision_list .ul .li4{ background:#4097a0;} .site_revision_list .ul .li5{ background:#2178a3;} .whole_ban{ height:460px;} .whole{ font-size:14px; line-height:24px;} .whole .title{ font-size:48px; position:relative; text-align:center; font-weight:bold; padding-top:45px;} .whole .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-size:30px;} .whole .title em{ display:inline-block; width:79px; height:3px;} .whole .con1_bg{ height:1166px; position:relative;/* background:url(/Templates/default/images/whole_con1_bg.jpg) no-repeat center bottom;*/ background:#fff; height:685px; background:url(/Templates/default/images/whole_bg1_03.jpg) no-repeat center bottom;} .whole .con1_bg .con1{ width:1200px; margin:0 auto; height:605px; position:relative;} .whole .con1_bg .con1 .title b{ color:#adda4c; font-family:arial;} .whole .con1_bg .con1 .title em{ background:#ffa800;} .whole .con1_bg .con1 .txt{ padding-top:34px; color:#555557; width:900px; margin:0 auto; text-align:center;} .whole .con1_bg .con1 .list{ /* background:url(/Templates/default/images/whole_con1_listbg_03.jpg) no-repeat center center;*/ width:900px; padding-top:43px; margin:0 auto; position:relative;} .whole .con1_bg .con1 .list ul{ position:absolute; left:600px; top:60px; width:440px;} .whole .con1_bg .con1 .list li{ padding-bottom:37px;} .whole .con1_bg .con1 .list li .t{ font-size:24px; font-size:24px; padding-top:5px;} .whole .con1_bg .con1 .list li b.l{ color:#ff6c00; /*text-shadow:1px 1px 0px #78bd21;*/ padding-right:4px;} .whole .con1_bg .con1 .list li b.r{ color:#000; /*text-shadow:1px 1px 0px #a6a6a7;*/ padding-left:4px; font-family:arial;} .whole .con1_bg .con1 .list li p{ margin:0; font-size:12px; line-height:18px; /*text-shadow:1px 1px 0px #a3d146;*/} .whole .con2_bg{ height:650px; background:url(/Templates/default/images/whole_bg2_02.jpg) no-repeat center bottom;} .whole .con2_bg .con1{ height:650px; position:relative; width:1200px; margin:0 auto;} .whole .con2_bg .con1 .title{ color:#fff; padding-top:90px;} .whole .con2_bg .con1 .title b{ color:#516e7d;} .whole .con2_bg .con1 .title em{ background:#4195d4;} .whole .con2_bg .con1 .txt{ float:right; width:541px; padding:65px 34px 0 0; color:#a6a6a7; font-size:14px; line-height:24px; height:326px; background:url(/Templates/default/images/whole_bg3_03.png) no-repeat right top; color:#a8c1cc; margin-top:80px;} .whole .con2_bg .con1 .txt .div1{ font-size:36px; color:#ff7d1e; text-align:right; line-height:1em;} .whole .con2_bg .con1 .txt .div2{ font-size:18px; color:#ff7d1e; text-align:right; line-height:1em; padding:15px 0;} .whole .con2_bg .con1 .img{ position:absolute; left:-59px; bottom:-12px;} .whole .con3_bg{ height:660px; background:url(/Templates/default/images/whole_bg3.jpg) no-repeat center center;} .whole .con3_bg .con{ width:1200px; margin:0 auto; height:660px; position:relative;} .whole .con3_bg .con .title{ padding-top:82px; color:#000;} .whole .con3_bg .con .title b{ color:#cacaca;} .whole .con3_bg .con .txt{ position:absolute; left:168px; top:246px; width:546px; font-size:14px; line-height:30px; display:none;} .whole .con3_bg .con .txt .div1{ color:#ff7d1e; font-size:36px; line-height:1em; padding-bottom:10px;} .whole .con3_bg .con .list{ position:absolute; left:0; bottom:0; width:100%; height:189px;} .whole .con3_bg .con .list li{ position:absolute; font-size:14px; color:#884800; text-align:center; cursor:pointer;} .whole .con3_bg .con .list li span{ display:block; height:80px; margin-bottom:15px;} .whole .con3_bg .con .list .li3 span{ height:100px;} .whole .con3_bg .con .list .li1{ left:104px; top:50px;} .whole .con3_bg .con .list .li1.li span,.whole .con3_bg .con .list .li1:hover span{ background:url(/Templates/default/images/whole_icon1.png) no-repeat center top;} .whole .con3_bg .con .list .li2{ left:328px; top:20px;} .whole .con3_bg .con .list .li2.li span,.whole .con3_bg .con .list .li2:hover span{ background:url(/Templates/default/images/whole_icon2.png) no-repeat center top;} .whole .con3_bg .con .list .li3{ left:536px; top:0;} .whole .con3_bg .con .list .li3.li span,.whole .con3_bg .con .list .li3:hover span{ background:url(/Templates/default/images/whole_icon3.png) no-repeat center top;} .whole .con3_bg .con .list .li4{ right:326px; top:20px;} .whole .con3_bg .con .list .li4.li span,.whole .con3_bg .con .list .li4:hover span{ background:url(/Templates/default/images/whole_icon4.png) no-repeat center top;} .whole .con3_bg .con .list .li5{ right:108px; top:50px;} .whole .con3_bg .con .list .li5.li span,.whole .con3_bg .con .list .li5:hover span{ background:url(/Templates/default/images/whole_icon5.png) no-repeat center top;} .micro_ban{ height:517px;} .micro_bg{ background:url(/Templates/default/images/micro_bg.jpg) no-repeat center top; height:4141px;} .micro .title{ font-size:48px; color:#000; position:relative;} .micro .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-family:arial; font-size:36px;} .micro .title em{ display:inline-block; width:79px; height:3px;} .micro{ width:1200px; margin:0 auto; padding-top:115px; font-size:16px; line-height:32px;} .micro .con1{ height:506px;} .micro .con1 .txt{ float:left; width:606px; color:#fff;} .micro .con1 .txt b{ font-size:18px;} .micro .con1 .img{ float:right;} .micro .con2{ position:relative; height:725px;} .micro .con2 .img{ position:absolute; left:-105px; top:0;} .micro .con2 .img img{ display:none;} .micro .con2 .img .img1{ display:block} .micro .con2 .txt{ float:right; text-align:right; color:#aaa;} .micro .con2 .txt .title b{ color:#eba62a;} .micro .con2 .txt .title em{ background:#eba62a;} .micro .con2 .list{ position:absolute; right:0; bottom:54px; height:400px; width:734px;} .micro .con2 .list .ul{ position:absolute; right:0; bottom:0; height:171px; z-index:3; background:url(/Templates/default/images/micro_img3.jpg) no-repeat;} .micro .con2 .list .ul li{ float:left; width:150px; height:171px; cursor:pointer; position:relative;} .micro .con2 .list .ul li i{ display:none; width:26px; height:19px; position:absolute; left:50%; top:-30px; background:url(/Templates/default/images/micro_con2_jt.jpg) no-repeat; text-indent:999px; overflow:hidden;} .micro .con2 .list .ul .li i{ display:block;} .micro .con2 .list .text{ position:absolute; left:0; bottom:200px; border:1px solid #e8cd78; padding:25px 50px; border-radius:5px; line-height:32px; color:#e1bc3f; text-align:center; background:#fff; display:none;} .micro .con3{ padding-top:140px; height:1575px; position:relative;} .micro .con3 .t .title b{ color:#a0d540;} .micro .con3 .t .title em{ background:#a0d540;} .micro .con3 .t .txt{ color:#aaa; line-height:26px; width:680px; padding-top:33px;} .micro .con3 .t .txt span{ color:#a0d540;} .micro .con3 .t .list{ overflow:hidden; position:relative;} .micro .con3 .t .list .ul li{ float:left; margin:110px 34px 0 0; width:120px; height:36px; text-align:center; padding-top:84px; text-align:center; position:relative; background:url(/Templates/default/images/micro_icon.png) no-repeat left top; cursor:pointer; color:#91d637;} .micro .con3 .t .list .ul li:hover{ color:#fff;} .micro .con3 .t .list .ul li i{ border-width:10px 7px 0; border-style:solid dashed dashed dashed; border-color:#91d637 transparent transparent transparent; position:absolute; left:50%; bottom:-9px; margin-left:-6px; width:0; height:0; display:none;} .micro .con3 .t .list .ul .li i{ display:block;} .micro .con3 .t .list .ul .li2 i{ border-color:#ef972c transparent transparent transparent;} .micro .con3 .t .list .ul .li3 i{ border-color:#4dd2d7 transparent transparent transparent;} .micro .con3 .t .list .ul .li4 i{ border-color:#d7644d transparent transparent transparent;} .micro .con3 .t .list .ul .li5 i{ border-color:#da62c1 transparent transparent transparent;} .micro .con3 .t .list .ul .li6 i{ border-color:#4d9cd7 transparent transparent transparent;} .micro .con3 .t .list .ul .li7 i{ border-color:#4d9cd7 transparent transparent transparent;} .micro .con3 .t .list .ul .li8 i{ border-color:#4d9cd7 transparent transparent transparent;} .micro .con3 .t .list .ul .li9 i{ border-color:transparent transparent #d95ec0 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li10 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li11 i{ border-color:transparent transparent #bfcf3e transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li12 i{ border-color:transparent transparent #21ad63 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li13 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li14 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li15 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li16 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;} .micro .con3 .t .list .ul .li2{ background-position:-120px top; color:#ef972c;} .micro .con3 .t .list .ul .li3{ background-position:-240px top; color:#4dd2d7;} .micro .con3 .t .list .ul .li4{ background-position:-360px top; color:#d7644d;} .micro .con3 .t .list .ul .li5{ background-position:-480px top; color:#da62c1;} .micro .con3 .t .list .ul .li6{ background-position:-600px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li7{ background-position:-720px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li8{ background-position:-840px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li9{ background-position:-960px top; color:#d95ec0;} .micro .con3 .t .list .ul .li10{ background-position:-1080px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li11{ background-position:-1200px top; color:#bfcf3e;} .micro .con3 .t .list .ul .li12{ background-position:-1320px top; color:#4dd78e;} .micro .con3 .t .list .ul .li13{ background-position:-1440px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li14{ background-position:-1560px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li15{ background-position:-1680px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li16{ background-position:-1800px top; color:#4d9cd7;} .micro .con3 .t .list .ul .li1:hover{ background-position:left bottom;} .micro .con3 .t .list .ul .li2:hover{ background-position:-120px bottom;} .micro .con3 .t .list .ul .li3:hover{ background-position:-240px bottom;} .micro .con3 .t .list .ul .li4:hover{ background-position:-360px bottom;} .micro .con3 .t .list .ul .li5:hover{ background-position:-480px bottom;} .micro .con3 .t .list .ul .li6:hover{ background-position:-600px bottom;} .micro .con3 .t .list .ul .li7:hover{ background-position:-720px bottom;} .micro .con3 .t .list .ul .li8:hover{ background-position:-840px bottom;} .micro .con3 .t .list .ul .li9:hover{ background-position:-960px bottom;} .micro .con3 .t .list .ul .li10:hover{ background-position:-1080px bottom;} .micro .con3 .t .list .ul .li11:hover{ background-position:-1200px bottom;} .micro .con3 .t .list .ul .li12:hover{ background-position:-1320px bottom;} .micro .con3 .t .list .ul .li13:hover{ background-position:-1440px bottom;} .micro .con3 .t .list .ul .li14:hover{ background-position:-1560px bottom;} .micro .con3 .t .list .ul .li15:hover{ background-position:-1680px bottom;} .micro .con3 .t .list .ul .li16:hover{ background-position:-1800px bottom;} .micro .con3 .t .list .list_txt{ position:absolute; left:40px; top:270px;} .micro .con3 .t .list .list_txt li{ display:none; font-size:14px; color:#91d637;} .micro .con3 .t .list .list_txt .li2{ color:#ef972c;} .micro .con3 .t .list .list_txt .li3{ color:#4dd2d7;} .micro .con3 .t .list .list_txt .li4{ color:#d7644d;} .micro .con3 .t .list .list_txt .li5{ color:#da62c1;} .micro .con3 .t .list .list_txt .li6{ color:#4d9cd7;} .micro .con3 .t .list .list_txt .li7{ color:#4d9cd7;} .micro .con3 .t .list .list_txt .li8{ color:#4d9cd7;} .micro .con3 .t .list .list_txt .li9{ color:#d95ec0;} .micro .con3 .t .list .list_txt .li10{ color:#4d9cd7;} .micro .con3 .t .list .list_txt .li11{ color:#bfcf3e;} .micro .con3 .t .list .list_txt .li12{ color:#4dd78e;} .micro .con3 .t .list .list_txt .li13{ color:#4d9cd7;} .micro .con3 .t .list .list_txt .li14{ color:#4d9cd7;} .micro .con3 .t .list .list_txt .li15{ color:#4d9cd7;} .micro .con3 .t .list .list_txt .li16{ color:#4d9cd7;} .micro .con3 .t .btn{ display:block; width:342px; height:54px; line-height:54px; text-align:center; background:#a0d540; color:#fff; margin-top:74px; border-radius:5px;} .micro .con3 .b{ padding-top:80px; height:580px; position:relative;} .micro .con3 .b .title{ text-align:right;} .micro .con3 .b .title em{ background:#fff;} .micro .con3 .b .txt{ float:right; width:820px; text-align:right; color:#fff; line-height:26px; padding-top:30px;} .micro .con3 .b .list{ position:absolute; left:0; bottom:90px;} .micro .con3 .b .list ul{ position:absolute; left:0; top:0; padding-top:36px; color:#fff; width:100%;} .micro .con3 .b .list li{ float:left; width:226px; margin-left:17px; text-align:center; line-height:22px;} .micro .con3 .b .list li.li1{ margin:0;} .micro .con4{ padding-top:19px;} .micro .con4 .title b{ color:#4d9cd7;} .micro .con4 .title em{ background:#4d9cd7;} .micro .con4 .btn{ display:block; width:182px; height:54px; line-height:54px; text-align:center; color:#fff; background:#4d9cd7; margin-top:40px; border-radius:5px; margin:30px auto 0;} .micro .con4 .list{ padding-top:35px; position:relative;} .micro .con4 .list li{ float:left; margin-left:26px; width:206px; padding-top:68px;} .micro .con4 .list .li{ width:216px; height:382px; padding:60px 16px 77px 17px; background:url(/Templates/default/images/micro_mobilebg.png) no-repeat;} .micro .con4 .list .li img{ width:216px; height:382px;} .micro .con4 .tab{ position:relative; margin-top:25px;} .micro .con4 .tab .bd{ padding-top:20px;} .micro .con4 .tab .bd .tempWrap{ padding-top:16px !important;} .micro .con4 .tab .bd ul{ overflow:visible !important; text-align:center;} .micro .con4 .tab .bd li{ display:inline-block; width:118px; height:118px; border:1px solid #eee; border-radius:4px; margin:0 55px; position:relative;} .micro .con4 .tab .bd li img{ widows:116px; height:116px; border:1px solid #fff;} .micro .con4 .tab .bd li i{ display:none; width:15px; height:18px; position:absolute; left:50%; top:-16px; background:url(/Templates/default/images/micro_jt.png) no-repeat; margin-left:-7px;} .micro .con4 .tab .bd .on{ border-color:#4d9cd7;} .micro .con4 .tab .bd .on i{ display:block;} .micro .con4 .tab .bd .on img{ border-color:#4d9cd7;} .micro .con4 .tab .prev,.micro .con4 .tab .next{ display:block; width:47px; height:49px; position:absolute; top:50%; margin-top:-25px;} .micro .con4 .tab .prev{ left:-77px; background:url(/Templates/default/images/micro_prev.jpg) no-repeat;} .micro .con4 .tab .next{ right:-77px; background:url(/Templates/default/images/micro_next.png) no-repeat;} .mobile_station_ban{ height:518px;} .mobile_station .con{ width:1200px; margin:0 auto; height:750px; position:relative; font-size:14px; line-height:22px;} .mobile_station .title{ font-size:48px; padding:70px 0 65px; text-align:center;} .mobile_station .title em{ display:inline-block; width:88px; height:3px; position:relative; top:20px;} .mobile_station .con1_bg{ background:#f7f7f7;} .mobile_station .con1 .txt{ float:left; width:585px; padding-top:185px; font-size:14px; line-height:30px;} .mobile_station .con1 .txt .t{ font-size:48px; color:#ffa800; line-height:1em; padding-bottom:80px;} .mobile_station .con1 .txt .b{ padding-top:30px;} .mobile_station .con1 .img{ float:right; padding-top:88px;} .mobile_station .con2_bg{ background:url(/Templates/default/images/mobile_station_bg2.jpg) no-repeat center center; color:#fff;} .mobile_station .con2_bg .title em{ background:#fff;} .mobile_station .con2 .list{ padding-top:60px;} .mobile_station .con2 .list li{ float:left; width:260px; padding:50px 60px 0 80px; height:160px;} .mobile_station .con2 .list .t{ font-size:24px; color:#ffa800; text-align:center; padding-bottom:10px;} .mobile_station .con3_bg{ background:#f7f7f7;} .mobile_station .con3 .title{ color:#404040;} .mobile_station .con3 .title em{ background:#404040;} .mobile_station .con3 .list{ width:1200px; height:505px; background:url(/Templates/default/images/mobile_station_bg3.jpg) no-repeat center center; position:relative;} .mobile_station .con3 .list li{ position:absolute; font-size:13px; color:#666;} .mobile_station .con3 .list li .t{ font-size:24px; color:#30548e; padding-bottom:10px;} .mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li3{ left:34px;} .mobile_station .con3 .list li.li4,.mobile_station .con3 .list li.li5,.mobile_station .con3 .list li.li6{ right:33px; text-align:right;} .mobile_station .con3 .list li.li1,.mobile_station .con3 .list li.li4{ top:72px;} .mobile_station .con3 .list li.li2,.mobile_station .con3 .list li.li5{ top:248px;} .mobile_station .con3 .list li.li3,.mobile_station .con3 .list li.li6{ top:427px;} .mobile_station .con4_bg{ background:#feac0e url(/Templates/default/images/mobile_station_bg4.jpg) no-repeat center center;} .mobile_station .con4 .img{ position:absolute; left:0; top:167px;} .mobile_station .con4 .txt{ float:right; width:774px; font-size:24px; line-height:36px; color:#2b1c00; padding-top:180px;} .mobile_station .con4 .txt .t{ font-size:48px; color:#fff; padding-bottom:45px;} .mobile_station .con5{ background:url(/Templates/default/images/mobile_station_bg5.jpg) no-repeat right 167px;} .mobile_station .con5 .txt{ padding-top:185px; width:1000px;} .mobile_station .con5 .txt .t{ font-size:48px; color:#ffa800; padding-bottom:70px;} .mobile_station .con5 .txt li{ float:left; width:322px; padding-left:31px; font-size:16px; line-height:34px; height:34px; color:#333; background:url(/Templates/default/images/mobile_station_libg_03.jpg) no-repeat left center;} .mobile_station .con5 .txt li.li{ background:none;} .mobile_station .con6_bg{ background:#ffa800;} .mobile_station .con6 .title{ color:#fff;} .mobile_station .con6 .title em{ background:#fff;} .mobile_station .con6 .box{ height:520px; position:relative;} .mobile_station .con6 .box .prev,.mobile_station .con6 .box .next{ display:block; width:48px; height:74px; position:absolute; top:200px;} .mobile_station .con6 .box .prev{ background:url(/Templates/default/images/mobile_station_prev.jpg) no-repeat; left:-58px;} .mobile_station .con6 .box .next{ background:url(/Templates/default/images/mobile_station_next.jpg) no-repeat; right:-58px;} .mobile_station .con6 .box .bd{ overflow:hidden;} .mobile_station .con6 .box .bd li{ float:left; width:240px; text-align:center; margin-right:80px;} .mobile_station .con6 .box .bd li .img{ width:200px; height:358px; padding:53px 19px 47px 21px; background:url(/Templates/default/images/mobile_station_libg2.jpg) no-repeat center center; margin-bottom:15px;} .mobile_station .con6 .box .bd li .name{ font-size:16px; font-weight:bold; color:#4c3300;} /*建站优势*/ /*技术开发*/ .technology_ban{ height:518px} .technology{ position:relative; margin:55px auto; width:1200px; height:890px; font-size:14px;} .technology .technology_s{ height:890px; width:9px; position:absolute; left:50%; margin-left:-4.5px; background:url(/Templates/default/images/technology_s.png) no-repeat; z-index:4;} .technology .technology_h{ width:1200px; height:9px; position:absolute; left:0; top:50%; margin-top:-4.5px; background:url(/Templates/default/images/technology_h.png) no-repeat; z-index:5;} .technology .technology_c{ width:415px; height:415px; position:absolute; left:50%; top:50%; margin:-207.5px 0 0 -207.5px; background:url(/Templates/default/images/technology_c.png) no-repeat; z-index:6;} .technology .technology_c_hover{ width:392px; height:392px; padding:10px; background:url(/Templates/default/images/technology_c_hover.png) no-repeat center center; position:absolute; left:50%; top:50%; margin:-206px 0 0 -206px; z-index:7; display:none; text-align:center;} .technology .technology_c_hover .txt{ padding-top:210px; color:#fff; line-height:22px; height:130px;} .technology .technology_c_hover .more{ display:block; width:131px; height:30px; text-align:center; line-height:30px; margin:0 auto; overflow:hidden; text-indent:999px;} .technology .con{ float:left; width:598px; height:443px; border:1px solid #e8e8e6; position:relative; z-index:3; background:#f5f5f5; color:#333;} .technology .con .more{ display:block; width:131px; height:30px; position:absolute; background:url(/Templates/default/images/technology_more.png) no-repeat; display:none;} .technology .con .t{ position:absolute; font-size:20px;} .technology .con .txt{ line-height:22px; position:absolute;} .technology .con .img{ position:absolute;} .technology .con .list{ position:absolute; line-height:30px;} .technology .con .list li{ height:30px; padding-left:40px; background:url(/Templates/default/images/technology_listbg.png) no-repeat left top;} .technology .con:hover .t{ color:#fff;} .technology .con:hover .list li{ background-position:left bottom;} .technology .con:hover .more{ display:block;} .technology .con1 .t{ color:#459ee6; top:33px; left:40px;} .technology .con2 .t{ color:#1fc072; top:33px; right:40px; text-align:right;} .technology .con3 .t{ color:#9423ca; left:40px; top:290px;} .technology .con4 .t{ color:#eb601a; right:40px; top:290px; text-align:right;} .technology .con1 .txt{ top:85px; left:40px; width:490px;} .technology .con2 .txt{ top:85px; right:40px; text-align:right; width:510px;} .technology .con3 .txt{ top:340px; right:40px; width:517px;} .technology .con4 .txt{ top:340px; right:40px; text-align:right; width:496px;} .technology .con1 .img{ top:272px; left:40px;} .technology .con2 .img{ top:218px; right:-5px;} .technology .con3 .img{ top:62px; left:0px;} .technology .con4 .img{ top:74px; right:28px;} .technology .con1:hover{ background:#3e8dd0; color:#fff; border-color:#3e8dd0;} .technology .con2:hover{ background:#45d041; color:#fff; border-color:#45d041;} .technology .con3:hover{ background:#bd41d0; color:#fff; border-color:#bd41d0;} .technology .con4:hover{ background:#fcc904; color:#fff; border-color:#fcc904;} .technology .con1 .list{ left:259px; top:246px;} .technology .con2 .list{ left:223px; top:200px;} .technology .con3 .list{ left:265px; top:61px;} .technology .con4 .list{ left:222px; top:60px;} .technology .con1 .more{ left:40px; top:209px;} .technology .con2 .more{ right:40px; top:165px;} .technology .con3 .more{ left:40px; top:250px;} .technology .con4 .more{ right:40px; top:250px;} .technology .con2,.technology .con3{ border-color:#fff; background:#fff;} .technology_bg{ background:#fff !important; padding-top:42px; font-size:14px; line-height:28px;} .technology_title{ height:1px; text-align:center; position:relative; padding:74px 0; font-size:42px; color:#000; background:url(/Templates/default/images/technology_title.png) no-repeat center center;} .technology_title span{ display:block; position:relative; top:-18px;} .technology_eip_ban{ height:250px;} .technology_eip .con{ width:1140px; margin:0 auto; overflow:hidden;} .technology_eip .con1 .img{ float:right; padding-left:86px;} .technology_eip .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;} .technology_eip .con2 span.t{ color:#ffa800; font-size:24px;} .technology_eip .con2 li{ overflow:hidden; padding:56px 0; background:#f5f6f7;} .technology_eip .con2 li .img{ float:left; padding-left:110px;} .technology_eip .con2 li .txt{ float:right; width:730px; text-align:right; color:#404040;} .technology_eip .con2 li .t{ font-size:24px; color:#31548e; margin-bottom:10px;} .technology_eip .con2 li .t span{ display:inline-block; width:31px; height:28px; text-align:center; line-height:28px; background:url(/Templates/default/images/technology_eip_tbg.png) no-repeat; color:#fff; text-indent:5px; float:right; margin-left:10px;} .technology_eip .con2 .li{ background:#fff;} .technology_eip .con2 .li .img{ float:right; padding:0 110px 0 0;} .technology_eip .con2 .li .txt{ text-align:left; float:left;} .technology_eip .con2 .li .t span{ float:left; margin:0 10px 0 0;} .technology_eip .con3{ padding:35px 0;} .technology_eip .con3 .table{ background:#e5e5e5; width:1138px; border:1px solid #e5e5e5;} .technology_eip .con3 .table .td{ background:#fff; padding:15px 75px;} .technology_eip .con3 .table .tr1 .td{ background:#ffa800; color:#fff;} .technology_eip .con3 .table .td1{ font-size:16px; text-align:center;} .technology_mobi .con{ width:1140px; margin:0 auto; overflow:hidden;} .technology_mobi .con1 .img{ float:right; padding-left:40px;} .technology_mobi .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;} .technology_mobi span.t{ color:#ffa800; font-size:24px;} .technology_mobi .con2{ background:#f5f6f7; margin-top:20px; overflow:hidden; padding-bottom:30px;} .technology_mobi .con2 .list li{ background:url(/Templates/default/images/technology_mobi_listbg_03.jpg) no-repeat 255px center; float:left; padding:20px 118px 0 0; height:142px; width:196px;} .technology_mobi .con2 .list li .img{ text-align:center;} .technology_mobi .con2 .list li .txt{ font-weight:bold; font-size:15px; color:#4c4c4c; line-height:25px; padding-top:5px;} .technology_mobi .con2 .list .li{ padding-right:0; background:none;} .technology_mobi .con3 span.t{ display:block; padding:45px 0 25px;} .technology_mobi .con4_bg{ background:#f5f6f7;} .technology_mobi .con4 span.t{ display:block; padding:45px 0 25px;} .technology_shop span.t{ float:left; color:#ffa800; font-size:24px;} .technology_shop .con{ width:1140px; margin:0 auto; clear:both; font-size:14px; line-height:28px; overflow:hidden;} .technology_shop .con1{ padding-bottom:40px;} .technology_shop .con1 .shop_link{ display:block; margin:0 auto 20px; width:252px; height:52px; text-align:center; line-height:52px; color:#fff; background:url(/Templates/default/images/other_link_bg.png) no-repeat; font-size:20px; border-radius:3px;} .technology_shop .con1 .shop_link span{ font-family:"宋体";} .technology_shop .con2 .con2_bg{ background:#f7f7f7; clear:both; margin-top:10px;} .technology_shop .con2 .p{ margin:0; padding:40px 0 0; text-indent:2em;} .technology_shop .con2 .img{ float:right; padding-left:50px;} .technology_shop .con3{ padding:45px 0 38px;} .technology_shop .con3 span.t{ display:block; float:none;} .technology_shop .con4{ overflow:hidden;} .technology_shop .con4 .table{ padding-bottom:38px;} .technology_shop .con4 .table table{ background:#e5e5e5;} .technology_shop .con4 .table td{ padding:20px 30px; background:#fff;} .technology_shop .con4 .table .tr1 td{ background:#c7dbf1; font-size:16px; font-weight:bold;} .technology_shop .con4 .p{ text-indent:2em; padding-bottom:30px;} .technology_site span.t{ display:block; color:#ffa800; font-size:24px; padding-bottom:20px;} .technology_site .con{ width:1140px; margin:0 auto; overflow:hidden;} .technology_site .con1 .img{ float:right; padding-left:86px;} .technology_site .con1 .txt .p{ text-indent:2em; margin:0; padding:25px 0;} .technology_site .con2_bg{ background:#f5f6f7;} .technology_site .con2 .con{ padding:55px 0;} .technology_site .con2 .con ul{ width:1220px;} .technology_site .con2 li{ float:left; width:610px;} .technology_site .con2 .img{ float:left;} .technology_site .con2 .txt{ float:left; width:425px; padding-left:23px;} .technology_site .con2 .txt .t{ font-size:24px; color:#31548e;} .technology_site .con3 .table{ padding:25px 0;} .technology_site .con3 table{ width:1138px; background:#e5e5e5;} .technology_site .con3 table td{ background:#fff; font-size:16px; padding:20px 70px;} .technology_site .con3 table .tr1 td{ font-weight:bold; color:#fff; background:#ffa400; padding:15px 0; text-align:center;} /*技术开发*/ /*案例*/ .case_ban{ height:459px; position:relative;} .case_ban .bd ul{ height:459px;} .case_ban .bd li{ height:459px; position:absolute; left:0; top:0; width:100%;} .case_ban .img{ position:absolute; left:0; bottom:0; width:100%; height:94px;} .case_list{ width:1200px; margin:0 auto; font-size:16px;} .case_area{ overflow:hidden; margin-top:39px;} .case_area dt{ float:left; width:92px; color:#000; font-weight:bold; padding-top:27px;} .case_area dt em{ padding:0 20px;} .case_area dd{ float:right; width:990px; position:relative; padding-left:110px;} .case_area dd a{ display:block; float:left; background:#e5e5e5 url(/Templates/default/images/case_area.jpg) no-repeat; padding-top:20px; width:101px; height:30px; text-indent:56px; margin:0 0 12px 9px;} .case_area dd a:hover{ color:#fff;} .case_area dd a.all{ background-image:none; position:absolute; left:0; top:0;} .case_area dd .guangzhou{ background-position:0 0;} .case_area dd .guangzhou:hover,.case_area dd .guangzhou.onmenu{ background-position:0 -50px;} .case_area dd .shenzhen{ background-position:-101px 0;} .case_area dd .shenzhen:hover,.case_area dd .shenzhen.onmenu{ background-position:-101px -50px;} .case_area dd .xiamen{ background-position:-202px 0;} .case_area dd .xiamen:hover,.case_area dd .xiamen.onmenu{ background-position:-202px -50px;} .case_area dd .shanghai{ background-position:-303px 0;} .case_area dd .shanghai:hover,.case_area dd .shanghai.onmenu{ background-position:-303px -50px;} .case_area dd .hefei{ background-position:-404px 0;} .case_area dd .hefei:hover,.case_area dd .hefei.onmenu{ background-position:-404px -50px;} .case_area dd .foshan{ background-position:-505px 0;} .case_area dd .foshan:hover,.case_area dd .foshan.onmenu{ background-position:-505px -50px;} .case_area dd .dongguan{ background-position:-606px 0;} .case_area dd .dongguan:hover,.case_area dd .dongguan.onmenu{ background-position:-606px -50px;} .case_area dd .beijing{ background-position:-707px 0;} .case_area dd .beijing:hover,.case_area dd .beijing.onmenu{ background-position:-707px -50px;} .case_area dd .zhongshan{ background-position:-808px 0;} .case_area dd .zhongshan:hover,.case_area dd .zhongshan.onmenu{ background-position:-808px -50px;} .case_area dd .zhuhai{ background-position:-909px 0;} .case_area dd .zhuhai:hover,.case_area dd .zhuhai.onmenu{ background-position:-909px -50px;} .case_area dd .wuhu{ background-position:-1010px 0;} .case_area dd .wuhu:hover,.case_area dd .wuhu.onmenu{ background-position:-1010px -50px;} .case_area dd .wuhan{ background-position:-1111px 0;} .case_area dd .wuhan:hover,.case_area dd .wuhan.onmenu{ background-position:-1111px -50px;} .case_area dd .quanzhou{ background-position:-1212px 0;} .case_area dd .quanzhou:hover,.case_area dd .quanzhou.onmenu{ background-position:-1212px -50px;} .case_area dd .all{ text-indent:37px;} .case_area dd .onmenu{ background-color:#ffa800; color:#fff;} .case_industry{ overflow:hidden;} .case_industry dt{ float:left; width:92px; color:#000; font-weight:bold;} .case_industry dt em{ padding:0 20px;} .case_industry dd{ float:right; width:1090px;} .case_industry .case_industry_all{ float:left; width:116px;} .case_industry .case_industry_all .onmenu{ background-color:#ffa800; color:#fff;} .case_industry dd .all{ display:block; width:100px; height:30px; text-align:center; line-height:30px;} .case_industry .case_industry_other{ float:left; width:974px; line-height:30px;} .case_industry .case_industry_other a{ display:block; float:left; padding:0 32px 0 16px; background:url(/Templates/default/images/case_industry_bg.jpg) no-repeat left center; width:146px;} .case_industry .case_industry_other .onmenu{ color:#ffa800;} .case_list .list{ margin-top:70px;} .case_list .list li{ float:left; width:380px; border-bottom:3px solid #d2d1d1; margin-right:30px; margin-bottom:40px; position:relative;} .case_list .list li .img{ position:relative; width:380px; height:250px; overflow:hidden;} .case_list .list li .img img{ position:absolute; left:50%; top:50%; width:380px; height:250px; margin:-125px 0 0 -190px; max-width:none;} .case_list .list li .img span{ display:block; position:absolute; left:5px; top:5px; width:100%; height:100%; cursor:pointer;} .case_list .list li .title{ height:42px; line-height:42px; padding:0 5px; font-weight:bold; color:#000;} .case_list .list li .categoryname{ height:38px; line-height:38px; padding:0 5px; color:#999;} .case_list .list li .case_list_icon{ position:absolute; width:44px; height:19px; right:8px; bottom:9px;} .case_list .list li .case_list_icon .pc{ display:block; float:left; width:20px; height:19px; background:url(/Templates/default/images/case_list_icon.png) no-repeat left bottom;} .case_list .list li .case_list_icon .mobile{ float:right; display:block; width:11px; height:19px; background:url(/Templates/default/images/case_list_icon.png) no-repeat right center;} .case_list .list .li{ border-color:#ffb119;} .case_list .list .li .img span{ width:370px; height:240px; border:5px solid #ffb119; left:0; top:0;} .case_list .list .li .title{ background:#ffb119;} .case_list .list .li .title a{ color:#fff;} .case_info_banbox{ height:94px; position:relative; z-index:3;} .case_info_banbox .case_info_ban{ height:94px; position:relative; left:0; top:0; width:100%; z-index:4;} .case_info_banbox .case_info_ban .img{ width:100%; height:94px; position:absolute; left:0; top:0; width:100%;} .case_info{ width:100%; max-width:1920px; margin:0 auto; min-width:1200px; overflow:hidden; font-size:14px; position:relative; background:#f2f2f2; min-height:500px;} .case_info .case_fixed{ width:100%; height:10px; max-width:1920px;} .case_info .left{ width:34.8%; position:absolute; height:100%; background:#fff;} .case_info .left .con{ padding:35px 10% 0; position:relative;} .case_info .left .con .b{ position:absolute; left:10%; bottom:5px; width:80%; background:#fff;} .case_info .left .con .title{ font-size:37px; color:#666; line-height:1em; position:relative; padding-bottom:17px; margin-bottom:20px;} .case_info .left .con .title span{ width:71px; height:4px; background:#ffa800; position:absolute; left:0; bottom:0;} .case_info .left .con .txt{ line-height:24px; color:#666; margin-bottom:20px;min-height:400px;} .case_info .left .con .link{ display:block; width:197px; height:48px; border:2px solid #ffa800; text-align:center; line-height:48px; color:#ffa800; font-size:18px; font-weight:bold; margin-bottom:20px;} .case_info .left .con .link span{ padding:0 10px;} .case_info .left .con .case_info_categoryname{ line-height:26px; margin-bottom:24px;} .case_info .left .con .case_info_categoryname span{ display:inline-block; padding:0 22px; background:#e8e8e8;} .case_info .left .con .case_info_return{ display:block; width:122px; height:38px; line-height:38px; text-indent:54px; background:#9f9f9f url(/Templates/default/images/case_info_return.jpg) no-repeat 26px top; font-size:18px; font-weight:bold; color:#fff;} .case_info .left .con .case_info_return:hover{ background-position:26px bottom; background-color:#ffa800;} .case_info .conten{ width:100px; background:#e1e1e1; position:absolute; top:0; height:100%;} .case_info .conten .con{ padding-top:70px;} .case_info .conten .con span{ display:block; width:100%; height:76px; background:url(/Templates/default/images/csae_info_icon.png) no-repeat center top; cursor:pointer;} .case_info .conten .con span.mobile{ background-position:center bottom;} .case_info .conten .con .span{ background-color:#f2f2f2;} .case_info .right{ float:right; width:800px;} .case_info .right .con{ padding:23px 20px 50px 0; display:none;} .case_info .right .con img{ width:100%;} .case_info .right .con.pc { display:block;} .case_info .right .con .tab{ overflow:hidden; padding-bottom:10px;} .case_info .right .con .tab .prev{ float:left; width:50px; height:38px; background:url(/Templates/default/images/case_info_prev.jpg) no-repeat center top;} .case_info .right .con .tab .prev:hover{ background-position:center bottom;} .case_info .right .con .tab .next{ float:right; width:50px; height:38px; background:url(/Templates/default/images/case_info_next.jpg) no-repeat center top;} .case_info .right .con .tab .next:hover{ background-position:center bottom;} .case_info .right .mobile .div{ position:relative; overflow:hidden; margin-bottom:30px;} .case_info .right .mobile .div .case_info_mobilebg1{ position:absolute; left:50%; bottom:0; width:520px; margin-left:-260px;} .case_info .right .mobile .div .case_info_mobilebg1 .img{ width:179px; position:absolute; left:173px; top:56px;} .case_info .right .mobile .div .case_info_mobilebg1_big{ width:636px; margin-left:-318px;} .case_info .right .mobile .div .case_info_mobilebg1_big .img{ width:220px; position:absolute; left:211px; top:68px;} .case_info .right .mobile .div .case_info_mobilebg2{ position:absolute; left:50%; bottom:0; width:500px; margin-left:-250px;} .case_info .right .mobile .div .case_info_mobilebg2 .img{ width:177px; position:absolute; left:156px; top:54px;} .case_info .right .mobile .div .case_info_mobilebg2_big{ width:624px; margin-left:-312px;} .case_info .right .mobile .div .case_info_mobilebg2_big .img{ width:220px; position:absolute; left:195px; top:68px;} /*案例*/ /*关于蓝德*/ .aboutchan_ban{ overflow:hidden; text-align:center; clear:both;} .aboutchan_ban ul{ min-height:306px; width:100% !important;} .aboutchan_ban ul li{ width:100% !important;} .aboutchan{ font-size:14px; line-height:28px;} .aboutchan .con{ width:1200px; margin:0 auto;} .aboutchan .con1 .title{ font-size:48px; color:#ff6c00; line-height:1em; padding:70px 0 50px; position:relative;} .aboutchan .con1 .title em{ position:absolute; left:5px; bottom:27px; width:180px; display:block; height:4px; background:#ff6c00;} .aboutchan .con1 .title span{ font-size:36px; color:#555;} .aboutchan .con1 .txt{ background:url(/Templates/default/images/aboutchan_txtbg.jpg) no-repeat right bottom;} .aboutchan .con1 .txt .c{ width:710px;} .aboutchan .con1 .more{ display:block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(/Templates/default/images/aboutchan_bg1_03.png) no-repeat center top; color:#fff; text-indent:35px; margin:30px 0 0;} .aboutchan .con1 .aboutchan_video{ margin-top:40px; position:relative; width:1200px; height:450px; background:url(/Templates/default/images/aboutchan_con1bg.jpg) no-repeat left top; overflow:hidden;} .aboutchan .con1 .aboutchan_video .img{ position:absolute; left:28px; top:16px;} .aboutchan .con1 .aboutchan_video .list{ width:270px; position:absolute; right:28px; top:16px;} .aboutchan .con1 .aboutchan_video li{ width:270px; height:132px; margin-bottom:12px;} .aboutchan .con1 .aboutchan_video li img{ width:270px; height:132px;} .aboutchan .con2{ overflow:hidden; width:1201px;} .aboutchan .con2 .title{ padding:75px 0 20px; font-size:30px; line-height:1em;} .aboutchan .con2 .title .more{ float:right; width:150px; height:40px; line-height:40px; font-size:16px; background:url(/Templates/default/images/aboutchan_bg1_03.jpg) no-repeat center bottom; text-indent:35px;} .aboutchan .con2 .list{ border-top:1px solid #f6f6f6; border-left:1px solid #f6f6f6;} .aboutchan .con2 .list li{ float:left; width:199px; height:130px; border-right:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; text-align:center; padding-top:20px;} .aboutchan .con3 .title{ padding:75px 0 20px; font-size:30px; line-height:1em;} .aboutchan .con3_bg{ height:287px; background:url(/Templates/default/images/aboutchan_con3_bg_02.jpg) no-repeat center 60px; padding:60px 0 124px;} .aboutchan .con3_bg .con{ height:287px; position:relative;} .aboutchan .con3_bg .con .more{ display:block; width:40px; height:40px; background:url(/Templates/default/images/aboutchan_con3more_03.jpg) no-repeat; position:absolute; right:0; top:50%; margin-top:-20px;} .aboutchan .con3_bg li{ position:absolute; padding:18px 4px 18px 18px; width:250px;} .aboutchan .con3_bg li .t{ font-size:30px; color:#ff6c00; padding-bottom:5px;} .aboutchan .con3_bg li .txt{ font-size:12px; line-height:20px;} .aboutchan .con3_bg .li1,.aboutchan .con3_bg .li3,.aboutchan .con3_bg .li5{ top:-60px;} .aboutchan .con3_bg .li2,.aboutchan .con3_bg .li4,.aboutchan .con3_bg .li6{ top:210px;} .aboutchan .con3_bg .li1{ left:20px;} .aboutchan .con3_bg .li3{ left:378px;} .aboutchan .con3_bg .li5{ left:737px;} .aboutchan .con3_bg .li2{ left:200px;} .aboutchan .con3_bg .li4{ left:558px;} .aboutchan .con3_bg .li6{ left:916px;} .aboutchan .con3_bg li:hover{ background:#ff6c00; color:#fff;} .aboutchan .con3_bg li:hover .t{ color:#fff;} .aboutchan .con4{ overflow:hidden; position:relative; max-width:1920px; width:100%; margin:0 auto;} .aboutchan .con4 .bd{ position:relative;} .aboutchan .con4 .bd ul{ float:left;} .aboutchan .con4 li{ float:left; width:16.666%;} /*.aboutchan .con4 .li{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/ .aboutchan .con4 .prev,.aboutchan .con4 .next{ display:block; width:80px; height:80px; position:absolute; top:50%; margin-top:-40px; z-index:333;} .aboutchan .con4 .prev{ background:url(/Templates/default/images/index/bg54.png) no-repeat; left:0;} .aboutchan .con4 .next{ background:url(/Templates/default/images/index/bg55.png) no-repeat; right:0;} .aboutchan .con5{ height:884px;} .aboutchan .con5 .con{ overflow:visible;} .aboutchan .con5 .title{ height:1px; text-align:center; position:relative; padding:100px 0 50px; font-size:48px; color:#000; background:url(/Templates/default/images/technology_title2.png) no-repeat center center;} .aboutchan .con5 .title span{ display:block; position:relative; top:-40px; color:#ff6c00;} .aboutchan .con5 .nav{ text-align:center;} .aboutchan .con5 .nav a{ display:inline-block; width:160px; height:40px; text-align:center; line-height:40px; font-size:16px; background:url(/Templates/default/images/aboutchan_con5bg_03.jpg) no-repeat; margin:0 15px; color:#fff; font-weight:bold;} .aboutchan .con5 .nav a.a{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); color:#555;} .aboutchan .con5 .nav a:hover{ color:#fff;} .aboutchan .con5 .divBox{ width:100%; position:relative; overflow:hidden; height:670px;} .aboutchan .con5 .box{ position:absolute; top:0; left:0; background:#fff; width:100%;} .aboutchan .con5 .box .citylist .divNews{ position:absolute; left:0; top:0; width:4800px;} .aboutchan .con5 .box .citylist .newsList{ width:1200px; float:left;} .aboutchan .con5 .box .citylist .cityBan .newslistTop{ padding-top:47px;} .aboutchan .con5 .box .citylist .cityBan .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:300px; padding:0 30px; text-align:center; background:#fff; margin:0 auto; overflow:hidden; left:50%; margin-left:-180px;} .aboutchan .con5 .box .citylist .cityBan .newslistTop .prev_next .more{ display:inline-block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(/Templates/default/images/aboutchan_bg1_03.jpg) no-repeat center bottom; text-indent:35px; text-align:left; margin-top:5px;} .aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_prev,.aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_next{ display:inline-block; width:50px; height:50px;} .aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_prev{ background:url(/Templates/default/images/index/bg41.png) no-repeat center center; float:left;} .aboutchan .con5 .box .citylist .cityBan .newslistTop .btn_next{ background:url(/Templates/default/images/index/bg42.png) no-repeat center center; float:right;} .aboutchan .con5 .box .citylist .cityBan .newslistTop .div{ border-bottom:#f3f3f3 1px solid;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl{ overflow:hidden; width:540px; float:left; margin-right:120px;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt{ float:left; width:200px; height:150px;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt img{ width:200px; height:150px;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd{ float:right; width:300px;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd .tit{ font-size:16px;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .p{ font-size:14px; color:#888; line-height:20px; margin:10px 0;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more{ display:inline-block; width:80px; line-height:30px; background:url(/Templates/default/images/index/bg52.jpg) no-repeat center top; color:#555; padding-left:20px;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more:hover{background:url(/Templates/default/images/index/bg51.jpg) no-repeat center top; color:#fff;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li{ width:540px; float:left; margin-right:120px; padding:36px 0; border-bottom:#f3f3f3 1px solid;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li .time{ display:inline-block; width:100px; padding:13px 0; background:url(/Templates/default/images/index/bg53.jpg) no-repeat center top; text-align:center;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li .time b{ display:block; font-size:56px; line-height:0.8;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p{ margin:0; width:420px; float:right;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p a{ line-height:3; font-size:16px;} .aboutchan .con5 .box .citylist .cityBan .NewsTopBan ul li p span{ display:block; line-height:20px; color:#888; font-size:14px;} .aboutchan .con6{ background:#282828; padding:119px 0 120px;} .aboutchan .con6 .con{ height:1px; overflow:visible; background:#303030; position:relative;} .aboutchan .con6 .con li{ position:absolute; top:50%; margin-top:-75px; width:150px; height:150px; background-image:url(/Templates/default/images/aboutchan_con6bg_03.png); background-repeat:no-repeat; background-color:#282828; text-align:center; color:#fff; font-size:18px; cursor:pointer;} .aboutchan .con6 .con li .img{ padding:32px 0 17px;} .aboutchan .con6 .con .li1{ background-position:left bottom; left:0; padding-right:67px;} .aboutchan .con6 .con .li2{ padding:0 67px; left:50%; margin-left:-142px; background-position:center bottom;} .aboutchan .con6 .con .li3{ right:0; background-position:right bottom; padding-left:67px;} .aboutchan .con6 .con .li1:hover{ background-position:left top;} .aboutchan .con6 .con .li2:hover{ background-position:center top;} .aboutchan .con6 .con .li3:hover{ background-position:right top;} .about_alertbg{ position:fixed; left:50%; top:50%; width:954px; height:594px; border:4px solid #444; z-index:333333; background:#fff; margin:-300px 0 0 -481px; display:none;} .about_alertbg .close{ position:absolute; right:0; top:0; width:39px; height:39px; display:block; background:url(/Templates/default/images/about_alert_close.jpg) no-repeat;} .about_alertbg .c{ padding:35px 58px 0;} .about_alertbg .c .t{ font-size:36px; padding-bottom:20px;} .about_alertbg .c .t span{ font-size:14px; position:relative; padding-left:30px; top:3px;} .about_alertbg .table{ background:#eee; width:100%;} .about_alertbg .table td{ background:#fff; padding:15px 0; font-size:18px;} .about_alertbg .table .td1{ width:157px; text-align:center; color:#505255;} .about_alertbg .table .td2{ width:660px; padding-left:18px;} .about_alertbg .table .select{ width:340px; height:34px; background:url(/Templates/default/images/ts_bg_03.jpg) no-repeat 314px center; border:1px solid #cdcdcd; line-height:34px; position:relative;} .about_alertbg .table .select span{ display:block; padding-left:11px; height:34px; cursor:pointer;} .about_alertbg .table .select dl{ position:absolute; left:-1px; top:34px; background:#fff; z-index:333; border:1px solid #cdcdcd; width:340px; border-bottom:none; display:none;} .about_alertbg .table .select dl a{ display:block; padding-left:11px; border-bottom:1px solid #cdcdcd;} .about_alertbg .table .text{ width:330px; height:34px; line-height:34px; padding-left:10px; border:1px solid #cdcdcd;} .about_alertbg .table textarea.text{ width:610px; height:160px; padding:10px;} .about_alertbg .table .btn{ display:block; width:160px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-size:18px; background:url(/Templates/default/images/aboutchan_con5bg_03.jpg) no-repeat; margin-top:30px;} .about_menu{ text-align:center; overflow:hidden; height:44px;} .about_menu li{ display:inline-block; margin:0 11px; position:relative; padding:0 16px; font-size:16px;} .about_menu li .left{ display:block; width:16px; height:33px; position:absolute; left:0; top:0; background:url(/Templates/default/images/about_menu_l_03.png) no-repeat;} .about_menu li .right{ display:block; width:16px; height:33px; position:absolute; right:0; top:0; background:url(/Templates/default/images/about_menu_r_03.png) no-repeat;} .about_menu li .cont{ display:block; padding:0 15px; height:33px; line-height:33px; background:url(/Templates/default/images/about_menu_c_03.jpg) repeat-x left top;} .about_menu li .c{ display:block; width:16px; height:14px; background:url(/Templates/default/images/about_menu_b_03.png) no-repeat; position:absolute; left:50%; bottom:-11px; margin-left:-8px;} .about_menu .li .c{ display:none;} .about_menu .li{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} .about_menu .li .left{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} .about_menu .li .right{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} .about_ban{ height:250px;} .about .title{ font-size:28px; color:#000; line-height:1.5em; padding-bottom:20px;} .about .title span{ display:block; width:68px; height:4px; background:#ffa800;} .about .con{ width:1170px; margin:0 auto; font-size:14px; line-height:28px;} .about .con1 .img{ float:right; margin-top: 50px;} .about .con1 .txt{ float:left; width:704px;} .about .con1 .txt .div{ text-indent:2em; padding-bottom:30px; line-height:28px;} .about .con2{ padding:60px 0 50px; position:relative; height:350px;} .about .con2 .txt{ width:523px; padding:40px 0 0 0;} .about .con2 .img{ position:absolute; right:0; bottom:50px;} .about .con3_bg{ background:#f5f5f5;} .about .con3_bg .con3{ padding:40px 0 70px;} .about .con3_bg .con3 .title{ padding-bottom:60px;} .about .con3_bg .con3 .list{ height:346px; position:relative; background:url(/Templates/default/images/about_img3.jpg) no-repeat; font-size:18px; line-height:24px; color:#646464;} .about .con3_bg .con3 .list li{ position:absolute; width:300px;} .about .con3_bg .con3 .list .li1{ left:112px; top:35px;} .about .con3_bg .con3 .list .li2{ left:112px; top:226px;} .about .con3_bg .con3 .list .li3{ left:784px; top:35px;} .about .con3_bg .con3 .list .li4{ left:784px; top:206px;} .horon{ font-size:16px; margin:0 auto; width:1140px; padding-bottom:70px;} .horon li{ float:left; width:242px; padding-right:57px; padding-top:33px;} .horon li .img{ display:block; padding:3px; background:#e8e8e8; width:236px;} .horon li .img img{ width:236px; height:156px;} .horon li .name{ display:block; padding:10px 0; text-align:center; line-height:24px;} .course{ overflow:hidden; width:1140px; margin:0 auto; font-size:14px; line-height:28px;} .course .t_txt{ padding-bottom:35px;} .course .list{ background:url(/Templates/default/images/course_bg_03.jpg) repeat-y 114px top; padding:18px 0 60px; margin-bottom:30px;} .course .list li{ position:relative; padding:5px 0;} .course .list li .l{ position:absolute; left:0; top:50%; width:92px; height:92px; background:url(/Templates/default/images/course_list_bg1_03.jpg) no-repeat left top; margin-top:-46px; font-size:24px; font-weight:bold; text-align:center; line-height:92px; color:#fff;} .course .list li .l .dot{ position:absolute; width:17px; height:23px; right:-32px; top:50%; margin-top:-11.5px; background:url(/Templates/default/images/course_dot_03.jpg) no-repeat;} .course .list li .l .jt{ width:18px; height:32px; position:absolute; right:-64px; top:50%; margin-top:-16px; background:url(/Templates/default/images/course_jt_03.jpg) no-repeat;} .course .list li .r{ float:right; width:924px; min-height:43px; background:#f3f3f3; padding:28px 20px 28px 40px;} .course .list .li .l{ background-position:left bottom;} .contact{ font-size:14px; line-height:24px; width:1140px; margin:0 auto; background:#fff;} .contact .span{ display:block; width:92px; height:92px; background:url(/Templates/default/images/course_list_bg1_03.jpg) no-repeat left bottom; text-align:center; line-height:92px; color:#fff; font-size:24px; margin-bottom:5px; position:relative;} .contact .span:hover{ font-size:16px; font-weight:bold; padding-top:68px; line-height:0; height:24px;} .contact .span:hover span{ display:block;} .contact .span span{ position:absolute; width:100%; height:100%; left:0; top:0; display:none;} .contact .guangzhou span{ background:url(/Templates/default/images/contact/guangzhou.png) no-repeat;} .contact .beijing span{ background:url(/Templates/default/images/contact/beijing.png) no-repeat;} .contact .shanghai span{ background:url(/Templates/default/images/contact/shanghai.png) no-repeat;} .contact .shenzhen span{ background:url(/Templates/default/images/contact/shenzhen.png) no-repeat;} .contact .dongguan span{ background:url(/Templates/default/images/contact/dongguan.png) no-repeat;} .contact .foshan span{ background:url(/Templates/default/images/contact/foshan.png) no-repeat;} .contact .zhongshan span{ background:url(/Templates/default/images/contact/zhongshan.png) no-repeat;} .contact .zhuhai span{ background:url(/Templates/default/images/contact/zhuhai.png) no-repeat;} .contact .xiamen span{ background:url(/Templates/default/images/contact/xiamen.png) no-repeat;} .contact .wuhan span{ background:url(/Templates/default/images/contact/wuhan.png) no-repeat;} .contact .hefei span{ background:url(/Templates/default/images/contact/hefei.png) no-repeat;} .contact .wuhu span{ background:url(/Templates/default/images/contact/wuhu.png) no-repeat;} .contact .nanjing span{ background:url(/Templates/default/images/contact/nanjing.png) no-repeat;} .contact .quanzhou span{ background:url(/Templates/default/images/contact/quanzhou.png) no-repeat;} .contact .table b{ font-weight:bold; color:#ffa800; padding-bottom:3px; display:inline-block;} .contactmap{ position:fixed; width:796px; height:496px; left:50%; top:50%; margin:-250px 0 0 -400px; border:2px solid #000; background:#fff; overflow:hidden; z-index:-99;} .contactmap .clear{ display:block; position:absolute; right:0; top:0; width:39px; height:39px; cursor:pointer; background:url(/Templates/default/images/about_alert_close.jpg) no-repeat; z-index:333;} .contactmap .ul{ width:11144px; height:496px; position:relative;} .contactmap .ul li{ float:left; width:796px; height:496px;} .contactmap #allmap1,.contactmap #allmap2,.contactmap #allmap3,.contactmap #allmap4,.contactmap #allmap5,.contactmap #allmap6,.contactmap #allmap7,.contactmap #allmap8,.contactmap #allmap9,.contactmap #allmap10,.contactmap #allmap11,.contactmap #allmap12,.contactmap #allmap13,.contactmap #allmap14{ width:100%; height:100%;} .news{ width:1140px; margin:0 auto; font-size:14px; color:#999;} .news li{ border:1px solid #e8e8e8; padding-right:24px; margin-bottom:20px;} .news li .img{ float:left; width:266px; height:206px; border-right:1px solid #e8e8e8;} .news li .img img{ width:266px; height:206px;} .news li .time{ float:left; margin:32px 0 0 27px; width:80px; height:104px; background:#acacac; line-height:68px; text-align:center; font-weight:bold; font-size:41px; color:#fff; position:relative;} .news li .time span{ display:block; height:36px; position:absolute; left:0; bottom:0; width:100%; background:#818181; line-height:36px; font-weight:normal; font-size:15px;} .news li .txt{ float:right; width:720px; padding-top:24px; height:182px; position:relative;} .news li .txt .t{ font-size:24px; color:#555;} .news li .txt p{ margin:10px 0 0; line-height:24px;} .news li .txt .more{ position:absolute; right:0; bottom:17px; padding-bottom:4px; background:url(/Templates/default/images/news_more_03.jpg) no-repeat right bottom; color:#eb8710;} .news_info{ font-size:14px; line-height:24px; color:#999; padding:80px 0; width:1140px; margin:0 auto;} .news_info .info_title{ font-size:24px; text-align:center; color:#555; line-height:1em;} .news_info .info_time{ padding:26px 0 3px; text-align:center;} .news_info .info_time em{ padding:0 2em;} .news_info .info_time span{ cursor:pointer; display:inline-block; width:27px; height:25px; border:1px solid #c1c1c1;} .news_info .info_page{ overflow:hidden;} .news_info .info_page a{ float:left; width:50px; height:38px;} .news_info .info_page a.prev{ background:url(/Templates/default/images/case_info_prev.jpg) no-repeat left top;} .news_info .info_page a.next{ background:url(/Templates/default/images/case_info_next.jpg) no-repeat right top; float:right;} .news_info .info_page a:hover{ background-position:left bottom;} .news_info .info_txt{ border:1px solid #e8e8e8; padding:30px 80px 50px 80px; overflow:hidden;} .news_info .info_txt .info_return{ display:block; width:122px; height:38px; overflow:hidden; text-indent:-999px; background:url(/Templates/default/images/news_info_prev_03.jpg) no-repeat left top; margin:20px auto 0;} .news_info .info_txt .info_return:hover{ background-position:left bottom;} .news_info .news_label{ padding:18px 0 60px;} .news_info #bdshare{ float:right;} .news_info #bdshare .name{ float:left;} .news_info .other_news{ overflow:hidden;} .news_info .other_news .con{ float:left;} .news_info .other_news .con .title{ font-size:24px; padding-left:40px; background:url(/Templates/default/images/search_nav_img1_03.png) no-repeat 8px center;} .news_info .other_news .con .list{ width:522px; height:194px; border:1px solid #e8e8e8; margin-top:10px; padding:20px 10px 0 20px; line-height:30px;} .news_info .other_news .con .list li{ overflow:hidden;} .news_info .other_news .con .list li a{ padding-left:13px; background:url(/Templates/default/images/Solution/bg24.png) no-repeat left center;} .news_info .other_news .con .list li span{ float:right;} .news_info .other_news .con.r{ float:right;} .about_business_menu{ width:1140px; margin:0 auto 28px;} .about_business_menu li{ margin:0 15px 0 0;} .about_business_menu li .cont{ padding:0 8px;} .echo li .txt{ width:815px;} .echo li .txt .name{ font-size:24px; position:absolute; right:0; bottom:40px; color:#555;} .search_bg{ background:#fff url(/Templates/default/images/search_bg_02.jpg) no-repeat center top; padding:44px 0 70px; position:relative; z-index:1;} .search .con{ width:1140px; margin:0 auto; font-size:14px; line-height:28px; position:relative;} .search .con1{ position:relative; z-index:999; margin-bottom:24px;} .search .con1 .title{ font-size:30px; color:#555; line-height:1em; padding-bottom:15px;} .search .con1 .c{ height:114px; background:#dfdfdf url(/Templates/default/images/search_bg2_03.jpg) no-repeat 76px center; position:relative;} .search .con1 .c .box{ position:absolute; left:243px; top:29px; width:890px;} .search .con1 .c .text{ position:absolute; left:0; top:0; width:710px; height:45px; border:1px solid #c1c1c1; background:#fff;} .search .con1 .c .text .select{ position:absolute; right:0; top:0; width:111px; height:45px; background:#f5f5f5 url(/Templates/default/images/search_selectbg_03.jpg) no-repeat 82px center; border-left:1px solid #c1c1c1; font-size:16px; line-height:45px;} .search .con1 .c .text .select span{ display:block; cursor:pointer; padding-left:27px;} .search .con1 .c .text .select dl{ position:absolute; left:-1px; top:45px; background:#fff; border:1px solid #c1c1c1; width:111px; display:none;} .search .con1 .c .text .select dl a{ display:block; padding-left:27px;} .search .con1 .c .text input{ height:45px; line-height:45px; padding-left:17px; font-size:16px; color:#555; width:500px;} .search .con1 .c .box .btn{ position:absolute; left:735px; top:0; width:126px; height:47px; text-align:center; line-height:47px; background:#ffa800; font-weight:bold; font-size:16px; color:#fff;} .search .con2_bg{ padding-top:12px; height:77px; background:#f7f7f7; border-top:1px solid #eee;} .search .search_nav{ overflow:hidden;} .search .search_nav a{ display:block; float:left; width:102px; height:77px; padding-left:94px; line-height:77px; font-size:20px; background:#fafafa; margin-right:5px;} .search .search_nav a.onmenu,.search .search_nav a:hover{ background-color:#fff; font-weight:bold;} .search .search_nav #search_news{ background-image:url(/Templates/default/images/search_nav_img1_03.png); background-repeat:no-repeat; background-position:55px center;} .search .search_nav #search_busine{ background-image:url(/Templates/default/images/search_nav_img3_03.png); background-repeat:no-repeat; background-position:55px center;} .search .search_nav #search_case{ background-image:url(/Templates/default/images/search_nav_img2_03.png); background-repeat:no-repeat; background-position:55px center;} .search .search_nav .a{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} .search .search_nav .num{ position:absolute; right:32px; bottom:15px; font-size:14px;} .search .search_nav .num span{ color:#ffa800;} .search .con3{ background:#fff;} .search .con3 .list{ padding:0 32px;} .search .con3 .list ul{ margin-bottom:30px;} .search .con3 li{ padding:30px 0; border-bottom:1px solid #e8e8e8; color:#999;} .search .con3 li .t{ font-size:20px;} .search .con3 li .color{ color:#ffa800;} .search .con3 li .txt{ padding:5px 0 10px;} /*关于蓝德*/ .pagenavi{clear: both;text-align: center;margin-bottom: 50px;color: #999;} .currentPage{ display: inline-block;font-style: normal; font-size: 16px;background: #ffb119;border-color: #d99f14;color: #fff;height: 35px;line-height: 35px;padding: 0 22px;margin-right: 5px;} .pagenavi a{display: inline-block;font-style: normal;border: 1px solid #c1c1c1;font-size: 16px;color: #999;height: 35px;line-height: 35px;padding: 0 22px;margin-right: 5px;} .pagenavi span .text { width: 47px; height: 35px; border: 1px solid #c1c1c1; text-align: center; color: #999; padding: 0; vertical-align: middle; } .pagenavi span .btn { width: 47px; height: 37px; border: 1px solid #c1c1c1; text-align: center; color: #999; line-height: 37px; padding: 0; vertical-align: middle; margin-left: 6px; cursor: pointer; } .case_list .page{clear: both;text-align: center;margin-bottom: 50px;color: #999; width:100%; height:28px; margin-top:20px; margin-top:15px; padding:15px 0px; text-align:center;} .case_list .page li{ width:40px; border:solid 1px #999999; line-height:26px; height:26px; text-align:center; margin-right:5px; display: inline; padding:5px;color:#999999;} .case_list .page li a{ color:#999999;padding:5px;width:40px;} .case_list .page li:hover{ background:#FFB119;padding:5px;width:40px; color:#FFF} .case_list .page a:hover{ background:#FFB119;padding:5px;width:40px; color:#FFF} .news .page{clear: both;text-align: center;margin-bottom: 50px;color: #999; width:100%; height:28px; margin-top:20px; margin-top:15px; padding:15px 0px; text-align:center;} .news .page li{ width:40px; border:solid 1px #999999; line-height:26px; height:26px; text-align:center; margin-right:5px; display: inline; padding:5px;color:#999999;} .news .page li a{ color:#999999;padding:5px;width:40px;} .news .page li:hover{ background:#FFB119;padding:5px;width:40px; color:#FFF} .news .page a:hover{ background:#FFB119;padding:5px;width:40px; color:#FFF} /* FILE ARCHIVED ON 03:02:12 Aug 28, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:49:23 Apr 06, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.988 exclusion.robots: 0.059 exclusion.robots.policy: 0.043 esindex: 0.016 cdx.remote: 9.628 LoadShardBlock: 177.046 (3) PetaboxLoader3.datanode: 79.08 (4) PetaboxLoader3.resolve: 276.218 (3) load_resource: 215.973 */