@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{color:#ff6c00; text-decoration: none} ul,li,p{margin:0px;padding:0px;} a{text-decoration: none;} ul,li{list-style-type:none;} input,button,select,textarea{ outline:none;} textarea{resize:none;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;} .clear{ clear:both; height:0px; overflow:hidden;} .content_wai{ width:100%; } .w1200{ width:1200px; height:auto; margin:0 auto} .yahei{ font-family: "Microsoft Yahei";} .ke_bg{ background:#282828; color:#fff; padding:50px 0px 30px; } .index_pro_more { display: block; width: 228px; height: 38px; line-height: 38px; border: 1px solid #fffade; border-radius: 40px; font-size: 16px; color: #fffade; margin: 30px auto 0 auto; transition:all 0.3s ease-in-out 0s; } .index_pro_more:hover { color: #FFFFFF; background-color: #1a7cc3; } #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;} /*Top*/ .Top{ padding:0 15px; max-width:1890px; margin:0 auto; height:85px; position:relative; z-index:9; background:#fff;} .Top .slide_bg{ position:absolute; left:0; top:85px; background:url(../images/nav_slide_bg1.png) repeat; overflow:hidden; width:100%; height:0; font-size:14px;} .Top .slide{ overflow:hidden; width:100%;} .Top .slide .con{ padding:20px 0 20px; 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; margin:0 auto; max-width:1200px;} .Top .slide1 a{ display:inline-block; padding:16px 0; width:9.5%; text-align:center; border-left:1px solid #f2f2f2; margin:0 auto} /*.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(../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;} .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(../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(../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(../images/bg1.jpg) no-repeat left center; color:#ff6c00;}*/ .Top .slide5{ height:199px;} .Top .slide5 .con{ padding:40px 0; text-align: center;} .Top .slide5 a{ display:inline-block; padding:16px 0; width:150px; text-align:center; border-left:1px solid #f2f2f2;} .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(../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(../images/bg1.jpg) no-repeat left center; color:#ff6c00;} .TopMain{ width:100%; max-width:1200px; margin:0 auto; height:85px} .logo{ float:left; display:inline-block; width:260px; height:65px; background:url(../images/logo.png) no-repeat center top; margin:18px 0;} .MainNav,.Top_Hotline{ float:right;} .Top_Hotline { padding-top:8px; padding-left:200px;} .Top_Hotline .Hotline,.Top_Hotline .a_oa,.Top_Hotline .website_list,.Top_Hotline .SreachBox{ float:left;} .Top_Hotline .Hotline{ background:url(../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(../images/bg2.jpg) no-repeat left 8px;} .Top_Hotline .Hotline b{ background:url(../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(../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(../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(../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:0px;} .MainNav ul li{ float:left;} .MainNav ul li .navA{ color:#555;font:600 16px/150% "微软雅黑"; padding:0 25px 5px; display:inline-block; line-height:40px;} .MainNav ul li .navA:hover,.MainNav ul li.onnav .navA{ color:#ff6c00; border-bottom:3px solid #ff6c00;} /*Top*/ /* 链接列表 */ .link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;} .link-list a span {float:left; margin-right:15px;} .link-list p {} /* 日期块 */ .date-block {float:left; padding:0 10px; width:78px; height:88px; font:bold 14px/15px Arial, Helvetica, sans-serif,'novecento' !important; color:#444; background-color:#fff; text-align:center} .date-block .day {display:block; margin:10px 0 3px 0; font:bold 38px/32px Arial, Helvetica, sans-serif,'novecento' !important; color:#e62b1e; text-align:center} /* 链接块 */ .link-block {border-bottom:1px dotted #ccc; width:580px; float:left; margin-bottom:20px; margin-right:20px;} .link-block a {display:block; padding:24px 24px 24px 0; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;} .link-block a:hover {background-color:#ffffff;} .link-block a:last-child {border-bottom:0 none;} .link-block a .summary {float:left; margin-left:18px; width:420px; height:100%; line-height:18px; color:#746969;} .link-block a h1 {margin-top:0px; line-height:26px;font:bold 16px/15px "微软雅黑","宋体" !important;color:#333;} .link-block a h3 {margin:-4px 0; color:#999;font:12px/15px "微软雅黑","宋体" !important;} .link-block a p {margin-top:8px; height:36px; line-height:18px; color:#746969; overflow:hidden;} /* 底部 */ .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .img-responsive{ width:117px} .foot_bg{ background:#080808; text-align:center; padding:25px 0px 20px; } .foot_nav { width:625px; margin:15px auto; } .foot_nav li{ float:left; line-height:26px; padding:0px 3px; } .foot_nav li a{ color:#fff; } .about_p{ line-height:24px; color:#c5c5c5; } .phone_left{ float:left; line-height:24px; color:#c5c5c5; } .phone_left2{ float:left; line-height:24px; color:#666; font-size:14px; } .title_f1{ font-family:"Arial"; font-size:26px; font-weight:400px; margin-bottom:20px; } .title_f2{ font-family: "微软雅黑"; font-size:16px; font-weight:600px; margin-bottom:20px; } .margin_left15{ margin-left:15px; } .copy_p{ line-height:26px; } /**** 首页案例+新闻 *****/ .wmuSlider { position: relative; overflow: hidden; padding: 10% 0 5% 0; } .wmuSlider .wmuSliderWrapper article { text-align: center; } .wmuSlider .wmuSliderWrapper article img { max-width: 100%; width: auto; height: auto; display: block; } /* Default Skin */ .wmuSliderPagination { z-index: 2; position: absolute; right: 50px; bottom: 55%; } .wmuSliderPagination li { margin: 0 0 10px 0; list-style-type: none; } .wmuSliderPagination a { display: block; text-indent: -9999px; width: 7px; height: 7px; background: none; border: 1px solid #044763; border-radius: 20px; } .wmuSliderPagination a.wmuActive { background: #fff; } .slider_text { width: 50%; margin: 0 auto; text-align: center; } .slider_text h1 { color: #FFF; font-size: 4em; font-weight: 300; } .slider_text h2 { color: #FFF; font-size: 3em; font-weight: 300; margin-bottom: 3%; } .m_1 { position: relative; } .m_1 p { color: #fff; font-size: 1.1em; } span.right_line { height: 3px; width: 40px; display: block; background: url(../images/border.png) no-repeat 0px 0px; position: absolute; right: 194px; bottom: 5px; } span.head { font-weight: bold; } span.left_line { height: 3px; width: 40px; display: block; background: url(../images/border.png) no-repeat 0px 0px; position: absolute; left: 190px; bottom: 5px; } .social { padding-top: 8%; } .social ul li:first-child, ol li:first-child { margin-top: 0px; margin-left: 0; } .social li { background: none; display: inline-block; } li.twitter a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite1.png)no-repeat -26px -320px; } li.twitter a span:hover { background: url(../images/img-sprite1.png)no-repeat -16px -360px; } li.facebook a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite1.png)no-repeat -66px -320px; } li.facebook a span:hover { background: url(../images/img-sprite1.png)no-repeat -66px -359px; } li.google a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite1.png)no-repeat -109px -320px; } li.dribble a span { height: 30px; width: 30px; display: block; background: url(../images/img-sprite1.png)no-repeat -146px -320px; } li.dribble a span:hover { background: url(../images/img-sprite1.png)no-repeat -146px -361px; } .test-monials-grids { background: #f4f7f9; padding: 5% 0; } .col_1_of_3:first-child { margin-left: 0; } .col_1_of_3 { display: block; float: left; margin: 1% 0 1% 3.6%; } .span_1_of_3 { width: 30.9%; text-align: left; } h3.m_2 { text-align: center; font-size: 2em; color: #cf0303; font-weight: 800; text-transform: uppercase; margin-bottom: 1%; } h3.m_2 span { text-align: center; font-size: 1em; color: #666666; font-weight: 600; text-transform: uppercase; margin-bottom: 1%; } .m_3 { text-align: center; position: relative; } span.left_line1 { height: 3px; width: 100px; display: block; background: url(../images/border1.png) no-repeat 0px 0px; position: absolute; left: 40%; bottom: 13px; } span.right_line1 { height: 3px; width: 100px; display: block; background: url(../images/border1.png) no-repeat 0px 0px; position: absolute; right: 40%; bottom: 13px; } i.feather { width: 48px; height: 50px; background: url(../images/img-sprite1.png)-276px -185px; float: left; margin-right: 4%; } i.pencil { width: 48px; height: 50px; background: url(../images/img-sprite1.png)-200px -185px; float: left; margin-right: 4%; } i.megaphone { width: 48px; height: 50px; background: url(../images/img-sprite1.png)-354px -185px; float: left; margin-right: 4%; } .desc { width: 83.5%; float: left; } .desc h4 { color: #1F313F; font-size: 1.3em; font-weight: 600; margin-bottom: 4%; } .desc p { color: #4D606E; font-size: 0.85em; line-height: 1.8em; font-weight: 600; } .box1 { padding: 4% 0; background: #F4F7F9; } /*--works--*/ .works { background: #EFEEEE; padding: 1% 0; } #filters { margin: 3% 0; padding: 0; list-style: none; text-align: center; } #filters li { display: -webkit-inline-box; } #filters li span { display: block; padding: 8px 24px; text-decoration: none; color: #1F313F; cursor: pointer; font-size: 0.9em; font-weight: 700; } #filters li span.active { background: #0FCF8C; color: #FFF; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; } #portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 25%; display: none; float: left; overflow: hidden; } .portfolio-wrapper { overflow: hidden; position: relative !important; cursor: pointer; } .portfolio img { max-width: 100%; /*--position: relative;--*/ transition: all 300ms!important; -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important; display: block; } .portfolio .label { position: absolute; width: 100%; height: 40px; bottom: -40px; } .portfolio .label-bg { background: #22B4B8; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .portfolio .label-text { color: #fff; position: relative; z-index: 500; padding: 5px 8px; } .portfolio .text-category { display: block; font-size: 9px; font-size: 12px; text-transform: uppercase; } /* Self Clearing Goodness */ .containerx:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Strip /*-----------------------------------------------------------------------------------*/ .b-link-stripe { position: relative; display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; font-weight: 300; overflow: hidden; } .b-link-stripe .b-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #ffffff; overflow: hidden; } .b-link-stripe .b-line { position: absolute; top: 0; bottom: 0; width: 20%; background: rgba(0, 0, 0, 0.6); transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; opacity: 0; visibility: hidden; /* lt-ie9 */ } /* lt-ie9 */ .b-link-stripe:hover .b-line { visibility: visible; } .b-link-stripe .b-line1 { left: 0; } .b-link-stripe .b-line2 { left: 20%; transition-delay: 0.1s !important; -moz-transition-delay: 0.1s !important; -ms-transition-delay: 0.1s !important; -o-transition-delay: 0.1s !important; -webkit-transition-delay: 0.1s !important; } .b-link-stripe .b-line3 { left: 40%; transition-delay: 0.2s !important; -moz-transition-delay: 0.2s !important; -ms-transition-delay: 0.2s !important; -o-transition-delay: 0.2s !important; -webkit-transition-delay: 0.2s !important; } .b-link-stripe .b-line4 { left: 60%; transition-delay: 0.3s !important; -moz-transition-delay: 0.3s !important; -ms-transition-delay: 0.3s !important; -o-transition-delay: 0.3s !important; -webkit-transition-delay: 0.3s !important; } .b-link-stripe .b-line5 { left: 80%; transition-delay: 0.4s !important; -moz-transition-delay: 0.4s !important; -ms-transition-delay: 0.4s !important; -o-transition-delay: 0.4s !important; -webkit-transition-delay: 0.4s !important; } .b-link-stripe:hover .b-line { opacity: 1; } /*-----------------------------------------------------------------------------------*/ /* Animation effects /*-----------------------------------------------------------------------------------*/ .b-animate-go { text-decoration: none; } .b-animate { transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; visibility: hidden; font-size: 1.1em; font-weight: 700; color:#FFF } .b-animate img { margin-top: 16%; display: -webkit-inline-box; } /* lt-ie9 */ .b-animate-go:hover .b-animate { visibility: visible; } .b-from-left { position: relative; left: -100%; } .b-animate-go:hover .b-from-left { left: 0; } span.m_4 { font-size: 14px; font-weight: 400; color:#FFF } p.m_5 { margin: 1% auto 1%; width: 70%; color: #283A47; font-size: 1.1em; font-weight: 600; line-height: 1.5em; text-align: center; } .a_box{ background: url(../images/abg.jpg) center center no-repeat #000000; height:320px; padding-top:80px;} .n_box{ background: url(../images/index_06.jpg) left top no-repeat #ececea; height:670px; border-top:1px #DFDFDF solid} .b_box{ background: #FFF; height:570px} .z_box{ background: url(../images/index_21.jpg) center top no-repeat #ececea; height:700px; padding-top:30px;} /*--team--*/ .team { padding: 2% 0 0% 0; width:1200px; margin:0 auto 0px auto } .col_1_of_4:first-child { margin-left: 0; } .span_1_of_4 { width: 22.8%; } .col_1_of_4 { display: block; float: left; margin: 1% 0 1% 2.6%; background: #ececea; } /*--facts--*/ .facts { width: 100%; background: url(../images/2.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-size: 100% 100%; padding: 5% 0; } .view { width: 300px; height: 300px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask, .view .content { width: 300px; height: 300px; position: absolute; overflow: hidden; top: 0; left: 0; } .view h2 { color: #FFF; text-align: left; position: relative; font-size: 1.1em; padding:10px 10px 10px 20px; background: none; margin: 45px 0 0 0; font-weight: 600; } .view p { font-size: 1em; position: relative; color: #FFF; padding: 0px 20px 20px; text-align: left; line-height: 1.5em; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; } .view a.info:hover { background: #E74C3C; } .view-fifth img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } .view-fifth .mask { background-color: rgba(0, 0, 0, 0.9); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth h2 { color: #fff; } .view-fifth p { color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-fifth:hover .mask { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .social_hover { padding: 10% 0 6%; } .social_hover ul li:first-child, ol li:first-child { margin-top: 0px; margin-left: 0; } .social_hover li { background: none; display: inline-block; } li.fb a span { height: 40px; width: 40px; display: block; background: url(../images/img-sprite.png)no-repeat -150px -15px #03B477; } li.tw a span { height: 47px; width: 47px; display: block; background: url(../images/ico2.png) center center no-repeat; } li.g1 a span { height: 40px; width: 40px; display: block; background: url(../images/img-sprite.png)no-repeat -224px -17px #03B477; } .social_hover li:hover { opacity: 0.9; } .grid_desc { padding: 3% 0; } .grid_desc h4 { margin-bottom: 2%; } .grid_desc h4 a { color: #283A47; font-size: 14px; font-weight: 300; text-align:left; padding-left:10px; } .grid_desc h4 a:hover { color: #d00; } .grid_desc p { color: #4D606E; font-size: 0.84em; font-weight: 600; text-align:left; padding-left:10px; } span.left_line2 { height: 3px; width: 100px; display: block; background: url(../images/border2.png) no-repeat 0px 0px; position: absolute; left: 40%; bottom: 13px; } span.right_line2 { height: 3px; width: 100px; display: block; background: url(../images/border2.png) no-repeat 0px 0px; position: absolute; right: 40%; bottom: 13px; } .col_1_of_f:first-child { margin-left: 0; } .col_1_of_f { display: block; float: left; margin: 1% 0 1% 2.6%; text-align: center; } .span_1_of_f { width: 22.8%; } i.clock { width: 145px; height: 143px; background: url(../images/img-sprite1.png)-23px -9px; display: inline-block; } i.users { width: 145px; height: 143px; background: url(../images/img-sprite1.png)-198px -9px; display: inline-block; } i.rocket { width: 145px; height: 143px; background: url(../images/img-sprite1.png)-350px -9px; display: inline-block; } i.cup { width: 145px; height: 143px; background: url(../images/img-sprite1.png)-13px -167px; display: inline-block; } .clock h4 { font-size: 4em; font-weight: 600; color: #fff; } .clock p { font-size: 1.2em; text-transform: uppercase; color: #fff; font-weight: 100; } /*--footer-top--*/ .footer-top { padding: 5% 0 0 0; background: #fff; } .span_2_of_2 { width: 67.1%; } .cont { display: block; float: left; } .span_1_of_2 { width: 29.2%; } .rsidebar { display: block; float: left; } h4.m_8 { color: #283A47; font-size: 1.5em; } .address { margin-top: 5%; } .address p { font-size: 0.85em; font-weight: 600; color: #888; line-height: 1.8em; } .address p span { color: #666; cursor: pointer; } .address p span:hover { text-decoration: underline; } h4.m_9 { color: #000; font-size: 1.7em; font-weight: 600; } .contact-to input[type="text"] { padding: 15px 0px; width: 46.5%; margin: 10px 0 40px; color: #999; background: #FFF; float: left; outline: none; font-size: 0.85em; border-bottom: 1px solid #E0E0E0; border-top: none; border-left: none; border-right: none; font-family: 'Open Sans', sans-serif; } .text2 input[type="text"], .text2 textarea { width: 96.5%; border-bottom: 1px solid #E0E0E0; border-top: none; border-left: none; border-right: none; color: #999; font-family: 'Open Sans', sans-serif; outline: none; resize: none; text-decoration: none; font-size: 0.85em; } .contact-form input[type="submit"] { float: right; cursor: pointer; -webkit-appearance: none; padding: 12px 35px; background: url(../images/img-sprite1.png) -309px -355px; display: inline-block; font-size: 1em; margin-top: 2%; color: #000; -webkit-transition: 0.9s; -moz-transition: 0.9s; -o-transition: 0.9s; transition: 0.9s; font-family: 'Open Sans', sans-serif; border: none; outline: none; } .contact-form input[type="submit"]:hover { color: #0FCF8C; } .social_icons { float: left; } .map { padding-top: 5%; border-bottom: 5px solid #062033; } .social_icons ul li:first-child, ol li:first-child { margin-top: 0px; margin-left: 0; } .social_icons ul li { margin-bottom: 6px; } .social_icons ul li:hover { opacity: 0.7; } li.behance a span { height: 40px; width: 40px; display: block; background: url(../images/img-sprite1.png)no-repeat -200px -320px; } li.tw1 a span { height: 40px; width: 40px; display: block; background: url(../images/img-sprite1.png)no-repeat -246px -320px; } li.dribble1 a span { height: 40px; width: 40px; display: block; background: url(../images/img-sprite1.png)no-repeat -300px -320px; } li.forest a span { height: 40px; width: 40px; display: block; background: url(../images/img-sprite1.png)no-repeat -345px -320px; } li.g2 a span { height: 40px; width: 40px; display: block; background: url(../images/img-sprite1.png)no-repeat -397px -320px; } /*--footer-bottom--*/ .footer-bottom { background: #0FCF8C; padding: 5% 0; } .col_1_of_5:first-child { margin-left: 0; } .col_1_of_5 { display: block; float: left; margin: 1% 0 1% 3.6%; } .span_1_of_5 { width: 21.9%; } p.m_10 { color: #fff; font-size: 0.8125em; line-height: 1.8em; } .f-logo { margin: -4% 0 14% 0; } h5.m_11 { color: #EDFFFB; font-size: 1em; font-weight: 600; margin-bottom: 20%; } .subscribe { position: relative; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border: 2px solid #FFF; width: 90%; margin-bottom: 5%; } .subscribe input[type="text"], .subscribe input[type="submit"] { font-family: 'Open Sans', sans-serif; display: inline-block; border: none; color: #FFF; outline: none; font-size: 0.8125em; -webkit-appearance: none; } .subscribe input[type="text"] { background: none; padding: 9px; width: 82%; } .subscribe input[type="submit"] { position: absolute; top: 6px; right: 6px; background: url('../images/img-sprite1.png') no-repeat -210px -363px; height: 25px; width: 25px; cursor: pointer; } .subscribe input[type="submit"]:hover { background: url('../images/img-sprite1.png') no-repeat -210px -400px; } ul.list { float: left; margin-top: -10px; width: 50%; } ul.list1 { float: right; margin-top: -10px; width: 50%; } ul.list li a { color: #FFF; font-size: 0.8125em; line-height: 2.5em; } ul.list li a:hover, ul.list1 li a:hover { color: #062033; } ul.list1 li a { color: #FFF; font-size: 0.8125em; line-height: 2.5em; } ul.m_11 { border-left: 1px solid #288e80; padding: 0 0 0 10px; margin-top: 26%; } ul.m_11 li { font-size: 0.8125em; color: #fff; line-height: 1.8em; } ul.m_11 li img { vertical-align: middle; } .copy { margin-top: 15%; } .copy p { color: #022B22; font-size: 0.85em; font-weight: 600; } .copy p a { color: #fff; } .copy p a:hover { text-decoration: underline; } #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 48px; height: 48px; border: none; text-indent: 100%; background: url(../images/img-sprite1.png) no-repeat -242px -363px; } /*--single--*/ .single_header-top { background: rgba(12, 39, 40, 0.31); padding: 0 0 10px 0; } .single-top { background: #fff; padding: 5% 0; } .span_2_of_single { width: 66.1%; } .cont1 { display: block; float: left; } .span_2_of_single h3 { font-size: 1.5em; color: #0FCF8C; font-weight: 800; text-transform: uppercase; margin-bottom: 2%; } .span_1_of_single h3 { font-size: 1.5em; color: #0FCF8C; font-weight: 800; text-transform: uppercase; margin-bottom: 5%; } .extra { color: #4D606E; font-size: 0.85em; line-height: 1.8em; font-weight: 600; margin: 10px 0; } .span_2_of_single p { color: #4D606E; font-size: 0.85em; line-height: 1.8em; font-weight: 600; margin: 20px 0; } .links { padding: 10px 0px; border: 1px solid #EEE; border-left: none; border-right: none; margin: 30px 0 50px 0; } .links ul li { display: inline-block; margin-right: 20px; } .links ul li a { color: #4D606E; font-size: 0.85em; padding-left: 10px; font-weight: 600; } .links ul li a:hover { text-decoration: underline; } .comment h2 { font-size: 1.5em; color: #0FCF8C; font-weight: 800; text-transform: uppercase; margin-bottom: 2%; } .comments-area h2 { font-size: 1.5em; color: #0FCF8C; font-weight: 800; text-transform: uppercase; margin-bottom: 2%; } ul.comment-list { border: 1px solid #EEE; padding: 20px; } ul.comment-list img { float: left; width: 7%; margin-right: 20px; } ul.comment-list .desc { float: left; width: 90%; margin: 0; } ul.comment-list .desc h5 a { color: #4D606E; font-size: 0.85em; font-weight: 800; } ul.comment-list .desc h5 a:hover { color: #010B13; } .span_1_of_single { width: 29.2%; } .single_sidebar { display: block; float: left; margin: 0 0 0 4.6%; } ul.sidebar li { list-style-image: url(../images/marker2.png); margin: 0 15px 10px; vertical-align: bottom; } ul.sidebar li a { color: #4D606E; font-size: 0.85em; line-height: 1.8em; font-weight: 600; } ul.sidebar li a:hover { color: #1E3D53; } .extra a { color: #000; } .extra a:hover { color: #555; } .links ul li img { vertical-align: middle; padding-right: 10px; } i.blog_icon1 { width: 25px; height: 25px; background: url(../images/img-sprite1.png)-21px -425px; float: left; } i.blog_icon2 { width: 25px; height: 25px; background: url(../images/img-sprite1.png)-57px -425px; float: left; } i.blog_icon3 { width: 25px; height: 25px; background: url(../images/img-sprite1.png)-94px -425px; float: left; } i.blog_icon4 { width: 25px; height: 25px; background: url(../images/img-sprite1.png)-129px -428px; float: left; } i.blog_icon5 { width: 25px; height: 25px; background: url(../images/img-sprite1.png)-170px -426px; float: left; } .reply a { color: #4D606E; font-size: 0.85em; font-weight: 600; } .reply a:hover { text-decoration: underline; } .comments-area { padding-top: 50px; } .comments-area label { display: block; color: #999; } .comments-area span { color: #0FCF8C; position: absolute; left: 4px; top: 30px; } .comments-area input[type="text"] { padding: 7px 15px; width: 47%; color: #999; font-size: 13px; border: none; background: #F4F7F9; outline: none; display: block; font-family: 'Open Sans', sans-serif; } .comments-area textarea { padding: 7px 15px; width: 70%; color: #999; font-size: 13px; outline: none; height: 100px; display: block; border: none; background: #F1F3F6; font-family: 'Open Sans', sans-serif; } .comments-area p { position: relative; padding: 8px 0; margin: 0; } .comments-area input[type="submit"] { padding: 15px 20px; color: #FFF; background: #0FCF8C; font-size: 1em; font-weight: 600; border: none; outline: none; cursor: pointer; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comments-area input[type="submit"]:hover { background: #555; } .archive { padding: 20px 0; } /*--responsive design--*/ @media (max-width:1366px) { .wrap { width: 90%; } span.left_line { left: 150px; bottom: 8px; } span.right_line { right: 150px; bottom: 8px; } .desc { width: 82.5%; } } @media (max-width:1280px) { .wrap { width: 90%; } span.left_line { left: 120px; bottom: 8px; } span.right_line { right: 120px; bottom: 8px; } .desc { width: 81.5%; } } @media (max-width:1024px) { .wrap { width: 90%; } span.left_line { left: 60px; bottom: 8px; } span.right_line { right: 60px; bottom: 8px; } .slider_text h2 { font-size: 2.4em; } .desc { width: 78.5%; } span.left_line1 { left: 37%; } span.right_line1 { right: 37%; } .b-animate img { margin-top: 4%; } .view { width: 215px; height: 215px; } .view .mask, .view .content { width: 215px; height: 215px; } .view h2 { font-size: 0.85em; } .view p { font-size: 0.8125em; } .social_hover { padding: 4% 0 0 0; } span.left_line2 { left: 37%; } span.right_line2 { right: 37%; } .span_2_of_2 { width: 61.1%; } h4.m_8 { font-size: 1.1em; } ul.comment-list .desc { width: 87%; } .clock h4 { font-size: 3em; } } @media (max-width:768px) { .wrap { width: 90%; } span.left_line { left: 30px; bottom: 8px; width: 30px; } span.right_line { right: 30px; bottom: 8px; width: 30px; } .slider_text h2 { font-size: 1.7em; } .desc { width: 78.5%; } span.left_line1 { left: 32%; } span.right_line1 { right: 32%; } .b-animate img { margin-top: 16%; } .view { width: 300px; height: 300px; } .view .mask, .view .content { width: 300px; height: 300px; } .view h2 { font-size: 1.1em; } .view p { font-size: 1em; } .social_hover { padding: 16% 0 0 0; } span.left_line2 { left: 32%; } span.right_line2 { right: 32%; } .span_2_of_2 { width: 61.1%; } h4.m_8 { font-size: 1.1em; } .menu li a { padding: 10px; } .slider_text h1 { font-size: 3.5em; } .m_1 p { font-size: 0.85em; } .span_1_of_3 { width: 100%; text-align: left; } .col_1_of_3 { margin: 1% 0 1% 0; } .desc h4 { margin-bottom: 10px; } p.m_5 { font-size: 0.89em; } #portfoliolist .portfolio { width: 50%; float: left; } .span_1_of_4 { width: 50%; } .containerx { width: 100%; } .container { width: 100%; } .col_1_of_4 { float: left; margin: 1% 0 1% 0%; } .span_1_of_f { width: 50%; } .col_1_of_f { float: left; margin: 1% 0 1% 0%; } .clock h4 { font-size: 3em; } .clock { margin-top: 0; } .rsidebar { float: none; } .span_1_of_2 { width: 100%; margin-bottom: 4%; } .address { margin-top: 10px; } .span_2_of_2 { width: 90.1%; } .span_1_of_5 { width: 100%; } .co_1_of_5 { float: none; margin: 1% 0 1% 0%; } .f-logo { margin: 0px 0 10px; } h5.m_11 { margin-bottom: 20px; } .copy { margin-top: 20px; text-align: center; } .span_2_of_single { width: 100%; margin-bottom: 20px; } .cont { float: left; } .single_sidebar { float: none; margin: 0; } .span_1_of_single { width: 100%; } .span_1_of_single h3 { margin-bottom: 10px; } .cont1 { float: none; } .col_1_of_5 { float: none; margin: 1% 0 1% 0; } } @media (max-width:640px) { .wrap { width: 90%; } span.left_line { left: 10px; bottom: 8px; width: 30px; } span.right_line { right: 10px; bottom: 8px; width: 30px; } .slider_text h2 { font-size: 1.5em; } .desc { width: 78.5%; } span.left_line1 { left: 27%; } span.right_line1 { right: 27%; } .b-animate img { margin-top: 16%; } .view { width: 300px; height: 300px; } .view .mask, .view .content { width: 300px; height: 300px; } .view h2 { font-size: 1.1em; } .view p { font-size: 1em; } .social_hover { padding: 16% 0 0 0; } span.left_line2 { left: 27%; } span.right_line2 { right: 27%; } .span_2_of_2 { width: 61.1%; } h4.m_8 { font-size: 1.1em; } .menu li a { padding: 10px; } .slider_text h1 { font-size: 2.9em; } .m_1 p { font-size: 0.85em; } .span_1_of_3 { width: 100%; text-align: left; } .col_1_of_3 { margin: 1% 0 1% 0; } .desc h4 { margin-bottom: 10px; } p.m_5 { font-size: 0.89em; } #portfoliolist .portfolio { width: 50%; float: left; } .span_1_of_4 { width: 50%; } .containerx { width: 100%; } .container { width: 100%; } .col_1_of_4 { float: left; margin: 1% 0 1% 0%; } .span_1_of_f { width: 50%; } .col_1_of_f { float: left; margin: 1% 0 1% 0%; } .clock h4 { font-size: 3em; } .clock { margin-top: 0; } .rsidebar { float: none; } .span_1_of_2 { width: 100%; margin-bottom: 4%; } .address { margin-top: 10px; } .span_2_of_2 { width: 90.1%; } .span_1_of_5 { width: 100%; } .co_1_of_5 { float: none; margin: 1% 0 1% 0%; } .f-logo { margin: 0px 0 10px; } h5.m_11 { margin-bottom: 20px; } .copy { margin-top: 20px; text-align: center; } .span_2_of_single { width: 100%; margin-bottom: 20px; } .cont { float: left; } .single_sidebar { float: none; margin: 0; } .span_1_of_single { width: 100%; } .span_1_of_single h3 { margin-bottom: 10px; } h3.m_2 { font-size: 1.5em; } .span_2_of_single h3 { font-size: 1.1em; } .comment h2 { font-size: 1.1em; } .comments-area h2 { font-size: 1.1em; } .span_1_of_single h3 { font-size: 1.1em; } .col_1_of_5 { float: none; margin: 1% 0 1% 0; } } @media (max-width:480px) { .wrap { width: 90%; } span.left_line { left: 10px; bottom: 8px; width: 30px; } span.right_line { right: 10px; bottom: 8px; width: 30px; } .slider_text h2 { font-size: 1em; } .desc { width: 78.5%; } span.left_line1 { left: 21%; } span.right_line1 { right: 21%; } .b-animate img { margin-top: 9%; } .view { width: 300px; height: 300px; } .view .mask, .view .content { width: 300px; height: 300px; } .view h2 { font-size: 1.1em; } .view p { font-size: 1em; } .social_hover { padding: 16% 0 0 0; } span.left_line2 { left: 20%; } span.right_line2 { right: 20%; } .span_2_of_2 { width: 61.1%; } h4.m_8 { font-size: 1em; } .menu li a { padding: 10px; } .slider_text h1 { font-size: 2.2em; } .m_1 p { font-size: 0.85em; } .span_1_of_3 { width: 100%; text-align: left; margin-bottom: 20px; } .desc h4 { margin-bottom: 10px; } p.m_5 { font-size: 0.84em; } #portfoliolist .portfolio { width: 50%; float: left; } .span_1_of_4 { width: 100%; } .containerx { width: 100%; }.container { width: 100%; } .col_1_of_4 { float: none; margin: 1% 0 1% 0%; } .span_1_of_f { width: 50%; } .col_1_of_f { float: left; margin: 1% 0 1% 0%; } .clock h4 { font-size: 2em; } .clock { margin-top: 0; } .rsidebar { float: none; } .span_1_of_2 { width: 100%; margin-bottom: 4%; } .address { margin-top: 10px; } .span_2_of_2 { width: 90.1%; } .span_1_of_5 { width: 100%; } .co_1_of_5 { float: none; margin: 1% 0 1% 0%; } .f-logo { margin: 0px 0 10px; } h5.m_11 { margin-bottom: 10px; } .copy { margin-top: 20px; text-align: center; } .span_2_of_single { width: 100%; margin-bottom: 20px; } .cont { float: left; } .single_sidebar { float: none; margin: 0; } .span_1_of_single { width: 100%; } .span_1_of_single h3 { margin-bottom: 10px; } h3.m_2 { font-size: 1.5em; } .span_2_of_single h3 { font-size: 1.1em; } .comment h2 { font-size: 1.1em; } .comments-area h2 { font-size: 1.1em; } .span_1_of_single h3 { font-size: 1.1em; } .col_1_of_5 { float: none; margin: 0 0 20px 0; } .m_1 { display: none; } .wmuSlider { padding: 4% 0 5% 0; } .desc h4 { font-size: 1.1em; } .desc p { font-size: 0.8125em; } #filters li span { padding: 6px 14px; font-size: 0.8125em; } .b-animate { font-size: 0.85em; } .contact-to input[type="text"] { width: 40.5%; } .text2 input[type="text"], .text2 textarea { width: 88.5%; } ul.m_11 { border-left: none; padding: 20px 0 0 0px; margin-top: 0; } ul.list li a { line-height: 1.8em; } .clock p { font-size: 0.85em; } h4.m_9 { font-size: 1.2em; } .address p { font-size: 0.8125em; } .span_2_of_single p { font-size: 0.8125em; } .links ul li a { font-size: 0.8125em; padding-left: 10px; } ul.sidebar li a { font-size: 0.8125em; } ul.sidebar li { margin: 0 12px 5px; } ul.comment-list { padding: 10px; } ul.comment-list img { float: left; width: 20%; margin-right: 10px; } ul.comment-list .desc { width: 100%; float: none; } } @media (max-width:320px) { .wrap { width: 90%; } span.left_line { left: 10px; bottom: 8px; width: 30px; } span.right_line { right: 10px; bottom: 8px; width: 30px; } .slider_text h2 { display: none; } .desc { width: 77.5%; } span.left_line1 { left: 20%; width: 60px; } span.right_line1 { right: 20%; width: 60px; } .b-animate img { margin-top: 2%; } .view { width: 300px; height: 300px; } .view .mask, .view .content { width: 300px; height: 300px; } .view h2 { font-size: 1.1em; } .view p { font-size: 1em; } .social_hover { padding: 16% 0 0 0; } span.left_line2 { left: 20%; width: 60px; } span.right_line2 { right: 20%; width: 60px; } .span_2_of_2 { width: 61.1%; } h4.m_8 { font-size: 1em; } .menu li a { padding: 5px; font-size: 0.8125em; } .slider_text h1 { font-size: 1.4em; } .m_1 p { font-size: 0.85em; } .span_1_of_3 { width: 100%; text-align: left; margin-bottom: 20px; } .desc h4 { margin-bottom: 10px; } p.m_5 { font-size: 0.84em; } #portfoliolist .portfolio { width: 50%; float: left; } .span_1_of_4 { width: 100%; } .containerx { width: 100%; } .container { width: 100%; } .col_1_of_4 { float: none; margin: 1% 0 1% 0%; } .span_1_of_f { width: 50%; } .span_1_of_f img { width: 45%; } .col_1_of_f { float: left; margin: 1% 0 1% 0%; } .clock h4 { font-size: 1.5em; } .clock { margin-top: 0; } .rsidebar { float: none; } .span_1_of_2 { width: 100%; margin-bottom: 4%; } .address { margin-top: 10px; } .span_2_of_2 { width: 83.1%; } .span_1_of_5 { width: 100%; } .co_1_of_5 { float: none; margin: 1% 0 1% 0%; } .f-logo { margin: 0px 0 10px; } h5.m_11 { margin-bottom: 5px; } .copy { margin-top: 20px; text-align: center; } .span_2_of_single { width: 100%; margin-bottom: 20px; } .cont { float: left; } .single_sidebar { float: none; margin: 0; } .span_1_of_single { width: 100%; } .span_1_of_single h3 { margin-bottom: 10px; } h3.m_2 { font-size: 1.3em; } .span_2_of_single h3 { font-size: 1.1em; } .comment h2 { font-size: 1.1em; } .comments-area h2 { font-size: 1.1em; } .span_1_of_single h3 { font-size: 1.1em; } .col_1_of_5 { float: none; margin: 0 0 20px 0; } .m_1 { display: none; } .wmuSlider { padding: 4% 0 5% 0; } .desc h4 { font-size: 1em; } .desc p { font-size: 0.8125em; } #filters li span { padding: 6px 14px; font-size: 0.8125em; } .b-animate { font-size: 0.8125em; } .contact-to input[type="text"] { width: 37.5%; font-size: 0.8125em; } .text2 input[type="text"], .text2 textarea { width: 88.5%; font-size: 0.8125em; } ul.m_11 { border-left: none; padding: 20px 0 0 0px; margin-top: 0; } ul.list li a { line-height: 1.8em; } .clock p { font-size: 0.8125em; } h4.m_9 { font-size: 1.2em; } .address p { font-size: 0.8125em; } .span_2_of_single p { font-size: 0.8125em; } .links ul li a { font-size: 0.8125em; padding-left: 10px; } ul.sidebar li a { font-size: 0.8125em; } ul.sidebar li { margin: 0 12px 5px; } .logo ul li.line { display: none; } .grid_desc h4 a { font-size: 1em; } ul.comment-list img { width: 20%; margin-right: 10px; } ul.comment-list { padding: 10px; } ul.comment-list .desc { width: 100%; float: none; } .single_header-top { padding: 0 0 0px 0; } .logo { margin-top: 10px; } .contact-to input[type="text"] { padding: 10px 0px; } .span_2_of_2 { width: 86.1%; } } .control-button { /* color: #F00; */ border: 1px solid #C4C5C5; width: 12px; height:12px; border-radius: 20px; } .gallery .control-button:first-of-type, .items-2 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .items-2 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .items-3 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .items-3 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .items-3 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .items-4 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .items-4 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .items-4 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .items-4 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), .items-5 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .items-5 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .items-5 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .items-5 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), .items-5 .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) { color: #062033; background: #d00; } .gallery .item:first-of-type { position: static; opacity: 1; } .gallery .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s; } .gallery .control-operator { display: none; } .gallery .control-operator:target ~ .item { pointer-events: none; opacity: 0; animation: none; } .gallery .control-operator:target ~ .controls .control-button { animation: none; } @keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); } 64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 64.3%, 100% { opacity: 0; } } .items-2.autoplay .control-button { animation: controlAnimation-2 14s infinite; } .items-2.autoplay .item { animation: galleryAnimation-2 14s infinite; } .items-2 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .items-2 .control-button:nth-of-type(1), .items-2 .item:nth-of-type(1) { animation-delay: -2s; } .items-2 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .items-2 .control-button:nth-of-type(2), .items-2 .item:nth-of-type(2) { animation-delay: 5s; } @keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); } 42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5%, 33.3% { opacity: 1; } 42.9%, 100% { opacity: 0; } } .items-3.autoplay .control-button { animation: controlAnimation-3 21s infinite; } .items-3.autoplay .item { animation: galleryAnimation-3 21s infinite; } .items-3 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) { animation-delay: -2s; } .items-3 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) { animation-delay: 5s; } .items-3 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) { animation-delay: 12s; } @keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); } 32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1%, 25% { opacity: 1; } 32.1%, 100% { opacity: 0; } } .items-4.autoplay .control-button { animation: controlAnimation-4 28s infinite; } .items-4.autoplay .item { animation: galleryAnimation-4 28s infinite; } .items-4 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .items-4 .control-button:nth-of-type(1), .items-4 .item:nth-of-type(1) { animation-delay: -2s; } .items-4 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .items-4 .control-button:nth-of-type(2), .items-4 .item:nth-of-type(2) { animation-delay: 5s; } .items-4 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .items-4 .control-button:nth-of-type(3), .items-4 .item:nth-of-type(3) { animation-delay: 12s; } .items-4 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; } .items-4 .control-button:nth-of-type(4), .items-4 .item:nth-of-type(4) { animation-delay: 19s; } @keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); } 25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7%, 20% { opacity: 1; } 25.7%, 100% { opacity: 0; } } .items-5.autoplay .control-button { animation: controlAnimation-5 35s infinite; } .items-5.autoplay .item { animation: galleryAnimation-5 35s infinite; } .items-5 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) { animation-delay: -2s; } .items-5 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) { animation-delay: 5s; } .items-5 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) { animation-delay: 12s; } .items-5 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; } .items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) { animation-delay: 19s; } .items-5 .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1; } .items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) { animation-delay: 26s; } /* Theme controls how everything looks in Gallery CSS. */ .gallery { position: relative; } .gallery .item { overflow: hidden; text-align: center;/*-- height:400px;--*/ } .gallery .controls { position: absolute; width: 100%; text-align: center; bottom: -10%; } .gallery .control-button { display: inline-block; margin: 0 8px 0 0; text-align: center; text-decoration: none; transition: color 0.1s; } @media (max-width:768px) { .gallery .controls { bottom: 0; } } /*-- 首页案例+新闻结束--*/ /*---底部---*/ .footlogo{width:100%;background:#5f5f5f;} .footlogo p{ width:1180px; margin:0px auto; padding:15px 0px;} .footlogo p img{ display:block; float:left;} .footlogo p span{ display:inline-block; font-size:15px; color:#FFF; padding-left:15px; padding-top:2px;} .footbg{ width:100%; background: #333; height:430px;color:#9b9b9b;} .foot{width:1180px;margin:0px auto;} .foot h3{ border-bottom:1px #888888 solid; padding-bottom:10px; color:#FFF;color:#ffffff; font-size:15px;} .foot h3 a{color:#ffffff;} .foot h3 a:hover{color:#ffffff;} .foot h3 em{ float:right; font-size:12px;} .foot ul{ margin:0px; padding:30px 0px 0px; height:255px;color:#9b9b9b;} .foot ul li{ float:left;} .foot ul li.footyw{ width:305px; overflow:hidden;} .foot ul li.footyw p{ width:320px; padding-top:25px;} .foot ul li.footyw p span{ float:left; width:155px;} .foot ul li.footyw p a{color:#9b9b9b; display:block; font-size:14px;} .foot ul li.footyw p a:hover{color:#FFF} .foot ul li.footys{ width:380px;overflow:hidden; padding-left:50px;} .foot ul li.footys p{ width:400px; padding-top:25px;} .foot ul li.footys p span{ float:left; width:200px;} .foot ul li.footys p a{color:#9b9b9b; display:block; font-size:14px;} .foot ul li.footys p a:hover{color:#9b9b9b} .foot ul li.footabout{ width:400px;overflow:hidden; padding-left:45px;} .foot ul li.footabout p{padding-top:25px;color:#9b9b9b; font-size:13px;} .foot dl{ margin:0px; padding:0px; height:200px;} .foot dl dd{ float:left; width:507px;} .foot dl dd p{ margin:0px; padding:20px 0px 0px;} .foot dl dd p span{ display:inline-block; height:31px; line-height:31px; font-size:14px; color:#b5b5b5;background:url(../images/index_377.png) no-repeat;} .foot dl dd p span.ywdh{ background-position:-0px -342px; padding-left:40px;} .foot dl dd p span.ywdh em{ font-family:Arial, Helvetica, sans-serif; padding:0px 40px 0px 10px; color:#dadada;} .foot dl dd p span.ywdh em b{color:#e05b2f; font-size:22px;font-weight:normal;} .foot dl dd p span.ywdh em i{ font-size:22px;} .foot dl dd p span.ywqq{ background-position:-0px -382px; padding-left:40px; width:230px} .foot dl dd p span.ywqq.ywbg{ background:url(../images/index_357_7.png) no-repeat;} .foot dl dd p span.ywqq em{ padding-right:7px;color:#0db3f3;} .foot dl dd p span.ywqq a{color:#0db3f3;} .foot dl dd p span.czdh{ background-position:-0px -422px; padding-left:40px;} .foot dl dd p span.czdh em{ padding-right:21px;} .foot dl dd p span.yxdz{ background-position:-0px -462px; padding-left:40px; width:230px} .foot dl dd p span.yxdz em{ padding-right:15px;} .foot dl dd p span.shqq{ background-position:-0px -502px; padding-left:40px;} .foot dl dd p span.shqq em{ padding-right:7px;} .foot dl dd p span.cy{ background-position:-0px -542px; padding-left:40px;} .foot dl dd p span.cy em{ padding-right:7px;} .foot dl dd a{color:#b5b5b5;} .foot dl dd a:hover{ color:#FFF;} .foot dl dt{ float:right; width:618px; line-height:22px;} .foot dl dt p{ font-size:13px; color:#9b9b9b; padding-top:12px;} .footer{width:1180px;margin:0px auto;color:#8e8e8e; padding-top:20px; font-size:13px;} .footer span{ float:right;} .footer em{ padding:0px 10px;} .footer a{ color:#8e8e8e;} .footer a:hover{ color:#8e8e8e;}*/ .Links{ margin:0px auto; padding:0px;width:1200px;margin:0px auto; height:120px; font-size:13px;} .Links h3{ color:#FFF; font-size:16px; padding-bottom:10px; border-bottom:1px #888888 solid} .Links a{ margin-right:16px;color:#9b9b9b; display:inline-block;} @charset "utf-8"; @font-face { font-family: 'hev'; src:url('../font/hev.eot'); src:url('../font/hev.eot') format('embedded-opentype'), url('../font/hev.svg') format('svg'), url('../font/hev.woff') format('woff'), url('../font/hev.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font-icons'; src:url('../font/font-icons.eot'); src:url('../font/font-icons.eot') format('embedded-opentype'), url('../font/font-icons.svg') format('svg'), url('../font/font-icons.woff') format('woff'), url('../font/font-icons.ttf') format('truetype'); font-weight: normal; font-style: normal; } .font-icons {font-family:"font-icons";} /***************************** CSS_FUNCTION ******************************/ .count-wrap {height:666px; position:relative; width:100%; overflow:hidden; background:url(../images/count-background.jpg) 50% 50%; background-size:cover; } .ie8 .count-wrap { background:none;} img.count-background { height:100%; width:auto; display:none;} .ie8 img.count-background {display:block;} .count-content { width:1200px; margin:0 auto} .count-content .mid_block { width:100%;} .count-item { display:inline-block; margin-left:2%; position:relative;} .count-item:nth-last-child(4) { margin-left:0;} .count-mc {font-family:"font-icons"; display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:32px; color:#fff; position:absolute; top:0; right:0;} .count-mc:before { content:"\e610"; } .count-number { height:220px; font-family:"font-icons";font-size:220px; min-width:146px; color:#fff; padding:0 20px; text-align:center; line-height:220px; -moz-line-height: normal;border-radius:6px; background:#d00027;} .firefox .count-number { line-height: normal;} .count-number:after { position: absolute; display:block; left:0; top:102px; height:0; width:100%; content:" "; border-bottom:4px solid #c70020; } .count-fonts {font-size:18px; color:#fff; line-height:20px; padding-top:24px;} /*'合作伙伴*/ .brand_box{ background: url(../images/jt1.png) center top no-repeat; width:1200px; margin:0 auto; padding-top:20px;} .brand a{ display: block; float: left; margin: 10px; width: 215px; height: 100px; text-align: center; position: relative; border:2px #CCC solid; text-decoration:none } .brand img{ width: 215px; height: 100px; } .brand .info{ display: none; background-color: #1a7cc3; color: #ffffff; line-height:100px; text-decoration:none; } .vertical .info{ width: 0; height: 100px; margin: 0 auto; text-decoration:none; font-size:16px; } .horizontal img{ position: absolute; top: 0; left: 0; } .horizontal .info{ width: 215px; height: 0; top: 120px; position: absolute; left: 0; } a{ text-decoration:none;} .floating_ck{position:fixed;right:0px;top:26%; z-index:9999999} .floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;} .floating_ck dl dd:hover{background-color:#cc0000;border-bottom:solid 1px #a40324;} .floating_ck dl dd:hover .floating_left{display:block;} .consult,.words{background-image:url(../images/icon0701/zxicon.png);} .quote{background-image:url(../images/icon0701/kficon.png);} .qrcord{background-image:url(../images/icon0701/erweima.png);} .return{background-image:url(../images/icon0701/fanhui.png);} .floating_ck dd span{color:#fff;display:block;padding-top:54px;} .floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#cc0000;border-bottom:solid 1px #a40324;display:none; font-size:16px} .floating_left a{color:#fff;line-height:80px;} .floating_ewm{height:260px;top:-180px;} .floating_ewm i{background-image:url(../images/2wm1.jpg);display:block;width:145px;height:145px;margin:auto;margin-top:7px;} .floating_ewm p{color:#fff;margin-top:5px;} .floating_ewm p b{color:#fda025; font-size:16px;} .floating_ewm .qrcord_p01{font-size:12px;line-height:20px;} .floating_ewm .qrcord_p02{font-size:18px;} /*案例分类开始*/ .main{padding:0px 0px 10px 0px;text-align:center;border-bottom:1px solid #e8e8e8;} .main .mainNav{padding:30px 0;text-align:center;} .main .mainNav .child{cursor:pointer;position:relative;color:#808080;font-size:16px;text-align:center;width:222px;height:46px;line-height:46px;border:1px solid #B9B8B8;margin:0 8px;display:inline-block;*display:inline;*zoom:1;} .main .mainNav .child.on{background:#0799d9;border:1px solid #0799d9;color:#fff;} .main .mainNav .child.childList{text-align:left;background-image:url(../images/navPointer.png);background-position:186px center;background-repeat:no-repeat;} .main .mainNav .child.childList span{margin-left:18px;} .main .mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-1px;border:1px solid #B9B8B8;z-index:2;} .main .mainNav .child.childList ul li{color:#808080;padding-left:18px;width:204px;height:46px;line-height:46px;} .main .mainNav .child.childList ul li:hover{background:#eee;} .main .content{width:100%;height:auto;width:100%;} .main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;} .main .content .child{position:relative;float:left;width:20%;} .main .content .child .childImg{width:100%;height:auto; vertical-align:middle;} .main .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#df1020;} .main .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;} .main .content .child .childTag{letter-spacing:0.1em;font-weight:100;font-stretch:condensed;padding:6%;position:absolute;top:0px;left:0px;width:88%;*width:60%;font-size:24px;font-family:'MyriadPro-LightCond';font-size:24px;color:#fff;text-align:left;} .main .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;} .main .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;} .main .content .child .childContent .title{width:50%;font-size:21px;color:#fff;margin:0 auto;} .main .content .child .childContent .info{color:#fff;font-size:16px;margin-top:10px;} .main .linkBtn{margin:80px auto 0px auto;} /*案例分类结束* /*---成功案例---*/ .al_neiye{ width:100%; height:auto; overflow: hidden; position:relative; background:#F4F4F4; } #zuopin{ width:100%; height:auto; overflow: hidden; position:relative; padding-bottom:20px; background:#F4F4F4; padding-top:30px; /*border-bottom: 9px solid #BA251E;*/ } #zuopin .Content{ width:1200px; height:auto; position:relative; clear: both; margin:0px auto; } #zuopin .Content span{ font:normal 16px/180% "微软雅黑",Arial; } #zuopin .Content p{ font:normal 16px/180% "微软雅黑",Arial; } #zuopin .Content span{ font:normal 16px/180% "微软雅黑",Arial; } #zuopin .Content .zuopinMain{ width:1200px; height:auto; position:relative; clear: both; margin:0px auto; } #zuopin .Content .zuopinMain .zuopingBox{ width:285px; height:300px; display: inline-block; float:left; margin-right:20px; margin-bottom:20px; border-bottom: 4px solid #D8D8D8; position:relative; overflow: hidden; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s; -ms-transition:1s; background:#fff; } #zuopin .Content .zuopinMain .zuopingMargin{ margin-right:0px; } #zuopin .Content .zuopinMain .zuopingBox:hover{ border-bottom:4px solid #B62F2F; } #zuopin .Content .zuopinMain .zuopingBox .main_img{ width:285px; height:200px; display: inline-block; position:relative; overflow: hidden; } #zuopin .Content .zuopinMain .zuopingBox .main_img img{ height: 200px; width: 285px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index:1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; } #zuopin .Content .zuopinMain .zuopingBox .main_img .show { background: rgba(162, 66, 65, 0.5); height:200px; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.3s; transition-property: opacity; transition-timing-function: ease-in; -moz-transition-delay: 0s; -moz-transition-duration: 0.3s; -moz-transition-property: opacity; -moz-transition-timing-function: ease-in; -webkit-transition-delay:0s; -webkit-transition-duration: 0.3s; -webkit-transition-property: opacity; -webkit-transition-timing-function: ease-in; -o-transition-delay:0s; -o-transition-duration: 0.3s; -o-transition-property: opacity; -o-transition-timing-function: ease-in; width:285px; z-index: 200; display:inline-block; } #zuopin .Content .zuopinMain .zuopingBox .main_img .show .imgArea { position: absolute; left: 55%; bottom:0; margin:-15px 0px 0px -40px; opacity: 0; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; -moz-transition-delay: 0s; -moz-transition-duration: 0.4s; -moz-transition-property: all; -moz-transition-timing-function: ease; -webkit-transition-delay:0s; -webkit-transition-duration: 0.4s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -o-transition-delay:0s; -o-transition-duration: 0.4s; -o-transition-property: all; -o-transition-timing-function: ease; } #zuopin .Content .zuopinMain .zuopingBox .main_img .show .clickbg{ width:395px; height:220px; display: inline-block; position: absolute; top:0px; left:0px; z-index: 9999; } #zuopin .Content .zuopinMain .zuopingBox .main_img .show .imgArea a{ display:block; background:url(../images/ico2.png) no-repeat; width:47px; height:47px; } #zuopin .Content .zuopinMain .zuopingBox .main_img:hover .show { opacity: 1;filter:alpha(opacity=100); } #zuopin .Content .zuopinMain .zuopingBox .main_img:hover .show .imgArea{ opacity:1;filter:alpha(opacity=100);bottom:40%; } #zuopin .Content .zuopinMain .zuopingBox .main_img:hover img { transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); } #zuopin .Content .zuopinMain .zuopingBox p.p1{ width:100%;height:27px; color:#565656; font-size: 14px; text-align: center; line-height: 27px; margin-top:30px; } #zuopin .Content .zuopinMain .zuopingBox p.p2{ width:100%; height:10px; color:#b6b6b6; font-size: 10px; line-height: 10px; text-align: center; margin-top:8px; } /*====================娉拌瘹浜т笟 . 鏂囨湰椤�==========================*/ #zuopin_detail{ width:100%; height:auto; overflow: hidden; position:relative; padding-bottom:120px; background:#F4F4F4; padding-top:50px; /*border-bottom: 9px solid #BA251E;*/ } #zuopin_detail .Content{ width:1100px; height:auto; position:relative; clear: both; margin:0px auto; } #zuopin_detail .Content .title{ width:1100px; height:206px; position: relative; overflow: hidden; } #zuopin_detail .Content .title h4{ width:1100px;height:35px; line-height: ;text-align: center; font-size: 20px; font-weight: 400; color:#484848; margin-top:79px; } #zuopin_detail .Content .title p{ width:1100px; height:41px; position: relative; overflow: hidden; font-size: 14px; color:#c6c6c6; font-family: 'CastleT-Book'; text-align: center; } #zuopin_detail .Content .title p a{ width:50px; height:25px; display: inline-block; position:absolute; top:0px; right:0px; background:#B52C2C url(../images/ato1.png) no-repeat 8px 7px; line-height: 23px; color:#fff; padding-left:13px; } #zuopin_detail .Content .title div{ width:1100px; height:1px; overflow: hidden; position:relative; margin-top:10px; } #zuopin_detail .Content .title div b{ width:200px; height:1px; background:#D5D5D5; display:block; margin:0px auto; } #zuopin_detail .Content .ConMain{ width:1100px; height:auto; position: relative; overflow: hidden; } #zuopin_detail .Content .ConMain .neiyeBanner{ width:1100px; height:425px; position: relative; overflow: hidden; } #zuopin_detail .Content .ConMain .neiyeBanner ul{ width:5500px; height:425px; position:absolute; top:0px; left:0px; } #zuopin_detail .Content .ConMain .neiyeBanner ul li{ float:left; } #zuopin_detail .Content .ConMain .neiyeBanner a{ width:44px; height:57px; display: inline-block; position:absolute; z-index: 5; _z-index:5; *zoom:1; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s; -ms-transition:1s; } #zuopin_detail .Content .ConMain .neiyeBanner a.neiyeBtnL{ background:url(../images/btnleft.png) no-repeat; top:184px; left:0px; } #zuopin_detail .Content .ConMain .neiyeBanner a.neiyeBtnL:hover{ background:url(../images/btnleft1.png) no-repeat; } #zuopin_detail .Content .ConMain .neiyeBanner a.neiyeBtnR{ background:url(../images/btnright1.png) no-repeat; top:184px; right:0px; } #zuopin_detail .Content .ConMain .neiyeBanner a.neiyeBtnR:hover{ background:url(../images/btnright.png) no-repeat; } #zuopin_detail .Content .ConMain .neiyeText{ width:1100px; height:auto; position: relative; overflow: hidden; margin-top:54px; margin-bottom: 55px; } #zuopin_detail .Content .ConMain .neiyeText h6{ width:100%; height:66px; font-size: 14px; color:#484848; overflow: hidden; font-weight: 400; } #zuopin_detail .Content .ConMain .neiyeText p{ width:100%; line-height: 32px; font-size: 13px; color:#898989; text-indent: 2em; } #zuopin_detail .Content .ConMain .neiyeText .p1{ margin-bottom:32px; } #zuopin_detail .Content .ConMain .neiyeText .p2{ text-indent: 0px; } #zuopin_detail .Content .ConMain .neiyeText .p3{ color:#b52c2c; } #zuopin_detail .Content .zuopinP1{ width:1100px; height:33px; line-height: 33px; position:relative; overflow: hidden; } #zuopin_detail .Content .zuopinP1 a{ width:540px; height:33px; display: inline-block; position:relative; background:#D0D0D0 url(../images/textPage1.png) no-repeat 300px 10px; -webkit-transition:1s; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; } #zuopin_detail .Content .zuopinP1 a.a1{ background:#D0D0D0 url(../images/textPage1.png) no-repeat 520px 10px; } #zuopin_detail .Content .zuopinP1 a.a1:hover{ background:#B52C2C url(../images/textPage1.png) no-repeat 520px 10px; } #zuopin_detail .Content .zuopinP1 a.a2{ background:#D0D0D0 url(../images/textPage2.png) no-repeat 10px 10px; } #zuopin_detail .Content .zuopinP1 a.a2:hover{ background:#B52C2C url(../images/textPage2.png) no-repeat 10px 10px; } .Content .pageP{ width:1100px; height:40px; overflow: hidden; margin:0px auto; position:relative; text-align: center; margin-top:40px; line-height: 36px; /*background:red;*/ } .Content .pageP p{ width:auto; height:40px; overflow: hidden; position:absolute; top:0px;left:0px; } .Content .pageP p a{ width:35px; height:35px; display: inline-block; border:1px solid #E5E5E5; background:#fff; text-align: center; line-height: 36px; border-radius: 50%; -webkit-transition:1s; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; color:#c6c6c6; float:left; margin:0px 3px; } .Content .pageP p a:first-of-type{ background: #fff url(../images/leftBtn.png) no-repeat 9px 5px; } .Content .pageP p a:first-of-type:hover{ background: #BA251E url(../images/leftBtn1.png) no-repeat 9px 5px; } .Content .pageP p a:last-of-type{ background: #fff url(../images/rightBtn1.png) no-repeat 13px 5px;; } .Content .pageP p a:last-of-type:hover{ background: #BA251E url(../images/rightBtn.png) no-repeat 13px 5px;; } .Content .pageP p a:hover{ background:#BA251E; border:1px solid #BA251E; color:#fff; } .Content .pageP p a.pagea{ background:#BA251E; border:1px solid #BA251E; color:#fff; } .webbg{ width: 100%; background: #f4f4f4 url(../webimages/index_54.jpg) no-repeat center top; position: relative; background-image: url(../images/index_54.jpg); } .webConstructionbg{ width:100%; background:#f2f2f2 url(../webimages/index_158.jpg) no-repeat center top; position:relative;} .anlititle{width:1180px;margin:0px auto; padding:25px 0px;} .anlititle img{ display:block; margin:auto;} .Productstitle{width:1180px;margin:0px auto; padding:120px 0px 65px;} .Productstitle img{ display:block; margin:auto} .anliclass{width:1180px;margin:0px auto; text-align:center; padding:0px 0px 40px; position:relative;} .anliclass a{ display:inline-block; margin:0px 5px; width:225px; height:45px; line-height:45px; color:#7e7e7e;font-size:16px;border:1px #CCCCCC solid} .anliclass a:hover{background: #09F; color:#FFF;width:225px; height:45px; line-height:45px;border:1px #09F solid } .anliclass a.cur{background: #09F; color:#FFF;border:1px #09F solid} .seoclass{width:1180px;margin:0px auto; text-align: center; padding:0px 0px 0px; position:relative;} .seoclass a{ float:left; display:inline-block; margin:0px 4px; width:119px; height:45px; line-height:45px; color:#7e7e7e;font-size:16px;border:1px #CCCCCC solid} .seoclass a:hover{background: #09F; color:#FFF;width:119px; height:45px; line-height:45px;border:1px #09F solid } .seoclass a.cur{background: #09F; color:#FFF;border:1px #09F solid} .anlilist{width:1180px; margin:0px auto;position:relative;} .anlilist ul{ margin:0px; padding:0px;} .anlilist ul li{float:left; width:380px;padding:7px 0px;height:430px;background:#FFF;box-shadow:0px 2px 3px #d9dbdb; display:inline;margin-right:20px;margin-top:28px;position:relative;} .anlilist ul li.cur{margin-right:0px;} .anlilist ul li img{display:block;} .anlipic{ width:366px; height:276px; margin:0px auto; overflow:hidden; position:relative;} .anlipic img{width:366px; height:276px; position:absolute; left:50%; top:50%; margin-left:-183px; margin-top:-138px;} .anlilist ul li h3{ font-size:18px; height:23px; overflow:hidden; padding:20px 7px 0px;} .anlilist ul li p.anlitext{padding:10px 7px 0px; height:46px; overflow:hidden;} .anlilist ul li h4{ font-size:12px; border-top:1px solid #ececec; margin-top:12px;padding:5px 7px 0px;} .anlilist ul li h4 a{ color:#0577ba;} .anlilist ul li h4 span{ float:right; background:url(../images/Icon22.png) no-repeat left center; padding-left:22px; color:#acacac;} .anliIntro{position:absolute;width:100%; height:290px; background:#0577ba; top:0px; left:0px; display:none;} .anliIntro p{ background:url(../webimages/index_59.png) no-repeat 0px 35px; width:323px; margin:0px auto; padding:60px 0px 0px; color:#fff} .Page{width:100%; text-align:center; padding:50px 0px;} .Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px} .Page a:hover{ background:#eb3900; color:#FFF} .Page a.cur{ background:#eb3900; color:#FFF} .Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;} .Page a.Prev span{ background:url(../webimages/Icon25.gif) no-repeat 10px center; display:block;} .Page a.Prev:hover span{ background:url(../webimages/Icon025.gif) no-repeat 10px center;} .Page a.next{ border-radius:0px 6px 6px 0px;width:90px;} .Page a.next span{ background:url(../images/Icon26.gif) no-repeat 88% center; display:block;} .Page a.next:hover span{ background:url(../images/Icon026.gif) no-repeat 88% center;} .commonnewCasebg{ background:url(../images/index_60.gif) no-repeat center bottom #f4f4f4; width:100%; padding-bottom:60px; height:230px;} .commonnewCase{width:1180px; margin:0px auto;} .commonnewCaseleft{ float:left; width:211px; height:230px; background:#eb3900; padding-right:25px; position:relative;} .commonnewCaseleft h3{ font-size:24px; color:#FFF; text-align:right; line-height:25px; padding-top:45px;} .commonnewCaseleft p{ text-align:right; padding-top:0px; float:right} .commonnewCaseleft span{ display:block; position:absolute; width:11px; height:21px; top:145px; display:none} .commonnewCaseleft span.newCaseprev{ background:url(../images/Icon.gif) no-repeat -1px -239px;right:65px;} .commonnewCaseleft span.newCaseprev a{width:11px; height:21px; display:block;} .commonnewCaseleft span.newCaseprev a:hover{ background:url(../images/Icon.gif) no-repeat -1px -217px} .commonnewCaseleft span.newCasenext{ background:url(../images/Icon.gif) no-repeat -14px -239px; right:25px;} .commonnewCaseleft span.newCasenext a{width:11px; height:21px; display:block;} .commonnewCaseleft span.newCasenext a:hover{ background:url(../images/Icon.gif) no-repeat -14px -217px} .commonnewCaseright{ float:right; width:936px; position:relative; overflow:hidden;} .commonnewCaseright ul{ width:9999px; position:relative;} .commonnewCaseright ul li{ float:left; background:#FFF; width:292px; height:220px; padding:5px 6px; position:relative; margin-right:12px;} .commonnewCaseright ul li img{ display:block; width:292px; height:220px;} .commonnewCaseright ul li p{ position:absolute; bottom:5px; width:272px; left:6px; background:url(../images/index_63.png) repeat; font-size:14px; color:#FFF; height:21px; line-height:25px; overflow:hidden; padding:10px 10px;} .commonnews{width:1180px;margin:0px auto;} .commonnewsleft{ float:left; width:730px; padding:20px 0px 20px 0px;} .commonnewsleft h3{ font-size:24px; color:#767575; border-bottom:1px solid #eaeaea; padding-bottom:20px;} .commonnewsleft h3 span{ font-weight:bold; color:#eb3900; padding-right:20px; display:inline-block;} .commonnewsleft ul{ margin:0px; padding:5px 0px 0px;} .commonnewsleft ul li{ background:url(../images/index_65.png) no-repeat 0px 10px; height:21px; overflow:hidden; padding-left:25px; font-size:13px; margin-top:15px;} .commonnewsright{ float:right; width:380px;border-left:1px solid #eaeaea; padding-left:35px;} .commonnewsright dl{ margin:0px; padding:30px 0px 0px; min-height:200px; height:auto !important; height:200px;} .commonnewsright dl dt{ float:left; width:150px;} .commonnewsright dl dd{ float:right; width:190px;} .commonnewsright dl a{ display:block; border-bottom:1px solid #dedede; height:49px; line-height:49px; color:#7a7a7a; font-size:14px; text-indent:5px;} .commonnewsright dl a:hover{ background:#0577ba;border-bottom:1px solid #0577ba; color:#FFF;} .commonnewsright ul{ margin:0px; padding:25px 0px; height:105px;} .commonnewsright ul li{ float:left; width:94px;height:105px;font-size:15px; text-align:center; color:#FFF;} .commonnewsright ul li:nth-child(1){width:120px;} .commonnewsright ul li.ComTel{ background:url(../images/icon.gif) no-repeat -151px -4px; font-family:Arial, Helvetica, sans-serif;} .commonnewsright ul li.ComAdvisory{ background:url(../images/icon.gif) no-repeat -249px -4px;} .commonnewsright ul li.Comgoob{ background:url(../images/icon.gif) no-repeat -152px -114px;} .commonnewsright ul li.ComOrder{ background:url(../images/icon.gif) no-repeat -249px -114px;} .commonnewsright ul li a{ color:#fff; display:block; padding:70px 0px 0px 0px;} .commonnewsright ul li a:hover{ color:#fff;} /*---客户列表---*/ .kehu{ width:1180px; margin:0px auto; padding:0px 0px 7px;} .kehu ul{ margin:0px; padding:0px 0px 0px 1px;} .kehu ul li{ float:left; width:160px; height:115px; padding:7px 0px 0px 7px;} .kehu ul li img{ display:block; width:160px; height:115px;} .kehupic{ width:1180px; margin:0px auto 30px;background:#fff; padding:8px 0px; box-shadow:0px 0px 5px #e0e0e0;} .kehupic img{ display:block; margin:0px auto;} /*---客户评价---*/ .pingjia{width:1180px; margin:0px auto;} .pingjia ul{margin:0px; padding:0px;} .pingjia ul li{float:left; padding:90px 0px 0px 0px;width:380px; height:280px; background:#FFF url(../webimages/index_74.png) no-repeat; box-shadow:0px 2px 3px #e3e5e5; position:relative; margin:90px 18px 0px 0px;} .pingjia ul li h3{font-size:22px; text-align:center;color:#FFF;} .pingjia ul li h4{color:#FFF; text-align:center;} .pingjia ul li p{ text-align:center; font-size:13px; color:#818181; padding:55px 20px 0px;} .pingjia ul li img{ display:block; position:absolute; top:-80px; left:50%; margin-left:-83px; width:167px; height:167px;} .pingjia ul li.cur{background:#FFF url(../webimages/index_75.png) no-repeat;} .pingjia ul li.Deleteright{ margin-right:0;} /*---案例详细---*/ .Case_Detailed_title{ border-bottom:1px solid #dee1e2; padding:15px 0px;} .Case_Detailed_title dl{ margin:0px auto; width:1180px;} .Case_Detailed_title dl dt{ float:left; width:920px;} .Case_Detailed_title dl dt h3{float:left; padding-right:30px; font-size:48px; line-height:40px; color:#4a4a4a;} .Case_Detailed_title dl dt p{ float:left; width:435px; line-height:18px; color:#5c5c5c; height:36px; overflow:hidden; padding-top:15px;} .Case_Detailed_title dl dd{ float:right; position:relative; padding-top:12px;} .Case_Detailed_title dl dd a{display:inline-block;height:36px; text-align:center; overflow:hidden;font-size:14px;line-height:36px;color:#FFF; margin-left:3px} .Case_Detailed_title dl dd a.CaseDetailedleft{ background:url(../images/index_79.png) no-repeat; width:42px;} .Case_Detailed_title dl dd a.CaseDetailedleft:hover{ background:url(../images/index_079.png) no-repeat;} .Case_Detailed_title dl dd a.CaseDetailedright{ background:url(../images/index_80.png) no-repeat; width:42px;} .Case_Detailed_title dl dd a.CaseDetailedright:hover{ background:url(../images/index_080.png) no-repeat;} .Case_Detailed_title dl dd a.CaseDetailedmore{display: inline-block;width: 121px;height: 36px;border: 1px solid #eb3900;border-radius: 6px;color: #a8a8a8;font-size: 14px;line-height: 36px;background:#eb3900; color:#fff; /*background:url(../webimages/index_81.png) no-repeat; width:121px;*/} .Case_Detailed{width:1180px;margin:0px auto; padding-top:105px;position:relative;} .Case_Detailed_bigpic{background:url(../images/index_82.png) no-repeat center top; width:940px; height:554px; padding:31px 0px 0px 240px;} .Case_Detailed_bigpic img{ display:block; width:703px; height:437px;} .Case_bigpicleft,.Case_bigpicright{position:absolute;width:54px; height:101px; top:340px;} .Case_bigpicleft{background:url(../images/Icon.gif) no-repeat;left:0px;} .Case_bigpicleft a{display:block;width:54px; height:101px;} .Case_bigpicleft a:hover{background:url(../images/Icon.gif) no-repeat 0px -103px;} .Case_bigpicright{ background:url(../images/Icon.gif) no-repeat -60px 0;right:0px;} .Case_bigpicright a{display:block;width:54px; height:101px;} .Case_bigpicright a:hover{background:url(../images/Icon.gif) no-repeat -60px -103px;} .Case_Detailed_Small{ margin:0px auto; width:820px; overflow:hidden; position:relative;} .Case_Detailed_Small ul{ width:9999px; position:relative;} .Case_Detailed_Small ul li{ float:left; width:255px; border:1px solid #eaeaea; display:inline; margin-right:20px;} .Case_Detailed_Small ul li img{ display:block; width:255px; height:160px; cursor:pointer;} .Case_Detailed_demand{padding-top:28px;font-size:13px;color:#5c5c5c;width:1180px;margin:0 auto;} .Case_Detailed_demand dl dt{float:left;width:663px;} .Case_Detailed_demand dl dd{float:right;} .Case_Detailed_demand dl dd span{display:inline-block;padding:6px;background:#fff;float:left;margin-left:5px;} .Case_Detailed_demand dl dd img{display:block;} .lookover{text-align:center; padding:50px 0px;} .lookover a{ /*display:inline-block; width:121px; height:36px; border:1px solid #b9b9b9; border-radius:6px; color:#a8a8a8; font-size:14px; line-height:36px;*/background: url(../images/index_81.png) no-repeat;display: inline-block; height: 36px; line-height: 36px; color: #FFF; font-size: 14px; width: 121px;margin-left:15px;} .lookover a:hover{/*color:#a8a8a8;*/ color:#fff;} .Case_Detailed_Content{ padding:0px 0px 65px; margin:0px; color:#828282; line-height:24px;} /*案例详情*/ .showTit{ height:85px; border-bottom:1px #d3d3d3 solid;} .showTit dt{ float:left; color:#0b98de; font-size:48px} .showTit dt span{ display:block; color:#9a9a9a; font-size:16px} .showTit dd{ float:right;} .showTit dd img{ padding-left:14px;} .show_pic{ display:block; padding-top:73px; height:557px;} .show_pic dt{ width:700px; float:left; height:557px; background:url(../images/pcBg.png) no-repeat; margin-left:30px; display:inline; padding-left:28px;} .show_pic dt .pic{ width:646px; height:365px; padding-top:28px; overflow:hidden} .show_pic dd{ width:380px; height:423px; border:1px #e8e8e8 solid; float:right;} .show_pic dd .txt{ border-bottom:1px #e8e8e8 solid; height:320px;word-break:break-all;word-wrap:break-word} .show_pic dd .txt .tt1{ width:350px; color:#a2a2a2; line-height:23px; font-size:14px;text-align:justify;text-justify:inter-ideograph; padding:31px 15px;} .show_pic dd .txt2{ width:280px;padding-left:20px; padding-top:15px; line-height:26px; color:#262626; font-size:14px;} .show_pic dd .txt2 i{ color:#828282; padding-left:5px;} .show_pic dd .txt3{ width:280px;padding-left:20px; padding-top:15px; line-height:26px; color:#262626; font-size:14px;} .show{ width:1000px; height:auto; margin:0 auto} .detail{ line-height:24px; color:#8a8a8a; font-size:14px; padding-bottom:150px;word-break:break-all;word-wrap:break-word} .similarCase{ display:block} .similarCase dt img{ margin-top:5px;} .show_line{ height:74px; background:url(../images/line1.jpg) repeat-x; } .show_line span{ width:74px; height:74px; background:url(../images/border1.jpg) no-repeat; margin:0 auto; display:block} .show_line span a{ height:36px; line-height:36px; color:#000; display:block; text-align:center} .show_line span a.hover{ color:#c0c0c0} /*---上线新闻---*/ .newslist{ width:1180px; margin:0px auto; background:url(../images/index_88.png) repeat-y 65px 0px; margin-top:30px;} .newslist dl{position:relative; height:175px; padding-bottom:30px;} .newslist dl dd{ float:right; width:908px; height:140px; padding:35px 35px 0px 35px; background:#FFF; box-shadow:0px 2px 3px #d9dbdb;} .newslist dl dd h3{ font-size:18px; font-weight:bold; height:25px; overflow:hidden;} .newslist dl dd h3 a{color:#03a5e3;} .newslist dl dd h3 a:hover{color:#03a5e3;} .newslist dl dd p{ font-size:13px;color:#adacac;padding-top:10px;} .newslist dl dd p a{ color:#adacac;} .newslist dl dd p a:hover{ color:#03a5e3;} .newslist dl dd p.Intro{ color:#7c7c7c;padding-top:10px;height:48px;overflow:hidden;} .newslist dl dd span{font-size:18px;text-align:center;position:absolute; top:0px; left:0px; width:130px; height:120px; border-radius:5px; background: #09F;box-shadow:0px 2px 3px #d9dbdb; color:#fff;} .newslist dl dd span em{ display:block;font-weight:bold;font-size:60px; line-height:65px; padding:10px 0px 5px; margin-bottom:8px; border-bottom:1px solid #039cd6;} /*---上线新闻详细---*/ .news_Detailed_title{border-bottom:1px solid #dee1e2; padding:80px 10px 50px; text-align:center; } .news_Detailed_title h3{font-size:25px; color:#4a4a4a;} .news_Detailed_title p{ font-size:14px; padding-top:25px; color:#717171;} .news_Detailed{width:1100px;margin:0px auto;padding:60px 0px;color:#828282; line-height:24px; font-size:13px;} .news_Label{width:1180px;margin:0px auto; padding-bottom:10px; font-size:14px; color:#717171;} .news_Label a{ color:#FFF; padding:2px 5px; background:#00a0ea; display:inline-block; margin-right:8px;} .news_Label a:hover{ color:#fff;} .news_Page{width:1180px;margin:0px auto; border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4; padding:10px 0px;} .news_Page dl{ margin:0px; padding:0px;} .news_Page dl dt{ float:left; font-size:14px; color:#404040; line-height:26px;} .news_Page dl dt a{ color:#404040;} .news_Page dl dt a:hover{ color:#007bc4;} .news_Page dl dd{ float:right; padding-top:5px;} .news_Page a.return{ background:#eb3900; font-size:16px; color:#FFF; display:inline-block; font-size:14px; padding:8px 30px;} .news_Related{width:1180px; margin:auto; overflow:hidden; padding:20px 0px 50px;} .news_Related h3{ font-size:18px; padding-bottom:25px;} .news_Related ul{ width:1300px; background:url(../webimages/index_200.gif) repeat-y 595px;} .news_Related ul li{ float:left; margin-bottom:10px; padding-left:10px; padding-right:100px;width:530px; height:21px; overflow:hidden; background:url(../webimages/index_117.png) no-repeat 0px 10px; font-size:14px;} .news_Related ul li em{ float:right; font-family:Arial, Helvetica, sans-serif;} /*---解决方案综合页面0120---*/ .jiejuefangan{width:1179px; margin:0px auto;} .jiejuefangan ul{margin:0px; padding:0px;} .jiejuefangan ul li{float:left;width:282px;height:305px; padding:0px 17px 30px 0px;} .jiejuefangan ul li a{display:block;width:282px;height:305px;background:#FFF; color:#5f5f5f; position:relative;box-shadow:0px 2px 3px #d9dbdb;} .jiejuefangan ul li a:hover{ background:#03a5e2; color:#FFF;} .jiejuefangan ul li img.bigimg{display:block; width:282px; height:213px;} .jiejuefangan ul li p{ text-align:center; padding:50px 0px 0px; font-size:15px;} .jiejuefangan ul li span{ display:block; position:absolute; top:170px; left:50%; margin-left:-40px; width:80px; height:80px; cursor:pointer;} .jiejuefangan ul li.cur{ padding-right:0px;} .jiejuefangan ul li a.fa_01 span{ background:url(../webimages/Icon31.png) no-repeat;} .jiejuefangan ul li a.fa_01:hover span{ background:url(../webimages/Icon031.png) no-repeat} .jiejuefangan ul li a.fa_02 span{ background:url(../webimages/Icon32.png) no-repeat;} .jiejuefangan ul li a.fa_02:hover span{ background:url(../webimages/Icon032.png) no-repeat} .jiejuefangan ul li a.fa_03 span{ background:url(../webimages/Icon33.png) no-repeat;} .jiejuefangan ul li a.fa_03:hover span{ background:url(../webimages/Icon033.png) no-repeat} .jiejuefangan ul li a.fa_04 span{ background:url(../webimages/Icon34.png) no-repeat;} .jiejuefangan ul li a.fa_04:hover span{ background:url(../webimages/Icon034.png) no-repeat} .jiejuefangan ul li a.fa_05 span{ background:url(../webimages/Icon35.png) no-repeat;} .jiejuefangan ul li a.fa_05:hover span{ background:url(../webimages/Icon035.png) no-repeat} .jiejuefangan ul li a.fa_06 span{ background:url(../webimages/Icon36.png) no-repeat;} .jiejuefangan ul li a.fa_06:hover span{ background:url(../webimages/Icon036.png) no-repeat} .jiejuefangan ul li a.fa_07 span{ background:url(../webimages/Icon37.png) no-repeat;} .jiejuefangan ul li a.fa_07:hover span{ background:url(../webimages/Icon037.png) no-repeat} .jiejuefangan ul li a.fa_08 span{ background:url(../webimages/Icon38.png) no-repeat;} .jiejuefangan ul li a.fa_08:hover span{ background:url(../webimages/Icon038.png) no-repeat} .jiejuefangan ul li a.fa_09 span{ background:url(../webimages/Icon39.png) no-repeat;} .jiejuefangan ul li a.fa_09:hover span{ background:url(../webimages/Icon039.png) no-repeat} .jiejuefangan ul li a.fa_10 span{ background:url(../webimages/Icon40.png) no-repeat;} .jiejuefangan ul li a.fa_10:hover span{ background:url(../webimages/Icon040.png) no-repeat} .jiejuefangan ul li a.fa_11 span{ background:url(../webimages/Icon41.png) no-repeat;} .jiejuefangan ul li a.fa_11:hover span{ background:url(../webimages/Icon041.png) no-repeat} .jiejuefangan ul li a.fa_12 span{ background:url(../webimages/Icon42.png) no-repeat;} .jiejuefangan ul li a.fa_12:hover span{ background:url(../webimages/Icon042.png) no-repeat} .jiejuefangan ul li a.fa_13 span{ background:url(../webimages/Icon43.png) no-repeat;} .jiejuefangan ul li a.fa_13:hover span{ background:url(../webimages/Icon043.png) no-repeat} .jiejuefangan ul li a.fa_14 span{ background:url(../webimages/Icon44.png) no-repeat;} .jiejuefangan ul li a.fa_14:hover span{ background:url(../webimages/Icon044.png) no-repeat} .jiejuefangan ul li a.fa_15 span{ background:url(../webimages/Icon45.png) no-repeat;} .jiejuefangan ul li a.fa_15:hover span{ background:url(../webimages/Icon045.png) no-repeat} .jiejuefangan ul li a.fa_16 span{ background:url(../webimages/Icon46.png) no-repeat;} .jiejuefangan ul li a.fa_16:hover span{ background:url(../webimages/Icon046.png) no-repeat} .jiejuefangan ul li a.fa_17 span{ background:url(../webimages/Icon47.png) no-repeat;} .jiejuefangan ul li a.fa_17:hover span{ background:url(../webimages/Icon047.png) no-repeat} .jiejuefangan ul li a.fa_18 span{ background:url(../webimages/Icon48.png) no-repeat;} .jiejuefangan ul li a.fa_18:hover span{ background:url(../webimages/Icon048.png) no-repeat} .jiejuefangan ul li a.fa_19 span{ background:url(../webimages/Icon49.png) no-repeat;} .jiejuefangan ul li a.fa_19:hover span{ background:url(../webimages/Icon049.png) no-repeat} .jiejuefangan ul li a.fa_20 span{ background:url(../webimages/Icon50.png) no-repeat;} .jiejuefangan ul li a.fa_20:hover span{ background:url(../webimages/Icon050.png) no-repeat} .jiejuefangan ul li a.fa_21 span{ background:url(../webimages/Icon51.png) no-repeat;} .jiejuefangan ul li a.fa_21:hover span{ background:url(../webimages/Icon051.png) no-repeat} .jiejuefangan ul li a.fa_22 span{ background:url(../webimages/Icon52.png) no-repeat;} .jiejuefangan ul li a.fa_22:hover span{ background:url(../webimages/Icon052.png) no-repeat} .jiejuefangan ul li a.fa_23 span{ background:url(../webimages/Icon53.png) no-repeat;} .jiejuefangan ul li a.fa_23:hover span{ background:url(../webimages/Icon053.png) no-repeat} .commonfangan{width:1179px; margin:0px auto; padding-top:30px;} .commonfangan ul{ margin:0px; padding:0px;background:#d63400;} .commonfangan ul li{ float:left; width:393px; height:130px;} .commonfangan ul li h3{ font-size:30px; line-height:32px; color:#FFF;} .commonfangan ul li p{ font-size:18px; color:#fff; padding-top:5px;} .commonfangan ul li a{ display:block;width:248px; height:95px; padding:35px 0px 0px 145px;} .commonfangan ul li.xuyao{background:url(../webimages/Icon54.png) no-repeat 45px 30px;} .commonfangan ul li.fangan{background:url(../webimages/Icon55.png) no-repeat 45px 30px #eb3900;} .commonfangan ul li.famore{background:url(../webimages/Icon56.png) no-repeat 45px 30px;} .commonyoushi{ width:100%; height:240px;color:#FFF; background:url(../webimages/index_114.jpg) no-repeat center top; padding-top:50px;} .commonyoushi dl{ width:1180px; margin:0px auto; padding-bottom:30px;} .commonyoushi dl dt{ float:left; width:115px; } .commonyoushi dl dt h3{ font-size:35px; line-height:38px;} .commonyoushi dl dt p{ font-size:12px;} .commonyoushi dl dd{ float:right; width:1000px; border-bottom:1px solid #3e3e3e; padding-bottom:10px;} .commonyoushi dl dd h3{ font-size:24px; padding:5px 0px 5px 0px;} .commonyoushi dl dd p{ font-size:12px;} /*---解决方案综合页面0120---*/ .jiejueClass{ width:1180px; margin:0px auto; text-align:center;} .jiejueClass a{ display:inline-block;background:#FFF; border-radius:10px; padding:0px 10px; font-size:14px; color:#7e7e7e; margin:0px 11px 15px; line-height:24px;} .jiejueClass a:hover{ background:#eb3900; color:#FFF;} .jiejueClass a.cur{ background:#eb3900; color:#FFF;} .jiejuelist{width:1180px;margin:0px auto; padding-top:45px;} .jiejuelist dl{margin:0px;padding:0px 0px 40px;} .jiejuelist dl dt{float:left;width:225px; border-top:3px solid #077db4; font-size:24px; font-weight:bold; color:#03a5e3; padding-left:20px; padding-top:32px; line-height:30px;} .jiejuelist dl dd{ float:right; width:860px;border-top:2px solid #cdcdcd; padding-top:28px;} .jiejuelist dl dd p{ font-size:14px; line-height:30px; color:#676767;} .jiejuelist dl dd ul{ margin:0px; padding:25px 0px 0px;} .jiejuelist dl dd ul li{ background:url(../webimages/index_117.png) no-repeat 0px 10px; padding-left:15px; color:#676767; font-size:14px; padding-bottom:10px;} /*---联系我们---*/ .ContactFormbox{position:absolute; width:1180px;left:50%; margin-left:-590px; top:37px;} .ContactForm{ float:right; width:490px; height:550px;background:#233a51;} .ContactForm h3{ font-size:20px; line-height:24px; color:#FFF; text-align:center; padding:25px 0px;} .ContactForm ul{ margin:0px; padding:0px 35px;} .ContactForm ul li{ margin:0px; padding:0px; min-height:46px; height:auto !important; height:46px;} .ContactForm ul li label{ display:block; padding:6px 10px; height:24px; overflow:hidden; background:#FFF;} .ContactForm ul li label input{width:100%; background:none; outline:none; font-size:15px; font-family:"微软雅黑";} .ContactForm ul li label.xingming{float:left; width:185px;} .ContactForm ul li label.dianhua{float:right; width:185px;} .ContactForm h4{ font-size:16px; color:#FFF; font-weight:bold;padding:10px 0px 10px 35px;} .ContactForm dl{ margin:0px; padding:0px 0px 0px 35px; font-size:13px; color:#a5acb3;} .ContactForm dl dd{float:left; width:200px; } .ContactForm dl dd input{vertical-align:middle;} .ContactForm dl dd span{ padding-left:10px;} .ContactForm dl dd.w220{ width:230px;} .ContactForm dl em{ padding:0px 5px;} .ContactForm dl span.ystitle{font-size:16px; color:#FFF; font-weight:bold; padding-right:15px;display:block;padding-top:6px;} .ContactForm p{ padding-top:24px} .ContactForm p input{ background:#00b6eb; font-size:20px; font-family:"微软雅黑"; font-weight:bold; width:100%; color:#FFF; padding:10px 0px; cursor:pointer;} .Contact{ width:1180px; margin:0px auto; background:#ffffff; border:1px solid #dee0e0; height:550px; border-radius:10px; box-shadow:0px -1px 5px #e5e6e6; position:relative;} .Contact h3{ text-align:center; font-size:24px; line-height:26px; padding:50px 0px;} .Contact ul{ margin:0px; padding:0px;} .Contact ul li{float:left;width:270px; border-right:1px solid #e7e7e7; height:200px; padding:0px 12px;} .Contact ul li a{display:block;width:270px; height:180px; padding-top:20px;} .Contact ul li a:hover{color:#FFF; background:#eb3900;} .Contact ul li p{ font-size:14px; text-align:center;} .Contact ul li p.font18{ font-size:18px; padding-top:3px;} .Contact ul li a span{ margin:0px auto 15px;} .Contact ul li.lastbor{border:none} .Contact ul li a.adress span{ display:block; width:80px; height:65px; background:url(../webimages/Icon57.gif) no-repeat} .Contact ul li a.adress:hover span{background:url(../webimages/Icon057.gif) no-repeat} .Contact ul li a.Tel span{ display:block; width:80px; height:65px; background:url(../webimages/Icon58.gif) no-repeat} .Contact ul li a.Tel:hover span{background:url(../webimages/Icon058.gif) no-repeat} .Contact ul li a.Fax span{ display:block; width:80px; height:65px; background:url(../webimages/Icon59.gif) no-repeat} .Contact ul li a.Fax:hover span{background:url(../webimages/Icon059.gif) no-repeat} .Contact ul li a.Email span{ display:block; width:80px; height:65px; background:url(../webimages/Icon60.gif) no-repeat} .Contact ul li a.Email:hover span{background:url(../webimages/Icon060.gif) no-repeat} .Contact dl{position:absolute; bottom:0px; width:1182px;height:58px; background:#8b0a0d; left:-1px; border-radius:0px 0px 10px 10px} .Contact dl img{ display:block; position:absolute; left:40px; bottom:0px;} .Contact dl dt{ float:left; width:90px; background:#b3090d; height:58px; display:inline;} .Contact dl dt h4{ font-size:16px; font-weight:bold; color:#FFF;} .Contact dl dt p{ font-size:10px; color:#233950; line-height:15px;} .Contact dl dt.business p{ color:#fff;} .Contact dl dd{ float:left; line-height:58px; height:58px; font-size:19px; font-weight:bold; color:#FFF; font-family:Arial, Helvetica, sans-serif;} .Contact dl dd a{color:#FFF; padding-right:10px;} .Contact dl dd a:hover{color:#FFF;} .Contact dl dt.business{margin-left:185px; padding:2px 0px 0px 15px; width:75px; height:56px;} .Contact dl dd.business{padding-left:12px; width:430px;} .Contact dl dt.Customer{padding:5px 0px 0px 15px; width:75px; height:53px;} .Contact dl dt.Customer p{ line-height:12px; color:#FFF} .Contact dl dd.Customer{padding-left:12px;width:355px;} .ContactRide{ width:1180px; margin:0px auto; padding-top:45px; padding-bottom:30px;} .ContactRide h3{ font-size:24px; color:#03a5e3; font-weight:bold;} .ContactRide dl{ border-bottom:1px solid #dddddd; padding-top:35px;} .ContactRide dl dt{ float:left; width:75px; color:#3c3c3c; font-size:24px; font-weight:bold;} .ContactRide dl dd{ float:right; width:1090px; font-size:14px;color:#676767;} .ContactRide dl dd h4{ font-weight:bold; padding-bottom:30px; } .ContactRide dl dd p{ padding-bottom:30px;} .book{ width:1180px; margin:0px auto; background:#ffffff; border:1px solid #dee0e0; height:680px; border-radius:10px; box-shadow:0px -1px 5px #e5e6e6; position:relative;} .book h3{ text-align:center; font-size:24px; color:#464646; padding:60px 0px 70px;} .book ul{ margin:0px; padding:0px 0px 0px 110px;} .book ul li{margin:0px; padding:0px; min-height:65px; height:auto !important; height:65px; color:#464646;} .book ul li span{float:left;width:95px; font-size:18px; line-height:45px;} .book ul li span.pl70{ padding-left:70px;} .book ul li label{float:left;background:#f7f7f7; padding:15px 10px; display:block; box-shadow:1px 1px 3px #bdbcbc inset;} .book ul li label input{ float:left; width:100%; background:none; border:none; outline:none; font-size:15px; font-family:"微软雅黑";color:#464646;} .book ul li label.nichen{ width:320px;} .book ul li.cont{ padding-bottom:20px;} .book ul li label.cont{ width:826px;} .book ul li label.cont textarea{ width:99%; height:110px; overflow:hidden; border:none; background:none; outline:none;font-size:15px; font-family:"微软雅黑";color:#464646;} .book ul li img{ display:block; float:left; margin-left:20px;} .book dl{ text-align:center; padding-top:50px;} .book dl input{ width:120px; height:45px; font-size:18px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; margin:0px 10px; border-radius:10px; outline:none; cursor:pointer;} .book dl input.Confirm{ background:#00a0e9;} .book dl input.Reset{ background:#bcbcbc;} /*---产品商城网站建设方案---*/ .ProductMallClass{position:absolute; top:-90px; left:0px; width:100%; text-align:center; z-index:999;} .ProductMallClass a{ display:inline-block; width:185px; height:139px; padding-top:25px; background:url(../webimages/index_125.png) no-repeat center top; font-size:15px; font-weight:bold; color:#FFF;} .ProductMallClass a:hover{ background:url(../webimages/index_126.png) no-repeat center top; color:#00a0e9;} .ProductMallClass a span{ display:block; margin:0px auto 10px; width:56px; height:45px;} .ProductMallClass a.cur{ background:url(../webimages/index_126.png) no-repeat center top; color:#00a0e9;} .ProductMallClass a.dingzhi span{ background:url(../webimages/Icon61.gif) no-repeat} .ProductMallClass a.dingzhi:hover span{ background:url(../webimages/Icon061.gif) no-repeat} .ProductMallClass a.dingzhi span.cur{ background:url(../webimages/Icon061.gif) no-repeat} .ProductMallClass a.chanpin span{ background:url(../webimages/Icon62.gif) no-repeat} .ProductMallClass a.chanpin:hover span{ background:url(../webimages/Icon062.gif) no-repeat} .ProductMallClass a.chanpin span.cur{ background:url(../webimages/Icon062.gif) no-repeat} .ProductMallClass a.yidong span{ background:url(../webimages/Icon63.gif) no-repeat} .ProductMallClass a.yidong:hover span{ background:url(../webimages/Icon063.gif) no-repeat} .ProductMallClass a.yidong span.cur{ background:url(../webimages/Icon063.gif) no-repeat} .ProductMallClass a.weixin span{ background:url(../webimages/Icon64.gif) no-repeat} .ProductMallClass a.weixin:hover span{ background:url(../webimages/Icon064.gif) no-repeat} .ProductMallClass a.weixin span.cur{ background:url(../webimages/Icon064.gif) no-repeat} .Applicable{width:1180px; margin:0px auto; background:#FFF; padding:40px 0px;} .Applicable ul{ float:left; width:500px;} .Applicable ul h3{ font-size:26px; line-height:28px; padding-left:30px; padding-bottom:30px;} .Applicable ul li{ float:left; width:160px;} .Applicable ul li img{ display:block; margin:auto} .Applicable ul li p{ text-align:center; font-size:14px; color:#666; padding-top:40px;} .Applicable ul.cur{ float:right;} .Programdetails{width:1180px; margin:0px auto; padding:50px 0px 30px;} .Programdetails h3{ font-size:26px; line-height:28px;padding:0px 0px 35px;} .Programdetails dl{ float:left; margin:0px; padding:0px; width:500px; height:250px;} .Programdetails dl dt{ float:left; width:128px;} .Programdetails dl dt img{ display:block; width:128px; height:128px;} .Programdetails dl dd{ float:right; width:335px;} .Programdetails dl dd h4{font-size:20px; color:#00a0e9; padding-bottom:10px; padding-top:8px;} .Programdetails dl dd p{ font-size:14px;color:#666; background: url(../webimages/index_03.png) no-repeat left; padding-left:10px;} .Programdetails dl.cur{ float:right} /*---定制---*/ .dingzhiclass{width:1180px;margin:0px auto; text-align:center; padding:0px 0px 40px;} .dingzhiclass a{ display:inline-block; background:url(../webimages/Icon20.png) no-repeat; margin:0px 5px; width:109px; height:26px; line-height:25px; color:#7e7e7e;font-size:14px;} .dingzhiclass a:hover{background:url(../webimages/Icon21.png) no-repeat; color:#FFF;} .dingzhiclass a.cur{background:url(../webimages/Icon21.png) no-repeat; color:#FFF;} .Customizedbox{width:100%; display:none;} .customize{width:100%; padding-bottom:50px;} .customize ul{width:100%;margin:0px; padding:0px;} .customize ul li{width:100%; padding:70px 0px 0px;} .customize ul li dl{width:1180px; margin:0px auto;} .customize ul li dl dt{float:left; padding-top:120px; width:580px;} .customize ul li dl dt h3{font-size:20px; color:#00a0e9; padding-bottom:10px;} .customize ul li dl dt p{font-size:14px;color:#666666; line-height:23px;} .customize ul li dl dd{ float:right; padding-right:100px;} .customize ul li dl dd img{ display:block;} .customize ul li dl dd.cur{ padding-right:0px;} .customize ul li dl.cur dt{ float:right; padding-top:120px; width:580px;} .customize ul li dl.cur dd{ float:left;padding-right:0px;} .customize ul li.cur{background:#ffffff;} .customize ul li.cur1{ padding:40px 0px 40px;} .QA{width:1180px; margin:0px auto; padding-bottom:50px;} .QA dl{ margin:0px 0px 20px; padding:0px; box-shadow:0px 0px 5px #ebebeb} .QA dl h3{background:url(../webimages/Icon75.png) no-repeat #FFF; font-size:18px; color:#00a0e9; padding:25px 30px 20px 85px;} .QA dl dd{background:url(../webimages/Icon77.png) no-repeat #FFF; padding:10px 30px 20px 85px; font-size:14px; color:#676767;} .QAbg{ background:url(../webimages/Icon76.gif) repeat-x #FFF; height:10px; line-height:10px; overflow:hidden;} /*---微信方案---*/ .weixinproblem{width:1180px; margin:0px auto; background:#FFF;} .weixinproblem dl{ margin:0px; padding:0px;} .weixinproblem dl dt{ float:left; padding:15px 0px 5px 105px;} .weixinproblem dl dt img{ display:block;} .weixinproblem dl dd{ float:right; width:510px; padding-top:120px;} .weixinproblem dl dd h3{ font-size:30px; color:#00a0e9; line-height:28px; padding-bottom:25px;} .weixinproblem dl dd p{ font-size:14px; color:#666; line-height:24px;} .dianshangtitel{ width:1180px; margin:0px auto; color:#191919; font-size:26px; line-height:28px; padding:30px 0px 30px;} .weixinlist{width:100%;margin:0px;padding:0px 0px 30px;} .weixinlist ul{margin:0px; padding:0px;} .weixinlist ul li{ margin:0px; padding:40px 0px; width:100%;} .weixinlist ul li.cur{ background:#FFF;} .weixinlist ul li dl{ width:1180px; margin:0px auto;} .weixinlist ul li dl dt{ float:left; width:480px; padding-top:130px;} .weixinlist ul li dl dt h3{ font-size:26px; line-height:28px; color:#00a0e9; padding-bottom:20px;} .weixinlist ul li dl dt p{ font-size:14px; color:#666666; line-height:23px;} .weixinlist ul li dl dd{ float:right;} .weixinlist ul li dl dd img{ display:block;} .weixinlist ul li dl.cur dt{ float:right;} .weixinlist ul li dl.cur dd{ float:left;} /*---移动手机解决---*/ .Mobilephone{width:1180px; margin:0px auto; background:#FFF;} .Mobilephone dl{ margin:0px; padding:20px 0px;} .Mobilephone dl dt{ float:left; width:540px; padding-left:50px; padding-top:70px;} .Mobilephone dl dt h3{ font-size:26px; line-height:28px; padding-bottom:40px; color:#191919} .Mobilephone dl dt p{ font-size:14px; line-height:24px; color:#666666} .Mobilephone dl dd{ float:right; width:440px; padding-right:50px;} .Mobilephone dl dd img{ display:block;} .Mobilephoneintro{ width:100%; padding:0px 0px 50px;} .Mobilephoneintro ul{ margin:0px auto; width:1180px;} .Mobilephoneintro ul li{ float:left; width:520px; height:190px; padding:60px 0px 0px 60px; } .Mobilephoneintro ul li img{ float:left; display:block; margin-right:40px; margin-bottom:40px;} .Mobilephoneintro ul li h3{ font-size:20px; line-height:24px; color:#00a0e9; padding-bottom:10px; padding-top:15px;} .Mobilephoneintro ul li p{ line-height:24px; color:#666; font-size:14px;} .Mobilephoneintro ul li p span{ background:url(../webimages/index_40.png) no-repeat 0px 9px; padding-left:10px;} /*---网站建设---*/ .webClass{text-align:center; padding-top:180px;} .webClass a{ display:inline-block;background:#FFF; border-radius:10px; padding:0px 10px; font-size:14px; color:#7e7e7e; margin:0px 11px 15px; line-height:24px;} .webClass a:hover{ background:#eb3900; color:#FFF;} .webClass a.cur{ background:#eb3900; color:#FFF;} .webtitle{padding:20px 0px; text-align:center;} .webtitle img{ display:block; margin:auto} .webtitle h3{ font-size:37px; line-height:39px; color:#666565; padding-bottom:15px; padding-top:20px;} .webtitle h3 em{ color:#eb3900; font-weight:bold;} .webtitle p{ font-size:24px; color:#717171; font-family:Arial, Helvetica, sans-serif; line-height:26px;} .Brandlogo{ margin:0px; padding:0px;} .Brandlogo ul{ margin:0px; padding:0px;} .Brandlogo ul li{ float:left; width:235px; margin-left:-1px; border:1px solid #d8d8d8;} .Brandlogo ul li img{ display:block; margin:auto; width:234px;} .Brandlogo ul li p{ padding:5px 0px 15px; text-align:center; font-size:14px;} .webintro{ margin:0px; padding:0px;} .webintro dl{ margin:0px; padding:50px 0px; border-bottom:1px solid #dddddd;} .webintro dl dt{ float:left; width:610px; padding-top:50px;} .webintro dl dt h3{ font-size:36px; line-height:42px; font-weight:bold; color:#6f6c6c;} .webintro dl dt h3 em{ color:#03a5e3;} .webintro dl dt p{ padding-top:40px; color:#7e7e7e; font-size:14px; line-height:29px;} .webintro dl dt span{ color:#03a5e3; font-size:18px; line-height:42px; padding-top:40px; display:block;} .webintro dl dt span a{ display:inline-block; background:url(../webimages/index_160.png) no-repeat; color:#FFF; width:126px; font-weight:bold; margin-left:15px; text-align:center;} .webintro dl dd{ float:right; width:522px; padding-top:100px} .webintro dl dd img{ display:block;} .webserve{ margin:0px; padding:40px 0px 20px;} .webserve h3{ font-size:26px; font-weight:bold;color:#6f6c6c;} .webserve h3 em{ color:#03a5e3;} .webserve ul{ margin:0px; padding:40px 0px 0px} .webserve ul li{ float:left; display:inline; margin-right:7px; margin-bottom:8px;} .webserve ul li h4{height:55px; font-size:24px; color:#fff; line-height:28px; font-weight:bold;} .webserve ul li h5{font-size:24px; color:#fff; font-weight:bold; line-height:28px;} .webserve ul li p{ font-size:14px; color:#FFF; padding:20px 0px 0px 25px; line-height:18px;} .webserve ul li.guihua{background:#f27b53; width:290px; height:155px; padding-top:25px;margin-right:6px;} .webserve ul li.guihua h4{ background:url(../webimages/index_161.png) no-repeat 25px 0px;padding-left:100px; height:30px; padding-top:25px;} .webserve ul li.sheji{background:#0caed4; width:290px; height:155px; padding-top:25px;} .webserve ul li.sheji h4{ background:url(../webimages/index_162.png) no-repeat 25px 0px;padding-left:100px; height:30px; padding-top:25px;} .webserve ul li.yuming{background:#75b749; width:290px; height:155px; padding-top:25px;} .webserve ul li.yuming h4{ background:url(../webimages/index_163.png) no-repeat 25px 0px;padding-left:100px; height:30px; padding-top:25px;} .webserve ul li.yuming h5{ padding:35px 0px 0px 25px;} .webserve ul li.xitong{background:#de567a; width:290px; height:155px; padding-top:25px; margin-right:0px;} .webserve ul li.xitong h4{ background:url(../webimages/index_164.png) no-repeat 25px 0px;padding-left:100px; height:30px; padding-top:25px;} .webserve ul li.xitong h5{ padding:15px 15px 0px 25px;} .webserve ul li.kaifa{background:#9d4a9c; width:636px; height:125px; padding-top:55px;} .webserve ul li.kaifa h4{ background:url(../webimages/index_165.png) no-repeat 25px 0px;padding-left:100px; height:55px; padding-top:0px;} .webserve ul li.kaifa h4 span{ display:block; font-size:14px; font-weight:normal; padding-top:3px;} .webserve ul li.yunying{background:#ffb400; width:537px; height:155px; padding-top:25px;margin-right:0px;} .webserve ul li.yunying h4{ background:url(../webimages/index_166.png) no-repeat 25px 0px;padding-left:100px; height:30px; padding-top:25px;} .webserve ul li.kuozhan{background:#de567a; width:388px; height:130px; padding-top:50px;margin-right:8px;} .webserve ul li.kuozhan h4{ background:url(../webimages/index_167.png) no-repeat 25px 0px; height:100px;padding-left:100px; padding-right:30px;} .webserve ul li.pinpai{background:#e75708; width:388px; height:130px; padding-top:50px;margin-right:8px;} .webserve ul li.pinpai h4{ background:url(../webimages/index_168.png) no-repeat 25px 0px; height:100px;padding-left:120px; padding-right:30px;} .webserve ul li.tuiguang{background:#9d4a9c; width:388px; height:130px; padding-top:50px;margin-right:0px;} .webserve ul li.tuiguang h4{ background:url(../webimages/index_169.png) no-repeat 25px 0px;padding-left:100px; height:85px; padding-top:0px;} .webserve ul li.tuiguang h4 span{ display:block; font-size:14px; font-weight:normal; padding-top:3px;} .webListed{ margin:0px; padding:30px 0px 0px;} .webListed ul{ margin:0px; padding:0px;} .webListed ul li{ float:left; width:266px; height:192px; padding-top:20px; padding-right:20px; text-align:right; display:inline; margin-right:12px;} .webListed ul li h3{ font-size:26px; line-height:28px;color:#03a5e3;font-weight:bold; padding-bottom:5px;} .webListed ul li p{ font-size:18px; line-height:23px;} .webListed ul li p span{ font-weight:bold; color:#03a5e3;} .webListed ul li.xingxiang{ background:url(../webimages/index_170.gif) no-repeat} .webListed ul li.xinxi{ background:url(../webimages/index_171.gif) no-repeat} .webListed ul li.wenhua{ background:url(../webimages/index_172.gif) no-repeat} .webListed ul li.yinqing{ background:url(../webimages/index_173.gif) no-repeat; margin-right:0px;} .webListed ul li.yinqing p{ font-size:16px; line-height:23px;} .webListed ul li.yinqing p span{ font-weight:bold; color:#03a5e3;} .webListed h4.Listedfangan{ text-align:center; font-size:37px; line-height:39px; color:#666565; padding-top:85px;} .webListed h4.Listedfangan em{ font-weight:bold; color:#03a5e3;} .webListed p.Servicescope{ text-align:center; font-size:24px; line-height:26px; color:#717171; font-family:Arial, Helvetica, sans-serif; padding:20px 0px;} .webListed p.webfont14{ color:#676767;font-size:14px;} .webListed dl{ margin:0px; padding:0px;} .webListed dl dd{float:left; height:155px; margin-right:7px; margin-bottom:8px;} .webListed dl dd h3{font-size:18px; font-weight:bold; color:#03a5e3;} .webListed dl dd p{color:#5e5e5e; line-height:18px;} .webListed dl dd.Service{ background:url(../webimages/index_174.gif) no-repeat 12px bottom #FFF;width:505px; padding-left:95px; padding-right:25px;} .webListed dl dd.Service h3{ padding-top:23px; padding-bottom:15px;} .webListed dl dd.Service01{ background:url(../webimages/index_175.gif) no-repeat 12px bottom #FFF;width:151px; padding-left:95px; padding-right:25px;} .webListed dl dd.Service01 h3{ padding-top:23px; padding-bottom:15px;} .webListed dl dd.Service02{ background:url(../webimages/index_176.gif) no-repeat 12px bottom #FFF;width:150px; padding-left:95px; padding-right:25px; margin-right:0px;} .webListed dl dd.Service02 h3{ padding-top:23px; padding-bottom:15px;} .webListed dl dd.Service03{ background:url(../webimages/index_177.gif) no-repeat 233px bottom #FFF;width:193px; padding-right:95px; padding-left:25px;} .webListed dl dd.Service03 h3{ padding-top:23px; padding-bottom:15px;} .webListed dl dd.Service04{ background:url(../webimages/index_178.gif) no-repeat 173px bottom #FFF;width:155px; padding-right:70px; padding-left:25px;} .webListed dl dd.Service04 h3{ padding-top:23px; padding-bottom:15px;} .webListed dl dd.Service05{ background:url(../webimages/index_179.gif) no-repeat 300px bottom #FFF;width:260px; padding-right:90px; padding-left:25px;} .webListed dl dd.Service05 h3{ padding-top:23px; padding-bottom:15px;} .webListed dl dd.Service06{ background:url(../webimages/index_180.gif) no-repeat 143px bottom #FFF;width:116px; padding-right:90px; padding-left:15px; margin-right:0px;} .webListed dl dd.Service06 h3{ padding-top:23px; padding-bottom:15px;} /*---关于我们---*/ .about{ width:1180px; margin:0px auto; padding:70px 0px 100px;} .about dl{ margin:0px; padding:0px;} .about dl dt{float: left;width: 406px;padding: 27px 67px 27px;border-bottom: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb; margin-top:11px;} .about dl dt h3{ font-size:53px; font-weight:bold;line-height:53px;color:#03a5e3; margin-bottom:10px;} .about dl dt h3 span{display: inline-block;padding: 0px 10px;margin-left: 8px;background: #03a5e3;font-family: Impact,Arial;color: #FFF;float:right;} .about dl dt h4{ font-size: 62px;font-weight: bold;color: #03a5e3;padding-bottom: 20px;line-height: 65px; } .about dl dt h5 {background: #03a5e3;font-size: 40px;line-height: 50px;padding: 0px 0px 5px;font-weight: bold;text-align: center;color: #fff; margin-bottom:8px;} .about dl dt p{ font-size: 33px;line-height: 34px;padding: 8px 0px 0px;font-weight: bold;text-align: center;color: #545454;} .about dl dt p span{color: #03a5e3;} .about dl dd{ float:right; width:605px; font-size:14px; color:#8e8e8e; line-height:30px;} .about dl dd span{color:#03a5e3;font-weight:bold;} .about01{width:100%; height:523px; position:relative; overflow:hidden;} .about01 img{ display:block; position:relative; width:1900px; margin-left:-950px; left:50%;} .about01 dl{ width:1180px; position:absolute; margin-left:-590px; left:50%; top:0px;} .about01 dl h3{ font-size:35px; line-height:36px; color:#FFF; text-align:right; font-weight:bold; line-height:40px; padding:45px 90px 0px 0px;} .about01 dl h3 span{ display:inline-block; text-align:left;} .about01 dl h4{ font-size:32px; line-height:34px; color:#FFF; text-align:right; font-weight:bold; line-height:40px; padding:45px 235px 0px 0px;} .about01 dl h4 span{ display:inline-block; text-align:left; width:441px; height:100px; background:url(../webimages/index_184.gif) no-repeat; padding:14px 0px 0px 18px;} .about01 dl h4 span em{ color:#03a5e3;} .about01 dl h5{ font-size:32px; line-height:34px; color:#FFF; text-align:right; font-weight:bold; line-height:40px; padding:45px 90px 0px 0px;} .about01 dl h5 span{ display:inline-block; text-align:left;} .about02{ width:1180px; margin:0px auto; padding:70px 0px;} .about02 dl{float:left;} .about02 dl dt{width:290px; font-size:40px; color:#eb3900;} .about02 dl dt h3{font-weight:bold;line-height:50px;} .about02 dl dt h4{font-weight:bold;line-height:50px; padding-top:80px;} .about02_left{ float:right; width:760px;} .about02_left ul{ margin:0px; padding:0px} .about02_left ul li{ float:left; width:180px; height:140px; margin-right:13px;} .about02_left ul li h3{ font-size:18px; color:#FFF; font-weight:bold; text-align:right; padding-right:15px; padding-top:100px;} .about02_left ul li.aboutwangzhan{ background:url(../webimages/index_185.png) no-repeat #1fbc77;} .about02_left ul li.aboutdianzi{ background:url(../webimages/index_186.png) no-repeat #fe8911;} .about02_left ul li.aboutyidong{ background:url(../webimages/index_187.png) no-repeat #fe6963;} .about02_left ul li.aboutxitong{ background:url(../webimages/index_188.png) no-repeat #03a5e3; margin-right:0px;} .about02_left p{ font-size:16px; color:#8c8c8c; padding-top:40px;} .about03{ width:100%; background:url(../webimages/index_189.jpg) no-repeat center top; height:523px;} .about03 dl{ margin:0px auto; width:1180px;} .about03 dl dd{float:right; width:545px;color:#FFF; padding:100px 0px 0px 0px;} .about03 dl dd p{font-size:15px;} .about03 dl dd p.about03font14{font-size:14px;} .about03 dl dd h3{ font-size:21px; line-height:30px; font-weight:bold; padding:30px 0px;} .about04{ width:825px; margin:0px auto; text-align:center; padding:70px 0px;} .about04 h3{font-size:44px; line-height:48px; color:#eb3900; font-weight:bold;} .about04 p{ font-size:18px; color:#797878; line-height:30px;padding:40px 0px 0px;} .about04 p.about04bold{ font-weight:bold; color:#03a5e3;} .about04 p.about04font14{ font-size:14px; padding:7px 0px;} .about05{width:100%; background:#FFF; text-align:center; padding:70px 0px;} .about05 h3{font-size:44px; line-height:48px; color:#eb3900; font-weight:bold; padding-bottom:6px;} .about05 p{ font-size:14px; padding:10px 0px; line-height:18px;} .about05 p.about05pic{ padding:70px 0px;} .about05 p.about05pic img{ display:block; margin:0px auto;} .about05 ul{ margin:0px auto; padding:0px; width:1180px;} .about05 ul li{float:left;width:173px; height:223px; border:1px solid #e9e4e4; margin-right:25px;} .about05 ul li.cur{ margin:0px;} /*---理念与信仰---*/ .Idea{ width:1180px; margin:0px auto; padding:0px 0px 40px;} .Idea dl{ margin:0px; padding:50px 0px;} .Idea dl dt{ float:left; width:625px;} .Idea dl dt h3{ font-size:30px; color:#03a5e3; font-weight:bold; line-height:36px;} .Idea dl dt h3 span{ float:left;display:inline-block; background:url(../webimages/index_197.gif) no-repeat; width:130px; height:80px; color:#FFF; text-align:right; font-size:35px; padding-top:20px; padding-right:4px;} .Idea dl dt h3 em{ display:inline-block; height:75px; padding-left:12px; padding-top:25px;} .Idea dl dt p{ font-size:14px; color:#686767; padding-top:40px;} .Idea dl dd{ float:right; width:389px; height:331px; padding-left:15px; background:url(../webimages/index_198.png) no-repeat; text-align:center; color:#FFF;} .Idea dl dd h3{font-size:40px; font-weight:bold; line-height:43px; padding-top:120px;} .Idea dl dd h4{font-size:27px; font-weight:bold; line-height:29px; padding-top:10px;} .Idea dl dd p{ font-size:19px; color:#0576ba; padding-top:9px;} .Idea dl.cur dt{ float:right;} .Idea dl.cur dd{ float:left; background:none; width:480px; margin-top:50px;} .Idea dl.cur dd img{ display:block; width:480px;} .Idea ul{ margin:0px auto; padding:50px 0px 0px; width:1180px;} .Idea ul li{float:left;width:173px; height:223px; background:#fff; border:1px solid #fff; margin-right:26px;} .Idea ul li p{ text-align:center; font-size:14px; line-height:18px; padding-top:10px;} .Idea ul li.cur{ margin:0px;} /*---实力认可---*/ .Strength{ width:1100px; margin:0px auto; background:url(../webimages/index_202.gif) repeat-y 187px; position:relative;} .Strength h3{padding-left:114px;} .Strength h3 span{background:url(../webimages/index_201.png) no-repeat; width:152px; height:66px; display:block; text-align:center; font-size:22px; color:#FFF; font-weight:bold; line-height:46px;} .Strength dl{ margin-top:25px; width:1000px;} .Strength dl dt{ float:left; margin-top:50px; width:197px; height:106px; background:url(../webimages/index_203.png) no-repeat; color:#FFF; font-size:24px; font-weight:bold; color:#eb3900; line-height:106px; text-indent:25px;} .Strength dl dd{ float:right; width:695px; background:#FFF; padding:30px 40px; color:#353534;} .Strength dl dd h4{ font-size:18px; font-weight:bold; padding-bottom:10px;} .Strength dl dd p{ padding-bottom:15px;} .Strength ul{ position:absolute; right:0px; top:90px; width:65px;} .Strength ul li{width:65px; height:35px; padding-bottom:5px;} .Strength ul li a{ display:block;width:65px; height:35px; background:#ffffff; color:#636363; text-align:center; line-height:35px; border-radius:10px; font-size:16px; font-weight:bold;} .Strength ul li a.cur{ background:#0873ce; color:#fff;} .Distinctive{width:1180px; margin:0px auto; padding-top:10px;} .Distinctive ul{ color:#727272;background:url(../images/seo/index_204.gif) no-repeat center top; height:157px; padding-bottom:60px; border-bottom:1px solid #dbdbdb; text-align:center;} .Distinctive ul h3{ font-size:26px; line-height:32px; padding-top:20px;} .Distinctive ul h3 span{ color:#03a5e3; font-weight:bold;} .Distinctive ul p{ font-size:18px; padding-top:15px; line-height:28px;} .Distinctive dl{ margin:0px; padding:40px 0px 0px;} .Distinctive dl dt{ float:left; width:700px; padding-top:45px;} .Distinctive dl dt h3{height:70px; font-size:30px; font-weight:bold; line-height:32px; color:#03a5e3; padding-left:120px; padding-top:30px;} .Distinctive dl dt p{ font-size:13px; color:#686767; padding-top:20px;} .Distinctive dl dd{ float:right;} .Distinctive dl dd img{ display:block;} .Distinctive dl.cur dt{float:right;} .Distinctive dl.cur dd{float:left;} .Distinctive dl dt.w480{width:480px; padding-top:120px;} .Distinctive dl dt h3.yiliu{ background:url(../images/seo/index_205.gif) no-repeat; } .Distinctive dl dt h3.pinzhi{ background:url(../images/seo/index_206.gif) no-repeat; } .Distinctive dl dt h3.gongying{ background:url(../images/seo/index_207.gif) no-repeat; } .Distinctive dl dt h3.gaoduan{ background:url(../images/seo/index_208.gif) no-repeat; } .Distinctive dl dt h3.yingxiao{ background:url(../images/seo/index_209.gif) no-repeat; } .Distinctive dl dt h3.wangluo{ background:url(../images/seo/index_210.gif) no-repeat; } .Distinctive dl dt h3.lingxian{ background:url(../images/seo/index_211.gif) no-repeat; } .DistinctiveTwo{ margin:0px auto; padding:50px 0px 0px; width:1180px;} .DistinctiveTwo ul{ margin:0px; padding:0px;} .DistinctiveTwo ul li{float:left;width:173px; height:223px;border:1px solid #e9e4e4; margin-right:26px;} .DistinctiveTwo ul li p{ text-align:center; font-size:14px; line-height:18px; padding-top:10px;} .DistinctiveTwo ul li.cur{ margin:0px;} .jobs{margin:0px; padding:0px;} .jobs dl.jobsIntro{ margin:0px; padding:0px 0px 40px;} .jobs dl.jobsIntro dt{ float:left; width:590px;} .jobs dl.jobsIntro dt h3{ font-size:35px; line-height:42px; color:#676767; font-weight:bold;} .jobs dl.jobsIntro dt h3 span{color:#00a0e9;} .jobs dl.jobsIntro dt p{ color:#686767; font-size:14px; line-height:30px; padding-top:40px;} .jobs dl.jobsIntro dd{ float:right; width:511px;} .jobs dl.jobsIntro dd img{ display:block;} .jobs ul{ margin:0px; padding:0px; background:#FFF;} .jobs ul li{ float:left;} .jobs ul li a{ display:inline-block; padding:10px 20px; font-size:18px;} .jobs ul li a:hover{ background:#00a0e9; color:#FFF;} .jobs ul li a.cur{ background:#00a0e9; color:#FFF;} .jobslist{ margin:0px; padding:0px 0px 60px;} .jobslist ul{ margin:0px; padding:0px;} .jobslist ul li{ margin:0px; padding:30px 0px 0px;} .jobslist ul li h3{ background:#FFF; padding:20px 0px 20px; border-bottom:1px solid #f0f0f0;} .jobslist ul li h3 strong{ font-size:24px; line-height:28px; display:inline-block; padding-top:15px;} .jobslist ul li h3 span{ float:right; font-size:14px; display:block; padding:30px 40px 0px 0px;} .jobslist ul li h3 em{ display:block; font-size:12px; color:#8c8a89; padding-top:5px;} .jobslist ul li h3 img{ display:block; float:left;margin:0px 30px;} .jobslistbox{padding:0px 40px 40px; background:#FFF;} .jobslistbox dl{ margin:0px; padding-top:40px;} .jobslistbox dl h4{font-size:18px; color:#424242;} .jobslistbox dl dt{ float:left; width:105px; font-size:18px; color:#424242;} .jobslistbox dl dd{ float:right; width:960px; color:#575757} .jobslistbox p{ padding:40px 0px 0px;color:#575757} .jobslistbox p.jobfont14{ font-size:14px;} .jobslistbox p a.Delivery{ background:#00a0e9; display:inline-block; width:155px; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#FFF;} /*---网站建设-弹出---*/ .webPopup{ width:100%; position:absolute; top:0px; left:0px; z-index:999; background:url(../webimages/index_221.png) repeat; display:none;} .webPopupForm{display:none;position:absolute; z-index:999999; width:580px; top:0px; left:50%; margin-left:-290px; background:#FFF; border:1px solid #c9c9c9; box-shadow:0px 0px 15px #c3c2c2} .webPopupForm h3{ border-bottom:1px solid #f0f0f0; font-size:30px; line-height:40px; color:#a5a5a5; font-weight:bold; padding:20px 0px 20px 25px; position:relative;} .webPopupForm h3 span{ color:#e93500;} .webPopupForm h3 em{ background:url(../webimages/index_222.gif) no-repeat; width:16px; height:18px; cursor:pointer; position:absolute; right:20px; top:20px;} .webPopupForm ul{ padding:30px 0px 0px; border-bottom:1px solid #f0f0f0; margin:0px 32px;} .webPopupForm ul li{margin:0px; padding:0px; min-height:65px; height:auto !important; height:65px; color:#464646; padding-left:0px;} .webPopupForm ul li span{float:left;width:75px; font-size:15px; line-height:38px; padding-left:10px;} .webPopupForm ul li label{float:left;background:#f7f7f7; padding:9px 10px; display:block; box-shadow:1px 1px 3px #bdbcbc inset;} .webPopupForm ul li label input{ float:left; width:100%; background:none; border:none; outline:none; font-size:15px; font-family:"微软雅黑";color:#464646;} .webPopupForm ul li span.w45{ width:50px; padding-left:20px;} .webPopupForm ul li label.mingchen{ width:410px;} .webPopupForm ul li label.xingming{ width:120px;} .webPopupForm ul li label.dianhua{ width:200px;} .webPopupForm h4{ font-size:18px; color:#03a5e3; font-weight:bold;padding:15px 0px 15px 32px;} .webPopupForm dl{margin:0px 32px; border-bottom:1px solid #f0f0f0; font-size:15px; color:#5b5b5b;} .webPopupForm dl dd{float:left; width:200px; padding-bottom:15px;} .webPopupForm dl dd input{vertical-align:middle;} .webPopupForm dl dd span{ padding-left:10px;} .webPopupForm dl dd.w220{ width:260px;} .webPopupForm dl em{ padding:0px 5px;} .webPopupForm p{ text-align:center; padding:30px 0px;} .webPopupForm p input{ background:#00b6eb; font-size:20px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; width:135px; border-radius:10px; outline:none; cursor:pointer;height:48px; cursor:pointer;} /*---微信解决方案---*/ .weixinSolutions{ width:1180px; overflow:hidden; margin:0px;padding:60px 0px 0px;} .weixinSolutions ul{margin:0px;padding:0px 0px 15px; width:1182px;} .weixinSolutions ul li{float:left;width:375px; text-align:center; margin-right:28px; overflow:hidden; position:relative; display:inline; padding-bottom:15px; border-bottom:1px solid #dbdcdc;} .weixinSolutions ul li img{ display:block; width:375px; height:340px;} .weixinSolutions ul li h3{ font-size:20px; padding-top:15px;} .weixinSolutions ul li p.wxfont14{ font-size:14px; padding-top:10px; color:#009fe9;} .weixinSolutions ul li p span{ background:#009fe9; padding:0px 5px; margin-right:5px; color:#FFF;} .weixinSolutions ul li.cur{ margin:0px;} .weixinSolutions dl{margin:0px; padding:0px 0px 35px; height:342px; position:relative; border-bottom:1px solid #dcdddd;} .weixinSolutions dl dd{width:455px;position:absolute; top:70px; right:50px;} .weixinSolutions dl dd h3{ font-size:31px; color:#FFF; padding-bottom:30px; line-height:32px;} .weixinSolutions dl dd p{ font-size:14px;color:#FFF; line-height:30px;} .weixinSolutions dl dd span{ font-size:14px; display:block; padding-top:30px;} .weixinSolutions dl dd span em{ background:#FFF; padding:0px 5px; margin-right:5px; color:#f69c0e;} .weixinSolutions dl dd a{ color:#FFF;} .weixinSolutions dl dd a:hover{ color:#FFF;} .weixinRelated{width:1180px;padding:30px 0px 0px;} .weixinRelated h3{font-size:30px; line-height:32px; padding-bottom:25px;} .weixinRelated h3 em{ float:right; font-size:14px;} .weixinRelated ul{ margin:0px; padding:0px;} .weixinRelated ul li{ float:left; width:365px; height:360px; padding:7px; background:#FFF; box-shadow:0px 1px 3px #eaeaea; margin-right:21px; margin-bottom:20px;} .weixinRelated ul li img{ display:block; width:365px;} .weixinRelated ul li h4{ font-size:18px; padding-top:12px; height:21px; overflow:hidden;} .weixinRelated ul li p{ font-size:12px; padding-top:8px; height:38px; line-height:19px;} .weixinPopup{ width:295px; height:300px; padding:40px 40px 0px; position:absolute; top:-340px; color:#FFF;left:0px; background:#0577ba; text-align:left;} .weixinPopup h4{ font-size:24px; padding-bottom:120px;} .weixinPopup h4 a{ color:#FFF;} .weixinPopup h4 a:hover{ color:#FFF;} .weixinPopup p{ font-size:16px;} /*---微信解决方案-列表 ---*/ .weixinlistbanner{ width:100%;position:relative;} .weixinlistbanner h3{ position:absolute; top:50px; left:50px; line-height:32px; font-size:30px;} .weixinlistbanner img{ display:block;} .weixintitle{background:url(../webimages/index_88.png) repeat-x 0px 50px; padding-top:30px;} .weixintitle h3{ display:inline; background:#f2f2f2; font-size:30px; padding-right:50px; line-height:32px;} .weixingongneng{ margin:0px; padding:30px 0px 20px; overflow:hidden;} .weixingongneng ul{ margin:0px; padding:0px 0px 20px 0px;} .weixingongneng ul li{float:left; width:196px; padding-top:20px;} .weixingongneng ul li img{ display:block; margin:0px auto;} .weixingongneng ul li p{ text-align:center; font-size:18px; padding:20px 0px; color:#696969;} .weixingongneng dl{background:#FFF; padding:5px 0px; width:1200px;} .weixingongneng dl dd{float:left; padding-left:5px;} .weixingongneng dl dd a{float:left;display:block; padding:20px 19px; background:#33c3e6; color:#FFF; font-size:15px; font-weight:bold;} .weixingongneng dl dd a:hover{background:#26b9dd; color:#FFF;} .weixingongneng dl dd a.cur{padding:20px 23px;} .weixinyoushi{margin:0px; padding:50px 0px;} .weixinyoushi dl{margin:0px; padding:0px;} .weixinyoushi dl dt{float:right; width:312px; text-align:center; color:#FFF; padding:110px 0px 0px 25px; height:162px; background:url(../webimages/index_264.png) no-repeat} .weixinyoushi dl dt h3{ font-size:30px; line-height:33px;font-weight:bold; padding-bottom:19px;} .weixinyoushi dl dt h4{ font-size:19px;font-weight:bold; color:#ed5b2d; padding-bottom:15px;} .weixinyoushi dl dt p{ font-size:24px; line-height:25px;font-weight:bold;} .weixinyoushi dl dd{ float:left; width:650px; color:#8a8a8a; padding-top:80px; padding-left:70px;} .weixinyoushi dl dd h3{ font-size:41px; line-height:43px;font-weight:bold; padding-bottom:25px;} .weixinyoushi dl dd h4{font-size:41px; line-height:43px;font-weight:bold; text-align:right;padding-bottom:25px;} .weixinyoushi dl dd h5{ font-size:25px; font-weight:bold;} .weixinyoushi dl dd span{ color:#00a0e9;} .weixinContent{background:#fff;width:100%;padding:60px 0px;} .weixinContent dl{ margin:0px auto; width:1180px;} .weixinContent dl dt{ float:left;} .weixinContent dl dt img{ display:block;} .weixinContent dl dd{ float:right; width:450px; padding-top:80px;} .weixinContent dl dd h3{ font-size:38px; line-height:40px; color:#8a8a8a; font-weight:bold; padding-bottom:15px;} .weixinContent dl dd h3 span{ color:#00a0e9;} .weixinContent dl dd h4{ font-size:35px; line-height:38px; color:#00a0e9; font-weight:bold; padding-bottom:15px;} .weixinContent dl dd h5{ font-size:38px; line-height:40px; color:#8a8a8a; font-weight:bold; padding-bottom:15px;} .weixinContentTwo{ width:1180px; margin:0px auto; padding:50px 0px 0px;} .weixinContentTwo dl{ margin:0px; padding:0px 0px 30px; border-bottom:1px solid #dedede;} .weixinContentTwo dl dt{ float:left; width:590px; font-size:30px; line-height:40px; color:#8a8a8a; padding-top:60px;} .weixinContentTwo dl dt h3{ font-weight:bold; padding-bottom:15px;} .weixinContentTwo dl dt h4{ font-weight:bold;} .weixinContentTwo dl dt span{ color:#00a0e9;} .weixinContentTwo dl dd{ float:right;} .weixinContentTwo dl dd img{ display:block;} /*---苹果手机网站---*/ .phonewebtitle{ margin:0px; padding:} .phonewebtitle h3{ font-size:30px; line-height:32px; color:#242424; padding-bottom:30px;} .phonewebtitle h3 em{ float:right; font-size:18px; text-align:center; position:relative;} .phonewebtitle h3 em a{ display:block; background:url(../webimages/index_267.png) no-repeat; color:#FFF; width:91px; height:34px; text-indent:8px;} .phonewebtitle h3 em a:hover{color:#FFF;} .iphonewebTop{ margin:0px; padding:0px 0px 30px;} .iphonewebTop dl{ background:#fff; box-shadow:0px 2px 5px #e5e5e4; padding:30px 0px;} .iphonewebTop dl dt{ float:left; width:350px; padding-left:135px;} .iphonewebTop dl dt img{ display:block;} .iphonewebTop dl dd{ float:right; width:510px; padding-right:100px; font-size:14px; line-height:26px; color:#4c4c4c; padding-top:40px;} .iphonewebTop dl dd h3{ font-size:24px; color:#0677bb; padding-bottom:25px;} .iphoneweblist{ background:#fff;box-shadow:0px 2px 5px #e5e5e4; padding:30px;} .iphoneweblist h3{ font-size:24px; line-height:26px; padding-bottom:10px;} .iphoneweblist ul{ margin:0px; padding:0px;} .iphoneweblist ul li{border:1px solid #d9d9d9; margin-top:20px; background:#fff; min-height:90px; height:auto !important; height:90px; padding:25px 130px 25px; position:relative;} .iphoneweblist ul li h4{ font-size:18px; padding-bottom:15px;} .iphoneweblist ul li p{ font-size:13px;} .iphoneweblist ul li img{ display:block; position:absolute; left:20px; top:50%; margin-top:-34px;} .iphoneweblist ul li a.more{ background:url(../webimages/index_279.jpg) no-repeat center top; display:block; width:55px; padding-top:40px; position:absolute; right:30px;top:50%; margin-top:-32px; color:#999;} .iphoneweblist ul li a.more:hover{color:#007bc4;} /*---手机网站---*/ .phoneweb{ margin:0px; padding:40px; background:#fff; box-shadow:0px 2px 5px #e5e5e4; font-size:14px;} .phoneweb span.Blue{color:#0677bb; font-weight:bold;} .phoneweb dl{background:url(../webimages/index_280.jpg) no-repeat center top; padding-top:50px;} .phoneweb dl dt{float:right; padding-right:80px;} .phoneweb dl dt img{ display:block;} .phoneweb dl dd{ float:left; width:530px;} .phoneweb dl dd h3 span{ display:block; float:left; font-size:60px; line-height:63px; padding:10px; font-family:Arial, Helvetica, sans-serif; border:1px solid #d1d1d1; color:#0677bb;} .phoneweb dl dd h3 em{ float:right;width:415px; display:block; font-size:18px; padding-top:15px;} .phoneweb dl dd h3 em i{ font-size:24px; color:#0677bb; display:block; padding-top:5px;} .phoneweb dl dd ol{ margin:0px; padding:70px 0px 0px;} .phoneweb dl dd ol li{ margin:0px; padding:0px 0px 15px;} .phoneweb dl.cur dd{ float:right;} .phoneweb dl.cur dt{ float:left;padding-left:80px;} .phonewebIcon{float:left;} .phonewebIntro{ float:right; width:480px;} .phonewebIntro h4{ background:url(../webimages/index_285.gif) no-repeat; height:26px; color:#1866bb; font-size:14px; text-indent:15px;} .phonewebIntro h5{font-size:14px;color:#1866bb;} .phonewebIntro p{ padding-top:5px;} .phonewebIntro p.pl10{ padding-left:10px;} .phonewebIntro span{ display:block; width:225px; padding-top:15px;} .phonewebIntro span img{ display:block; float:left; margin:0px 0px 10px 10px; width:94px;} /*---微信公众号定制---*/ .gongzhonghao{margin:0px; padding:40px; background:#fff; box-shadow:0px 2px 5px #e5e5e4; font-size:14px;} .gongzhonghao h3{ font-size:18px; color:#0677bb; font-weight:bold;} .gongzhonghao p{ color:#666666; font-size:14px;} /*---微信公众号营销---*/ .gongzhonghaoyingxiao{margin:0px; padding:40px; background:#fff; box-shadow:0px 2px 5px #e5e5e4; font-size:14px;} .gongzhonghaoyingxiao ul li h3{font-size:22px; color:#0577ba;} .gongzhonghaoyingxiao ul li p{ color:#666666;} .gongzhonghaoyingxiao dl{ margin:0px; padding:60px 0px 45px;background:url(../webimages/index_280.jpg) no-repeat center top;} .gongzhonghaoyingxiao dl h3{ font-size:30px; line-height:32px; padding:0px 0px 50px;} .gongzhonghaoyingxiao dl dt{float:right; padding-right:80px;} .gongzhonghaoyingxiao dl dt img{ display:block;} .gongzhonghaoyingxiao dl dd{ float:left; width:530px;} .gongzhonghaoyingxiao dl dd h4 span{ display:block; float:left; font-size:60px; line-height:63px; padding:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border:1px solid #d1d1d1; color:#0677bb;} .gongzhonghaoyingxiao dl dd h4 em{ float:right;width:415px; display:block; font-size:20px; padding-top:10px; color:#999} .gongzhonghaoyingxiao dl dd h4 em i{ font-size:24px; color:#0677bb; display:block; padding-bottom:20px; font-weight:bold;} .gongzhonghaoyingxiao dl dd p{ color:#979797; padding-top:30px;} .gongzhonghaoyingxiao dl.nonebg{ background:none;} .gongzhonghaoyingxiao dl.cur dt{ float:left; padding-left:80px;} .gongzhonghaoyingxiao dl.cur dd{ float:right;} /*---微网站功能介绍---*/ .weixinIntro{margin:0px;background:#f9f9f9 url(../webimages/index_307.gif) repeat-y right; box-shadow:0px 2px 5px #e5e5e4;} .weixinIntroleft{float:left;width:915px; padding:40px 0px 40px 40px; color:#676767; font-size:16px; line-height:30px;} .weixinIntroleft h4{ font-size:20px; color:#0577ba;} .wz_bg{ padding-bottom:20px;} .weixinIntroright{ float:right; width:192px;} .weixinIntroright a{ display:block; height:38px; line-height:38px; color:#242424; font-size:14px; width:132px; padding-left:60px;} .weixinIntroright a:hover{ background:url(../webimages/index_308.gif) no-repeat; color:#FFF;} .weixinIntroright a.cur{ background:url(../webimages/index_308.gif) no-repeat; color:#FFF;} /*---网络营销推广-网站软文推广0206---*/ .ruanwen{margin:0px auto; padding:50px 0px 50px; width:1000px;} .ruanwen dl{ margin:0px; padding:25px 0px; border:1px solid #e3e3e3; background:#FFF; margin-top:20px;} .ruanwen dl dt{ float:left; width:140px;} .ruanwen dl dt img{ display:block; margin:0px auto;} .ruanwen dl dd{ float:right; width:790px; padding-right:60px; font-size:16px; color:#666666;} .ruanwen dl dd h3{ font-size:24px; line-height:26px; font-weight:bold;color:#03a5e3; padding-bottom:18px;} /*---网络营销推广-网站优化0206---*/ .youhua{margin:0px auto; padding:50px 0px 50px; width:1000px; text-align:center; font-size:18px; line-height:30px; color:#797878;} .youhua p.font30{ font-size:30px; color:#03a5e3; line-height:30px; padding:30px 0px;} .youhua p.Orange{ font-weight:bold; color:#03a5e3; padding:30px 0px;} .youhualist{ width:100%; background:#FFF; padding:50px 0px 25px;} .youhualist dl{ margin:0px auto; padding:0px 0px 25px; width:950px;} .youhualist dl dt{ float:left;} .youhualist dl dt img{ display:block;} .youhualist dl dd{ float:right; width:790px; font-size:18px; color:#666666; padding-top:10px;} .youhualist dl dd h3{ padding-bottom:10px;} /*---网络营销推广-网站优化0206---*/ .WhatSpread{width:1000px; margin:0px auto;} .WhatSpread dl{ margin:0px;padding:60px 0px;} .WhatSpread dl dt{ float:left;} .WhatSpread dl dd{ float:right; width:600px; font-size:16px; color:#535353; padding-top:40px;} .WhatSpread dl dd h3{ font-size:28px; color:#03a5e3; line-height:30px; padding-bottom:20px;} .WhatSpread dl.cur dd{ width:450px; padding-top:70px;} .CloudSearch{ width:100%; padding:50px 0px; background:#FFF;} .CloudSearch dl{ margin:0px auto; padding:0px; width:1000px;} .CloudSearch dl dt{ float:right;} .CloudSearch dl dd{ float:left; width:410px; font-size:16px; color:#535353; padding-top:40px;} .CloudSearch dl dd h3{ font-size:28px; color:#03a5e3; line-height:30px; padding-bottom:20px;} .fanganclass{ width:1180px;} .newsclass{ width:1180px;} /*---知名客户---*/ .zhiming{width:1180px; margin:0px auto;position:relative;} .zhiming dl{ margin:0px; padding:0px;} .zhiming dl dd{float:left; width:380px;padding:7px 0px;height:550px;background:#FFF;box-shadow:0px 2px 3px #d9dbdb; display:inline;margin-right:20px;margin-top:28px;position:relative;} .zhiming dl dd.cur{margin-right:0px;} .zhiming dl dd img{display:block;width:366px; height:276px; margin:0px auto;} .zhiming dl dd h3{ font-size:18px; height:23px; overflow:hidden; padding:15px 15px 0px;} .zhiming dl dd p.anlitext{padding:10px 15px 0px; color:#5f5f5f;} .zhimingIntro{position:absolute;width:100%; height:290px; background:#0577ba; top:0px; left:0px; display:none; overflow:hidden} .zhimingIntro ul{ background:url(../webimages/index_59.png) no-repeat 0px 35px; width:323px; margin:0px auto; padding:60px 0px 0px; color:#fff} .zhimingIntro ul li a{ display:block; background:url(../webimages/index_345.gif) no-repeat left center; color:#FFF; padding-left:25px; font-size:14px; margin-bottom:5px;} .zhimingIntro ul li a:hover{ color:#eb3900;} .Mallconttitle {background: #EFEFEF;margin-top: 30px;padding: 10px;text-align: center;font-size: 14px;font-weight: bold;} .Mallweb table{ border-collapse:collapse} .Mallweb table td{ border:1px solid #d2d2d2; padding:15px} /*---搜索---*/ .SearchClass{ width:1180px; margin:0px auto; text-align:center; padding-top:50px;} .SearchClass a{ display:inline-block;background:#FFF; border-radius:10px; padding:0px 20px; font-size:14px; color:#7e7e7e; margin:0px 5px 15px; line-height:24px;} .SearchClass a:hover{ background:#eb3900; color:#FFF;} .SearchClass a.cur{ background:#eb3900; color:#FFF;} .Searchresults{ width:100%; font-size:30px; color:#000; line-height:33px; padding:90px 0px; text-align:center;} .Search{ width:1180px; height:130px; background:#03a5e3; margin:0px auto;} .Search dl{ margin:0px; padding:0px;} .Search dl dd{float:left;font-size:24px; line-height:26px; color:#fff; width:100px; padding-top:44px; padding-left:85px; line-height:35px;} .Search dl dd.Searchtext{ width:720px; padding:44px 0px 0px 30px;} .Search dl dd.Searchtext label{ display:block; padding:0px 10px; background:#fff; height:30px; padding-top:10px;} .Search dl dd.Searchtext label input{ width:100%; float:left; outline:none; font-size:14px; font-family:"微软雅黑"; color:#333;} .Search dl dd.w130{width:130px; padding-top:44px; padding-left:20px;} .Search dl dd.w130 input{ float:left;height:40px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-indent:-15px; font-size:18px; outline:none; color:#FFF; background:#0c82ae url(../webimages/index_352.gif) no-repeat; width:130px;} /*******************************chenrui begin*********************/ /*大型网站建设*/ .cr_menhu{ display:block; height:auto; overflow:hidden; padding-top:40px; padding-bottom:20px;} .cr_menhu p{ text-align:center; color:#676767; font-size:14px; padding-top:5px;} .webtitle.cr_colred em{ color:#eb3900;} .webListed.cr_menhutwo dl dd.Service01{background: url(../webimages/index_174.gif) no-repeat 12px bottom #FFF; width:233px;} .webListed.cr_menhutwo dl dd.Service02{background: url(../webimages/index_175.gif) no-repeat 12px bottom #FFF; margin-right:7px; width:162px;} .webListed.cr_menhutwo dl dd.Service03{background: url(../webimages/index_176.gif) no-repeat 12px bottom #FFF; padding-left:95px; padding-right:10px; width:150px;} .webListed.cr_menhutwo dl dd.Service04{background: url(../webimages/index_177.gif) no-repeat 12px bottom #FFF; padding-right:12px; padding-left:95px; line-height:25px;} .webListed.cr_menhutwo dl dd.Service05{background: url(../webimages/index_178.gif) no-repeat 240px bottom #FFF; height:715px; overflow:hidden; width:280px; padding-right:10px; } .webListed.cr_menhutwo dl dd.Service06{background: url(../webimages/index_179.gif) no-repeat 775px bottom #FFF;height:715px; overflow:hidden; width:760px; padding-right:75px; } .webListed.cr_menhutwo dl dd.Service06 p{ line-height:25px; padding-left:10px; margin-bottom:8px; background:url(../webimages/ssf_img1.jpg) no-repeat left 7px;} .webListed.cr_menhutwo dl dd.Service05 p{ line-height:25px;} /*网站建设-电子商务网站建设*/ .cr_dianshang{ display:block; height:auto; padding-top:50px; padding-bottom:30px; overflow:hidden;} .cr_dianshang dl dt,.cr_dianshang dl dd{ float:left; width:50%; color:#676767; font-size:14px;} .cr_dianshang p{background:url(../webimages/ssf_img1.jpg) no-repeat 3px 11px; padding-left:20px;} .webListed.cr_dianshangtwo dl dd.Service03{ background: url(../webimages/index_177.gif) no-repeat 240px bottom #FFF; height:410px; overflow:hidden; width:280px; padding-right:10px; } .webListed.cr_dianshangtwo dl dd.Service04{background: url(../webimages/index_178.gif) no-repeat 783px bottom #FFF;height:410px; overflow:hidden; width:745px; padding-right:88px; margin-right:0px; } .webListed.cr_dianshangtwo dl dd.Service03 p,.webListed.cr_dianshangtwo dl dd.Service04 p{ line-height:23px;} /*网站建设-企业官网*/ .cr_pinpai{ text-align:center; color:#676767; font-size:14px; width:1175px; margin:0 auto; padding-bottom:50px;} .webserve.cr_guanwang{padding: 0px 0px 20px;} /*zhang*/ .zml_solition h3{ font-size:18px; color:#0795d7; font-weight:bold; padding-bottom:10px;} .zml_solition p{ background:url(../webimages/index_117.png) no-repeat left; padding-left:10px;} .zml_solition_list1{ background:#fff url(../webimages/index_174.gif) no-repeat 98% bottom; padding:30px;} .webListed dl dd.zml_daili{ width:230px; padding-right:15px;} .webListed dl dd.zml_daili01{ width:160px; margin-right:7px; padding-right:15px;} .webListed dl dd.zml_daili02{ background:#fff url(../webimages/index_177.gif) no-repeat 12px bottom; width:160px; padding-left:95px; padding-right:10px;} .webListed dl dd.zml_daili03{ width:1040px; padding-left:95px; background:#fff url(../webimages/index_178.gif) no-repeat 12px bottom; padding-right:30px;} /*******************************chenrui end*********************/ .yzj_container { width: 1200px; margin-right: auto; margin-left: auto; position: relative; background-repeat: no-repeat; } .yzj_container .text2 { height: auto; line-height: 28px; font-size: 16px; position: absolute; z-index: 1; } .yzj_container .text2 strong { color: rgb(68, 68, 68); padding-bottom: 15px; font-size: 28px; display: block; } #slide{height:460px;width:100%;background:#EFEFEF;overflow:hidden;text-align:center; position:relative;} .blueberry {width:100%; position:relative;} .blueberry {margin:0 auto; } .blueberry .slides {display: block;position: relative;overflow: hidden;} .blueberry .slides li {width:100%;height:460px;position: absolute;top: 0;left: 0;overflow: hidden;} .blueberry .slides li.active {display: block; position: relative; } .blueberry .crop li img {width: auto; } .blueberry .pager{position: absolute; left:48.1%; bottom:10px;width:180px; margin:0px auto;height: 30px;overflow:hidden;text-align: center;} .blueberry .pager li {display:inline-block;float:left } .blueberry .pager li a,.blueberry .pager li a span {display:block;height: 12px;width: 12px; } .blueberry .pager li a {padding:5px 3px;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;} .blueberry .pager li a span {overflow:hidden;background:#c0c0c0;text-indent:-9999px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .blueberry .pager li.active a span {background:#09F;} #slide_dw{height:480px;width:100%;background:#EFEFEF;overflow:hidden;text-align:center; position:relative;} #slide_dw .textimg{position:absolute; left:58%; top:60px;} #slide_dw .d_cp{position:absolute; left:58%; top:280px;} #slide_dw .textimg2{position:absolute; left:22%; top:60px;} #slide_dw .d_cp2{position:absolute; left:22%; top:280px;} .download_btn_s1 { display: block; height: 26px; left: 22%; overflow: hidden; position: absolute; top: 168px; width:300px; } .download_btn_s2 { display: block; height: 26px; left: 22%; overflow: hidden; position: absolute; top: 202px; width:320px; } #cp_slide{height:275px;width:100%;background:#EFEFEF;overflow:hidden;text-align:center; position:relative;} #ny_slide{height:300px;width:100%;background:#EFEFEF;overflow:hidden;text-align:center;} .h_textbg1{width:950px;height:360px;background:url(../images/pic/index_11.jpg) no-repeat center left;} .h_textbg1 .nrbox{width:435px;padding:100px 0 0 0;float:right;text-align:right;} .h_textbg1 .nrbox h3{line-height:65px; height:65px; color:#656565; font-size:30px;font-family:微软雅黑 ; } .h_textbg1 .nrbox .h_nrtext{width:435px; line-height:23px; color:#969696; font-size:16px;font-family:微软雅黑 ;} .h_textbg2{width:950px;height:360px;background:url(../images/pic/index_10.jpg) no-repeat center center;} .h_textbg2 .nrbox{width:435px;padding:110px 0 0 0;float:left;text-align:left;} .h_textbg2 .nrbox h3{line-height:65px; height:65px; color:#656565; font-size:30px;font-family:微软雅黑 ;} .h_textbg2 .nrbox .h_nrtext{width:435px; line-height:23px; color:#969696; font-size:16px;font-family:微软雅黑 ;} .h_textbg3{width:950px;height:360px;background:url(../images/pic/index_10-07.jpg) no-repeat center left;} .h_textbg3 .nrbox{width:435px;padding:100px 0 0 0;float:right;text-align:right;} .h_textbg3 .nrbox h3{line-height:65px; height:65px; color:#656565; font-size:30px;font-family:微软雅黑 ;} .h_textbg3 .nrbox .h_nrtext{width:435px; line-height:23px; color:#969696; font-size:16px;font-family:微软雅黑 ;} /*__ content ---------------------------------------------------------*/ #contentbody{width:950px; margin:0 auto} .caseTop{ height:84px; background:#0b98de; color:#FFF; text-align:center; } .caseTop a{ height:84px; line-height:84px; color:#FFF; font-size:18px; margin-right:50px; display:inline-block} .caseTop a.hover{background:url(../images/ctbg.jpg) no-repeat bottom center; } .about_1{ width:1200px; margin:0 auto;padding-bottom:10px;} .about_ry{ width:1200px; height:auto; margin:0 auto;padding-bottom:10px;} .about_1 dd{ padding-top:30px; display:block; color:#666; line-height:24px; font-size:13px} .blank1{ height:134px; overflow:hidden;} .blank2{ height:83px; overflow:hidden;} .blank3{ height:50px; overflow:hidden;} .blank4{ height:158px; overflow:hidden;} .blank5{ height:30px; overflow:hidden;} .service_1{ width:1000px; height:auto; margin:0 auto;} .service_1 .title,.about_1 dt,.newsTop h2,.service_list dt,.wangzhan dt,.similarCase dt,.contrct2 dt{ border-bottom:1px #ececec solid; height:71px; background:url(../images/line3.jpg) no-repeat left center; padding-left:9px; } .wangzhan dt img{ padding-top:6px;} .divHblak{} .service_1 .content{ width:1000px; height:auto;} .service_1 .content dt{ line-height:24px; color:#666; font-size:14px; padding:20px 0;} .service_1 .content dd{ width:1000px; height:auto; margin:0 auto} .service_1 .content dd ul{ width:1100px;} .service_1 .content dd li{ width:294px; height:410px; float:left; margin-right:57px; display:inline;} .service_1 .content dd li .pic{ height:167px;} .service_1 .content dd li .tit1{ color:#0b98de; font-size:18px; padding:12px 0} .service_1 .content dd li .con{ font-size:13px; color:#666; line-height:22px;} /*联系我们开始*/ #contact { width: 1000px; height: 505px; margin: 80px 0px; } .contactContent { width: 100%; height: 700px; position: relative; } .map { width: 100%; height: 650px; } .contact { width: 345px; height: 475px; position: absolute; left: 50%; margin-left: 100px; z-index: 0; top: 130px; background: #ECEDE8; padding: 20px; -webkit-box-shadow:0 0 10px #4C4C4C; -moz-box-shadow:0 0 10px #4C4C4C; box-shadow:0 0 10px #4C4C4C; } .contactPic { width: 345px; height: 160px; background: #fff; } .contactList { width: 345px; height: auto; border-bottom: 0px solid #bebebe; padding-bottom: 20px; padding-top: 5px; } .contactList li { width: 345px; height: 40px; margin-top: 20px; padding-bottom: 10px; } .contactList li .contactIcon { width: 40px; height: 40px; float: left; background: url(../images/contactIcon.jpg) no-repeat; } .contactList li .contactInfo { width: 280px; height: 40px; float: right; line-height: 20px; margin-right: 10px; text-transform: uppercase; } .contactWx { width: 345px; height: 115px; border-bottom: 1px solid #bebebe; padding: 10px 0px; } .contactWx .cwx { width: 105px; height: 105px; float: left; background: #fff; padding: 5px; } .contactWx .cwxInfo { width: 225px; height: 115px; float: right; font-size: 12px; } .cwxInfo h3,.cwxInfo h4 { font-weight: normal; color: #e93600; font-size: 12px; line-height:20px; } .cwxInfo h4 { font-size: 16px; text-transform: uppercase; line-height:20px; } .service { width: 1000px; height: auto; margin: 0 auto; } .serviceImg { width: 1000px; height: 145px; background: url(../images/serviceImg.jpg) no-repeat; margin: 50px 0px 10px 0px; position: relative; } .serviceT1 { width: 300px; height: 40px; position: absolute; left: 0px; bottom: 23px; font-size: 24px; line-height: 20px; } .serviceT1 span { display: block; font-size: 12px; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; position: absolute; left: 0px; bottom: -2px; letter-spacing: -1px; color: #989898; } .serviceT2 { position: absolute; left: 300px; top: 30px; font-size: 14px; text-transform: uppercase; color: #989898; } .serviceT3 { position: absolute; left: 300px; top: 46px; font-size: 20px; } .serviceT4 { position: absolute; left: 300px; top: 58px; font-size: 48px; } .serviceT4 span { color: #e93600; font-size: 50px; } .serviceT5 { position: absolute; right: 0px; bottom: 18px; font-size: 45px; color: #fff; text-transform: uppercase; } /*供求网员工*/ .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:24px;} .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(../images/bg39.png) no-repeat 14px center;} .Elegant_demeanor_content ul li span font{ display:block; text-align:center; background:url(../images/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(../images/bg39_2.jpg) no-repeat 14px center; color:#fff; } .Elegant_demeanor_content ul li:hover font{ background:#e44e49 url(../images/bg40_2.jpg) no-repeat right center; } /*人才招聘*/ .Recruitment{ float:right; width:420px;} .Recruitment .Recruitment_content{ border:#dddddd 0px 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:20px; color:#444;} .Recruitment .Recruitment_content ul li .div_p .time{ display:block; color:#d00; font-size:20px;} .Recruitment .Recruitment_content ul li:hover{ background:#6db6e1 url(../images/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(../images/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(../images/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; height:350px; margin-top:81px; border-top:0; background:#fff url(../images/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(../images/bg32.jpg) no-repeat center center; margin:0 4px;} .Sports_activities .Sports_activities_content .cont .TabList .List ul li.on{ background:url(../images/bg33.jpg) no-repeat center center;} .Sports_activities .Sports_activities_content .cont .playState{ display:inline-block; width:24px; height:24px; background:url(../images/bg34.jpg) no-repeat center center; position:absolute; right:0; bottom:-4px;} .Sports_activities .Sports_activities_content .cont .pauseState{background:url(../images/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(../images/bg45.png) repeat left top;} .Annual_Video .videolist .TabList ul li.on{ background:url(../images/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(../images/bg46.png) no-repeat center center; right:39px;} .Annual_Video .videolist .next{ background:url(../images/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:10px;} .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;} /*供求网员工*/ .wp { position: relative; width: 420px; height: 380px; overflow: hidden; margin: 0px auto; border: 1px solid #dddddd; background: #fff; } .slider { position: absolute; width: 400px; padding: 0 20px; left:0; top: 0; } .fl {float:left} .slider img {display:block; padding: 2px; border: 1px solid #ccc} .slider li {padding: 20px 0; border-bottom: 1px dashed #ccc;overflow:hidden;width:100%; margin:10px; height:80px;} .slider p {font-size:20px; color:#444;padding-left:68px;line-height:20px; margin-top:20px;} .nrfont{ font:14px/30px "微软雅黑","宋体"; color:#444 } .nrfontr{ font:14px/30px "微软雅黑","宋体"; color:#d00 } .nrfontl{ font:14px/30px "微软雅黑","宋体"; color:#0188E7 }