/* CSS Document */ .header{width:100%; height:100px; min-width:1200px; background:#FFF;} .header .header-l{float:left; width:300px; height:60px; margin-top:20px;} .header .header-r{float:right; width:auto;} .header .header-l a{width:300px; height:60px; background:url(../images/logo.png) no-repeat; display:block;} .header .header-r ul{float:left; width:auto; height:30px; line-height:30px; margin-top:35px;} .header .header-r ul li{float:left; width:auto; height:30px; margin-right:25px;} .header .header-r ul li a{font-size:18px; background:url(../images/ico2.png) no-repeat right center; display:block; padding-right:12px;} .header .header-r ul li a i{float:left; width:20px; height:14px; background:url(../images/ico3.png) no-repeat; position:absolute; margin-top:-10px; margin-left:-20px;} .Main-Middle{position:relative;} .main-banner{width:100%; height:auto; min-width:1200px; text-align:center; background-size:auto 100%; background-repeat:no-repeat; background-position:center center;} .conslide {width: 100%;position: relative;background: #FFF;} .conslide .conbd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;} .conslide .conbd dl{ width:100% !important; } .conslide .conbd dd{ width:100% !important; height:auto; overflow:hidden; text-align:center; } .conslide .conhd{width:1200px; height:auto; position:absolute; z-index:10; left:50%; margin-left:-600px;} .conslide .conhd a{float:left; width:61px; height:61px; background:url(../images/ico16.png) no-repeat; position:absolute;} .conslide .conhd a.next{float:right; background-position:-61px 0; right:0;} .conslide .conhd a.prev{float:right; background-position:0px 0; left:0;} /*.conslide .conhd {width:100%; position:absolute; z-index:1; bottom:75px; left:0; height:30px; line-height:30px; background:url(images/touming.png) repeat-x; text-align:center;_background:#000; _filter:alpha(opacity=60); } .conslide .conhd ul{ text-align:center; padding-top:5px; } .conslide .conhd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:5px; background:red; border-radius:50%; overflow:hidden; line-height:9999px;} .conslide .conhd ul .on{ background:#FFF;}*/ /*专家列表*/ .main-team{width:auto; height:auto; float:left; margin-left:57%; position:relative; z-index:0;} .team{float:left; max-width:612px; max-height:738px;} .TeamMovie {position: relative;z-index: 0;width: auto;top: 30px;} .focus_pic {float:left;text-align: right;overflow: hidden;z-index:1; width:57%; position:absolute; } .focus_pic li {float: left;vertical-align: top;text-align: right;z-index: 0; width:100%;} .focus_pic img {display: inline-block;vertical-align:top;z-index: 0; float:right; max-width:674px; max-height:690px;} :root .focus_nav {-ms-filter: none;} .TeamWrap{float:left; width:300px; overflow:hidden;} .focus_nav{float:right; position:absolute; margin-top:74%; width:350px; right:50%; margin-right:-175px;} .focus_nav ul {position: relative;*zoom:1;padding-top: 10px !important;} .focus_nav li {position: relative;*zoom:1;float: left;display: inline;cursor: pointer; width:100px; text-align:center;} .focus_nav li img{float:left;width:100px; height:100px;} .focus_nav .navPrev,.focus_nav .navNext {float:left; width:25px; height:100px; background:url(../images/ico8.png) no-repeat; overflow:hidden; margin-top:10px;} .focus_nav .navPrev {background-position:0 0;} .focus_nav .navNext {background-position:-25px 0;} .focus_nav .navPrev:hover, .focus_nav .navNext:hover {opacity: 1;filter: Alpha(Opacity=100);border-right-color: #fff} .focus_nav img {border: 2px solid #fff;width: 100%;} .focus_nav b {fcolor: #fff;position:absolute;top: -10px;left: 30px;font-size: 10px;font-family: arial;-webkit-text-size-adjust: none} .focus_text {float:left;position: absolute; left:8%; margin-top:30%;overflow: hidden;} :root .focus_text {-ms-filter: none} .focus_text p{float:left; font-size:16px; width:100%; color:#1a171d; line-height:25px; text-align:left;} .TeamMovie{float:left; width:100%; height:auto; } .TeamMovie .focus_nav li .cover {position: absolute;top: 0;left: 0;width: 100px;height:100px;line-height:999px;overflow: hidden;font-size: 0;background: #040303;filter: alpha(opacity=30);opacity: .3} .TeamMovie .focus_nav li.on .cover {display: none} .TeamMovie .focus_nav li b {display: none} .TeamMovie .focus_nav li.on b {position: absolute;display: inline-block;top: -6px;left:40px;border-left: 6px dashed transparent;border-right: 6px dashed transparent;border-top: 0;border-bottom: 6px solid;color: #fff;font-size: 0;width: 0;height: 0;line-height: 0} .SlideBanner{width:100%; height:auto; overflow:hidden; position:absolute;} .SlideBanner .hd1{height:5px; overflow:hidden; z-index:100; position:absolute; width:100%; text-align:center; margin-top:5px;} .SlideBanner .hd1 ul{ overflow:hidden; zoom:1; text-align:center; width:100%;} .SlideBanner .hd1 ul li{width:60px; text-indent:200px; display:block;cursor:pointer; display:inline-block; *display:inline; zoom:1; margin:0 3px; overflow:hidden; background:#55649f;} .SlideBanner .hd1 ul li.dw-active{ background:#8f058e;} .SlideBanner .bd1{ position:relative; height:100%; width:100%; z-index:0; text-align:center;} .SlideBanner .bd1 li{zoom:1; vertical-align:middle; width:100%; background-size:auto 100%; background-repeat:no-repeat; background-position:center center;} .SlideBanner .bd1 img{ width:100%; display:block;} .SlideBanner .bd1 li a{float:left; width:100%; height:100%;} .Slidhd{width:1200px; height:auto; margin:0 auto; position:relative; bottom:20px; z-index:1;} .SlideImg{position:relative; width:1200px; left:50%; margin-left:-600px; height:auto; top:58%; z-index:0;} .SlideImg-1{float:left;width:49%; height:auto; text-align:right;} .SlideImg-2{float:right;width:49%; height:auto; text-align:left;} .SlideImg img{width:68%; height:auto;} /*案例列表*/ .SlideCase{float:left;width:100%; height:auto; height:64%; margin-top:10%;} .SlideCase .bd2{float:left; width:50%; height:100%; text-align:right;} .SlideCase .bd2 .slide{display:none;} .SlideCase .hd2{float:left; width:50%; height:100%; text-align:left;} /*.SlideCase .hd2 ul{float:left; width:100%; height:auto; overflow:hidden;}*/ /*.SlideCase .hd2 ul li{float:left; margin-bottom:0.3%; overflow:hidden; margin-right:0.5%; position:relative; cursor:pointer;}*/ /*.SlideCase .hd2 ul li img{float:left;height:100%; width:100%; z-index:0;}*/ .clearfix:after{ content: ''; display: block; clear: both; } .SlideCase .hd2 .clearfix{ float: left; width: 150%; position:relative; } .SlideCase .hd2 ul li{ position: relative;cursor:pointer;margin-bottom:0.3%; overflow:hidden; margin-right:0.5%; float: left; } .SlideCase .hd2 ul li img{ height: 100%; z-index:0; } .SlideCase .hd2 ul li span{float:left; width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background:url(../images/ico7.png) no-repeat center 90%; display:none;} .SlideCase .hd2 ul li.on span{display:block; border:2px solid #646ab2;} /*安全体系*/ .SlideFot-l{float:left; width:50%; height:auto; margin-top:2%; position:relative; z-index:1;} .SlideFot-l a{float:left; position:absolute; width:auto; z-index:0; display:block;overflow: hidden; } .SlideFot-l a#fot1{left:2%; top:2%;} .SlideFot-l a#fot2{left:35%; top:20%;} .SlideFot-l a#fot3{left:65%; top:20%;} .SlideFot-l a#fot4{left:8%; top:50%;} .SlideFot-l a#fot5{left:70%; top:55%;} .SlideFot-l a img{float:left; height:100%; width:auto; cursor:pointer; transition: all 0.6s; } .SlideFot-l a.on{ z-index:1;} .SlideFot-l a img:hover{transform: scale(1.2);} .SlideFot-r{float:right; width:50%; height:auto; margin-top:2%; right:0; position:relative; z-index:0;} .SlideFots{ padding-top:22%;} .SlideFots-img{float:left; width:100%; position:relative; right:0;} .SlideFots-b{float:left;text-align:center; position:absolute; left:0; display:none; width:100%;} .SlideFots-b:first-child{display:block;} .SlideFots-b h1{float:left; width:100%; color:#787878; font-size:1.8em;} .SlideFots-b p{color:#787878; font-size:1.1em; width:100%; line-height:150%; padding:3% 5%; text-align:left;} .SlideFots-b img{width:74%;} /*项目*/ .project-nav{width:100%; height:65px; min-width:1200px; border-bottom:1px solid #d6d6d6;} .project-nav-l{float:left;} .project-nav-l h2{float:left;color:#494949; line-height:65px; font-size:22px; width:130px; text-align:center;} .project-nav-l div.animate{float:left; width:150px; height:auto; line-height:65px; text-align:center; position:absolute;color:#646ab2; font-size:22px; margin-left:130px;border-left:1px solid #FFF; border-right:1px solid #FFF;} .project-nav-l div.animate i{float:left; width:17px; height:17px; background:url(../images/ico12.png) no-repeat; position:absolute; right:10px; top:24px;} .project-nav-l div.animate ul{float:left; width:100%; height:auto; display:none; background:#FFF;} .project-nav-l div.animate ul li{float:left; width:100%; line-height:32px; border-bottom:1px solid #d6d6d6;} .project-nav-l div.animate ul li a{color:#484848; font-size:16px;} .project-nav-l div.animate:hover{border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;} .project-nav-l div.animate ul li a:hover{color:#646ab2;} .project-nav-r{float:right; width:820px; height:65px; overflow:hidden;} .project-nav-r ul{float:left; width:715px; height:65px;} .project-nav-r ul li{float:left; width:auto; height:65px; margin-right:20px;} .project-nav-r ul li a{height:65px; line-height:65px; display:block; font-size:16px;} .project-nav-r ul li:hover{ background:url(../images/ico13.png) no-repeat bottom center;} .project-nav-r ul li:hover a{border-bottom:1px solid #646ab2;} .project-list{width:864px; height:auto; margin:45px auto;} .project-list .slide{float:left; width:272px; height:475px; border:1px solid #d5d5d5; margin:18px 8px;} .project-list .slide dl{float:left; width:258px; height:auto; margin:6px;} .project-list .slide dl dt{width:258px; height:auto; border-bottom:1px solid #e2e2e2; text-align:center;} .project-list .slide dl dt img{width:258px; height:190px;} .project-list .slide dl dt h1{font-size:20px; color:#484848; line-height:30px;} .project-list .slide dl dt h1 a{font-size:20px;color:#484848;} .project-list .slide dl dt p{color:#484848; font-size:14px; padding-bottom:8px;} .project-list .slide dd{width:258px; height:auto; margin:6px; line-height:25px;} .project-list .slide dd div{float:left; width:100%; height:auto; line-height:25px;} .project-list .slide dd div .on{color:#a86ffd;} .project-list .slide dd div span{float:left; font-size:16px;} .project-list .slide dd div p{float:left; font-size:16px;} .project-list .slide dd div.slide-money a{font-size:16px;} .project-list .slide dd div.slide-syz{ height:70px; overflow:hidden;} .project-list .slide dd div.slide-yy{width:100%; height:auto;} .project-list .slide dd div.slide-yy i{float:left; width:46%; margin:0 2%; font-size:14px; color:#b2b2b2; margin-top:10px; height:25px; background:url(../images/ico11.png) no-repeat; text-indent:25px;} .project-list .slide dd div.slide-yy i.i1{background-position:0 -251px;} .project-list .slide dd div.slide-yy i.i2{background-position:0 -275px;} .project-list .slide dd div.slide-zx{width:100%; height:auto;} .project-list .slide dd div.slide-zx a{width:122px; height:32px; border:1px solid #959595; text-align:center; line-height:30px; font-size:16px; color:#000; float:left; margin:10px 68px;} /*项目推荐专家*/ .project-team{float:left; width:1060px; height:auto; margin:30px 70px 10px 70px;border-top:1px solid #e4e2e2;} .project-team-t{float:left; width:100%; margin-top:-25px; height:auto; text-align:center;} .project-team-t span{font-size:35px; background:#FFF; padding:0 30px;} .project-team-t p{font-size:12px; text-transform:uppercase;} .project-team-list{float:left; width:900px; height:auto; margin:20px 80px;} .project-team-list .slide{float:left; width:230px; height:495px; border:#e4e2e2 1px solid; margin:15px 35px; padding:10px;} .project-team-list .slide:hover{border:1px solid #646ab2;-webkit-box-shadow:0 0 10px 15px #0CC; -moz-box-shadow:0 0 10px 1px #646ab2; box-shadow:0 0 10px 1px #646ab2; } .project-team-list .slide div{float:left; width:210px; height:auto;} .project-team-list .slide .team-img img{width:210px; height:330px;} .project-team-list .slide .team-name a{font-size:22px; line-height:32px;} .project-team-list .slide .team-zc{font-size:16px; color:#646464; line-height:30px;} .project-team-list .slide .team-xm{color:#646464; font-size:16px; height:45px; line-height:21px;} .project-team-list .slide .team-xm span{float:left; width:50px;} .project-team-list .slide .team-xm p{float:left; width:160px; height:45px; overflow:hidden; color:#646464; font-size:16px;} .project-team-list .slide .team-zx{text-align:center; margin-top:5px;} .project-team-list .slide .team-zx a{float:left; width:75px; height:26px; line-height:24px; background:#646ab2; border-radius:5px; color:#FFF; text-align:center; margin:0 14px;} /*推荐流程*/ .project-more-yylc{float:left; width:1200px; height:312px; margin-left:-70px; margin-top:30px;} .project-more-yylc ul{float:left; width:100%; height:312px;} .project-more-yylc ul li{float:left; width:300px; height:312px; background:url(../images/timg.png) no-repeat center center;} .project-more-yylc ul li i{float:left; width:47px; height:47px; border-radius:50%; margin-left:144px; margin-top:7px; text-align:center; line-height:47px; color:#FFF; font-size:28px;} .project-more-yylc ul li span{float:left; width:280px; height:auto; font-size:24px; text-align:center; line-height:70px; margin-left:10px;} .project-more-yylc ul li img{float:left; width:246px; height:168px; margin-left:26px;} /*常见问题*/ .project-ask{float:left; width:1060px; height:auto; margin:30px 70px 10px 70px;border-top:1px solid #e4e2e2;} .project-ask-list{float:left; width:920px; margin:20px 70px;} .project-ask-list dl{float:left; width:100%; height:auto; margin-top:35px;} .project-ask-list dl dt{float:left; width:100%; height:28px; line-height:28px; background:url(../images/ico14.png) no-repeat;} .project-ask-list dl dt a{font-size:20px; color:#a86ffd; margin-left:45px;} .project-ask-list dl dd{float:left; width:100%; height:auto; font-size:16px; margin:15px 0;} /*项目内容*/ .project-content{float:left;width:960px; height:auto; border:5px solid #e4e2e2; margin:20px 120px; padding:35px;} .project-img{float:left; width:880px; height:auto;} .project-img img{width:880px; height:340px;} .project-t{float:left; width:100%; height:auto; border-bottom:1px solid #d6d6d6; padding:10px; font-size:20px; line-height:28px; text-indent:5px; margin-top:15px;} .project-t i{background:url(../images/ico11.png) no-repeat; float:left; height:28px; width:28px;} .project-t#xmjs i{background-position:0 0;} .project-t#syrq i{background-position:0 -28px;} .project-t#hfsj i{background-position:0 -56px;} .project-t#zysx i{background-position:0 -84px;} .project-t#xgbj i{background-position:0 -112px;} .project-t#xmys i{background-position:0 -140px;} .project-t#clsb i{background-position:0 -168px;} .project-t#hmys i{background-position:0 -196px;} .project-t#zjtd i{background-position:0 -224px;} .project-teams{float:left; width:816px; height:500px; margin-top:35px; margin-left:32px;} .project-teams .bd{float:left; width:816px; height:480px;} .project-teams .bd ul{float:left; width:100%; height:480px; overflow:hidden;} .project-teams .bd ul li{float:left; width:248px; height:480px; margin:0 12px;} .project-teams .bd ul li .teams-t{float:left; width:100%; height:330px; overflow:hidden;} .project-teams .bd ul li .teams-t h1{float:left; width:38px; line-height:25px; height:auto; background:#646ab2; font-size:16px; color:#FFF; padding:15px 11px;} .project-teams .bd ul li .teams-t img{float:left; width:210px; height:330px;} .project-teams .bd ul li .teams-b{float:right; width:210px; height:auto} .project-teams .bd ul li .teams-b span{float:left; width:100%; height:auto; line-height:40px;} .project-teams .bd ul li .teams-b span a{font-size:22px; color:#333;} .project-teams .bd ul li .teams-b .team-zc{float:left; width:100%; height:65px; line-height:21px; font-size:16px; text-align:center; color:#646464; overflow:hidden;} .project-teams .bd ul li .teams-b .team-zx{float:left; text-align:center; margin-top:15px;} .project-teams .bd ul li .teams-b .team-zx a{float:left; width:75px; height:26px; line-height:24px; background:#646ab2; border-radius:5px; color:#FFF; text-align:center; margin:0 14px;} .project-teams .hd{float:left; width:100%; height:10px; margin-top:10px;} .project-teams .hd ul{ width:auto; height:10px; text-align:center; margin:0 auto;} .project-teams .hd ul li{width:10px; height:10px; border-radius:50%; background:#cbcbcb; display:block;cursor:pointer; display:inline-block; *display:inline; zoom:1; margin:0 3px; text-indent:10px; overflow:hidden;} .project-teams .hd ul li.on{ background:#898989;} .project-con{float:left; width:100%; height:auto; margin:15px 0;} .project-con p{float:left; width:100%; height:auto; line-height:23px; font-size:16px;} .project-var{width:48px; height:auto; position:fixed; top:50px; display:none; margin-left:60px;} .project-var ul{float:left; width:48px; height:auto;} .project-var ul li{float:left; width:48px; height:55px; margin-bottom:1px; text-align:center;} .project-var ul li i{float:left; width:28px; height:28px; background:url(../images/ioc15.png) no-repeat center center; margin:5px 10px 0 10px;} .project-var ul li span{font-size:14px; color:#FFF;} .project-var ul li.li1{background:#959595;} .project-var ul li.li2{background:#ff9600;} .project-var ul li.li3{background:#83a7fa;} .project-var ul li.li4{background:#a476fd;} .project-var ul li.li5{background:#4a4d8e;} .project-var ul li.li1 i{background-position:0 0;} .project-var ul li.li2 i{background-position:0 -28px;} .project-var ul li.li3 i{background-position:0 -56px;} .project-var ul li.li4 i{background-position:0 -84px;} .project-var ul li.li5 i{background-position:0 -112px;} /*更多精彩*/ .project-more{float:left; width:1060px; height:auto; margin:30px 70px 10px 70px;border-top:1px solid #e4e2e2;} .project-more-list{float:left; width:1200px; height:188px; margin:20px 0 20px -70px;} .project-more-list ul{float:left; width:100%; height:auto;} .project-more-list ul li{float:left; width:300px; height:188px; text-align:center;} .project-more-list ul li img{width:290px; height:188px;} /*当前路径*/ .main-Route{width:100%; height:auto; padding:40px 0; font-size:16px;} /*通用banner*/ .main-banner1{width:100%; height:300px; min-width:1200px;} .main-banner1 a{float:left; width:100%; height:300px; min-width:1200px;} /*底部导航条*/ .main-var{width:790px; height:45px; border:1px solid #807f7f; border-left:none; border-right:none; float:left; margin:40px 205px 100px 205px; text-align:center; line-height:45px;color:#807f7f;font-size:18px;} .main-var a{color:#807f7f; font-size:18px;} /*专家内容页面*/ .main-banners{float:left; width:100%; height:auto; background:url(../images/team.jpg) no-repeat center top; min-width:1200px; display:block;} .Expert{float:left; width:100%; height:auto; padding-bottom:50px;} .Expert-l{float:left; width:50%; height:auto;} .Expert-l img{float:right; width:100%; height:auto;} .Expert-r{float:right; width:535px; height:auto} .Expert-r h1{float:left; width:100%; font-size:26px; color:#646ab2;} .Expert-name{float:left; width:100%; height:auto; margin-top:70px; font-size:50px; color:#646ab2;} .Expert-name h2{float:left; color:#646ab2;} .Expert-name i{float:left; padding:0 20px;} .Expert-name span{float:left; font-size:30px; margin-top:12px;} .Expert-zc{float:left;width:100%; padding:15px 0 30px 0;} .Expert-zc ul{float:left; width:100%; height:auto;} .Expert-zc ul li{float:left; width:100%; height:28px; line-height:28px; font-size:18px;} .Expert-zc ul li i{color:#646ab2;} .Expert-cz{float:left; width:100%; height:auto; padding:15px 0 30px 0; font-size:18px; line-height:28px;} /*.Expert-cz dl{float:left; width:100%; height:auto;} .Expert-cz dl dt{float:left; width:510px; font-size:18px; line-height:28px; padding-bottom:20px;} .Expert-cz dl dd{float:left; width:212px; height:148px; margin-right:10px;} .Expert-cz dl dd img{float:left;}*/ .Expert-jj{float:left; width:510px; font-size:16px; line-height:23px; padding:10px 0;} .Expert-zx{float:left; width:100%; height:auto; margin-top:30px;} .Expert-zx a{float:left; width:286px; height:50px; font-size:22px; color:#646ab2;box-sizing:border-box; text-align:center; line-height:48px;border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(#7cb2f9,#a96efd);} /*专家列表*/ .team-t{width:100%; height:auto; text-align:center; padding-top:35px;} .team-t span{font-size:25px; color:#000;} .team-t h2{font-size:46px; line-height:70px;} .team-t i{font-size:16px; color:#bdbdbd;} .team-list{float:left; width:970px; height:auto; margin:35px 115px;} .team-list .hd{width:372px; height:56px; line-height:56px; margin:0 auto; text-align:center;} .team-list .hd ul{width:100%; height:auto;} .team-list .hd ul li{float:left; width:186px; height:56px; border:1px solid #d1d1d1; font-size:20px; cursor:pointer;} .team-list .hd ul li.on{border:1px solid #646ab2;} .team-list .bd{float:left; width:970px; height:auto; margin-top:50px;} .team-list .bd .slide{float:left; width:475px; height:240px; margin:20px 5px; border:1px solid #cbcbcb;} .team-list .bd .slide .slide-l{float:left; width:238px; height:238px;} .team-list .bd .slide .slide-l img{width:238px; height:238px;} .team-list .bd .slide .slide-r{float:left; width:212px; height:238px; margin-left:12px;} .team-list .bd .slide .slide-r h1{float:left; width:100%; font-size:20px; margin-top:15px;} .team-list .bd .slide .slide-r h1 a{font-size:20px; color:#000; font-weight:bold;} .team-list .bd .slide .slide-r .team-zc{float:left; width:100%; height:46px; margin-top:5px; overflow:hidden; line-height:23px; font-size:14px; color:#595757;} .team-list .bd .slide .slide-r .team-sc{float:left; width:100%; height:90px; margin-top:5px;} .team-list .bd .slide .slide-r .team-sc span{float:left; width:100%; height:35px; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; line-height:35px; color:#595757; margin-bottom:5px; font-size:16px;} .team-list .bd .slide .slide-r .team-sc p{float:left; width:100%; height:42px; overflow:hidden; line-height:20px; color:#595757;} .team-list .bd .slide .slide-r .team-zx a{ width:88px; height:28px; line-height:24px; background:#646ab2; border-radius:5px; color:#FFF; text-align:center; display:block;} .team-list .bd .team-lx{float:left; width:100%; height:40px; margin-top:10px;} .team-list .bd .team-lx span{float:left; width:290px; height:40px; color:#FFF; background:#646ab2; text-align:center; line-height:40px; font-size:24px; margin-left:5px;} /*内容页面*/ .main-article{width:780px; height:auto; margin:0 auto;} .main-article h2{text-align:center; font-size:38px; color:#000;} .art-info{width:100%; text-align:center; font-size:16px; color:#807f7f; line-height:60px;} .art-info a{color:#646ab2;} .art-info a:first-child{color:#807f7f;} .art-intro{width:660px; height:auto; border:1px dashed #807f7f; margin:10px auto; padding:10px; color:#807f7f;} .art-body{width:780px; height:auto; margin:30px 0;float:left;} .art-body p,.art-body div{ font-size:16px; color:#807f7f; line-height:23px; padding:5px 0; width:100%; float:left;} .art-body img{max-width:780px;} .srt-fenye{float:left; width:100%; height:auto;} .srt-fenye span{width:50%;float:left; padding:20px 0; height:auto; text-align:center} .srt-fenye a{font-size:16px;color:#807f7f;} .art-var{float:left; width:980px; margin:20px 110px;} .art-var-t{float:left; width:100%; height:33px; border-bottom:2px solid #a96ffd;} .art-var-t span{float:left; width:112px; height:33px; line-height:33px; background:url(../images/ico9.png) no-repeat; color:#FFF; font-size:20px; font-weight:bold; text-align:center;} .art-var-l{float:left; width:310px; height:auto;} .art-var-r{float:right; width:590px; height:auto;} .art-var-l ul{float:left; width:100%; height:auto} .art-var-l ul li{float:left; width:100%; height:40px; line-height:40px; border-bottom:1px dashed #e5e5e5;} .art-var-r ul{float:left; width:600px; height:auto; margin-top:20px;} .art-var-r ul li{float:left; width:290px; height:188px; margin-right:10px;} /*内容列表*/ .article_list{float:left; width:980px; height:auto; border:6px solid #e4e2e2; padding:60px; margin:0 110px; display:block;} .article_list dl{float:left; width:100%; height:auto; margin-bottom:35px;} .article_list dl dt{float:left;width:100%; height:38px; line-height:38px;background:url(../images/ico9.png) no-repeat; background-position:0 -33px;} .article_list dl dt span{float:left;width:100px; height:38px; text-align:center; margin-right:15px; color:#FFF; font-size:18px; display:block;} .article_list dl dt a{float:left; width:auto; max-width:730px; color:#646ab2; font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .article_list dl dd{float:left; width:100%; height:auto; padding:18px 0 28px 0; border-top:1px dashed #b9b9b9; margin-top:18px; border-bottom:1px solid #b8b8b8;} .article_list dl dd p{float:left; width:100%; font-size:16px; color:#807f7f; line-height:23px; margin-bottom:15px;} .article_list dl dd div.l{float:left;} .article_list dl dd div.r{float:right;} .article_list dl dd div.l i{float:left; width:auto; height:18px; background:url(../images/ico9.png) no-repeat; text-indent:25px; margin-right:15px;line-height:18px; font-size:14px; color:#c6c6c6;} .article_list dl dd div.l i.i1{background-position:0 -71px;} .article_list dl dd div.l i.i2{background-position:0 -89px;} .article_list dl dd div.r a{float:left; width:102px; height:30px; border:1px solid #646ab2; text-align:center; margin-right:15px; line-height:28px; font-size:16px; color:#646ab2; } .article_list-fy{width:100%; height:30px; line-height:28px; text-align:center; padding:20px 0;float:left;} .article_list-fy a{width:auto; height:30px; font-size:16px; border:1px solid #b8b8b8; padding:5px 10px; color:#b8b8b8; margin-right:5px;} .article_list-fy a.on{background:#646ab2; color:#FFF; border:1px solid #646ab2;} /*通用底部*/ .footer{float:left;width:100%; height:180px; background:url(../images/fot.png) repeat-x; min-width:1200px; display:block; z-index:9999999999;} .fot{float:left; width:1170px; margin-left:15px; height:auto; margin-top:-68px; position:absolute; z-index:999;} .fot-t{float:left; width:1100px; height:53px; background:#646ab2; border-radius:45px 45px 0 0; margin-left:35px; transition-duration:0.35s;transition-timing-function:ease-out; transition-property:opacity transform filter;} .fot-t.on { margin-top:-315px; z-index:9999999999} .fot-t ul{float:left; width:1020px; height:53px; margin-left:60px;} .fot-t ul li{float:left; width:320px; line-height:53px; margin-right:15px;} .fot-t ul li i{float:left;width:31px; height:31px; margin-top:11px; background:url(../images/ico5.png) no-repeat; display:block;} .fot-t ul li i.i1{background-position:0 0;} .fot-t ul li i.i2{background-position:-31px 0;} .fot-t ul li i.i3{background-position:-62px 0;} .fot-t ul li b{float:left;font-size:18px; color:#FFF; padding:0 10px;} .fot-t ul li p{float:left;font-size:14px; color:#FFF;} .fot-t a{float:left; width:38px; height:44px; background:url(../images/ico6.png) no-repeat; position:absolute; margin-top:-44px; margin-left:-110px;} .fot-t a.on{background-position:-38px 0;} .fot-b {float:left; width:1100px; height:53px; margin-left:35px; background:rgba(100,106,176,0.8); transition-duration:0.3s;transition-timing-function:ease-out; transition-property:opacity transform filter;} .fot-b .fot-bs{float:left; width:240px; margin-left:60px; border-bottom:1px solid #FFF; height:110px; margin-top:20px; display:none; margin-right:35px;} .fot-b .fot-bs ul{float:left; width:310px; height:95px; position:relative;} .fot-b .fot-bs ul li{float:left; width:310px; height:16px; line-height:15px; overflow:hidden; border-left:6px solid #FFF; padding-left:10px; margin:8px 0;} .fot-b .fot-bs ul li a{float:left; color:#FFF; float:left;} .fot-b .fot-bs ul li a:hover{text-decoration:underline;} .fot-b .fot-bs a.fot-more{color:#FFF; float:right; position:relative; margin-right:-70px;} .fot-b.on {height:315px; margin-top:-262px;} .fot-b.on .fot-bs{display:block;} .fot-top{float:left; width:1200px; height:90px; border:1px solid #e8e8e8; border-radius:15px; margin-top:-15px; background:#FFF; position:absolute; z-index:9999} .fot-top ul{float:left; width:1140px; height:auto; margin-left:30px; margin-top:15px;} .fot-top ul li{float:left; width:114px; height:auto; text-align:center;} .fot-top ul li i{float:left; width:30px; height:30px; background:url(../images/ico4.png) no-repeat; display:block; margin-left:42px;} .fot-top ul li i.i1{background-position:0px 0;} .fot-top ul li i.i2{background-position:-30px 0;} .fot-top ul li i.i3{background-position:-60px 0;} .fot-top ul li i.i4{background-position:-90px 0;} .fot-top ul li i.i5{background-position:-120px 0;} .fot-top ul li i.i6{background-position:-150px 0;} .fot-top ul li i.i7{background-position:-180px 0;} .fot-top ul li i.i8{background-position:-210px 0;} .fot-top ul li i.i9{background-position:-240px 0;} .fot-top ul li i.i10{background-position:-270px 0;} .fot-top ul li span{float:left; font-size:16px; line-height:25px; width:100%;} .main-fot{float:left; width:1200px height:auto; position:relative; margin-top:90px; width:1200px;} .main-fot-l{float:left; width:900px; margin-top:-10px;} .main-fot-l p{width:100%; height:auto; line-height:20px; display:block; font-size:12px;} .main-fot-l p:first-child{ padding:5px 0;} .main-fot-r{float:right; width:300px; height:60px; margin-top:10px;} .main-fot-r a{width:300px; height:60px; background:url(../images/fot-logo.png) no-repeat right center; display:block;} /*首页新样式*/ .fot-b .fot-b-s{float:left; width:1008px; height:238px; margin:40px 46px 0 46px; display:none;} .fot-b .fot-b-s .fot-b-s-l{float:left; width:210px; height:auto;} .fot-b .fot-b-s .fot-b-s-l ul{float:left; width:210px; height:auto;} .fot-b .fot-b-s .fot-b-s-l ul li{float:left; width:210px; height:42px; line-height:42px; background:#FFF; margin-bottom:8px;} .fot-b .fot-b-s .fot-b-s-l ul li.on{background:#d0d2e8;} .fot-b .fot-b-s .fot-b-s-l ul li a{float:left; width:210px; height:42px; color:#646ab2; font-size:16px;} .fot-b .fot-b-s .fot-b-s-l ul li i{float:left; width:32px; height:32px; background:url(../images/ico17.png) no-repeat left center; margin:5px 8px 5px 34px;} .fot-b .fot-b-s .fot-b-s-l ul li.li1 i{background-position:0 0;} .fot-b .fot-b-s .fot-b-s-l ul li.li2 i{background-position:0 -32px;} .fot-b .fot-b-s .fot-b-s-l ul li.li3 i{background-position:0 -64px;} .fot-b .fot-b-s .fot-b-s-l ul li.li4 i{background-position:0 -96px;} .fot-b .fot-b-s .fot-b-s-l ul li.li5 i{background-position:0 -128px;} .fot-b .fot-b-s .fot-b-s-l ul li span{float:left; width:92px; height:42px;} .fot-b.on .fot-b-s{display:block;} .fot-b .fot-b-s .fot-b-s-r{float:right; width:772px; height:245px; overflow:hidden;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs{float:left; width:772px; height:245px;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-t{float:left; width:100%; height:32px; line-height:25px; border-bottom:1px dashed #FFF;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-t span{float:left; padding-left:10px; font-size:18px; color:#FFF;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-t a{float:right; font-size:14px; color:#FFF;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-b{float:left; width:100%; height:auto;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-b ul{float:left; width:450px; height:auto; margin-top:10px;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-b ul li{float:left; width:450px; height:34px; line-height:34px;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-b ul li a{float:left; font-size:14px; color:#FFF;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-b ul li span{float:right; font-size:14px; color:#FFF;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-b .fot-b-s-tj{float:right; width:297px; height:193px; margin-top:15px;} .fot-b .fot-b-s .fot-b-s-r .fot-b-s-rs .fot-b-s-b .fot-b-s-tj img{float:left; width:297px; height:193px;}