body {color: #555; font-size: 14px; line-height: 1.75em; background: #fff; font-family: Arial, Helvetica, Geneva, "微软雅黑","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 9f181c **************/ .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:#9f181c;} /********* top *****************/ header .ding{ border-top: 2px solid #9f181c; padding-top:15px; height:90px; position:relative; z-index:1; } header .ding .logo{ width:460px; overflow:hidden; height:65px; padding-top:10px; } header .ding .logo img{ max-width:460px; max-height:65px; display:block;} header .ding .daohang-sousuo { width:700px; height:80px; } header .ding .daohang-sousuo .sousuo{ height:28px; width:250px; float:right; border-radius:5px; border:1px solid #ddd; overflow:hidden; position:relative; } header .ding .daohang-sousuo .sousuo input{ display:block; padding-left:10px; padding-right:40px; border:none; margin:0; height:28px; outline:none; } header .ding .daohang-sousuo .sousuo a{ display:block; width:40px; height:28px; background: url(img/sousuoico.png) center center no-repeat; position:absolute; right:0; top:0; border-left:1px solid #eee;} header .ding .navBar{ width:700px; line-height:50px; padding-top:10px; height:50px; } header .ding .nav{ } header .ding .nav h3{ font-size:100%; font-weight:normal; font-size:18px; } header .ding .nav .m{ float:left; width:140px; margin:0 ; display:inline; text-align: right;line-height:50px; height:50px; } header .ding .nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(img/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; } header .ding .nav h3 a{ zoom:1; height:26px; line-height:26px; padding:12px 0 0; display:block; color:#333 } header .ding .nav .on h3 a i{ filter:alpha(opacity=100);opacity:1; } header .ding .nav .sub{ display:none; /*默认隐藏*/ width:100%; min-width:1200px; position:absolute; left:0; top:105px; background:#eee; text-align:center; } header .ding .nav .sub li{ text-align:center; } header .ding .nav .sub li a{ color:#333; display:block; zoom:1;} header .ding .nav .fuwu-dh dl{ display:block; zoom:1; width:340px; height:170px; padding:0 28px; margin:20px 0; border-left:1px solid #ddd; float:left; } header .ding .nav .fuwu-dh dl a{ display:block; line-height:32px; text-align:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} header .ding .nav .fuwu-dh dl a:hover{ color:#9f181c; } header .ding .nav .fuwu-dh dl dt a{ color:#333; font-size:16px; } header .ding .nav .fuwu-dh dl dd a{ color:#666; font-size:14px; } header .ding .nav .fuwu-dh dl dt { width:100%; clear:both;} header .ding .nav .fuwu-dh dl dd{ display:block; width:50%; float:left} header .ding .nav .gsjj-dh .xm{ width:250px; padding:50px 0 50px 66px; min-height:220px; ; overflow:hidden; float:left;} header .ding .nav .gsjj-dh .xm:nth-child(4n+1){ padding-left:0;} header .ding .nav .gsjj-dh .xm img{ width:100%; height:auto; display:block} header .ding .nav .gsjj-dh .xm p{ line-height:36px; font-size:16px; color:#333;} header .ding .nav .cjwt-dh { padding:50px 0 30px;} header .ding .nav .cjwt-dh .cjwt-dh-l{ width:500px; height:200px; border-right:1px solid #ddd; float:left} header .ding .nav .cjwt-dh .cjwt-dh-l .xm{ width:200px; ; overflow:hidden; float:left;} header .ding .nav .cjwt-dh .cjwt-dh-l .xm:nth-child(1){ padding-right:50px;} header .ding .nav .cjwt-dh .cjwt-dh-l .xm img{ width:100%; height:auto; display:block} header .ding .nav .cjwt-dh .cjwt-dh-l .xm p{ line-height:36px; font-size:16px; color:#333;} header .ding .nav .cjwt-dh .cjwt-dh-r{ width:680px; height:200px; float:right; overflow:hidden;} header .ding .nav .cjwt-dh .cjwt-dh-r a{ display:block; float:left; width:50%; line-height:36px; height:36px; text-align:left; overflow:hidden; box-sizing:border-box; padding-left: 40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} header .ding .nav .xw-dh { padding:50px 0 50px;} header .ding .nav .xw-dh .xw-dh-l { width:400px; height:200px; overflow:hidden; float:left; position:relative; z-index:999;} header .ding .nav .xw-dh .xw-dh-l img{ width:400px; height:auto; display:block;} header .ding .nav .xw-dh .xw-dh-l .wen{ position:absolute; left:0; bottom:0; width:360px; height:36px; line-height:36px; background:rgba(0,0,0,.7); color:#fff; overflow:hidden;padding:0 20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; z-index:99999; text-align:left;} header .ding .nav .xw-dh .xw-dh-r { width:700px; height:220px; float:right; overflow:hidden; padding-left:50px; border-left:1px solid #ddd;} header .ding .nav .xw-dh .xw-dh-r .xm{ text-align:center; width:100%; clear:both; text-align:left; margin-bottom:20px; } header .ding .nav .xw-dh .xw-dh-r .xm .bt{ font-size:16px; line-height:1.8em; color:#333; } header .ding .nav .xw-dh .xw-dh-r .xm .nr{ font-size:14px; line-height:1.7em; height:5.1em; color:#666;overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } /****************************/ .pptSlide{ width:100%; position:relative; height:400px; } .pptSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; } .pptSlide .hd ul{ text-align:center; } .pptSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:5px; margin:2px; overflow:hidden; background:#eee; line-height:999px; position:relative; } .pptSlide .hd ul .on{ background:#9f181c; } .pptSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .pptSlide .bd ul{ width:100% !important; } .pptSlide .bd li{ width:100% !important; height:400px; overflow:hidden; text-align:center; } .pptSlide .bd li a{ display:block; height:400px; } .pptSlide .hd ul li:before{ content:"" height:5px; width:100%; background:#f00; font-size:0; overflow:hidden; position:absolute; left:0; } .pptSlide .bd li .w120{ margin:0 auto; position:relative; height:400px;} .pptSlide .bd li .xm{ position:absolute; width:350px; height:200px; left:0; top:50%; margin-top:-125px; padding:25px; background:rgba(0,0,0,.8); color:#fff; border-radius:10px; overflow:hidden; text-align:left; } .pptSlide .bd li .xm .bt{ font-size:24px; line-height:1.3em; padding-bottom:10px; font-weight:bold;} .pptSlide .bd li .xm .nr{ font-size:14px; line-height:1.7em; max-height:6.8em;overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;} .pptSlide .bd li .xm span.more{ display:block; width:115px; height:38px; line-height:38px; background:#9f181c; color:#fff; text-align:center; margin-top:20px;border-radius:5px; overflow:hidden; } /****************/ .xm4-index{ padding:30px 0; } .xm4-index ul.xm4 li{ float:left; width:285px; height:320px; overflow:hidden; margin:20px 0 0 20px ; position:relative; } .xm4-index ul.xm4 li:first-child{ margin-left:0;} .xm4-index ul.xm4 li .tu { width:100%; height:135px; overflow:hidden;} .xm4-index ul.xm4 li .tu img{ display:block; width:100%; height:auto;} .xm4-index ul.xm4 li .bt{ margin:20px auto; text-align:center; color:#333; font-size:24px; font-weight:bolder;} .xm4-index ul.xm4 li .nr{ font-size:14px; line-height:1.8em; height:7.2em; color:#333; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;} .xm4-index ul.xm4 li .show{ position:absolute; top:500px; left:0; width:285px; height:320px; background:#F5F5F5; } .xm4-index ul.xm4 li .show .ms{ background:#9f181c; color:#fff; font-size:14px; line-height:1.6em; padding:20px 20px 10px; text-align:justify;} .xm4-index ul.xm4 li .show .links{ padding:20px 20px 0 ; text-align:left; height:120px; background:url(img/3j-ico-xm4.png) 30px -2px no-repeat;} .xm4-index ul.xm4 li .show .links a{ display:block; line-height:30px;; font-size:14px; color:#333; background:url(img/i.jpg) left center no-repeat; padding-left:15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } /*********************/ .xw-jj-index{ padding:30px 0; background:#F5F5F5; border-top:1px solid #ddd; height:400px; } .xw-jj-index .xm{ width:360px;} .xw-jj-index .xm .tit{ font-size:22px; line-height:1em; padding:10px 0; color:#333; margin-bottom:20px; font-weight:bold; border-bottom:3px solid #9f181c;} .xw-jj-index .xm .tit a{ display:block; float:right; width:25px; background:url(img/more-ico-1.png) right center no-repeat;} .xw-jj-index .xw{ margin-left:60px;} .xw-jj-index .xw ul li a{ display:block; line-height:36px; border-bottom:1px dashed #ddd; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(img/i.jpg) left center no-repeat; padding-left:15px; } .xw-jj-index .xw ul li a span{ float:right; font-size:12px; } .xw-jj-index .gsjj .tu { width:100%; height:135px; overflow:hidden;} .xw-jj-index .gsjj .tu img{ display:block; width:100%; height:auto;} .xw-jj-index .gsjj .nr{ padding-top:15px; font-size:14px; line-height:1.8em; color:#333; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;} .xw-jj-index .cjwt .txtMarquee-top{ overflow:hidden; height:288px;} .xw-jj-index .cjwt .txtMarquee-top ul li{ border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:5px;} .xw-jj-index .cjwt .txtMarquee-top ul li .dt{ height:24px; line-height:24px; background:url(img/wen-ico.png) left center no-repeat; padding-left:32px; } .xw-jj-index .cjwt .txtMarquee-top ul li .dt a{ display:block; line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#9f181c; } .xw-jj-index .cjwt .txtMarquee-top ul li .nr{ font-size:12px; background:url(img/huida.png) left 5px no-repeat; padding-left:32px; margin-top:5px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } /*************************/ footer .foot{ padding:50px 0 20px; background:#1b1b22; color:#ccc;} footer .foot .ljlefts{ height:250px; width:830px; border-right:1px solid #334; float:left; overflow:hidden;} /* footer .foot .ljlefts .xm{ text-align:left;} footer .foot .ljlefts .xm ul li{margin:0 ;} footer .foot .ljlefts .xm a{ display:block; color:#bbb; line-height:30px; font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} footer .foot .ljlefts .xm a.tit{ border-left:2px solid #4EB2FD; padding-left:10px; margin-bottom:20px; line-height:1em; font-size:16px; color:#fff; width:100%;} footer .foot .ljlefts .fuwu-xm{ width:400px; float:left; } footer .foot .ljlefts .fuwu-xm ul li{ width:45%; float:left; margin-right:5%; } footer .foot .ljlefts .cjwt-xm{ width:200px;margin-left:30px; float:left; } footer .foot .ljlefts .gsjj-xm{ width:140px; float:right; } */ footer .foot .ljlefts .xm{ float:left; width:185px; margin-right:26px; text-align:left;} footer .foot .ljlefts .xm a{ display:block; margin:10px 0; color:#bbb; line-height:20px; font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} footer .foot .ljlefts .xm a.tit{ border-left:2px solid #4EB2FD; padding-left:10px; margin-bottom:30px; line-height:1em; font-size:16px; color:#fff;} footer .foot .ljlefts .gsjj-xm{ margin-right:0 } footer .foot .lxrgihts{ height:250px; width:300px; float:right; overflow:hidden; } footer .foot .lxrgihts .tit{ line-height:1em; font-size:16px; color:#fff;margin:0 0 20px;; border-left:2px solid #4EB2FD; padding-left:10px; } footer .foot .lxrgihts .tu{ float:left; width:140px; overflow:hidden; margin-right:20px; } footer .foot .lxrgihts .wen{ float:left; width:140px; overflow:hidden; } footer .foot .lxrgihts .wen p{ color:#4EB2FD;} footer .foot .lxrgihts a{ color:#ccc;} footer .foot .copyright{ text-align:center; color:#ccc; border-top:1px solid #334; padding-top:20px;} footer .foot .copyright a{ color:#ccc;} /***********分页 9f181c*******************/ .banner{ /*height:280px;*/ height:0; display:none; overflow:hidden; background:url(img/banner.jpg) center center ; background-size:auto 100%; border-bottom:1px solid #ddd; } .banner .title{ text-align:center; padding-top:90px;} .banner .title .tit_main{ text-align:center; color:#fff; } .banner .title .tit_main h1{ font-size:36px; line-height:1.5em; height:1.5em; font-weight:normal; margin:0 auto; } .banner .title .tit_main h1 p{ height:1px; width:5em; background:#ccc; margin:5px auto; } .banner .title .tit_main h1 span{ display:block; width:1.5em; height:1px; background:#9f181c; margin:0 auto;} /* .banner .title .mianbaoxie{ color:#fff; padding-top:20px;} .banner .title .mianbaoxie a{ color:#fff; padding:0 10px;}*/ .mianbaoxie { height:38px; line-height:38px; background:#eee; border-bottom:1px solid #ddd; } .mianbaoxie .links a{ padding:0 10px; color:#333;} .mianbaoxie .links { background: url(img/mbx-ico.png) left center no-repeat; padding-left:20px; width:600px; overflow:hidden} .mianbaoxie .fenxiang{ width:260px; height:24px; padding-top:5px; } .mianbaoxie .fenxiang .weixinqq ul li{ float:right; width:24px; margin-left:10px; position:relative; } .mianbaoxie .fenxiang .weixinqq ul li img{ filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .mianbaoxie .fenxiang .weixinqq ul li:hover img{ filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;} .mianbaoxie .fenxiang .weixinqq ul li.weixin:hover .weixin-show{ display:block;} .mianbaoxie .fenxiang .weixinqq ul li.weixin:hover:before{ display:block;} .mianbaoxie .fenxiang .weixinqq ul li.weixin .weixin-show{ display:none; position:absolute; left:50%; margin-left:-80px; top:38px; width:140px; height: auto; background:#9F181C; padding:10px; } .mianbaoxie .fenxiang .weixinqq ul li.weixin .weixin-show img{ width:100%; display:block; height:auto;} .mianbaoxie .fenxiang .weixinqq ul li.weixin:before{ display:none; content:""; position:absolute; background:url(img/3j-ico-shang.png) center top no-repeat ; right:0; top:30px; width:20px; height:10px;} .pagination{list-style:none;margin:20px auto; text-align:center; display:inline-block; width:100%;} .pagination li{display:inline-block; margin:2px; text-align:center;} .pagination a{color:#999;padding:4px 8px;line-height:18px;display:block;border:solid 1px #ddd;} .pagination a:hover ,.pagination li.thisclass a{ background:#b22; color:#fff;border:solid 1px #b22;} .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:#999; color:#fff; margin:10px; } .main .shangxiaye a:hover{ background:#9F181C;} /******** 9f181c **************/ .main { padding:50px 0;} .lefts { width:250px; background:#fff; overflow:hidden; padding-top:10px; } .acplefts { width:220px;} .lefts .cpfl{width:100%; } .lefts .cpfl .tit{ height:50px; background: #9F181C; padding:0 20px; border-radius:5px 5px 0 0; overflow:hidden; } .lefts .cpfl .tit p{ color:#fff; line-height:50px; font-size:18px;} .lefts .cpfl ul{background:#EEEEEE; padding-bottom:20px} .lefts .cpfl ul li{ padding:0 10px 0 20px; border-top:1px solid #ddd;} .lefts .cpfl ul li a{ display:block; line-height:30px; padding:10px 30px 10px 0;; font-size:16px; background: url(img/you-jiantou-ico.png) right center no-repeat; color:#333; } .lefts .cpfl ul li.on a, .lefts .cpfl ul li:hover a { color:#9f181c; font-weight:bold; } .lefts .cpfl ul li:hover , .lefts .cpfl ul li.on{background:#fff;} .lefts .cpfl ul.cplblist li.on a, .lefts .cpfl ul.cplblist li:hover a { background: url(img/you-jiantou-ico-x.png) right center no-repeat; } .lefts .cpfl ul dl.fl_xlb { background:#f2f5f9; display:none} .lefts .cpfl ul dl.fl_xlb_on { display: block} .lefts .cpfl ul dl.fl_xlb dd a{ display:block; font-size:14px; padding:5px 0; padding-left:30px; line-height:28px; border-top:1px dotted #ddd; } .lefts .cpfl ul dl.fl_xlb dd a:hover{ background:#f8fbff; } .lefts .cpfl ul dl.fl_xlb dd.on a{ background:#f8fbff; color:#9f181c; } .main .rights{ width:900px; background:#fff;overflow:hidden; } .main .rights .tit{ border-bottom:1px solid #ddd; } .main .rights .tit h1{ color:#9f181c ; line-height:36px; font-size:24px; margin:7px 0; } .main .rights .fbt{ line-height:32px; } .main .rights .fbt p{ float:left; color:#555; padding-left:20px; margin-right:50px;} .main .rights .fbt p.sj{ background:url(img/tjsjico.png) left center no-repeat} .main .rights .fbt p.djs{ background:url(img/djsico.png) left center no-repeat} /***********************/ .main .rights .gsxmnr{ margin:20px auto; width:900px; overflow:hidden; line-height:1.9em; text-align:justify; font-size:15px; color:#333;} .main .rights .gsxmnr img{ max-width:900px; height:auto; vertical-align:bottom;} .main .rights .gsxmnr table{ border-collapse:collapse; margin:10px auto; width:100%; } .main .rights .gsxmnr .biaoti{ text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd;} .main .rights .gsxmnr .biaoti h1{ margin:0 auto; font-size:28px; line-height:1.4em; font-weight:normal; color:#333;} .main .rights .gsxmnr .biaoti p{ color:#999; } /************** #9F181C **********/ .main .rights ul.xw-list li{ border-bottom:1px dotted #ddd; height:80px; padding:10px 0; overflow:hidden; position:relative; } .main .rights ul.xw-list li:before{ position:absolute; bottom:0; left:0; width:0; height:1px; content:""; background:#9F181C;} .main .rights ul.xw-list li:hover:before{ width:100%;-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;} .main .rights ul.xw-list li .date{ width:80px; height:80px; background:#eee; text-align:center; font-size:12px } .main .rights ul.xw-list li .date p{ font-size:30px; line-height:1em; padding-top:15px; font-weight:bolder;} .main .rights ul.xw-list li .wen{ width:800px; height:80px; overflow:hidden; } .main .rights ul.xw-list li .wen .bt{ font-size:16px; color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:30px;} .main .rights ul.xw-list li .wen .nr{ font-size:14px; color:#888; line-height:25px; height:50px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .main .rights ul.xw-list li:hover a .date{ color:#9F181C;} /***********************/ .main .changjianwt .xiangxi-120{ margin:30px auto 10px;} .main .changjianwt .cjwt-fl-list .xm{ width:585px; } .main .changjianwt .cjwt-fl-list .xm1 .tu{ height:200px; overflow:hidden; } .main .changjianwt .cjwt-fl-list .xm img{ display:block; width:100%; height:auto;} .main .changjianwt .cjwt-fl-list .xm a{ display:block; padding:0 20px; height:40px; line-height:40px; background:#999; color:#fff; font-size:16px;} .main .changjianwt .cjwt-fl-list .xm1 a{ background:#9F181C;} .main .changjianwt .cjwt-fl-list .xm a i{ display:block; width:40px; height:40px; background:url(img/you-jiantou-ico-b.png) right center no-repeat; float:right;} .main .changjianwt .cjwt-fl-list .xm2{ margin-bottom:30px; } .main .changjianwt .cjwt-fl-list .xm2 a{ padding:10px 20px;} .main .changjianwt .cjwt-fl-list li.xm2:nth-child(1) a{ background:#7BB32E;} .main .changjianwt .cjwt-fl-list li.xm2:nth-child(2) a{ background:#007BB5;} .main .changjianwt .cjwt-fl-list li.xm2:nth-child(3) a{ background:#FF6600;} .main .changjianwt .cjwt-fl-list li.xm2:nth-child(4) a{ background:#7BB32E;} .main .changjianwt .cjwt-fl-list li.xm2:nth-child(5) a{ background:#7BB32E;} .main .changjianwt .cjwt-fl-list .xm a:hover{filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; } .main .changjianwt .fql-xm{ background:#ddd; padding:30px 0 30px 60px;} .main .changjianwt .fql-xm ul li{ width:33.33%; float:left; } .main .changjianwt .fql-xm ul li a{ display:block; line-height:40px; color:#222; background:url(img/faq-xm-dot.png) left center no-repeat; padding-left:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .main .changjianwt .fql-xm ul li a:hover{ color:#9F181C;} .xiangxi-120{ overflow:hidden; text-align:justify; line-height:1.75em; } .xiangxi-120 img{ max-width:100%; height:auto; vertical-align:bottom;} table{ border-collapse:collapse; width:100%; } /****************/ .main .fuwu-xm{ background:#F5F5F5; padding:30px 30px 30px 60px; margin:10px auto;} .main .fuwu-xm ul li{ border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px; } .main .fuwu-xm ul li a.tit{ display:block; line-height:40px; font-size:18px; background:url(img/fw-xm-dot-s.png) left center no-repeat; padding-left:30px; color:#9F181C; font-weight:bold; } .main .fuwu-xm ul dl{ margin-left:30px;} .main .fuwu-xm ul dl dd{width:20%; float:left; } .main .fuwu-xm ul dl dd a{ display:block; line-height:30px; color:#222; background:url(img/faq-xm-dot.png) left center no-repeat; padding-left:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-right:30px; } .main .fuwu-xm ul li a:hover{ color:#9F181C;} /*****************/ .main .fuwu-3 ul li{ width:380px; height:330px; float:left; margin:20px 0 0 30px; overflow:hidden } .main .fuwu-3 ul li:nth-child(3n+1){ margin-left:0;} .main .fuwu-3 ul li .tu{ height:200px; width:100%; overflow:hidden;} .main .fuwu-3 ul li .tu img{ height: auto; width:100%; display:block} .main .fuwu-3 ul li:hover .tu img{filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; } .main .fuwu-3 ul li .bt{ text-align:center; font-size:18px; color:#222; line-height:40px; } .main .fuwu-3 ul li .nr{ text-align:justify; line-height:1.7em; height:5.1em; font-size:14px; color:#555;overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;} /***********************/ /*****************/ .main .gsjj-3 { padding-top:40px;} .main .gsjj-3 ul li{ width:380px; float:left; margin:20px 0 0 30px; overflow:hidden; border-bottom:2px solid #ddd; position:relative; } .main .gsjj-3 ul li:nth-child(3n+1){ margin-left:0;} .main .gsjj-3 ul li:before{ position:absolute; bottom:0; left:0; width:0; height:2px; content:""; background:#9F181C;} .main .gsjj-3 ul li:hover:before{ width:100%;-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;} .main .gsjj-3 ul li .tu{ height:250px; width:100%; overflow:hidden;} .main .gsjj-3 ul li .tu img{ height: auto; width:100%; display:block} .main .gsjj-3 ul li:hover .tu img{filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; } .main .gsjj-3 ul li .bt{ text-align:center; font-size:18px; color:#222; line-height:40px; } /*****************/ .main .cp-mid{ width:680px; overflow:hidden; margin-left:50px; } .main .cp-mid .tit{ height:50px; border-bottom:1px solid #ddd; } .main .cp-mid .tit h1{ color:#9f181c ; line-height:50px; font-size:24px; margin:0; height:50px; } .main .cp-mid .xiangxi-700{overflow:hidden; text-align:justify; line-height:1.75em; margin:10px auto } .main .cp-mid .xiangxi-700 img{ max-width:100%; height:auto; vertical-align:bottom;} .main .cp-mid ul.cplist{ margin:20px auto;} .main .cp-mid ul.cplist li a{ display:block; line-height:40px; color:#333; background:url(img/dot.jpg) left center no-repeat; padding-left:15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px dotted #ddd;} .main .cp-mid ul.cplist li a:hover{ color:#9F181C } /*************/ .main .tuijian{ width:200px; overflow:hidden; } .main .tuijian .tit{ border-bottom:2px solid #9F181C ; margin-bottom:10px; font-size:16px; font-weight:bold; color:#333; line-height:40px;} .main .tuijian ul { margin:10px auto 20px;} .main .tuijian ul li a{ display:block; line-height:24px; border-bottom:1px dotted #ddd; padding:5px 0 5px 15px; background:url(img/i.jpg) left 15px no-repeat; margin-left:5px; }