body {color: #555; font-size: 14px; line-height: 1.75em; background: #fff; font-family: Arial, Helvetica,"微软雅黑","Microsoft YaHei", simsun, sans-serif ; -webkit-font-smoothing: antialiased; } .fl{ float: left; } .fr{ float: right;} .cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} /*************** "宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi"," 深黑 重要文字和标题 #222 中灰色 普通文字信息及引导 #666 #浅灰 辅助信息 次要文字 按钮苗边 #999 #淡淡灰 分割线 标签描边 #d7d7d7 #暗白 内容背景 #f3f5f7 背景 #f8f8f8 **************/ .w120{ width:1200px; clear:both; margin:0 auto; } .w100{ width:100%; min-width:1200px; clear:both; margin:0 auto; } a { color:#555;} a:hover{ color:#005baa;} table{ border-collapse:collapse; width:100%; margin:5px auto; } table td{ text-align:center; border:1px solid #ddd; } /********* top *****************/ .ding { background:#005baa; color:#fff; height:36px; line-height:36px; } .ding .links a{ color:#fff; padding:0 10px; } .ding .links a:hover{ text-decoration:underline;} .ding .sousuo { width:180px; height:26px; margin-top:5px; border-radius:5px; overflow:hidden; position:relative; background:#fff; margin-left:10px; } .ding .sousuo input{ display:block; padding: 0 40px 0 10px; margin:0; border:none; line-height:26px; height:26px; } .ding .sousuo a{ display:block; position:absolute; right:0; top:0; width:30px; height:26px; background: url(img/sousuo-ico.png) center center no-repeat; border-left:1px solid #ccc;} .daohang{ margin:0 auto; height:100px; } .daohang .logo{ width:200px; height:70px; margin:15px 0 0; overflow:hidden} .daohang .logo img{ max-width:200px; max-height:70px; display:block;} .daohang .tel{ background:url(img/tel-ico.png) left center no-repeat; height:40px; padding:30px 0 30px 40px; line-height:1.5em; font-size:12px; } .daohang .tel p{ font-size:18px; color:#005baa; font-family:"微软正黑体","Microsoft JhengHei"; font-weight: bold; } .navBar{ position:relative; z-index:1; color:#333; } .nav{ position:relative; width:800px; height:100px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px; position:relative;} .nav a{ color:#333; } .nav h3{ font-size:100%; font-weight:normal; } .nav .m{ float:left; position:relative; z-index:1; } .nav h3 a{ display:block; width:100px; height:100px; line-height:100px; text-align:center; font-size:16px; } .nav .m:hover{ background:#E5EEF6; } .nav .m:hover h3 a{ color:#005baa} .nav .hot:hover{ background:#fff;} .nav .hot h3 a{ background:url(img/hot.gif) center 20px no-repeat;} .nav .hot:hover h3 a{ color:#005baa} .nav .sub{ display:none; /*默认隐藏*/ position:absolute; left:50%; top:100px; margin-left:-50px; z-index:1; width:98px; border:1px solid #E6E4E3; border-top:0; background:#fff; } .nav .cpsub{ width:178px; margin-left:-90px;} .nav .sub li{ text-align:center; padding:0 2px; margin-bottom:-1px; } .nav .sub li a{ display:block; border-bottom:1px solid #E6E4E3; padding:10px 0; line-height:20px; color:#666; } .nav .sub li a:hover{ color:#005baa; } /****************/ .fullSlide{ width:100%; position:relative; height:600px; } .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:600px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:600px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; } .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#ddd; filter:alpha(opacity=80);opacity:0.8; line-height:999px; } .fullSlide .hd ul .on{ background:#005baa; } .fullSlide .prev, .fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%; z-index:1; width:40px; height:60px; background:url(img/slider-arrow.png) -126px -137px no-repeat; cursor:pointer; display:none; } .fullSlide .next{ left:auto; right:10%; background-position:-6px -137px; } /*********************/ .gsjj-index{ margin:100px auto; overflow:hidden;} .gsjj-index .gsjj{ width:580px; overflow:hidden;} .gsjj-index .gsjj .tit{ text-transform:uppercase; color:#111; margin-bottom:15px;} .gsjj-index .gsjj .tit strong{ font-size:32px; line-height:1em; color:#005baa; } .gsjj-index .gsjj .nr{ font-size:16px; text-align:justify; line-height:1.75em;} .gsjj-index .gsjj .links{ padding-top:20px;} .gsjj-index .gsjj .links ul li{ float:left; width:70px; margin-right:50px; text-align:center; } .gsjj-index .gsjj .links ul li .tu{ border:2px solid #999; width:50px; height:50px; padding:10px; overflow:hidden; border-radius:50%;} .gsjj-index .gsjj .links ul li .tu img{ display:block; width:50px; height:50px;} .gsjj-index .gsjj .links ul li p{font-size:16px; color:#666; padding-top:10px;} .gsjj-index .video{ width:540px; height:310px; background:#ddd; overflow:hidden;} /*******************/ .cpxxk{ width:1200px; } .cpxxk .hd{ overflow:hidden; margin-bottom:10px; } .cpxxk .hd li{ position:relative; height:64px; text-align:center; width:300px; float:left; cursor:default; } .cpxxk .hd li a{background:#eee; color:#000; display:block; font:normal 18px/48px "Microsoft YaHei"; margin-left:2px; } .cpxxk .hd li:first-child a{margin:0; } .cpxxk .hd li.on a{ width:300px; background:#005baa; color:#fff; margin:0; } .cpxxk .hd li.on { background:url(img/sanjiao-ico.png) center bottom -5px no-repeat; } .cpxxk .bd ul.lh li.cpxm{ width:600px; height:300px; overflow:hidden; float:left; margin-bottom:20px; } .cpxxk .bd ul.lh li.cpxm .tu{ border:1px solid #ddd; width:298px; height:298px; float:left; position:relative; z-index:0;} .cpxxk .bd ul.lh li.cpxm .tu img{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .cpxxk .bd ul.lh li.cpxm .tu .sanjiao-jiantou{ position:absolute; z-index:999; width:25px; height:50px;/* background:url(img/sanjiao-left-ico-h.png) center center no-repeat;*/ right:-10px; top:50%; margin-top:-25px; } .cpxxk .bd ul.lh li.cpxm .wen{ width:240px; height:240px; padding:30px; overflow:hidden; float:right; background:#f3f1f1; color:#333; position:relative;} .cpxxk .bd ul.lh li.cpxm .wen .bt{ font-size:24px; line-height:1.3em; } .cpxxk .bd ul.lh li.cpxm .wen .nr ul li{ display:block; clear:both; font-size:16px; line-height:24px; margin:8px 0; background:url(img/cpbq-ico2.png) left center no-repeat; padding-left:25px;} .cpxxk .bd ul.lh li.cpxm .wen span.more{ display:block; font-size:16px; color:#999; position:absolute; right:20px; bottom:10px; } .cpxxk .bd ul.lh li.cpxm:hover .wen{ background:#005baa; color:#fff;} .cpxxk .bd ul.lh li.cpxm:hover .wen .nr ul li{ background:url(img/cpbq-ico.png) left center no-repeat;} .cpxxk .bd ul.lh li.cpxm:hover .tu .sanjiao-jiantou{ background:url(img/sanjiao-left-ico.png) center center no-repeat; } /*******************/ .case-index{ padding:80px 0;} .case-index .case-xxk{ width:1200px; box-shadow:0 2px 5px #ccc; } .case-index .case-xxk .hd{ overflow:hidden; margin-bottom:0px; } .case-index .case-xxk .hd li{ position:relative; height:64px; text-align:center; width:300px; float:left; cursor:default; } .case-index .case-xxk .hd li a{background:#eee; color:#000; display:block; font:normal 18px/48px "Microsoft YaHei"; margin-left:2px; } .case-index .case-xxk .hd li:first-child a{margin:0; } .case-index .case-xxk .hd li.on a{ width:300px; background:#005baa; color:#fff; margin:0; } .case-index .case-xxk .hd li.on { background:url(img/sanjiao-ico.png) center bottom -5px no-repeat; } .case-index .case-xxk .bd .lh { padding:30px; padding-top:10px; } .case-index .case-xxk .bd .lh .tu{ width:550px; height:350px; overflow:hidden;} .case-index .case-xxk .bd .lh .tu img{ width:100%; display:block; height:auto;} .case-index .case-xxk .bd .lh .wen{ width:550px; height:350px; overflow:hidden;} .case-index .case-xxk .bd .lh .wen .bt{ font-size:26px; line-height:1.5em; color:#252525;} .case-index .case-xxk .bd .lh .wen .bt:after{ display:block; width:4em; height:10px; margin-bottom:10px; border-bottom:1px solid #888; content:"";} .case-index .case-xxk .bd .lh .wen .xm{ font-size:16px; line-height:2em; color:#333;} .case-index .case-xxk .bd .lh .wen .links{ margin-top:20px; text-align:center;} .case-index .case-xxk .bd .lh .wen .links a{ display:inline-block; width:150px; height:45px; line-height:45px; font-size:16px; color:#fff; background:#005baa; margin:0 10px; border-radius:5px; overflow:hidden;} .case-index .case-xxk .bd .lh .wen .links a:hover{ background:#333; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; } /*****************/ .gd-case { margin-top:30px; padding-top:30px; border-top:1px dotted #ccc;} .KC_Scroll{ margin:0 auto; position:relative; width:1160px; padding:0 0 0 40px; background:#fff; overflow:hidden; } .KC_Scroll .prev, .KC_Scroll .next{ display:block; position:absolute; top:70px; left:0; width:23px; height:23px; background:url(img/btns.png) no-repeat; } .KC_Scroll .next{ left:auto; right:0; background-position:-25px 0; } .KC_Scroll .prev:hover{ background-position:0 -30px; } .KC_Scroll .next:hover{ background-position:-25px -30px; } .KC_Scroll ul{ overflow:hidden; zoom:1; } .KC_Scroll ul li{ width:260px; height:165px; float:left; overflow:hidden; padding:0 10px; position: relative; } .KC_Scroll ul li img{ width:100%; height: auto; display:block; } .KC_Scroll ul li .wen{ position:absolute; bottom:0; left:10px;; width:260px; height:40px; line-height:40px; background:rgba(0,0,0,.6); color:#fff; text-align:center;} /**********************/ .shili-index{ padding:50px 0; background:url(img/sl-bjt.jpg) top center no-repeat; height:215px; margin-bottom:200px; } .shili-index .tit-index{ color:#fff;/*background:url(img/OUSIKE-b.png) center top no-repeat;*/} .shili-index .tit-index span{ color:#eef;} .shili-index .shilixm{ background:#fff; padding:40px 0; margin-top:50px; box-shadow:0 3px 5px #999; } .shili-index .shilixm ul li{ width:250px; margin:0 25px 15px 25px; overflow:hidden; float:left; text-align:center;} .shili-index .shilixm ul li .tu{ width:60px; height:60px; overflow:hidden; margin:10px auto; } .shili-index .shilixm ul li .tu img{ display: block; width:60px; height:60px; } .shili-index .shilixm ul li .bt{ font-size:18px; margin:10px auto;color:#111; font-weight:bold;} .shili-index .shilixm ul li .nr{ font-size:12px;color:#666; line-height:1.5em; } /*************************/ .xw-index .tit{ height:50px; margin-bottom:30px; padding-left:65px; } .xw-index .tit p{ float:left; font-size:28px; color:#333; line-height:30px;} .xw-index .tit p span{ font-size:16px; line-height:20px; display:block; text-transform:uppercase; color:#999;} .xw-index .tit a{ display:block; float:right; width:100px; line-height:32px; text-align:center; border:1px solid #ddd; border-radius:16px; margin-top:5px; } .xw-index .xw-l .tit{ background:url(img/newsico.png) left center no-repeat;} .xw-index .xw-r .tit{ background:url(img/inico14.png) left center no-repeat;} .xw-index .xw-l{ width:780px; height:540px; overflow:hidden; margin-top:30px; } .xw-index .xw-l ul.xwxm li{ width:380px; float:left;} .xw-index .xw-l ul.xwxm li:nth-child(2n){ float:right;} .xw-index .xw-l ul.xwxm li.dxm{ height:250px; overflow:hidden; position:relative; margin-bottom:8px;} .xw-index .xw-l ul.xwxm li.dxm img{ width:100%; display:block; height:auto;} .xw-index .xw-l ul.xwxm li.dxm .wen{ width:100%; height:70px; background:rgba(0,0,0,.6); color:#fff; position:absolute; left:0; bottom:0;} .xw-index .xw-l ul.xwxm li.dxm .wen p{ margin:10px 20px; font-size:16px; line-height:25px; height:50px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .xw-index .xw-l ul.xwxm li.dxm:hover .wen{ padding:20px 0; background:rgba(0,91,170,1); -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s; } .xw-index .xw-l ul.xwxm li.xxm a{ display:block; height:34px; line-height:34px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left:30px; background: url(img/xwlist-ico.png) left center no-repeat; border-bottom:1px dotted #ccc; } .xw-index .xw-l ul.xwxm li.xxm a span{ float:right; padding-left:10px;} .xw-index .xw-r{ width:390px; height:540px; overflow:hidden; margin-top:30px; } .xw-index .xw-r ul{ background:#F4F4F6; padding:25px;} .xw-index .xw-r ul li{ padding:10px 0; border-bottom:1px solid #ddd;} .xw-index .xw-r ul li a{ display:block; line-height:24px; height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(img/wenhao-ico.png) left center no-repeat; padding-left:35px;} /*******************/ .links-index { margin:20px auto 20px; text-align:left; } .links-index a{ display:inline-block; margin-right:20px; color:#333; } .links-index a:hover{ color:#005baa} .links-index .tit{ font-size:16px; color:#333;} /*********************/ footer .foot{ background:#4B4C4E; padding:35px 0;} footer .foot .logo{ width:200px; height:140px; border-right:1px solid #666; padding-right:20px; margin-right:30px; position:relative;} footer .foot .logo img{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 0;-webkit-transform: translate(0,-50%); transform: translate(0,-50%);} footer .foot .lianxi{ width:430px; height:140px; } footer .foot .lianxi p{ color:#fff; font-size:18px; line-height:30px; padding:8px 0 8px 30px;} footer .foot .lianxi p.add{ background:url(img/foot-add-ico.png) left center no-repeat; } footer .foot .lianxi p.tel{ background:url(img/foot-tel-ico.png) left center no-repeat; } footer .foot .lianxi p.web{ background:url(img/foot-web-ico.png) left center no-repeat; } footer .foot .erweima{ width:280px; height:140px; color:#fff; text-align:center; padding:0 30px; margin:0 30px; border-right:1px solid #666; border-left:1px solid #666;} footer .foot .erweima .xm{ width:140px; float:left; text-align:center;} footer .foot .erweima img{ display:block; width:120px; height:auto; margin:0 auto;} footer .foot .erweima p{ line-height:20px; } footer .foot .qlink{ width:100px; height:140px;} footer .foot .qlink a{ display:block; line-height:1em; height:24px; text-align: center; color:#fff; } footer .foot .qlink a:hover{ color:#005baa} footer .copyright{ height:40px; line-height:40px; background:#343434; color:#fff;} footer .copyright .zb{ width:780px; text-align:left; } footer .copyright .yb{ width:380px; text-align: right; } footer .copyright a{ color:#fff;} footer .copyright a:hover{ color:#005baa} /***********分页*******************/ .tit-index{ padding-top:20px; /*background:url(img/OUSIKE.png) center top no-repeat;*/ text-align:center; margin-bottom:20px;} .tit-index h3{ font-size:36px; line-height:50px; } .tit-index span{ color:#005baa;} .tit-index p{ font-size:16px; text-transform:uppercase;} .pagination{list-style:none;margin:40px auto 0; text-align:center; display:inline-block; width:100%;} .pagination li{display:inline-block; margin:0; text-align:center;} .pagination a{color:#999;padding:6px 14px;line-height:18px;display:block;border:solid 1px #ccc; border-left:0;} .pagination a:hover ,.pagination li.thisclass a{ background:#005baa; color:#fff; border-color:#005baa;} .pagination li:first-child a{ border-radius:4px 0 0 4px; border-left:1px solid #ccc;;} .pagination li:last-child a{ border-radius: 0 4px 4px 0; } .main .shangxiaye{ margin:20px auto; padding:30px 0; border-top:1px dotted #ddd; text-align:center;} .main .shangxiaye a{ display:inline-block; width:150px; height:40px; line-height:40px; background:#bbb; color:#fff; margin:0 10px; } .main .shangxiaye a:hover{ background:#005baa;} /******** banner ***********/ .banner{ height:200px; background:#ddd center center no-repeat ; } .fenleilist{ background:#F5F5F5; height:60px; overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:20px;} .fenleilist ul li{ display:block; float:left; width:auto; } .fenleilist ul li a{ display:block; line-height:60px; font-size:18px; padding:0 30px; color:#333; } .fenleilist ul li:hover a, .fenleilist ul li.on a{ background:#005baa; color:#fff;} /*******************/ .main{ margin:50px auto} .main ul.caselist li.xm{ margin:10px 0 10px 30px; width:350px; overflow:hidden; float:left; padding:15px; box-shadow:0 0 4px #ccc;} .main ul.caselist li.xm:hover{ box-shadow: 0 0 20px #ccc;} .main ul.caselist li.xm:nth-child(3n+1){ margin-left:0;} .main ul.caselist li.xm .tu{ width:350px; height:200px ; overflow:hidden; background:#333; } .main ul.caselist li.xm .tu img{ width:350px; height:200px display:block;} .main ul.caselist li.xm:hover .tu img{ filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; } .main ul.caselist li.xm .bt{ font-size:18px; color:#333; line-height:30px; padding:5px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main ul.caselist li.xm:hover .bt{ color:#005baa;} .main ul.caselist li.xm .nr{ text-align:justify; line-height:1.8em; height:3.6em; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#888;} /*****************/ .main .case-nr .rights{ width:850px; overflow:hidden; } .main .case-nr .rights .biaoti{ font-size:28px; color:#222; line-height:1.3em; } .main .case-nr .rights .case-ms{ margin:10px auto; background:#eee; padding:10px 20px; } .main .case-nr .rights .case-ms p{ display: inline-block; margin-right:10px; color:#222; font-size:16px; } .main .case-nr .rights .case-xxneirong{ margin:0 auto ; font-size:16px; line-height:2em; } .main .case-nr .rights .case-xxneirong img{ max-width:100%; height:auto; vertical-align:bottom;} .main .case-nr .rights .case-xxneirong .tu{ text-align:center; } .main .case-nr .rights .case-xxneirong .tu img{ display:block; margin:0 auto;} .main .case-nr .tuijian{ width:280px; overflow:hidden; } .main .case-nr .tuijian .tit{ color:#005baa; font-size:20px; line-height:55px; background:#f2f2f2; padding-left:20px; border-bottom:1px dotted #ddd; margin-bottom:10px; font-weight:bold;} .main .case-nr .tuijian ul li.xm{ margin:10px auto; width:280px; overflow:hidden; } .main .case-nr .tuijian ul li.xm .tu{ width:280px; height: auto ; overflow:hidden; background:#333; } .main .case-nr .tuijian ul li.xm .tu img{ width:280px; height: auto; display:block;} .main .case-nr .tuijian ul li.xm:hover .tu img{ filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; } .main .case-nr .tuijian ul li.xm .bt{ font-size:18px; color:#333; line-height:30px; padding:5px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main .case-nr .tuijian ul li.xm:hover .bt{ color:#005baa;} .main .case-nr .tuijian ul li.xm .nr{ text-align:justify; line-height:1.8em; height:3.6em; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#888;} /*************************/ .main .xwlist{ padding:10px 0} .main .xwlist li { padding:20px ; margin:0px auto ; border-bottom:1px solid #ddd; height:200px; -webkit-transition:all .3s ease-in; transition: all .3s ease 0s;} .main .xwlist li:hover{ box-shadow:0 0 10px #ccc;/* transform: translate(0,-10px); transform: translate(0,-10px);*/ } .main .xwlist li .tu{ width:350px; height:200px; overflow:hidden; } .main .xwlist li .wen{ width:760px; height:200px; overflow:hidden; } .main .xwlist li .tu img{width:100%; height: auto;} .main .xwlist li:hover .tu img{ transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;} .main .xwlist li .wen .xwtit{ font-size:18px; font-weight:bold; line-height:1.8em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .main .xwlist li .wen .nr{ color:#999; text-align:justify; line-height:1.9em; height:5.7em; margin:20px 0 ; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;} .main .xwlist li .wen .time{ padding:0 20px; background:#aaa; color:#fff; line-height:30px;} .main .xwlist li .wen .more{ padding:0 20px; background:#ccc; color:#fff; line-height:30px;} .main .xwlist li:hover .wen .more{ background:#005baa} .main .xwlist li:hover .wen .xwtit{ color:#005baa;} /**********************/ .main ul.videolist li.xm{ margin:10px 0 10px 30px; width:380px; overflow:hidden; float:left; } .main ul.videolist li.xm:nth-child(3n+1){ margin-left:0;} .main ul.videolist li.xm .tu{ width:380px; height:214px; overflow:hidden; position:relative;} .main ul.videolist li.xm .tu img{ width:380px; height:214px; display:block;} .main ul.videolist li.xm .tu .show{ /*display:none;*/ position:absolute; height:0px; line-height:48px; bottom:0; left:0; width:100%; background:rgba(0,0,0,.7); color:#fff;} .main ul.videolist li.xm .tu .show span{ margin-left:20px; padding-left:25px; line-height:48px; } .main ul.videolist li.xm .tu .show span.sj{ background:url(img/video-sj-ico1.png) left center no-repeat;} .main ul.videolist li.xm .tu .show span.djs{ background:url(img/video-djs-ico.png) left center no-repeat;} .main ul.videolist li.xm .tu .show i{ display:block; width:48px; height:48px; background:#005baa url(img/video3.png) center center no-repeat; float:right;} .main ul.videolist li.xm:hover .tu .show{ display:block; height:48px; transform: all .6s ease 0s;transition: all .6s ease 0s;} .main ul.videolist li.xm:hover .tu img {transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all .5s ease 0s;transition: all .5s ease 0s;} .main ul.videolist li.xm .bt{ line-height:32px; height:32px; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; } /***************************/ .cplefts { width:280px; background:#fff; overflow:hidden; box-shadow:0 0 1px #999;} .cplefts .cpfl{width:280px; } .cplefts .cpfl .tit{ height:50px; background:#005baa; padding:25px; } .cplefts .cpfl .tit i{ display:block; float:left; width:60px; height:50px; background:url(img/citie.png) center center no-repeat ; margin-right:10px; } .cplefts .cpfl .tit p{ color:#fff; line-height:30px; font-size:28px;} .cplefts .cpfl .tit p span{ display:block; font-size:12px; line-height:20px;} .cplefts .cpfl ul li{ padding:0 20px; background:#f2f5f9; border-top:1px solid #ddd;} .cplefts .cpfl ul li a{ display:block; line-height:1.2em; padding:18px 0 18px 30px;; font-size:16px; background: url(img/listdot.jpg) left center no-repeat; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .cplefts .cpfl ul li a.on{ color:#005baa; font-weight:bold; background: url(img/listdot-h.jpg) left center no-repeat;} .cplefts .cpfl ul li.on{ background-color:#fff;} /* .cplefts .cpfl ul li.fl_xlb{ background:#fff; border-top:1px solid #eee; } .cplefts .cpfl ul li.fl_xlb a{ background:url(img/erji.png) 5px center no-repeat; font-size:14px; padding:8px 0; padding-left:30px; line-height:22px; } .cplefts .cpfl ul li.fl_xlb a.on{ color:#005baa; font-weight:bold;} */ .cplefts .cpfl ul li dl{ display:none} .cplefts .cpfl ul li:hover dl{ display: block} .cplefts .cpfl ul li:hover{ background:#fff; border-top:1px solid #eee; } .cplefts .cpfl ul li dl.fl_xlb_on{ display: block} .cplefts .cpfl ul li dl dd{ background:#fff; border-top:1px solid #eee; } .cplefts .cpfl ul li dl dd a{ background:url(img/erji.png) 5px center no-repeat; font-size:14px; padding:8px 0; padding-left:30px; line-height:22px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .cplefts .cpfl ul li dl dd.on a{ color:#005baa; font-weight:bold;} .main .cprights{ width:880px; background:#fff;overflow:hidden; } .main .cprights .tit{ height:50px; padding:10px 0; border-bottom:1px solid #ddd; margin-bottom:10px; } .main .cprights .tit p{ color:#005baa; line-height:50px; font-size:28px;} .main .cprights .xuanzhou-leibie{ text-align:left;} .main .cprights .xuanzhou-leibie a{ display:inline-block; padding:0 10px; line-height:36px; background:#ddd; color:#333; border-radius:4px; overflow:hidden; margin-top:10px; margin-right:7px; } .main .cprights .xuanzhou-leibie a.on,.main .cprights .xuanzhou-leibie a:hover{ background:#005baa; color:#fff;} .main .cprights ul.cplist li.cpxm{ width:280px; height:325px; overflow:hidden; float:left; margin:20px 0 0 17px; border:1px solid #ddd; position:relative; } .main .cprights ul.cplist li.cpxm:nth-child(3n+1){ margin-left:0} .main .cprights ul.cplist li.cpxm .tu{ width:280px; height:280px; position:relative; z-index:0;} .main .cprights ul.cplist li.cpxm .tu img{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* .main .cprights ul.cplist li.cpxm .tu .sanjiao-jiantou{ position:absolute; z-index:999; width:25px; height:50px; background:url(img/sanjiao-left-ico.png) center center no-repeat; right:-10px; top:50%; margin-top:-25px; }*/ .main .cprights ul.cplist li.cpxm .wen{ overflow:hidden; background:#eee; color:#666; position:relative; text-align:center; padding:10px;} .main .cprights ul.cplist li.cpxm .wen .bt{ font-size:14px; line-height:1.5em; margin-bottom:5px; color:#222; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } /* .main .cprights ul.cplist li.cpxm .wen .nr{ display:none;} .main .cprights ul.cplist li.cpxm .wen .nr ul li{ display:inline-block; width:30%; clear:both; font-size:14px; line-height:20px; } */ .main .cprights ul.cplist li.cpxm:hover .wen{ background:#005baa; color:#cde; visibility:hidden;} .main .cprights ul.cplist li.cpxm:hover .wen .bt{ color:#fff; } .main .cprights ul.cplist li.cpxm:hover .tu .sanjiao-jiantou{ background:url(img/sanjiao-left-ico-h.png) center center no-repeat; } .main .cprights ul.cplist li.cpxm .show{ display:none; position:absolute; left:0; top:0;width:280px; height:325px; padding:20px; box-sizing:border-box; background:rgba(0,91,170,0.6); color:#fff; overflow:hidden } .main .cprights ul.cplist li.cpxm .show .bt{font-size:16px; line-height:1.8em; text-align:center; margin-bottom:20px;} .main .cprights ul.cplist li.cpxm .show .nr ul li{width:50%; float:left; box-sizing:border-box; font-size:14px; line-height:30px; background:url(img/cpbq-ico.png) left center no-repeat; padding-left:25px; } .main .cprights ul.cplist li.cpxm:hover .show{ display:block} /*****************/ .main .cprights .cpmbx{ height:30px; margin-bottom:10px; background:url(img/mbxico.png) left center no-repeat; padding-left:20px; overflow:hidden; } .main .cprights .cpmbx a{ padding:0 10px; line-height:30px; font-size:15px;} /***********/ .main .cprights .cptuwen .cptu{ width:400px; height:auto; padding:10px; border:1px solid #ddd;} .main .cprights .cptuwen .cptu img{ display:block; width:100%; height:auto;} .main .cprights .cptuwen .cpwen{width:420px;} .main .cprights .cptuwen .cpwen .cpmc{ font-size:20px; line-height:1.3em; color:#005baa; font-weight:bold; margin-bottom:10px; } .main .cprights .cptuwen .cpwen .nr { background:#F2F5F9; padding:10px 20px; color:#333;} .main .cprights .cptuwen .cpwen .nr ul li{ display:block; width:50%; float:left; box-sizing:border-box; font-size:16px; line-height:30px; background:url(img/cpbq-ico-666.png) left center no-repeat; padding-left:25px;} .main .cprights .cptuwen .cpwen .cs{ margin:5px auto; color:#222; } .main .cprights .cptuwen .cpwen .cs .bt{ line-height:30px; /*width:100px;*/ } .main .cprights .cptuwen .cpwen .cs .xuanxiang{ /*width:335px; */ text-align:left;} .main .cprights .cptuwen .cpwen .cs .xuanxiang span{ display:block; float:left; height:20px; border:1px solid #ddd; line-height:20px; margin-right:5px; margin-bottom:5px; cursor:pointer; min-width:73px; text-align:center; padding:0 2px; font-size:12px; font-family:"宋体","SimSun", sans-serif; background:#F2F5F9; } .main .cprights .cptuwen .cpwen .cs .xuanxiang span:hover{ color:#fff;border:1px solid #005baa; background:#005baa } .main .cprights .cpshuoming{ margin:10px auto} .main .cprights .cpshuoming .title{ background:#eee; line-height:36px; border-bottom:1px solid #999; overflow:hidden;} .main .cprights .cpshuoming .title span{ display:block; background:#005baa; padding:0 20px; float:left; color:#fff; font-size:16px; } .main .cprights .cpshuoming .xiangxishuoming{ margin:10px 0; width:880px; overflow:hidden; font-size:16px; line-height:1.85em;} .main .cprights .cpshuoming .xiangxishuoming table{ width:100%; margin:10px auto; border-collapse:collapse; } .main .cprights .cpshuoming .xiangxishuoming img{ max-width:100%; height:auto; vertical-align:bottom;} /**************************/ .main .gsjjtit{ padding:10px 0; position: relative;} .main .gsjjtit .jjmc{ font-size:30px; color:#333; font-weight:bold; line-height:1.3em; } .main .gsjjtit .jjenmc{ font-size:18px; text-transform:uppercase; color:#005baa; position: relative; } .main .gsjjtit .jjenmc span{ background:#fff; padding-right:50px;} .main .gsjjtit .jjenmc:before{ display:block; content:""; width:100%; height:1px; background:#005baa; bottom:10px; position:absolute; z-index:-999;} .main .about_nr{ margin:30px auto; line-height:2em; font-size:16px; text-align:justify; } .main .about_nr img{ max-width:100%; vertical-align:bottom; height:auto;} .main .about_nr table{ width:100%; border-collapse:collapse; border:1px solid #ddd;} .main .about_nr table td{ padding:0 2px;} /******************/ .history_main{ margin:60px auto; background: url(img/lishibg.png) top center repeat-y; } .history_main .tit_index{ background:#fff; margin-bottom:80px} .history_main ul.list li.lishi_xm{ background: url(img/ls-doth.png) center 10px no-repeat; margin-bottom:-30px; } /* .history_main ul.list li.lishi_xm:hover{transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}*/ .history_main ul.list li.lishi_xm .neirong{ width:430px; padding:0 79px; background:url(img/line-dddh.png) right 26px no-repeat; } .history_main ul.list li.lishi_xm1 .neirong{ float:left; text-align:right; } .history_main ul.list li.lishi_xm0 .neirong{ float: right; background:url(img/line-dddh.png) left 26px no-repeat;} .history_main ul.list li.lishi_xm .neirong .nk{box-shadow:0 3px 5px #96dee2; border-radius:5px ; overflow:hidden; background:#fff; } .history_main ul.list li.lishi_xm:hover .neirong .nk{-webkit-transform: translate(0,-18px); transform: translate(0,-18px); -webkit-transition:all 1s ease-in; transition: all 1s ease 0s;} .history_main ul.list li.lishi_xm .tit{ background:#777; font-size:18px; color:#fff; display:block; padding:0 20px; line-height:45px; ; overflow:hidden; } .history_main ul.list li.lishi_xm .nr{ font-size:16px; line-height:1.75em; padding:10px; } .history_main ul.list li.lishi_xm:hover{background: url(img/ls-dot.png) center 10px no-repeat; } .history_main ul.list li:hover .neirong{ background-image: url(img/line-ddd.png) } .history_main ul.list li.lishi_xm:hover .tit{ background:#005baa; } /**************/ .main ul.about_list li.xm{ border:1px solid #ddd; margin:40px auto; overflow:hidden; position:relative} .main ul.about_list li.xm .xuhao{ width:50px; height:100px;background: url(img/sanjiao2.png) center left no-repeat ; position:absolute; top:50%; left:460px; margin-top:-50px ;} .main ul.about_list li.xm0 .xuhao{ left: auto; right:460px;background: url(img/sanjiao1.png) center left no-repeat;} .main ul.about_list li.xm .tu{ width:500px; height:auto; overflow:hidden; float:left;} .main ul.about_list li.xm0 .tu{ float:right} .main ul.about_list li.xm .tu img{ display:block; width:500px; height:auto;} .main ul.about_list li.xm .wen{ width:600px; height:auto; overflow:hidden; float: right; padding:20px 45px;} .main ul.about_list li.xm0 .wen{ float:left;} .main ul.about_list li.xm .bt{ color:#005baa; font-size:30px; font-weight:bolder; line-height:1.2em; margin:10px auto ;} .main ul.about_list li.xm .nr{ font-size:16px; line-height:2em; text-align:justify;} /*******************/ .contact{} .contact .midDiv{ padding: 55px ; background: #f4f4f4; overflow:hidden;} .contact .midDiv .logo{ width: 379px; border-right: #ddd solid 1px; text-align: center; overflow:hidden; padding-right:50px; } .contact .midDiv .logo img{ display:block; width:100%; height:auto} .contact .midDiv .lie{ padding-left: 52px; } .contact .midDiv .lie li{ font-size: 14px; padding-left: 26px; position: relative; margin-bottom: 15px;} .contact .midDiv .lie li img{ position: absolute; left: 0px; top: 4px; } .contact .list{ padding-top: 70px; } .contact .list ul{ margin-right: -28px; } .contact .list li{ float: left; width: 25%; } .contact .list li .box{ margin-right: 28px; border-bottom: #dedede solid 1px; padding-bottom: 15px;} .contact .list li .name{ font-size: 18px; color: #333; height: 40px;} .contact .list li .msg{ font-size: 14px; line-height: 30px; color: #777b80; } .contact .mapDiv{ width:1200px;height:489px;} .main .gsxmnr{ margin:20px auto; overflow:hidden; text-align:justify; font-size:16px; line-height:1.9em; color:#444;} .main .gsxmnr img{ max-width:100%; height:auto; vertical-align:bottom;} .main .gsxmnr table{ width:100%; border-collapse:collapse; text-align:center } .main .gsxmnr table tr td{ border:1px solid #e8e8e8; padding:2px 5px ;} .main .gsxmnr table tr th{ border:1px solid #e8e8e8; padding:2px 5px ;} /*******************/ .lx_zxly{ font-size:18px; margin:50px auto; width:1200px; } .lx_zxly li{ margin:20px 0; } .lx_zxly li.xm3{ width:360px; float:left; margin-right:60px; } .lx_zxly li.mr0{ margin-right:0 !important; } .lx_zxly li.xm2{ width:560px; float:left; margin-right:80px; } .lx_zxly li input ,.lx_zxly li textarea{ display:block; border: none; width:100%; line-height:40px; padding:10px; box-sizing:border-box; outline:none;color:#444; border-bottom:1px solid #ccc; } .lx_zxly li input.yzm{ width:300px;} .lx_zxly li .yzm_img{ height:20px; padding:20px; display:block; float:left;} .lx_zxly input.tijiao{ background:#005baa; color:#fff; font-size:24px; transition:all 0.5s; float:right; width:360px;} .lx_zxly input.tijiao:hover{ background:#333;} .lx_zxly li:hover input , .lx_zxly li:hover textarea{ border-color:#005baa;} /*******************/ .main .job-nr .jobtit{ font-size:32px; line-height:1.5em; color:#222; margin-bottom:10px; padding-left:20px;} .main .job-nr .jobleft{ width:800px; overflow:hidden; } .main .job-nr .jobleft ul.job li{ line-height:50px; border-bottom:1px solid #eee;} .main .job-nr .jobleft ul.job li div{ float:left; width:20%; text-align:center;} .main .job-nr .jobleft ul.job li div.zw{ width:37%; text-align:left; padding-left:3%;} .main .job-nr .jobleft ul.job li.dt{ background:#EEEEEE; border-bottom:1px solid #ccc; line-height:55px; font-size:16px; font-weight:bold; color:#222;} .main .job-nr .jobright{ width:350px; overflow:hidden; box-shadow:0 3px 5px #999; border-radius:10px;;} .main .job-nr .jobright .lxtit{ padding:40px ; height:100px; background:#ccc url(img/banner-9d0252d02b.jpg) center center no-repeat; color:#fff; font-size:24px;;} .main .job-nr .jobright .lxtit p{ font-size:36px; line-height:1.5em; margin-bottom:10px;} .main .job-nr .jobright .lxtit p:after{ content:""; width:2em; height:0px; font-size:36px; display:block; overflow:hidden; border-bottom:4px solid #005baa;} .main .job-nr .jobright .nr{ padding:30px 20px; background:#f2f5f9; color:#333; line-height:2em;} .main .job-nr .jobleft .biaoti{ font-size:28px; color:#222; line-height:1.3em; } .main .job-nr .jobleft .sj{ font-size:16px; color:#333;} .main .job-nr .jobleft .sj strong{ padding-right:20px;} .main .job-nr .jobleft .job-xxneirong{ padding:20px 0 0; margin:20px auto 0; border-top:1px dotted #ddd; font-size:16px; line-height:2em; } .main .job-nr .jobleft .job-xxneirong img{ max-width:100%; height:auto; vertical-align:bottom;} /*********************/ .zs-banner{ height:600px; background:#ddd center center no-repeat ; background-size:cover; } .zs-banner .dingwei{ height:600px; position:relative; z-index:0; text-shadow:0 3px 3px rgba(0,0,0,.8);} .zs-banner .dingwei .biaoyu-mid{ position:absolute; top:35%; color:#fff;-webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align:center; width:1200px;} .zs-banner .dingwei .biaoyu-mid .fbt{ font-size:16px; letter-spacing:10px; background: url(img/fbt-bj.png) center center no-repeat; } .zs-banner .dingwei .biaoyu-mid .zbt{ font-size:52px; letter-spacing:5px; padding:50px 0; line-height:1em; font-weight:bold; } .zs-banner .dingwei .zixun{ width:1200px;; text-align: center; color:#fff; font-size:24px; background: url(img/fbt-bj.png) center center no-repeat; } .zs-banner .dingwei .zixun p{font-weight:bold; padding-top:10px; font-family: Georgia; font-size:36px; } /*************/ .zs-2{ background:fixed; padding:50px 0 100px;} .zs-2 .nr1{ text-align:center; margin:50px auto;} .zs-2 .nr1 .t1{ font-size:36px; color:#222; line-height:2em; font-weight: bolder;} .zs-2 .nr1 .t2{ font-size:18px; color:#222; line-height:2em;} .zs-2 .nr1 .t3{ font-size:24px; color:#005baa; line-height:2em; font-weight: bolder;} .zsshuju { padding:50px 0; } .zsshuju ul.shuju{ text-align:center; padding-top:30px; } .zsshuju ul.shuju li{ width:280px; margin-left:26px; text-align:center; display:block; float:left; color:#222;} .zsshuju ul.shuju li:nth-child(4n+1){ margin-left:0} .zsshuju ul.shuju li .ms{ font-size:24px; line-height:1em; font-weight: bolder;text-align:left; } .zsshuju ul.shuju li p.sz{ font-size:18px; line-height:2em; font-weight: bolder; margin:20px 0 ; text-align:left;} .zsshuju ul.shuju li p.sz span{ font-size:52px; color:#005baa; border-bottom:4px solid #005baa; } .zsshuju ul.shuju li p.wz{ font-size:16px; color:#222; text-align:left;} .zs-3{ background: url(img/zs-bj-3.jpg) top center no-repeat; padding:100px 0;} .zs-3 .t1{ font-size:36px; color:#005baa; line-height:2em; font-weight: bolder; text-align:center;} .zs-3 .t2{ font-size:18px; color:#222; line-height:2em; text-align:center;} .zs-3 ul.shuju{ padding:50px 0; text-align:center} .zs-3 ul.shuju li{ display:inline-block; width:220px; color:#005baa;} .zs-3 ul.shuju li .sz{font-size:22px; line-height:2em; font-weight: bolder;} .zs-3 ul.shuju li .sz span{ font-size:42px;} .zs-3 ul.shuju li .wz{font-size:24px; line-height:2em; } .zs-3 .youshi-4{ background:#fff; padding:30px 0; border:1px solid #ccc;} .zs-3 .youshi-4 ul li{ width:25%; border-left:1px solid #ccc; box-sizing:border-box; float:left; text-align:center;} .zs-3 .youshi-4 ul li:first-child{ border:none;} .zs-3 .youshi-4 ul li p{ font-size:18px; color:#444;} /*************************/ .project{height:800px;background:url(img/17.jpg) no-repeat top center;border-top:1px solid #bbb;background-attachment:fixed!important} .project .content{padding:150px 0;width:1200px} .project .tit{text-align:center;margin-bottom:26px;color:#333} .project .tit span{display:block;font-size:35px;line-height:40px;margin-bottom:12px} .project .tit span b{color:#005baa} .project .tit i{display:block;font-size:20px;color:#666;height:19px;background:url(img/xt.png) no-repeat center} .project ul li{width:196px;height:225px;float:left;background:url(img/kk.png) no-repeat center;margin-left:14px;margin-bottom:-38px;transition:.5s} .project ul li a{display:block;height:225px;padding-top:48px;box-sizing:border-box} .project ul li.proj1{margin-left:163px} .project ul li.proj5{margin-left:56px} .project ul li span{display:block;width:63px;height:63px;margin:0 auto;position:relative} .project ul li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);-webkit-transition:all .35s ease-out;transition:all .35s ease-out} .project ul li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:all .1s ease .2s;transition:all .1s ease .2s} .project ul li:hover span em{opacity:0;visibility:hidden;-webkit-transform:translateY(50%) rotate(90deg);transform:translateY(50%) rotate(90deg)} .project ul li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)} .project ul li strong{display:block;font-size:18px;line-height:24px;color:#333;text-align:center;margin-bottom:6px} .project ul li strong i{font-weight:400} .project ul li b{display:block;width:115px;height:1px;background:#4b4b4b;opacity:.18;margin:0 auto 5px} .project ul li em{display:block;font-size:16px;color:#666;line-height:16px;text-align:center} .project ul li img{width:50px;height:50px;margin:0 auto;display:block} .project ul li:hover{background:url(img/kk_h1.png) no-repeat center} .project ul li:hover strong{color:#fff} .project ul li.spec:hover strong{color:red} .project ul li:hover strong i{color:#fff;font-weight:700} .project ul li:hover em{color:#fff} .project ul li:hover b{background:rgba(255,255,255,.25)} /***********************/ .zs-plqq{ padding:80px 0 40px; background:#666 url(join/zs-plqq-bj.jpg) ; background-size:cover; color:#fff; } .zs-plqq .t1{ font-size:36px; color:#fff; line-height:2em; font-weight: bolder; text-align:center;} .zs-plqq .t2{ font-size:18px; color:#eee; line-height:2em; text-align:center;} /****************/ .zs-channeng{ padding:100px 0; background: url(join/zs-channeng-bg.jpg) center top ; ; background-size:cover; color:#fff; } .zs-channeng .t1{ font-size:36px; color:#111; line-height:2em; font-weight: bolder; text-align:center;} .zs-channeng .t2{ font-size:18px; color:#333; line-height:2em; text-align:center;} .zs-channeng ul{ text-align:center;} .zs-channeng ul li{ display:block; width:30%; margin:20px 1.5%; float:left;} .zs-channeng ul li img{ width:100%; display:block; height:auto;} /****************/ .zs-ry{ padding:100px 0; height:650px; background: url(join/zs-ry-bj.jpg) center top ; color:#333; font-size:18px; } .zs-ry .bt{ font-size:36px; font-weight:bold; line-height:2em; color:#005baa; padding-bottom:20px;} .zs-ry .nr{ font-size:18px; line-height:2em; text-align:center} /*****************/ .zs-shengji{ padding:100px 0 60px;; background: url(join/zs-channeng-bg.jpg) center top ; color:#fff; } .zs-shengji .t1{ font-size:36px; color:#005baa; line-height:2em; font-weight: bolder; text-align:center;} .zs-shengji .t2{ font-size:18px; color:#222; line-height:2em; text-align:center;} .zs-shengji .tu{ margin:50px auto; overflow:hidden; width:1000px; } .zs-shengji .tu img{ display:block; margin:0 auto; max-width:100%; height:auto;} /**************/ .jiamengzhichi{background:url(join/4.jpg) no-repeat center 0;height:967px;margin-bottom:-50px;background-size:cover} .jiamengzhichi ul{background:#fff} .jiamengzhichi h2{text-align:center;padding-top:97px;color:#fff;margin-bottom:40px} .jiamengzhichi h2 span{display:block;font-size:35px;letter-spacing:2px;padding-bottom:20px;line-height:100%} .jiamengzhichi h2 i{font-weight:400;font-size:18px;line-height:40px;display:block;width:1100px;margin:0 auto} .jiamengzhichi ul{overflow:hidden} .jiamengzhichi ul li{border-right:1px solid #ccc;border-top:1px solid #ccc;float:left;width:300px;box-sizing:border-box;height:260px;padding:55px 20px 0;font-size:16px;color:#666;line-height:27px;overflow:hidden} .jiamengzhichi ul li span{display:block;padding-bottom:9px;font-size:14px} .jiamengzhichi ul li i{display:block;font-size:22px;font-weight:700;padding-left:48px;line-height:75px;height:75px;background:#005baa;color:#fff;margin-bottom:10px;font-style:normal} .jiamengzhichi ul li i img{float:left;width:45px;margin:20px 20px 0 10px}