@charset "utf-8"; /* CSS Document sss*/ body{ margin:0px; padding:0px; font-size:14px; font-family:Arial,sans-serif; color:#4f4f4f;} a:link{ text-decoration:none;} a:visited{ text-decoration:none;} a:active{ text-decoration:none;} a:hover{ text-decoration:underline;} div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{ margin:0px; padding:0px; border:0px;} ul,ol,li {list-style-type:none;} .clear{ clear:both;} /*棣栭〉*/ .header{ margin-bottom:1px; width:100%; height:90px; background:url(../images/topbj.gif) center bottom repeat-x;} .header-con{ margin:0px auto; width:1200px; height:90px;} .logo{ float:left; width:230px; height:9px;} .logo img {height:90px;} .hr{ float:right; width:970px; height:90px;} .so{ float:right; margin:32px 0px 0px 0px; width:198px; height:23px; border:#dddddd 1px solid;} .menu{ float:right; margin:10px 10px 0px 0px; width:720px; height:70px;} .menu ul{ width:720px; height:70px;} .menu ul li{ float:left; width:80px; height:80px; text-align:center;} .menu ul li a{ display:block; width:80px; height:80px; color:#242425; line-height:70px; font-size: 16px;} .menu ul li a:hover{ text-decoration:none; background:url(../images/menubj.gif) no-repeat center 60px; color: #abd465;} /*.menu ul li#dang a{ display:block; width:80px; height:38px; color:#1f1a17; background:url(../images/menubj.gif) bottom center no-repeat;}*/ #dang{ display:block; width:80px; height:80px; color:#242425; background:url(../images/menubj.gif) no-repeat center 60px;} .xiala{width:100%; height:70px; position:absolute; z-index:999; left:0; top:90px; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*瀹炵幇FF鑳屾櫙閫忔槑锛屾枃瀛椾笉閫忔槑*/ filter:Alpha(opacity=80); background:#fff;/*瀹炵幇IE鑳屾櫙閫忔槑*/ display:none; } #xialam{width:1000px; margin:0 auto; height:35px;} #xialam li{ float:left; line-height:35px; margin-left:19px; width:auto;} #xialam li a{ color:#242425;background:none; width:auto;} #xialam li a:hover{background:none; width:auto; color:#abd465;} .banner{ margin:0px auto; width:1419px; height:500px; position:relative;} .case-k{ margin-top:-95px; width:100%; height:155px; position:absolute; z-index:999;} .case{ margin:0px auto; width:1200px;} .case-l{ display: inline-block; *zoom: 1;*display: inline; padding:0px 5px; width: 280px; height:339px;} .case-l3 > a, .case-l2 > a { display: block; height: 320px; } .case-l2{ border: #e2e2e2 1px solid; border-radius: 5px; background-color: #FFF; position: relative; opacity: 0.8; } .case-l2 img, .case-l3 img{ width: 100%; height:223px;} .case-l3{ border: #e2e2e2 1px solid; border-radius: 5px; background-color: #FFF; position: relative; opacity: 1; } .case-z .case-btn { display: block; position: absolute; top: -50px; left: 50%; margin-left: -45px; width: 90px; height: 90px; *height: 0; background: url("../images/index/tip1.png") no-repeat center center; box-shadow: 0 5px 10px 0 #999, 0px 10px rgba(255,255,255,0.5); border-radius: 50%; zoom: 1; } .case-l:nth-child(2) .case-z .case-btn { background: #fff url("../images/index/tip2.png") no-repeat center center; } .case-l:nth-child(3) .case-z .case-btn { background: url("../images/index/tip3.png") no-repeat center center; } .case-l:nth-child(4) .case-z .case-btn { background: url("../images/index/tip4.png") no-repeat center center; } .case-z { position: absolute; bottom: 30px; width: 100%; height: 120px; line-height: 28px; text-align: center; font-size: 12px; color: #5d5d5d; background: url("../images/index/project-bottom.png") no-repeat bottom; background-size: 100% 100%; } .case-z a{ margin-top: 50px; color: #0c5ca6; font-size: 16px; display: block; } .case-z a:hover{ color:#abd465; text-decoration:none;} .list2.cy-module { margin-bottom: 20px; } .list2.cy-module .case { margin: 30px auto; } .content{ width:100%; height:auto; overflow:hidden;} .content2{ margin:0px auto; padding-top:30px; width:1200px; height:auto; overflow:hidden;} .notice{ margin: 0 auto; margin-bottom: 25px; width: 100%; height: 50px; line-height: 50px; border-bottom: #e3e3e3 1px solid; box-shadow: 11px 5px 13px -1px #ddd, -1px 23px rgba(255,255,255,0.5); } .notice-r{ float:right; width:100px; height:50px; text-align:right; margin-right: 20px} .notice-r a{ color:#b0b0b0; font-size:12px;} .notice-r a:hover{ color:#0c5ca6; text-decoration:none;} .notice-l{ float:left; height:50px; color:#0c5ca6; margin-left: 20px} .notice-l a{ color:#5d5d5d; font-size:12px;} .notice-l a:hover{ color:#0c5ca6; text-decoration:none;} .list{ position:relative;margin-right:10px; margin-bottom: 220px; width:100%; height:auto; } .list-top{ padding:23px 12px; height:35px; line-height:35px; border-left:#fff 1px solid; border-right:#fff 1px solid; color:#080808; font-size: 20px; text-align: center;} .list-top a{ position: absolute; padding: 5px 20px; border: 1px solid #e6e6e6; border-radius: 5px; left: 50%; margin-left: -60px; bottom: -170px; color: #999; font-size: 16px; } .list-top a:hover{ color:#0c5ca6; text-decoration:none;} .list-top .before-span { display: inline-block; margin: 0 40px; width: 90px; height: 10px; background: url(../images/index/title-tip-left.png) no-repeat; *display: inline; *zoom: 1; } .list-top .after-span { display: inline-block; *display: inline; *zoom: 1; margin: 0 40px; width: 90px; height: 10px; background:url(../images/index/title-tip-right.png) no-repeat; } .list-con{position: relative; padding:12px 700px 12px 12px; width:624px; height:355px;} .list-con dl{ float: left; width: 566px; height: 97px; /* border-bottom: #999999 1px dashed; */ margin-top: 20px; } .list-con dl dt{ width:566px; height:35px; line-height:30px;} .list-con dl dt a{ color:#2b9fe9; font-size:18px;} .list-con dl dd{ width:566px; height:42px; line-height:24px;} .list-con dl dd a{ color:#999; font-size:14px;} .list-con ul{ position: absolute; right: 0; top:0; margin-top:7px; width: 700px; height:auto; overflow:hidden;} .list-con ul li{ padding: 10px 0; padding-left:12px; width:554px; line-height:24px;} .list-con ul li a{ color:#333; font-size:16px;} .list-con ul li a:hover{ color:#0c5ca6; text-decoration:none;} .list-con ul li p{ display: inline-block; font-size: 18px; color: #999; border: 1px solid #e6e6e6; border-radius: 5px; padding: 10px 20px; margin-right: 30px; *display: inline; *zoom: 1; } .list-hd{ margin-right:12px; width:550px; height:335px;position:relative;} .list2{position:relative;margin-right:10px; margin-bottom:120px; width:100%; height:auto;} .list2-top{padding:23px 12px; height:35px; line-height:35px; border-left:#fff 1px solid; border-right:#fff 1px solid; color:#080808; font-size: 20px; text-align: center;} .list2-top .before-span { display: inline-block; *display: inline; *zoom: 1; margin: 0 40px; width: 90px; height: 10px; background:url(../images/index/title-tip-left.png) no-repeat; } .list2-top .after-span { display: inline-block; *display: inline; *zoom: 1; margin: 0 40px; width: 90px; height: 10px; background:url(../images/index/title-tip-right.png) no-repeat; } .list2-top a{ position: absolute; padding: 5px 20px; border: 1px solid #e6e6e6; border-radius: 5px; margin-left: -60px; left: 50%; bottom: -80px; color: #999; font-size: 16px; } .list2-top a:hover{ color:#0c5ca6; text-decoration:none;} .list2-con{ padding:12px; width:294px; height:188px;} .list3-con{ position: relative; margin-top: 30px; padding:0 650px 12px 12px; height:420px;} .project-module .list3-con { height: 300px; overflow: hidden; } .ggjj{ width:294px; height:188px; line-height:180%; font-size:12px; color:#5d5d5d; text-indent:2em;} .ggjj img{ float:left; margin:0px 12px 12px 0px;} .xw{width: 530px;} .xw img{ margin-right:12px; width:530px; height:330px;} .xw dt{margin-top: 15px;} .xw dt a{ color:#2b9fe9; font-size: 18px; line-height: 30px;} .xw dd { width: 530px; line-height: 30px; color: #999; font-size: 14px; } .xw2 { position: absolute; top: 0; right: 0; width: 550px; height: auto; overflow: hidden; padding: 10px 20px; } .xw2 ul { height: 215px; list-style: none; overflow: hidden; } .dj-icon { border-top: 2px dotted #bababa; padding-top: 30px; margin-top: 15px; } .xw2 .dj-icon li { display: inline-block; width: 30%; background: none; *display: inline; *zoom: 1; } .xw2 .dj-icon li a { display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/part_1.png) top no-repeat; width: 150px; height: 140px; padding-top: 110px; text-align: center; color: #675f66; } .xw2 .dj-icon li.dw2 a { background: url(../images/index/part_2.png) top no-repeat; } .xw2 .dj-icon li.dw3 a { background: url(../images/index/part_3.png) top no-repeat; } .xw2 li{ padding-left:12px; height:30px; line-height:30px; background:url(../images/an.gif) left center no-repeat;} .xw2 li a{ color:#4f4f4f; font-size:14px;} .xw2 li a:hover{ color:#0c5ca6; text-decoration:none;} .xw2 li p{ float:right; font-size:10px; color:#bababa;} .list-hd{ margin-right:12px; width:550px; height:335px;position:relative;} /* 鍏氬姟涓撻 */ .zt-module .xw-zt{ position: absolute; top: 0; right: 0;width: 530px;} .zt-module .xw-zt img{ margin-right:12px; width:530px; height:330px;} .zt-module .xw-zt dt{margin-top: 15px;} .zt-module .xw-zt dt a{ color:#2b9fe9; font-size: 18px; line-height: 30px;} .zt-module .xw-zt dd { width: 530px; line-height: 30px; color: #999; font-size: 14px; } .zt-module .xw-zt2 { height: auto; overflow: hidden; background-color: #f8f8f8; padding: 20px; min-height: 290px; } .zt-module .xw-zt2 li{ padding-left:12px; height:30px; line-height:30px; background:url(../images/an.gif) left center no-repeat;} .zt-module .xw-zt2 li a{ color:#4f4f4f; font-size:14px;} .zt-module .xw-zt2 li a:hover{ color:#0c5ca6; text-decoration:none;} .zt-module .xw-zt2 li p{ float:right; font-size:10px; color:#bababa;} .project-module { background: url("../images/index/build2.png") right bottom no-repeat; background-size: 530px; } .project-module .list3-con { } .project-module .list3-con .xw2{ left: 0; } .pagination { margin-top: -40px; } .qy{ width:292px; height:264px; border-bottom:#dddfe1 1px solid; border-left:#dddfe1 1px solid; border-right:#dddfe1 1px solid;} .qy li{ width:292px; height:33px; line-height:33px;} .qy li a{ display:block; padding-left:27px; width:265px; height:33px; background:url(../images/qbj.gif) no-repeat; color:#4f4f4f;} .qy li a:hover{ color:#fff; background:#0c5ca6; text-decoration:none;} .link{ margin-bottom:10px; padding:9px 0px 0px 6px; width:972px; height:26px; border:#e3e3e3 1px solid;} .footer{ padding:0; width:100%; height:auto; overflow:hidden; background:#ebebeb url(../images/footbj.gif) top repeat-x;} .foot{ margin: 10px auto; padding-top: 7px; width: 100%; font-size: 12px; color: #939494; line-height: 25px; text-align: center; font-size: 12px; letter-spacing: 1px; } .list-holder { width: 100%; height: auto; background-color: #f7f7f7; margin: 0; padding: 35px 0; } .footer-list{ margin: 0 auto; width: 1000px; } .footer-list li { display: inline-block; width: 19%; vertical-align: top; *display: inline; *zoom: 1; } .footer-list li .list-title { display: block; margin-bottom: 10px; font-size: 14px; color: #333; } .footer-list li span, .footer-list li a { display: block; line-height: 25px; color: #999; font-size: 12px; } /*浜岀骇椤?/ .ban{ width:100%; height:220px;} .ban-z{ margin:0px auto; padding-top:95px; width:920px; height:125px; font-size:12px; text-transform:uppercase;} .ban-z span{ font-size:30px; color:#083e71;} .content3{ margin:20px auto 50px auto; width:1100px; height:auto; overflow:hidden;} .left{ float:left; margin-right:20px; width:280px; height:auto; overflow:hidden;} .right{ float:left; margin-bottom:55px; width:780px; height:auto; overflow:hidden;} .nav{ padding-bottom:110px; width:260px; height:auto; overflow:hidden; border:#ebebeb 1px solid; background:url(../images/nnbj.gif) bottom center no-repeat;} .nav ul{ margin:25px 0px 55px 0px; width:260px; height:auto; overflow:hidden;} .nav ul li{ width:260px; height:30px;} .nav ul li a{ display:block; padding-left:50px; width:210px; height:29px; line-height:28px; color:#333333; background:url(../images/nbj1.gif) no-repeat; background-position-x: 20px;} .nav ul li a:hover{ color:#fff; text-decoration:none; background:#4789d5 url(../images/nbj1.gif) 0px -30px no-repeat; background-position-x: 20px;} .nav ul li#dang2 a{ display:block; padding-left:50px; width:210px; height:30px; line-height:28px; color:#fff; background:url(../images/nbj1.gif) 0px -30px no-repeat;} .nav dl{ margin:20px auto 0px auto; width:198px; height:auto; overflow:hidden; font-size:12px; color:#333333;} .nav dl dt{display:inline-block;*display: inline; *zoom: 1;padding:3px 0px; width:38px;} .nav dl dd{display:inline-block;*display: inline; *zoom: 1; padding:3px 0px; width:160px; clear: both;} .nav-top{ padding-left:15px; height:44px; line-height:44px; border-left:#fcfcfc 1px solid; border-right:#fcfcfc 1px solid; font-size:10px; color:#aeadad; border-bottom:#ebebeb 1px solid;} .nav-top span{ font-size:18px; color:#2f588c;} .nav-top2{ padding-left:15px; height:35px; font-size:10px; color:#aeadad; border-bottom:#ebebeb 1px solid;} .nav-top2 span{ font-size:18px; color:#2f588c;} .dh{ margin-bottom:35px; width:780px; height:45px; line-height:45px; border-bottom:#ebebeb 1px solid; font-size:18px; color:#2f588c;} .daohang{ float:right; height:45px; line-height:45px; font-size:12px; color:#615f5f;} .daohang a{ color:#615f5f;} .daohang a:hover{ color:#2f588c;} .about{ width:720px; height:auto; overflow:hidden; line-height:210%;} .nlist{ width:780px; height:auto; overflow:hidden;} .nlist ul{ width:780px; height:auto; overflow:hidden;} .nlist ul li{ padding-left:15px; width:765px; height:38px; line-height:38px; background:url(../images/an2.gif) left center no-repeat;} .nlist ul li a{ color:#4f4f4f;} .nlist ul li a:hover{ color:#9ccc4a; text-decoration:none;} .nlist ul li p{ float:right; font-size:12px; color:#c6c3c3;} .news_top{ padding-bottom:15px; width:720px; height:auto; overflow:hidden; line-height:150%; color:#525252; font-family:"寰蒋闆呴粦"; font-size:18px; text-align:center; border-bottom:#999999 1px dashed;} .news_time{ margin-top:10px; margin-bottom:45px; font-size:12px; color:#9e9e9e; font-family:"寰蒋闆呴粦"; text-align:center;} .news_con{ margin:0px auto; width:700px; height:auto; overflow:hidden; color:#525252; font-family:"寰蒋闆呴粦"; line-height:200%;} .news_nav{ margin-top:50px; width:720px; height:auto; overflow:hidden;} .news_nav ul{ width:720px; height:auto; overflow:hidden; border-bottom:#e5e5e5 1px solid;} .news_nav ul li{ padding:0px 15px; width:688px; height:30px; line-height:30px; color:#8e8e8e; font-size:12px; background-color:#fafafa; border-top:#e5e5e5 1px solid; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid;} .news_nav ul li a{ color:#8e8e8e;} .news_nav ul li a:hover{ color:#2963a0; text-decoration:none;} .news_pic{ margin-bottom:25px; width:720px; height:auto; overflow:hidden; text-align:center;} .pic{ width:720px; height:auto; overflow:hidden;} .pic ul{ margin:0px auto; width:708px; height:auto; overflow:hidden;} .pic ul li{ float:left; padding:0px 5px; width:226px; height:215px; text-align:center;} .pic ul li img{ margin-bottom:8px; padding:2px; width:220px; height:152px; border:#ebebeb 1px solid;} .pic ul li p a{ padding:0px 10px; height:26px; line-height:20px; color:#737272; font-size:12px; border-bottom:#d3d3d3 1px dashed;} .pic ul li p a:hover{ color:#2963a0; text-decoration:none;} .fenye{ margin-top:25px; width:720px; height:35px; color:#615f5f; font-size:12px;} .fenye a{ color:#615f5f;} /*琛ㄥ崟*/ .form01{ float:left; width:173px; height:23px; line-height:23px;} .form02{ float:left; width:25px; height:23px; background:url(../images/so.gif) no-repeat; cursor:pointer;} .form03{ margin:0px 5px; width:228px; height:20px;} .help-tip{ margin:32px 15px 0px 0px; text-align: center; background:url(../images/weixin.gif) no-repeat; border-radius: 50%; width: 24px; height: 24px; font-size: 14px; line-height: 26px; cursor:pointer; float:right; } .help-tip:before{ content:'?'; font-weight: bold; color:#fff; } .help-tip:hover p{ display:block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out; } .help-tip p{ display: none; text-align: left; padding: 10px; position: absolute; color: #FFF; font-size: 13px; line-height: 1.4; z-index: 2000; margin-left:-105px; margin-top:-25px; } @-webkit-keyframes fadeIn { 0% { opacity:0; transform: scale(0.6); } 100% { opacity:100%; transform: scale(1); } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:100%; } }