/*==========全局==========*/ html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(about:blank); _background-attachment:fixed;} body {font-family:"Microsoft Yahei",Arial,"宋体",Helvetica; font-size:12px; color:#333333;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0;padding:0} .table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} ul,ol,li {list-style:none;} img{-ms-interpolation-mode: bicubic; vertical-align:top;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} .imgmiddle,input,select{vertical-align:middle;} .clear{clear:both; height:0; overflow:hidden;} .clearbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearbox{zoom:1;} .fl{float:left; display:inline;} .fr{float:right; display:inline;} .auto{margin-left:auto; margin-right:auto;} a { text-decoration:none; color:#333333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ position:relative;} a:focus{ -moz-outline-style: none; /* FF */ } a:hover{ text-decoration:none; color:#f60; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;} .ffyh{font-family:"Microsoft Yahei";} .ffarial{font-family:"arial";} .tc{text-align:center;} .tl{text-align:left;} .tr{text-align:right;} .word{word-break:break-all;} .dn{display:none;} .mt30{margin-top:30px;} #index{position:relative; z-index:1;} .headbg{width:100%; height:70px; background: rgba(0, 0, 0, .8); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#CC000000, endColorstr=#CC000000); z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px"); z-index:9999; } .head{position:relative; width:960px; margin:0 auto; height:70px;} .width960 .head{width:960px;} /* add */ .width1200 .head{width:1200px;} /* add */ h1.logo{position:absolute; top:14px; left:0; font-size:12px; color:#fff;} .nav{position:absolute; top:0; left:150px;} .nav li{float:left; width:100px; text-align:center; color:#fff;} .width960 .nav li{width:100px;} /* add */ .width1200 .nav li{width:135px;} /* add */ .nav li a{display:inline-block; height:67px; line-height:70px; font-size:14px; color:#fff; padding-bottom:3px;} .nav li a:hover{padding-bottom:0px; border-bottom:3px solid #0076db; color:#fff;} .nav li.active{background:#0076db;} .nav li.active a:hover{padding-bottom:0; } .head_search{background:#000; width:190px; height:30px; position:absolute; top:20px; right:0; border-right:1px solid #3a3a3c; border-bottom:1px solid #3a3a3c;} .head_search_txt{width:160px; height:24px; line-height:24px; border:0; background:none; color:#FFF; margin:3px 0 0 5px; float:left; display:inline;} .head_search_btn{width:20px; height:20px; float:right; margin:5px 5px 0 0; display:inline; background:url(../images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;} .head_tel{position:absolute; top:16px; right:0;} .infocus{width:100%; height:612px; overflow:hidden; position:relative;} .focus_pic{width:100%; overflow:hidden;} .focus_pic ul{width:400%;} .focus_pic li{float:left; overflow:hidden; width:25%;} .focus_pic li a{text-align:center; width:300%; display:block; margin-left:-100%;} .in_banner.slide_left{position:absolute; left:-50px; top:260px;} .in_banner.slide_right{position:absolute; right:-50px; top:260px;} .in_banner{width:100%; height:612px;overflow:hidden; position:relative;} .in_banner .slide_pic{width:1920px; height:612px; margin-left:-960px; position:relative; left:50%; top:0; ; overflow:hidden;} .in_banner .slide_pic li{width:100%; height:612px; overflow:hidden; position:absolute; top:0; left:0;} .in_banner .slide_pic li a{width:100%; height:100%; position:absolute; top:0; left:0; z-index:99;} .in_banner .slide_left{position:absolute; left:-50px; top:260px; z-index:999;} .in_banner .slide_right{position:absolute; right:-50px; top:260px; z-index:999;} .poa{position:absolute;} .opacity{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .banner1_img{top:196px; left:710px;} .banner1_text{top:210px; left:468px;} .banner1_btn{top:450px; left:470px;} .banner2_img1{bottom:0; left:460px;} .banner2_img2{top:118px; left:625px;} .banner2_title{top:210px; left:938px; line-height:48px; font-weight:bold; font-size:36px; color:#fff;} .banner2_text{padding:20px 0; font-size:14px; color:#fff; overflow:hidden;} .banner2_text .p1,.banner2_text .p2{float:left; width:250px; line-height:24px;} .banner2_text .icon{float:left; margin-right:20px; display:inline; overflow:hidden;} .banner2_text .icon1{width:43px; height:28px; background:url(../images/banner2_icon1.png) no-repeat;} .banner2_text .icon2{width:33px; height:32px; background:url(../images/banner2_icon2.png) no-repeat;} .banner2_text .icon3{width:35px; height:27px; background:url(../images/banner2_icon3.png) no-repeat;} .banner2_text .icon4{width:33px; height:38px; background:url(../images/banner2_icon4.png) no-repeat;} .banner2_text .icon5{width:29px; height:29px; background:url(../images/banner2_icon5.png) no-repeat;} .banner2_text .icon6{width:35px; height:27px; background:url(../images/banner2_icon6.png) no-repeat;} .banner2_text1{top:340px; left:938px;} .banner2_text2{top:410px; left:938px;} .banner2_text3{top:470px; left:938px;} .banner3_img{bottom:0; left:500px;} .banner3_text{top:245px; right:468px;} .banner3_btn{bottom:60px; right:468px;} .banner4_img{top:102px; left:528px;} .banner4_title1{top:235px; left:960px;} .banner4_title2{top:235px; left:1118px;} .banner4_title3{top:235px; left:1280px;} .banner4_text{top:328px; left:960px; line-height:24px; font-size:14px; color:#b0400e;} .anima { opacity: .7; -webkit-animation-name: 'opt'; -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes 'opt' { from { opacity: .7; } 50% { opacity: 1; } to { opacity: .7 } } #services{width:100%; overflow:hidden; position:relative; height:405px;} .services_title{text-align:center; padding-top:30px; overflow:hidden;} .services_con{ margin:45px auto 0 auto; overflow:hidden; background:#fff; padding:0 10px;} .width960 .services_con{width:960px;} .width1200 .services_con{width:1200px;} .services_con ul{width:1464px; overflow:hidden; } .services_con li{float:left; width:204px; height:260px; margin-right:48px; text-align:center; display:inline;} .services_con li a{display:block; width:204px;} .services_con li a:hover h3{color:#0076db;} .services_con li a:hover p{color:#333;} .services_ico{margin:0 auto; width:130px; height:130px;} .services_ico div{display:block; width:130px; height:130px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .services_ico01{background:url(../images/search_ico.png) no-repeat;} .services_ico02{background:url(../images/search_ico.png) -130px 0 no-repeat;} .services_ico03{background:url(../images/search_ico.png) -260px 0 no-repeat;} .services_ico04{background:url(../images/search_ico.png) -390px 0 no-repeat;} .services_ico05{background:url(../images/search_ico.png) -520px 0 no-repeat;} .services_ico06{background:url(../images/search_ico.png) -650px 0 no-repeat;} .services_ico01 div{background:url(../images/search_ico.png) 0 -130px no-repeat;} .services_ico02 div{background:url(../images/search_ico.png) -130px -130px no-repeat;} .services_ico03 div{background:url(../images/search_ico.png) -260px -130px no-repeat;} .services_ico04 div{background:url(../images/search_ico.png) -390px -130px no-repeat;} .services_ico05 div{background:url(../images/search_ico.png) -520px -130px no-repeat;} .services_ico06 div{background:url(../images/search_ico.png) -650px -130px no-repeat;} .services_con li h3{margin-top:25px; font-size:18px; font-weight:normal; color:#333; line-height:24px;} .services_con li h3 span{font-size:14px;} .services_con li p{line-height:22px; color:#666666; margin-top:5px;} #services_pop{position:absolute; z-index:999; top:115px; left:0; display:none; width:100%; height:290px; overflow:hidden; background:#fff;} .services_popcon{width:100%; margin:0 auto; height:290px; position:relative;} .services_poptabcon li{display:none; width:100%; height:290px; position:absolute; top:0px; left:0; overflow:hidden;} .services_poptabconbg01 .services_popcontainer,.services_poptabconbg01{background:url(../images/services_poptabconbg01.jpg) 50% 0 no-repeat;} .services_poptabconbg02 .services_popcontainer,.services_poptabconbg02{background:url(../images/services_poptabconbg02.jpg) 50% 0 no-repeat;} .services_poptabconbg03 .services_popcontainer,.services_poptabconbg03{background:url(../images/services_poptabconbg03.jpg) 50% 0 no-repeat;} .services_poptabconbg04 .services_popcontainer,.services_poptabconbg04{background:url(../images/services_poptabconbg04.jpg) 50% 0 no-repeat;} .services_poptabconbg05 .services_popcontainer,.services_poptabconbg05{background:url(../images/services_poptabconbg05.jpg) 50% 0 no-repeat;} .services_poptabconbg06 .services_popcontainer,.services_poptabconbg06{background:url(../images/services_poptabconbg06.jpg) 50% 0 no-repeat;} .services_popcontainer{width:1000px; margin:0 auto;height:290px; position:relative; z-index:2;} .services_popcontainer_pop01{position:absolute; top:105px; left:563px; line-height:18px; color:#666;} .services_popcontainer_pop01 h3{margin-bottom:10px; font-size:18px; font-weight:normal; color:#000;} .services_popcontainer_pop02{position:absolute; top:75px; left:658px; line-height:18px; color:#666;} .services_popcontainer_pop02 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;} .services_popcontainer_pop03{position:absolute; top:128px; left:440px; line-height:18px; color:#357499;} .services_popcontainer_pop03 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;} .services_popcontainer_pop04{position:absolute; top:128px; left:440px; line-height:18px; color:#7d6471;} .services_popcontainer_pop04 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;} .services_popcontainer_pop05{position:absolute; top:140px; left:462px; line-height:18px; color:#7d6471;} .services_popcontainer_pop05 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;} .services_popcontainer_pop06{position:absolute; top:145px; left:85px; line-height:18px; color:#357499;} .services_popcontainer_pop06 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;} /* .services_poptabcon li h3{width:580px; margin-left:70px; line-height:30px; font-size:18px; color:#fff; font-weight:normal; margin-top:5px;} .services_poptabcon li h4{width:580px; margin-left:70px; line-height:30px; font-size:14px; color:#fff; font-weight:normal;} .services_poptabcon li p{width:580px; margin-left:70px; line-height:24px; font-size:14px; color:#666; margin-top:15px;} */ .searchpop_ico{position:absolute; top:0; right:78px;} .services_poptabbtn{position:absolute; bottom:15px; left:0; text-align:center; width:100%; z-index:4;} .services_poptabbtn a{width:12px; height:12px; font-size:1px; line-height:1px; display:inline-block; margin:0 3px; zoom:1; background:url(../images/services_poptabbtn.png) 0 0 no-repeat; _background:none; _background:url(../images/services_poptabbtn.gif) 0 0 no-repeat;} .services_poptabbtn a.active{background:url(../images/services_poptabbtn.png) 0 -15px no-repeat; _background:none; _background:url(../images/services_poptabbtn.gif) 0 -15px no-repeat;} .services_popclose{position:absolute; z-index:4; top:10px; left:50%; margin-left:460px; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;} .width960 .services_popclose{margin-left:460px;} .width1200 .services_popclose{margin-left:580px;} .services_popclose:hover{background:#fff000 url(../images/indexicon.png) 0 -80px no-repeat;} .project_title{text-align:center; padding-top:30px; width:100%; overflow:hidden; position:relative;} .project_title_more{position:absolute; top:40px; width:22px; height:22px; background:url(../images/moreico.png) no-repeat; display:block; left:100%; margin-left:70px;} .project_title_more:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);} .projectbg{width:100%; background:#f8f8f8; overflow:hidden; padding-bottom:30px; margin-top:10px;} .project_pic {width:960px; margin:20px auto 0 auto; overflow:hidden; } .width960 .project_pic{width:960px;} /* add */ .width1200 .project_pic{width:1200px;} /* add */ .project_pic ul{position:relative; width:975px; height:395px;} .width960 .project_pic ul{width:975px; height:410px;} /* add */ .width1200 .project_pic ul{width:1215px; height:384px;} /* add */ .project_pic li{width:100%; height:395px; overflow:hidden; overflow:hidden; position:absolute; top:0; left:0;} .width960 .project_pic li{height:395px; } /* add */ .width1200 .project_pic li{height:auto; } /* add */ .project_pic li .project_box{float:left; margin-right:15px; margin-top:15px;} .project_box {width:310px; height:190px; overflow:hidden; display:block;} .width960 .project_box{width:310px; height:190px;} /* add */ .width1200 .project_box{width:288px; height:177px;} /* add */ .project_pop{height:36px; padding:10px 0 10px 15px; display:none; background:url(../images/searchpopbg.png) repeat; overflow:hidden; line-height:18px; position:relative;} .project_pop h3{font-size:14px; color:#c1c5cb; font-weight:normal; height:18px; overflow:hidden; padding-right:50px;} .project_pop p{color:#fc0; margin-top:3px;} .project_pop i{width:26px; height:19px; background:url(../images/indexicon.png) 0 -60px no-repeat; display:block; position:absolute; right:10px; top:18px;} .project_btn{text-align:center; margin-top:35px;} .project_btn a{width:12px; height:12px; background:url(../images/indexicon.png) no-repeat; font-size:1px; line-height:1px; display:inline-block; margin:0 9px; zoom:1;} .project_btn a.active{background:url(../images/indexicon.png) 0 -15px no-repeat;} .project_img img{width:310px; height:190px;} .width960 .project_img img{width:310px; height:190px;} /* add */ .width1200 .project_img img{width:288px; height:177px;} /* add */ .about_title{text-align:center; padding-top:30px; overflow:hidden;} .about_list{width:960px; margin:30px auto 0 auto; overflow:hidden;} .width960 .about_list{width:960px;} /* add */ .width1200 .about_list{width:1200px;} /* add */ .about_list ul{overflow:hidden; width:975px; height:155px;} .width960 .about_list ul{width:975px; height:155px;} /* add */ .width1200 .about_list ul{width:1215px; height:144px;} /* add */ .about_list li{float:left; margin-right:15px; overflow:hidden; width:308px; height:153px;} .width960 .about_list li{width:308px; height:153px; border:#efefef solid 1px; background-color:#f5f5f5} /* add */ .width1200 .about_list li{width:286px; height:142px; border:#efefef solid 1px; background-color:#f5f5f5} /* add */ .about_list img{width:310px; height:155px;} .width960 .about_list img{width:110px; height:110px;} /* add */ .width1200 .about_list img{width:100px; height:100px;} /* add */ .width1200 .about_list li .lktu1200{ width:110px;margin:20px 0px 10px 10px; float:left} .width1200 .about_list li .rktu1200{ width:150px; float:right; padding:20px 10px 0 0; font-size:14px;} .width1200 .about_list li .rktu1200 h4{font-size:18px;font-family: "Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif; margin-bottom:8px; color:#787878} .width960 .about_list li .lktu1200{ width:120px;margin:24px 0px 10px 10px; float:left} .width960 .about_list li .rktu1200{ width:160px; float:right; padding:20px 10px 0 0; font-size:14px;} .width960 .about_list li .rktu1200 h4{font-size:18px;font-family: "Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif; margin-bottom:8px; color:#787878} img{ -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); -webkit-transition-duration:200ms; -moz-transition-duration:200ms; -o-transition-duration:200ms; transition-duration:200ms; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out } .about_list li:hover img{ -webkit-transform:scale(1.08,1.08); -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); transform:scale(1.08,1.08); -webkit-transition-duration:200ms; -moz-transition-duration:200ms; -o-transition-duration:200ms; transition-duration:200ms; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out } #about{padding-bottom:35px;} .about_int{width:960px; margin:25px auto 15px auto; height:45px; line-height:30px; font-size:14px; color:#797979; position:relative; overflow:hidden;} .width960 .about_int{width:960px;} /* add */ .width1200 .about_int{width:1200px;} /* add */ .about_intbg{background:url(../images/about_intbg.png) 50% 0 repeat-y;} .about_btn{position:absolute; left:-5%; margin-left:-23px; bottom:0px; width:45px; height:45px; background:url(../images/indexicon.png) -550px 0 no-repeat; display:block;} .about_btn span{ width:45px; height:45px; background:url(../images/indexicon.png) -550px -50px no-repeat; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .about_pop{padding-bottom:25px; background:#fff url(../images/about_popbg.jpg) 50% 0 no-repeat; position:relative; z-index:2; display:none;} .about_pop_top{width:960px; height:250px; position:relative; margin:0 auto;} .width960 .about_pop_top{width:960px;} /* add */ .width1200 .about_pop_top{width:1200px; } /* add */ .about_popclose{position:absolute; top:15px; right:0; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;} .about_pop_top h3{position:absolute; top:33px; left:42px;} .about_pop_top .about_pop_int{position:absolute; top:80px; left:42px; line-height:24px; width:295px; color:#fff;} .about_pop_tab{position:absolute; right:0; top:128px;} .about_pop_tab li{margin:0 13px; width:83px; float:left;} .about_pop_tab li a{display:block; width:83px; height:83px; text-align:center; color:#ccc; line-height:20px; cursor:pointer; background:url(../images/aboutpop_tabico.png);} .about_pop_tab li a.about_pop_tab01{background-position:0 -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch01.png');} .about_pop_tab li a.about_pop_tab02{background-position:-85px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch02.png');} .about_pop_tab li a.about_pop_tab03{background-position:-170px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch03.png');} .about_pop_tab li a.about_pop_tab04{background-position:-255px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch04.png');} .about_pop_tab li.active .about_pop_tab01,.about_pop_tab li a.about_pop_tab01:hover {background-position:0 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico01.png');} .about_pop_tab li.active .about_pop_tab02,.about_pop_tab li a.about_pop_tab02:hover {background-position:-85px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico02.png');} .about_pop_tab li.active .about_pop_tab03,.about_pop_tab li a.about_pop_tab03:hover {background-position:-170px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico03.png');} .about_pop_tab li.active .about_pop_tab04,.about_pop_tab li a.about_pop_tab04:hover {background-position:-255px 0;_background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico04.png');} /* .about_pop_tab li a span{height:29px; display:block;} .about_pop_tab li a i{width:83px; height:83px; display:block; background:url(../images/aboutpop_tabico.png) -83px 0 no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicochie6.png');} */ .about_pop_tab li.active a{color:#fff;} .about_pop_tab li.active a i{background:url(../images/aboutpop_tabico.png) 0 100% no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicoie6.png')} .about_pop_tab li a:hover{color:#fff;} .about_pop_con{width:960px; position:relative; margin:0 auto;} .width960 .about_pop_con{width:960px;} /* add */ .width1200 .about_pop_con{width:1200px;} /* add */ .about_pop_con li{display:none;} .about_pop_con01{position:relative; width:100%;} .about_pop_aboutlogo{position:absolute; top:5px; left:0;} .about_pop_about{margin-left:330px; font-size:14px; line-height:27px; color:#666;} .about_pop_about h3{font-size:40px; font-size:20px; color:#333; font-weight:normal; margin-bottom:10px;} .about_pop_con03 img{width:100%;} .about_pop_job{width:23%; float:left; margin-right:2%; line-height:24px; color:#999;} .about_pop_job h3{font-size:18px; margin-bottom:10px; color:#000; font-weight:normal;} .about_pop_job p{padding:10px 0;} .about_pop_client{margin-right:1px; margin-top:1px;} .about_pop_client dd{width:16.5%; float:left; margin-left:-1px; margin-top:-1px; display:inline; border:1px solid #efefef} .about_pop_client dd img{width:100%;} .newsbg{width:100%; padding:40px 0; background:#f8f8f8;} .news{width:960px; margin:0 auto;} .width960 .news{width:960px;} /* add */ .width1200 .news{width:1200px;} /* add */ .news_box{width:30%; overflow:hidden;} .news_line{width:4.5%; border-left:1px solid #e6e5e5; height:310px; float:left;} .news_title{line-height:26px;} .news_title a{font-size:24px; color:#797979;} .news_title span{font-size:18px; color:#fda362; line-height:20px;} .news_title a:hover{color:#fda362;} .news_list{margin-top:10px;} .news_list li{line-height:30px; color:#a3a3a3; width:85%; float:left;} .news_list li a{color:#333; width:60%; overflow:hidden; height:24px; display:block;} .news_list li a:hover{color:#0076db;} .news_list span{float:right;} .contactbg{width:100%; height:460px; overflow:hidden; background:url(../images/contactbg.jpg) 50% 0 no-repeat;} .contact{width:960px; margin:0 auto; position:relative;} .width960 .contact{width:960px;} /* add */ .width1200 .contact{width:1200px;} /* add */ .message{padding-top:55px; width:45%;} .message h3{font-size:30px; color:#c1c5cb; font-weight:normal; line-height:36px;} .message h4{font-size:24px; color:#fb963d; font-weight:normal; line-height:36px;} .message_form{margin-top:15px;} .message_name{width:40%; height:32px; line-height:32px; float:left; background:#7d7d7d; border:0; color:#fff; padding-left:5px;} .message_tel{width:55%; height:32px; line-height:32px; float:right; background:#7d7d7d; border:0; color:#fff; padding-left:5px;} .message_content{width:98%; padding:1%; overflow:hidden; height:120px; background:#7d7d7d; border:0; color:#fff;} .message_btn{width:123px; height:41px; background:url(../images/indexicon.png) -425px 0 no-repeat; border:0; cursor:pointer; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */} .message_btn:focus{-moz-outline-style: none; /* FF */} .message_btnch{width:123px; height:41px; background:url(../images/indexicon.png) -425px -45px no-repeat; border:0; cursor:pointer;} .message_about{color:#ffff00; font-size:14px;} .contact_map{position:absolute; top:80px; right:75px;} .foot_linksbg{width:100%; background:#202020; padding:10px 0 30px 0;} .foot_links{width:960px; margin:0 auto; position:relative;} .width960 .foot_links{width:960px;} /* add */ .width1200 .foot_links{width:1200px;} /* add */ .links{margin-top:15px; width:100%;} .links h3{color:#0689f9; font-size:24px; font-weight:normal;} .links_con{color:#7d7d7d; line-height:24px; margin-top:5px;} .links_con a{color:#7d7d7d; display:inline-block;} .links_con a:hover{color:#fff;} .keyword{margin-top:15px; width:100%;} .keyword h3{color:#fdd813; font-size:24px; font-weight:normal;} .address{line-height:32px; color:#c1c5cb; font-size:14px; margin-top:15px; width:100%;} .address a{color:#c1c5cb;} .address a:hover{ color:#fff;} .link_btn{position:absolute; bottom:10px; right:0;} .link_btn li{float:left; margin-right:12px; position:relative;} .link_qq{width:129px; height:40px; background:url(../images/indexicon.png) -30px 0 no-repeat; display:block;} .link_qq:hover{background:url(../images/indexicon.png) -30px -50px no-repeat;} .link_sina{width:129px; height:40px; background:url(../images/indexicon.png) -160px 0 no-repeat; display:block;} .link_sina:hover{background:url(../images/indexicon.png) -160px -50px no-repeat;} .link_weixin li{height:40px;} .link_weixin{width:129px; height:40px; background:url(../images/indexicon.png) -290px 0 no-repeat; display:block; position:relative; z-index:2;} .link_weixin:hover{background:url(../images/indexicon.png) -290px -50px no-repeat;} .link_weixin_ewm{position:absolute; top:-138px; height:0px; overflow:hidden; width:129px; background-image:url(about:blank); } .footbg{width:100%; padding:15px 0; background:#0a0a0a; overflow:hidden;} .foot{width:960px; margin:0 auto; color:#999;} .width960 .foot{width:960px;} /* add */ .width1200 .foot{width:1200px;} /* add */ .foot a{color:#999;} .foot a:hover{color:#fff;} #loading{width:100%; display:block; height:100%; _height:700px; background:#262626; z-index:9999; overflow: visible; position: fixed; left:-100%; top:0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");} #loading img{position:absolute; top:50%; left:50%; margin:-35px 0 0 -60px;} #workpop{width:100%; background:#fff; overflow:hidden; position:absolute; top:0 ;left:0; display:none; z-index:9997;} .subindex{width:100%; overflow:hidden;} /* 案例页面 */ .sub_headbg{width:100%; height:40px; background:url(../images/searchpopbg.png) repeat; z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");} .sub_head{width:960px; margin:0 auto; height:40px; position:relative;} .width960 .sub_head{width:960px;} /* add */ .width1200 .sub_head{width:1200px;} /* add */ .sub_headbtn{position:absolute; left:0; top:0;} .sub_headbtn li{float:left;position:relative;} .sub_headbtn li.head_btn4{display:none;} .sub_headbtn li a{display:block; width:50px; height:40px; overflow:hidden;} .sub_headbtn li a span{display:block; width:50px; height:80px; background:url(../images/indexicon.png) no-repeat;} .sub_headbtn li a:hover{transition:all 0s ease; -moz-transition:all 0s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;} .sub_headbtn li.head_btn1 a span{background-position:-600px 0;} .sub_headbtn li.head_btn2 a span{background-position:-650px 0;} .sub_headbtn li.head_btn3 a span{background-position:-700px 0;} .sub_headbtn li.head_btn4 a span{background-position:-750px 0;} .sub_headbtn li.head_btnselect a span{background-position:-800px 0;} .head_selectbox{width:200px; position:absolute; height:0px; overflow:hidden;} .head_selectbox li{background:#5a5a5a; width:100%;} .head_selectbox li a{height:36px; line-height:36px; padding-left:10px; width:190px; display:block; border-bottom:1px solid #4e4e4e; color:#fff;} .head_selectbox li a:hover,.head_selectbox li.active a{background:#0076db; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;} .share{position:absolute; right:0; top:10px; color:#999; line-height:20px;} .sub_search{position:absolute; right:120px; background:#000; top:8px; width:200px; height:22px; border:1px solid #333;} .sub_search_txt{width:160px; height:20px; line-height:20px; border:0; background:none; color:#FFF; margin:1px 0 0 5px; float:left; display:inline;} .sub_search_btn{width:20px; height:20px; float:right; margin:1px 5px 0 0; display:inline; background:url(../images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;} .bigpic{width:100%; margin:0 auto;} .bigpic div{width:300%; text-align:center; margin-left:-100%;} .sub_container{width:960px; margin:0 auto;} .width960 .sub_container{width:960px;} /* add */ .width1200 .sub_container{width:1200px;} /* add */ .work_about{background:url(../images/searchpopbg.png) repeat; padding:20px 25px;} .work_about h3{font-size:16px; color:#fff;} .work_about h3 a{color:#fff;font-weight:normal;} .work_about h3 a:hover{color:#f90;} .work_about p{font-size:14px; color:#f0f0f0; line-height:24px; margin-top:5px;} .width960 .work_pic img{max-width:960px;width:expression((this.offsetWidth > 960) ? (this.width = 960 +'px') : true);} .width1200 .work_pic img{max-width:1200px;width:expression((this.offsetWidth > 1200) ? (this.width = 1200 +'px') : true);} /* 文章内页 */ .news_top{margin-top:40px; text-align:center; padding-bottom:30px; border-bottom:1px solid #ccc;} .news_top h1{font-size:24px; line-height:24px; color:#333;} .news_top p{margin-top:15px; color:#666;} .news_con{font-size:14px; line-height:30px; color:#333; margin-top:20px; width:100%;} .recommend_title{text-align:center; padding-top:40px; padding-bottom:10px;} .recommendbg{width:100%; background:#f8f8f8; overflow:hidden;} .recommend_list{width:960px; margin:35px auto; overflow:hidden;} .width960 .recommend_list{width:960px;} /* add */ .width1200 .recommend_list{width:1200px;} /* add */ .recommend_list ul{overflow:hidden; width:975px; height:190px;} .width960 .recommend_list ul{width:975px; height:190px;} /* add */ .width1200 .recommend_list ul{width:1215px; height:177px;} /* add */ .recommend_list li{float:left; width:310px; height:190px; margin-right:15px; overflow:hidden;} .width960 .recommend_list li{width:310px; height:190px;} /* add */ .width1200 .recommend_list li{width:288px; height:177px;} /* add */ /* 案例列表 */ .sub_top{width:960px; margin:0 auto; padding:40px 0 20px 0; position:relative;} .width960 .sub_top{width:960px;} /* add */ .width1200 .sub_top{width:1200px;} /* add */ .sub_nav{position:absolute; right:0; bottom:20px;} .sub_nav li{float:left; width:78px; height:32px; margin-left:5px; display:inline;} .sub_nav li a{width:78px; height:32px; line-height:32px; text-align:center; display:inline-block;} .sub_nav li.active a,.sub_nav li a:hover{color:#fff; background:url(../images/sub_navbg.png) no-repeat;} .casebg{width:100%; background:#f8f8f8; overflow:hidden;} .case_list{width:960px; margin:10px auto 0 auto; overflow:hidden;} .width960 .case_list{width:960px;} /* add */ .width1200 .case_list{width:1200px;} /* add */ .width960 .case_list ul{width:975px;} /* add */ .width1200 .case_list ul{width:1215px;} /* add */ .case_list li{float:left; margin-right:15px; margin-top:15px; overflow:hidden;} .page{width:960px; margin-left:auto; margin-right:auto;} .width960 .page{width:960px;} /* add */ .width1200 .page{width:1200px;} /* add */ /* 文章列表 */ .subnewsbg{width:100%; background:#f8f8f8; overflow:hidden;} .subnews_list{width:960px; margin:10px auto 0 auto; overflow:hidden;} .width960 .subnews_list{width:960px;} /* add */ .width1200 .subnews_list{width:1200px;} /* add */ .subnews_list li{width:49%; margin-top:25px; float:left;} .subnews_list li.odd{float:right;} .subnews_list a{position:relative; border:1px solid #e6e6e6; background:#fff; height:122px; display:block;} .subnews_list a:hover{border:1px solid #fda362;} .subnews_list a:hover h3{color:#0076db;} .subnews_list a:hover p{color:#333;} .subnews_about{padding:15px 15px 15px 180px;} .subnews_about h3{font-size:14px; line-height:27px; color:#333;} .subnews_about p{line-height:20px; color:#666; height:60px; overflow:hidden;} .subnews_img img{width:150px; height:92px; position:absolute; left:15px; top:15px;} .qqico{width:67px; height:65x; z-index:9998; position:fixed; bottom:50px; right:1px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 50)||50)-(parseInt(this.currentStyle.marginBottom, 50)||50)));} .width960 .qx_list{width:980px; overflow:hidden; margin:0 auto; padding-left:10px;} .width960 .qx_list ul li { background: #FFF; padding: 9px 8px; border: 1px solid #E5E5E5; float: left; width: 294px; margin-right:10px; margin-bottom:10px; } .width960 .qx_list ul li .qx_picBox { border: 1px solid #E9E9E9;width: 280px; margin-bottom: 8px; } .width960 .qx_list ul li .qx_picBox img{ width:292px;} .width1200 .qx_list{width:1200px; overflow:hidden; margin:0 auto} .width1200 .qx_list ul li { background: #FFF; padding: 9px 8px; border: 1px solid #E5E5E5; float: left; width: 270px; margin: 0px 10px 10px 0px; } .width1200 .qx_list ul li .qx_picBox { border: 1px solid #E9E9E9; width: 268px; margin-bottom: 8px; } .width1200 .qx_list ul li .qx_picBox img{ width:270px;} .qx_txt { font-size: 14px; line-height: 24px; } .qx_txt p{margin-bottom: 8px; padding-left: 13px;} .xiaocms-page { margin-top:20px; margin-left:20px; } .xiaocms-page a { margin:0 5px; border:1px solid #ddd; padding:4px 10px; color:#666; line-height:28px; border-radius: 15px; } .xiaocms-page a:hover { border:1px solid #0076db; background:#0076db; color:#fff; } .xiaocms-page span { border-radius: 15px; background-color:#e4f6fc; color:#5394aa; border:1px solid #bfdfea; font-weight:bold; margin: 0 5px; padding: 4px 10px; } .xiaocms-page ul li { float:left; } .subnews_img img{ border:#ececec 1px solid} .kthumb ul li{ float:left; width:100px; height:120px;} .kthumb ul li img{ width:90px; height:120px; border:#CCCCCC solid 2px;} .mousetrap{ margin:auto}