/*默认设置*/ body, form, p, ul, li { margin: 0; padding: 0; } ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;} ul { list-style:none;} img { border:0px;} a{color:#333; text-decoration:none; font-family:microsoft yahei; } a:hover{color:#327a3f; } .clearfloat {clear:both;height:0;line-height: 0px;} body{ font-family:microsoft yahei;} .weixin{ width:30px; height:30px; position:relative; font-size:12px; text-align:center;} .weixin a{width:30px; height:30px; display:block; position:absolute; left:0; top:-10px;;background:url(../images/weixin.png) no-repeat center top; } .weixin .weixin_nr{width:100px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;} .weixin .weixin_nr img{ margin-bottom:5px;} .weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;} .weixin.on .weixin_nr{ display:block;} .weixin.on a{ background:url(../images/weixin.png) no-repeat left bottom;} #head-top{ width:100%; background:#f1f1f1;height:29px; } .head-topleft{ float:left;} .headtitle{ width:1170px; margin:0 auto; line-height:29px; font-size:12px; } .head-topright{float:right; } #menubox{ background:url(../images/headbg.jpg) repeat-x; width:100%; height:100px;} #menu{ width:1200px; margin:0 auto; } .logo{ width:348px; height:68px; float:left; padding-top:20px;} .nav{ width:710px; float:right; padding-top:30px;} #banner{ height:532px;} /* 分页样式 */ #page{text-align:center;} #page a,#page span{display:inline-block; border:1px solid #339966; color:#09c;padding:4px 8px;margin:0 0 0 8px;} #page a:hover{background:#f5f9f2;} #page a.no{color:#aaa;} /* 不可点击页 */ #page a.cur{color:#cc3366;font-weight:bold;} /* 当前页 */ #page span.ifo{color:#666;border-color:#999; margin-right:10px;} /*下面是服务*/ .lmtitle p{ text-align:center; padding:15px 0; color: #333; font-size: 16px; line-height: 14px;} .lmtitle h1{ text-align:center; padding-top:50px; color: #333; font-size: 30px; line-height: 30px; font-weight: bold; } .rotate { display: inline-block; max-width: 100%; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden; } .rotate:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } .in_n2_n1_c:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } .in_n2_n1_c2:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } .in_n2_n1_c3:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } .fwdt{ width:351px; height:150px; background:url(../images/pp.jpg) no-repeat center; text-align:center; padding-top:50px; } .fwdt2{ width:351px; height:150px; background:url(../images/yd.jpg) no-repeat center; text-align:center; padding-top:50px; } .fwdt3{ width:351px; height:150px; background:url(../images/dz.jpg) no-repeat center; text-align:center; padding-top:50px; } .in_nr2_n1{width:1128px;margin:0px auto;padding:0px;margin-top:80px;position:relative;} .in_nr2_n1 ul li{width:351px;overflow:hidden;margin-right:38px;} .in_n2_n1_c{width:351px; background:#0099cc; padding-bottom:25px; } .in_n2_n1_c img{ alpha(opacity=100);opacity: 1;} .in_n2_n1_c img:hover{ FILTER: alpha(opacity=90);opacity: 0.9;} .in_n2_n1_c2{width:351px; background:#f49602; padding-bottom:25px; } .in_n2_n1_c2 img{ alpha(opacity=100);opacity: 1;} .in_n2_n1_c2 img:hover{ FILTER: alpha(opacity=90);opacity: 0.9} .in_n2_n1_c3{width:351px; background:#98cb00; padding-bottom:25px; } .in_n2_n1_c3 img{ alpha(opacity=100);opacity: 1;} .in_n2_n1_c3 img:hover{ FILTER: alpha(opacity=90);opacity: 0.9} .in_n21_c_t h2{ font-weight:normal; font-size:18px; display:block;color:#fff; text-align:center; padding:30px 0 15px 0;} .in_n21_c_t h3{ font-weight:normal; font-size:14px; color:#fff; width:230px; line-height:25px; display:block; margin:0 auto;} .button a{width:267px;overflow:hidden;line-height:49px;text-align:center; color:#FFFFFF; font-size:16px; background:url(../images/buttonbg.png) no-repeat center; height:49px; display:block; margin:0 auto; FILTER: alpha(opacity=100);opacity: 1 } .button a:hover{ FILTER: alpha(opacity=70);opacity: 0.7; color:#fff; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } .in_n21_c_c:hover{filter:alpha(opacity=90); /*IE滤镜,透明度50%*/ -moz-opacity:0.9; opacity:0.9;} .in_nr2_n1 a.prev{width:33px;height:45px;display:inline-block;background:url("../images/cndns_domainname_chinese_img1.png") -350px -116px no-repeat;position:absolute;left:-67px;top:167px;} .in_nr2_n1 a:hover.prev{background-position:-350px -176px;} .in_nr2_n1 a.next{width:33px;height:45px;display:inline-block;background:url("../images/cndns_domainname_chinese_img1.png") -423px -116px no-repeat;position:absolute;right:-67px;top:167px;} .in_nr2_n1 a:hover.next{background-position:-423px -176px;} /*下面是案例*/ .a_dt{display:block;height:230px;width:384px;overflow:hidden;position:relative;} .a_dt img{display:block;position:relative;transition:all 3s ease 0s;width:384px;height:230px;} .a_dt:hover .dt_img_big{-webkit-transform:scale(20.55,20.55);-moz-transform:scale(20.55,20.55);-o-transform:scale(20.55,20.55);-ms-transform:scale(20.55,20.55);transform:scale(20.55,20.55);} .multipleLine{ position:relative; width:1200px; padding-top:30px; } .multipleLine .bd{ height:650px; overflow:hidden; } .multipleLine .bd ul li{ float:left; _display:inline; overflow:hidden; width: 384px; height: 230px; position: relative; margin-right:10px; margin-bottom:10px; } .multipleLine .bd ul li .pic img{ width:384px; height:230px; display:block; } .multipleLine .bd ul li .pic a:hover img{ border-color:#999; } .multipleLine .bd ul li .title{ line-height:24px; } .boxcaption{ float: left; position: absolute; height: 240px; width: 100%; text-align: center; background-image: url(../images/fdj_03.png); background-repeat: no-repeat; cursor:pointer; } .boxcaption a { font-size: 18px; color: #fff; font-weight: normal; text-decoration:none; position:absolute; bottom:25px; display:block; width:380px; text-align:center; line-height:15px; } .morecase{ height:70px; padding-top:20px;} .morecase img{ alpha(opacity=100);opacity: 1;} .morecase img:hover{ FILTER: alpha(opacity=90);opacity: 0.9} /*公司简介*/ .clearfix:after { font-size:0; line-height:0; content: "\020"; display: block; height: 0; clear: both; } .Container { margin-right:auto; margin-left:auto; padding-left:10px; padding-right:10px; min-width:960px; max-width:1180px; } .padding60 { padding-top:70px; padding-bottom:20px; } .contact-indexbg { background-image:url(../images/cbg.jpg); background-repeat:no-repeat; background-position:left center; background-size:cover; Background-attachment:fixed; } .contact-txt { float:left; padding:7px 0; } .contact-txt h3 { margin:0; padding:0; font-size:14px; color:#fff; text-align:left; line-height:35px; font-weight:normal; width:700px; } .contact-btn1, .contact-btn1:hover { height:35px; line-height:35px; display:inline-block; padding:0 15px; font-size:16px; color:#fff; text-decoration:none; background:#dd4250; background-color:rgba(221,66,80,0.87); border-radius:5px; margin-top:60px; } .contact-btn1:hover { background-color:rgba(221,66,80,1); box-shadow: 0 0 0 4px rgba(221,66,80,0.3) } .good-item { float:right; } .good-item .gbox { float:left; width:84px; height:74px; padding:20px 10px; background:url(../images/b_border.png) no-repeat center; margin-left:20px; text-align:center; } .good-item .gbox span { display:block; font-size:40px; line-height:50px; color:#dd4250; font-weight:600; } .good-item .gbox em { display:block; font-size:11px; line-height:12px; color:#ddd7d7; } /*新闻动态*/ .multipleLine .bd2 ul li{ float:left; _display:inline; overflow:hidden; width: 380px; height: 330px; margin-right:20px; } #news_list2 li{float:left; width:380px; height:320px; margin:0 25px 25px 0; background:#fff; -webkit-animation:gfadeIn 0.6s 0.8s both; -moz-animation:gfadeIn 0.6s 0.8s both; animation:gfadeIn 0.6s 0.8s both; background-color: #eeeeee;} #news_list2 li a{display:block; height:100%; background-color: #eeeeee;} #news_list2 li picture{display:block; height:160px; width:100%; overflow:hidden; } #news_list2 li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} #news_list2 li div{position:relative; height:180px; padding:15px; background-color: #eeeeee; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; padding:13px; } #news_list2 li h2{margin-bottom:15px; font-size:18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block;} #news_list2 li p{ color:#999; font-size:14px; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:justify;} #news_list2 li span{position:absolute; bottom:70px; left:12px; color:#999; font-size:14px; } #news_list2 li a:hover div{background:#f5812c;} #news_list2 li a h2, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} #news_list2 li a:hover h2{color:#fff;} #news_list2 li a:hover p{color:#fff;} #news_list2 li a:hover span{color:#fff;} #news_list2 li a:hover picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} /*联系我们*/ .clearfloat{ clear:both; } .lmtitle h4{ font-size:16px; text-align:center; font-weight:normal; color:#27ae61; } .contactlist{ width:1170px; margin:120px auto; } .contleft li{ font-size:14px; padding-left:30px; height:50px; line-height:50px;} .contleft .add{ background:url(../images/add.jpg) no-repeat left;} .contleft .yb{ background:url(../images/yb.jpg) no-repeat left;} .contleft .phone{ background:url(../images/phone.jpg) no-repeat left;} .contleft .email{ background:url(../images/email.jpg) no-repeat left;} .contleft{ width:460px; float:left;} .contright{float:right; width:650PX; height:300PX;} .contright .xm{ border:1px solid #dadada; height:35px; width:585px; font-size:14px; color:#a9a9a9; text-indent:14px;} .contright .sjh{ border:1px solid #dadada; height:35px; width:585px; margin:20px auto; font-size:14px; color:#a9a9a9; text-indent:14px;} .contright .wby{ border:1px solid #dadada; height:70px; width:585px; font-size:14px; color:#a9a9a9; text-indent:14px;} .contright .tj{ border:1px solid #27ae61; height:47px; width:150px; background:none; margin-top:20px; font-size:16px; cursor:pointer;} .contright .tj:hover{ background:#27ae61; color:#fff;} /*页脚*/ #foot{ width:100%; background:#d1d0d0; height:60px; margin-top:20px; font-size:14px; line-height:60px;} /*内页*/ .left2{ width:1200px; margin:50px auto; } /*内页新闻*/ .news_wrap{width:1200px; margin:0 auto; overflow:hidden;} #news_list li{float:left; width:375px; height:320px; margin:0 25px 25px 0; background:#fff; -webkit-animation:gfadeIn 0.6s 0.8s both; -moz-animation:gfadeIn 0.6s 0.8s both; animation:gfadeIn 0.6s 0.8s both;} #news_list li a{display:block; height:100%;} #news_list li picture{display:block; height:180px; width:100%; overflow:hidden;} #news_list li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} #news_list li div{position:relative; height:100px; padding:20px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} #news_list li h2{margin-bottom:10px; color:#333; font-size:18px;} #news_list li p{ color:#999; font-size:14px; overflow:hidden; line-height:22px; padding-bottom:20px;} #news_list li span{position:absolute; bottom:10px; left:20px; color:#999; font-size:14px;} #news_list li a:hover div{background:#f5812c;} #news_list li a h2, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} #news_list li a:hover h2, #news_list li a:hover p, #news_list li a:hover span{color:#fff;} #news_list li a:hover picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} /*内页案例*/ @-webkit-keyframes gdownIn{ from{opacity:0; -webkit-transform:translate3d(0,30px,0);} } .works_wrap{width:1205px; margin:auto; overflow:hidden; -webkit-animation:gdownIn 1s 1s both; -moz-animation:gdownIn 1s 1s both; animation:gdownIn 1s 1s both;} #works_list{width:1245px; margin:0 auto 40px; position:relative; left:-20px; overflow:hidden;} #works_list li{width:375px; height:314px; float:left; margin:0 20px; background-color:orange;} /*#works_list .item1{}*/ #works_list .item2{width:790px; height:628px; background-color:red;} #works_list .item2 article{height:548px;} #works_list li.fr{float:right;} #works_list li a{display:block; height:100%; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; } #works_list li article{width:100%; height:234px; position:relative; overflow:hidden;} #works_list li article img{height:100%; width:auto; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} #works_list li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} #works_list li h5{line-height:24px; font-size:16px; color:#333; padding-top:16px; text-indent:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-weight:normal;} #works_list li span{line-height:22px; font-size:14px; color:#999; display:block; padding-bottom:18px; text-indent:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} #works_list li a:hover{background-color:transparent;} #works_list li a:hover h5, #works_list li a:hover span{color:#fff;} #works_list li a:hover article summary{bottom:0;} #works_list li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} #works_list li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;} #works_list li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);} /*联系我们*/ .connect_column li{float: left;text-align: center;width: 285px;height: 218px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;} .connect_column li:first-child{margin-left: 0;} .connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;} .connect_column .info{position: relative;z-index: 2;} .connect_column .text{margin: 0 20px;} .connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #de6764;opacity: 0.2;filter:alpha(opacity=20);} .connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);} .connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);} .connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);} .connect_column .i1{display: inline-block;width: 36px;height: 46px; background: url("../images/sprite2.png") no-repeat 0 0;} .connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("../images/sprite2.png") no-repeat -38px 0;} .connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -83px 0;} .connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -125px 0;} .connect_column a{ color: #333;} .connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;} .connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") 0 -48px;margin-right: 9px;} .connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") -41px -48px;} .arrive{padding-bottom: 40px;} .arrive_column_con{width:1200px;overflow:hidden;} .arrive_column{margin-left:50px;width:1300px;} .arrive_column dl{float:left;width:318px;margin:40px 90px 0 0px;} .arrive_column dt{margin-bottom: 20px;} .arrive_column dd{font-size: 16px;color: #333;line-height: 32px;} .bus{font-size: 18px;color: #31a0e1;} .bus dt{margin-left: -50px;} .bus .icon{display: inline-block;width: 32px;height: 32px;background: url("../images/sprite2.png") 0 -90px;vertical-align: middle;margin-right: 18px; margin-left:50px;} .taxi{font-size: 18px;color: #de6764;} .taxi dt{margin-left: -50px;} .taxi .icon{display: inline-block;width: 32px;height: 34px;background: url("../images/sprite2.png") -34px -90px;vertical-align: middle;margin-right: 18px;margin-left:45px;} .metro{font-size: 18px;color: #9ac047;} .metro dt{margin-left: -50px;} .metro .icon{display: inline-block;width: 34px;height: 34px;background: url("../images/sprite2.png") -66px -90px;vertical-align: middle;margin-right: 16px;margin-left:45px;} a,b,button,i,span,*:before,*:after,.weixin_con,.swiper-button,.weixin_qr,.sub-menu li,.feature-list,.swiper-post,.overlay,.popup,.portfolio-more,.slide-newpost h3,.logo-indent,.group-inner-list,.ias-spinner>div,.same_cat_posts img,.post-thumb img,img.avatar { -moz-transition:ease-in-out .5s; -webkit-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; transition:ease-in-out .5s } .feature span{ display:inline-block; width:25%; margin-bottom:20px } .feature-list { -webkit-transform:perspective(1000px) rotate3d(0,1,0,0deg); -ms-transform:perspective(1000px) rotate3d(0,1,0,0deg); -o-transform:perspective(1000px) rotate3d(0,1,0,0deg); transform:perspective(1000px) rotate3d(0,1,0,0deg) } .feature span:hover .feature-list { -webkit-transform:perspective(1000px) rotate3d(0,1,0,360deg); -ms-transform:perspective(1000px) rotate3d(0,1,0,360deg); -o-transform:perspective(1000px) rotate3d(0,1,0,360deg); transform:perspective(1000px) rotate3d(0,1,0,360deg); } /*内页产品详情*/ #zcass { width: 1200px; margin-right: auto; margin-left: auto; padding-bottom: 40px; } #zcass li { float: left; width: 268px; margin-bottom: 30px; padding-right: 25px; position: relative; padding-left: 6px; } #zcass li a { display: block; width: 257px; height: 206px; padding: 5px; font-size: 15px; } #zcass li a img { height: 165px; width: 258px; } #zcass li span { padding-left: 10px; line-height: 40px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #ddd; border-bottom-color: #ddd; border-left-color: #ddd; display: block; } #zcass li a:hover { background-color: #F5812C; color: #FFFFFF; } #zcass li:hover span { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } #web { background-image: url(../images/webbj_03.jpg); width: 1138px; padding-top: 62px; background-repeat: no-repeat; padding-left: 3px; margin-left:18px; } #zcass .boxcaption { background-color: #F87B1E; background-image: url(../images/fdj_03.png); background-repeat: no-repeat; height: 220px; left: 25px; width: 350px; background-position: center 80px; } #zcass .boxcaption h3 { font-weight: normal; padding-top: 125px; } #zcass .multipleLine .bd { height: auto; } #zcass .multipleLine { height: auto; } #casses { background-image: url(../images/cassz_bj_02.jpg); background-repeat: no-repeat; background-position: center top; } #cass { width: 1200px; margin:0 auto; } #cassbt { padding-top: 15px; text-align: center; padding-bottom: 65px; } #cassbt h2 { font-size: 42px; line-height: 50px; font-weight: normal; padding-bottom: 15px; } #cassbt p { font-size: 16px; line-height: 30px; } #cassimg { height: 550px; position: relative; } #computer { background-image: url(../images/computer_03.png); height: 528px; width: 642px; position: absolute; left: 289px; top: 17px; z-index: 10; } #computer img { width: 594px; height: 338px; padding-top: 22px; padding-left: 24px; } #iphone { background-image: url(../images/iphone_03.png); background-repeat: no-repeat; height: 260px; width: 339px; position: absolute; left: 84px; top: 276px; z-index: 11; } #iphone img { height: 198px; width: 280px; padding-top: 24px; padding-left: 30px; } #phone { background-image: url(../images/phone_03.png); height: 320px; width: 162px; position: absolute; z-index: 12; left: 900px; top: 226px; } #phone img { height: 256px; width: 145px; padding-left: 8px; padding-top: 26px; } #cassjj { padding-top: 10px; overflow: hidden; height: 180px; padding-bottom: 80px; } #cassl { float: left; width: 650px; height: 240px; padding-left: 15px; padding-right: 100px; } #cassl h2 { font-size: 40px; font-weight: normal; line-height: 40px; padding-bottom: 30px; } #cassl p { line-height: 32px; color: #666666; font-size: 14px; } #cassr { float: left; width: 435px; height: 240px; } #cassr h2 { font-size: 36px; font-weight: normal; line-height: 40px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; margin-bottom: 20px; padding-bottom: 15px; } #cassr p { line-height: 32px; font-size: 16px; padding-bottom: 5px; } #cassr span a { display: block; height: 32px; width: 118px; color: #FFFFFF; background-color: #f87b1e; text-align: center; font-size: 16px; line-height: 32px; } #cassr span { padding-top: 10px; display: block; } .banner {width:100%; } .banner .bd { position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center; } .banner .hd { position:absolute; bottom:5%; width:100%; height:15px; z-index:1; } .banner .hd ul { width:1002px; height:15px; margin:0 auto; text-align:center; } .banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin-left:5px; border-radius:100%; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; } .banner .hd ul .on { background:#0199cb; } .banner .bPrev,.banner .bNext { position:absolute; top:50%; display:block; width:59px; height:60px; margin-top:-30px; z-index:99; display:none; } .banner .bPrev { left:3%; background:url(../images/bPrev.png) no-repeat;} .banner .bNext { right:3%; background:url(../images/bNext.png) no-repeat; } .banner img,.cols img,.leftPicTitle img,.detail img { vertical-align:top; } .wrapper { position:relative; width:100%; margin:0; overflow:hidden; } .ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; line-height:50px; padding-top10px; float:right } /*Top level list items*/ .ddsmoothmenu ul li{ position: relative; display: inline; float: left; } /* 一级菜单样式 */ .ddsmoothmenu ul li a{ display: block; font-size:16px; color:#333333; font-weight:normal; text-align:center; text-decoration:none; width:110px; } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } /* 一级菜单鼠标经过样式 */ .ddsmoothmenu ul li a:hover{ /*background of menu items during onmouseover (hover state)*/ color:#038ebc; background:url(../images/hover.jpg) no-repeat center bottom; } /*1st sub level menu*/ .ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ display:none; visibility: hidden; margin-left:5px; } .leftlm{ width:1200px; margin:50px auto;} .leftlm li{ float:left; margin-right:15px;} .leftlm li a{ width:120px; height:40px; line-height:40px; display:block; text-align:center; font-size:16px; background: url(../images/leftlist.png) no-repeat center; } .leftlm li a:hover{ background: url(../images/lefthover.png) no-repeat center; color:#fff;} .news-about{ width:1180px; margin:0 auto;} .news-about li{color:#666666; font-size:14px; height:120px; border-bottom:1px dashed #cccccc; margin-bottom:40px; } .news-about h3{font-size:16px;color:#333333; line-height:30px; font-weight:normal; text-align:left; width:900px; float:left; height:30px; } .news-about h3 a{color:#333333;} .news-about li p{line-height:24px;width:900px; float:left} .news-about div{width:60px; height:64px; padding:0px 0px 10px 0px; margin-right:18px; line-height:35px; text-align:center; float:left; font-size:14px; background:#efefef;} .news-about div span{font-size:30px; color:#fff; line-height:40px; display:block; background:#cdcdcd; } .news-about li:hover a{color:#f5812c;} .news-about li a.on{color:#f5812c;}.news-bd li span.on{background:#549b33; color:#fff;} .news-about li:hover span{ background:#f5812c; color:#fff;} /* ----- page ----- */ .btn_go {color: #999; cursor: pointer; width: 60px; border:1px solid #dddddd; font-size:14px; background:none;} .gsjj p{ line-height:25px;}