/*样式初始化*/ *{ padding: 0; margin: 0; } body{font-size:12px;font-family:Microsoft YaHei;color:#333;} fieldset,img { border: 0; } ol,ul,li{ list-style: none; } q:before,q:after { content:""; } abbr,acronym { border: 0; } a{font-size: 12px;} a:link{color: #333333;text-decoration: none;} a:visited{text-decoration: none;color: #333333;} a:hover{text-decoration: none;color: #4E667B;} a:active{text-decoration: none;} .mt10{margin-top:10px;} .mb10{margin-bottom:10px;} .cleardiv{clear:both;} .clear:before{content: ".";display: block;height: 0;visibility: hidden;} .clearfix:before,.clearfix:after,{display:table;content:" "} .clearfix:after{clear:both} .fl{float:left;} .fr{float:right} .red{color:red;font-size:16px;font-weight:bold;} .wrap{width:1200px;margin-left:auto;margin-right:auto;} #nobr img{display:block;margin:0;padding:0;border:none;clear:both;vertical-align:top;} /*******************************************网站头部************************************/ .header{width:100%;height:120px;margin:auto;z-index:1;position:relative;} .header h1{width:1400px;height:120px;display:block;margin:auto;position:relative;} .topper{width:100%;max-width:1920px;height:12px;line-height:12px;border-bottom:1px solid #eee;} /* .header{width:100%;max-width:1920px;height:120px;margin:auto;z-index:800;position:relative;} .header .logo{position:relative;width:348px;height:120px;float:left;} .header .logo span{position:absolute;left:80px;top:84px;font-size:16px;font-family:"STKaiti";font-weight:600;} .header .logo span:hover{text-decoration:underline;} .header .t-other{width:85px;height:85px;float:right;margin-right:206px;margin-top:15px;border:1px solid #ddd;} */ /* .nav { width:100%;max-width:1920px;height:50px;margin:auto;position:relative; background-color:#107637; background-image:-moz-linear-gradient(top , #31962d , #107637); background-image:-webkit-linear-gradient(top , #31962d , #107637); background-image:-o-linear-gradient(top , #31962d , #107637); background-image:-ms-linear-gradient(top , #31962d , #107637); background-image:linear-gradient(top , #31962d , #107637); } .nav a:before,.nav a:after{content:'';position:absolute;top:0;right:-1px;z-index:9;height:100%;width:0px;border-right:1px solid #2a9a52;border-left:1px solid #085318;} .nav a:before{left:-1px;} .nav .lv2{position:absolute;top:50px;left:0;text-align:center;display:none;} .nav .lv2 a{display:block;width:120px;height:50px;line-height:50px;color:#fff;font-size:14px;border-top:1px solid #f80;border-bottom:1px solid #f80;background:orange;} .nav .lv2 a:hover{background:#f60;text-decoration:none;} .mli{float:left;width:10%;height:50px;position:relative;z-index:5;} a.mlink{display:block;width:100%;height:50px;line-height:50px;color:#fff;text-align:center;text-decoration:none;font-size:16px;} a.mlink.curr{background:orange;color:#fff;} a.mlink:hover{background-color:orange;height:50px;line-height:50px;margin:0px auto;font-size:16px;color:#fff;display:block;text-decoration:none;outline:none;} */ /*nav*/ .fixednav { position: fixed !important; top: 0px; left: 0px; width: 100%; z-index: 9999; } .nav { width:100%;height:50px;margin:auto;position:relative;z-index:9901;background-color:#035892; background-image:-moz-linear-gradient(top , #197ec4 , #035892); background-image:-webkit-linear-gradient(top , #197ec4 , #035892); background-image:-o-linear-gradient(top , #197ec4 , #035892); background-image:-ms-linear-gradient(top , #197ec4 , #035892); background-image:linear-gradient(top , #197ec4 , #035892); } .nav a:before,.nav a:after{content:'';position:absolute;top:0;right:-1px;z-index:9909;height:100%;width:0px;border-right: 1px solid #197ec4;border-left: 1px solid #0a65a5;} .nav a:before{left:-1px;} .nav .lv2{position:absolute;top:50px;left:0;display: none;} .nav .lv2 a{ display:block;height:40px;width:109px;border-top:0px solid #fff;border-bottom:0px solid #fff;background:#197ec4;color:#fff; line-height:40px;text-align:center;text-decoration:none;filter:alpha(opacity=80);opacity:0.8;font-size:14px; } .nav .lv2 a:hover{background-color:#035892;text-decoration: none } .mli{float:left;height:50px;position:relative;z-index:9905;} .mli:first-child{background:none;} a.mlink{display:block;width:109px;height:50px;line-height:50px;color:#fff;text-align:center;text-decoration:none;font-size:16px;} a.mlink.curr{background:#197ec4;color:#fff;} /*banner*/ .banner {position:absolute;top:0;width:100%;height:710px;overflow:hidden;margin:auto;z-index:0;} .banner ul{width:100% !important;} .banner li{height:710px;} .banner li a{display:block;width:335px} .banner .bd li a{width:100%;height:710px;display:block;font-size:30px;} .banner .bd li i{font-style:normal;position:absolute;margin-top:410px;left:3%;color:#fff;} .banner .hd{width:100%;text-align:center;height:24px;position:absolute;bottom:40px;z-index:20;} .banner span{display:inline-block;width:24px;height:24px;margin:0 3px;background:url(../images/banner_control.png) no-repeat left center;line-height:100;overflow:hidden;font-size:0;} .banner span.on{background-position:right center;} /**/ .linktab{width:1100px;margin:24px auto 0;border-bottom:1px solid #e6e6e6;} .linktab td{height:36px;line-height:36px;font-size:16px;font-weight:500;text-align:center;} .linktab .choose{cursor:hand;color:#fff;background:#197ec4;} .linktab .unchoose{cursor:hand;color:#000;} .linkcontent{clear:both;padding:15px 0px;color:#333;width:1100px;margin:auto;} .linkcontent a{line-height:200%;color:#333333;} .linkcontent img{border:1px solid #f9f9f9;width:161px;height:76px;} #copyright{width:100%;background:#d4d4d4;clear:both;} #copyright .spdftnav{width:100%;height:42px;line-height:42px;margin:0 auto;background:#197ec4;text-align:center;} #copyright .spdftnav a{font-size:16px;color:#fff;padding:0px 10px;} #copyright .spdftnav a:hover{color:#F94141;} #copyright .spdcopy{width:1100px;margin:0 auto;padding:24px 0 12px;font-size:14px;line-height:200%;overflow:hidden;text-transform:uppercase;text-align:center;color:#000;} #copyright .spdadd{width:1100px;margin:0 auto;padding-bottom:24px;} #copyright .spdadd ul{list-style:none;width:800px;margin:auto;} #copyright .spdadd li{list-style:none;position:relative;float:left;width:49.99%;height:30px;font-size:14px;} #copyright .spdadd li span{color:#197ec4;} /*search page*/ #search{clear:both;margin:auto;} #search .soso{clear:both;height:110px;padding:10px;border-bottom:1px dashed #999;position:relative;} #search .soso:hover{background:#fff;} #search .soso .sspic{width:120px;height:96px;position:absolute;left:6px;top:15px;} #search .soso .sspic img{width:100%;height:100%;border-radius:10px;} #search .soso .ssw0{width:85%;float:right;} #search .soso .ssw1{width:100%;} #search .soso .sscot{height:110px;overflow:hidden;position:relative;} #search .soso .sscot .title{font-size:16px;font-weight:bold;padding-bottom:6px;display:block;cursor:pointer;} #search .soso .sscot .title:after{display:block;content:'';border:5px solid #fff;border-color:transparent transparent transparent #ff0000;position:absolute;right:1px;top:12px;} #search .soso .sscot .title a{font-size:14px;color:#1766b7;} #search .soso .sscot .intro{font-size:12px;height:60px;overflow:hidden;line-height:24px;text-align:left;text-indent:2em;color:#666;position:absolute;bottom:24px;right:0;} #search .soso .sscot .other{height:20px;clear:both;text-align:right;color:#999;position:absolute;bottom:0;right:0;} #search .soso .sscot .other span{color:#09C;margin-left:20px;} #main-content{ position: relative;width: 960px;margin:auto;} .module {*zoom: 1;padding: 0;width: 960px;position: relative;margin:auto;} .mod-inner{margin: 0 auto;width: 960px;margin:auto;} .module:before,.module:after,.mod-inner:before,.mod-inner:after,.mod-content:before,.mod-content:after {display: table;line-height: 0;content: "";} .module:after,.mod-inner:after,.mod-content:after {clear: both;} #search-pg {height: 160px;} #search-pg .form-holder {border-bottom: 1px solid #fff;float: left;margin: 30px 0 50px;width: 960px;} #search-pg form {border-bottom: 1px solid #d0d0d0;float: left;margin: 0;padding: 0 0 50px;width:960px;} #search-pg .field-set {float: left;margin: 0 10px 0 200px;} #search-pg .field-set label { color: #b2baba;font-size: 14px;clear: both; float: left;padding: 10px 10px 10px 0;text-transform: uppercase; font-family: "helveticaneuelt_std_med_cnRg", "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #search-pg input.shuruk { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;padding:8px 10px 8px;margin:0 10px;font-size:14px;float:left;border:4px solid #d8d6d4;outline:0;width:350px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-pie-lazy-init:false; } #search-pg input.shuruk:focus { border: 4px solid #b2b1b1;} #search-pg .btn {margin: 2px;width:60px;height:38px;background:url(../images/sumbit0.jpg) no-repeat center;border:0;} /******************************************index 首页*******************************************/ .tk2em{text-indent:2em;} .w340{width:340px;} .mz60{margin-left:60px;} .mz40{margin-left:40px;} .mz10{margin-left:10px;} .p15{padding:15px;} .f-white{color:#fff;} .f-black{color:#000;} .f-gray{color:#999;} .f-orange{color:#ec6941;} .f-yellow{color:#ecae41;} .f-green{color:#017a2a;} .bgwhite{background:#fff;} .bgorange1{background:#15ab47 url(../images/jhmovesoft.png) 0 0;} .bgf9{background:#f9f9f9;} .bgf6{background:#f6f6f6;} .gd{height:210px;overflow:hidden;} .bgimg{width:100%;margin:auto;text-align:center;clear:both;} .bgimg a{width:100%;height:100%;display:block;} .bgimg .b-wrap{width:1100px;margin:auto;position:relative;} .bgimg .b-wrap a.kf53{position:absolute;width:134px;height:36px;margin-left:120px;margin-top:164px;display:block;} .web-kong{width:100%;height:540px;margin:auto;clear:both;} .videobg{position: relative;top: 40px; left: 175px;margin:0px auto; background:#000;width:280px;height:220px;} .mhd{width:100%;height:36px;margin-top:10px;border-bottom:1px solid #666;} .mhd .mtit{ width:120px;height:36px;line-height:36px;float:left;background:url(../images/dian3.gif) no-repeat left 13px;text-indent:20px;font-size:16px; font-weight:bold;color:#197ec4;border-bottom:1px solid #197ec4; } .mhd .more{width:70px;height:24px;line-height:24px;margin-top:4px;text-align:center;float:right;border:1px solid #ddd;text-transform:uppercase;} .mhd .more:hover a{color:#197ec4;} .mhd .more:hover{border:1px solid #197ec4;} ul.m-news-date{list-style:none;clear:both;width:100%;} ul.m-news-date li{list-style:none;height:35px;line-height:35px;background:url(../images/dian.jpg) no-repeat left center;padding-left:8px;} ul.m-news-date li a{position:relative;overflow:hidden;font-size:14px;} ul.m-news-date li ins{position:relative;float:right;text-decoration:none;font-style:normal;color:#999;text-align:right;} ul.m-news-date li:hover a{color:#cf0f0f;} /*border-radius*/ .r5px{-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} /*jh-main jh-title jh-more*/ .jh-main{width:100%;height:auto;margin:auto;position:relative;} .jh-case{background:url(../images/jh-service-bg.png) 0 0;padding:3em 0;} .jh-title{width:100%;height:120px;margin:auto;position:relative;text-align:center;background:url(../images/b-line.jpg) repeat-x center 90px;} .jh-title font{font-family:Impact;display:block;clear:both;width:100%;height:36px;line-height:36px;font-size:24px;color:#999;text-transform:uppercase;} .jh-title span{font:500 28px Microsoft YaHei;display:inline-block;width:100%;} .jh-title span i{display:inline-block;width:58px;height:68px;position:relative;top:20px;} .jh-title span i.left{/*background:url(../images/more-left.png) no-repeat center;*/padding:0 1em;} .jh-title span i.right{/*background:url(../images/more-right.png) no-repeat center;*/padding:0 1em;} .jh-title span em{font-style:normal;line-height:68px;font-size:42px;font-weight:600;} .jh-title span em ins{color:#197ec4;text-decoration:none;} .jh-title a.t-more{display:inline-block;float:right;text-align:center;width:80px;height:30px;line-height:30px;margin-top:6px;border:1px solid #ddd;background:#fff;} .jh-title a.t-more:hover{border:1px solid #f60;color:#f60;} .jh-more{width:183px;height:44px;display:block;margin:auto;background:url(../images/more-project-blue.png) no-repeat center;} .jh-more:hover{background:url(../images/more-project.png) no-repeat center;} /*web-head*/ .web-head{width:100%;margin:auto;height:auto;text-align:center;padding:42px 0;} .web-head i{font-style:normal;font-size:42px;} .web-head p{font-size:20px;padding-top:0.8em;} .web-head em{font-style:normal;font-size:16px;padding-top:0.8em;display:inline-block;width:100%;clear:both;} .web-head .kongline,.web-head .kongline1{width:100%;height:1px;margin:42px auto 0;position:relative;} .web-head .kongline{background:url(../images/kong-line.jpg) no-repeat center;} .web-head .kongline1{background:url(../images/kong-line-1.jpg) no-repeat center;} .web-head a.zxmust{width:313px;height:46px;display:block;margin:auto;background:url(../images/zx-must.png) no-repeat center;} .web-head a.zxmust:hover{background:url(../images/zx-must-hover.png) no-repeat center;} .web-arrow-down{width:100%;height:40px;margin:auto;background:url(../images/arrow-down.png) no-repeat center top;} /*web-source*/ .web-source{width:100%;height:auto;margin:30px auto;} .web-source .ws-title{width:781px;height:74px;margin:auto;background:url(../images/web-source-tbg.jpg) no-repeat center top;text-align:center;line-height:50px;color:white;font-size:36px;} .web-source .ws-cont{text-align:center;line-height:240%;} .web-source .ws-cont a{font-size:30px;font-weight:bold;display:block;clear:both;padding:10px 0;} .web-source .ws-cont a font{color:#197ec4;} .web-source .ws-cont a span{font-size:18px;} .web-source .ws-cont a span i{color:red;padding-left:5px;} .web-source .ws-cont a:hover span i{color:orange;} .web-source .ws-cont ul{list-style:none;} .web-source .ws-cont li{position:relative;float:left;width:200px;height:370px;margin-right:25px;background:url(../images/ws-pbg.png) no-repeat left top;border-bottom:1px solid #48b1e5;} .web-source .ws-cont li.nomr{margin-right:0;} .web-source .ws-cont li h3{display:block;width:100%;height:112px;text-align:center;line-height:90px;font-size:20px;color:#fff;} .web-source .ws-cont li img{width:170px;display:block;margin:15px auto;} .web-source .ws-cont li p{width:90%;margin:auto;line-height:200%;font-size:16px;text-align:left;} .web-source .ws-cont li:hover{background:url(../images/ws-pbg.png) no-repeat right top;border-bottom:1px solid #ec6941;} /*web-fuwu*/ .web-fuwu{width:100%;height:auto;margin:2em auto;position:relative;} .web-fuwu .fuwu-box,.web-fuwu .fuwu-main{width:1100px;height:450px;margin:2em auto 0;position:relative;} .web-fuwu .fuwu-box ul{display:block;width:100%;} .web-fuwu .fuwu-box ul li{width:536px;height:210px;background:#197ec4;margin-bottom:24px;} .web-fuwu .fuwu-box ul li dl{position:relative;top:18px;left:18px;width:500px;list-style:none;} .web-fuwu .fuwu-box ul li dl dt{width:240px;height:174px;float:left;position:relative;} .web-fuwu .fuwu-box ul li dl dt img{width:240px;height:174px;} .web-fuwu .fuwu-box ul li dl dd{width:240px;height:174px;float:right;position:relative;color:#fff;} .web-fuwu .fuwu-box ul li dl dd h3{display:block;width:100%;height:42px;font-size:18px;} .web-fuwu .fuwu-box ul li dl dd p{line-height:200%;text-indent:2em;font-size:16px;} .web-fuwu .fuwu-box ul li dl dd a{ width:146px;height:34px;line-height:34px;text-indent:4em;color:#fff;font-size:14px;display:block;position:absolute;right:0px;bottom:0; background:url(../images/zx-white.png) no-repeat center; } .web-fuwu .fuwu-box ul li:hover{background:#0D9907;}/*#f60*/ .web-fuwu .fuwu-box ul li:hover dl dd{color:#fff;} .web-fuwu .fuwu-main{height:386px;} .web-fuwu .fuwu-main .fuwu-tab{width:1100px;margin:auto;height:68px;} .web-fuwu .fuwu-main .fuwu-tab i{width:10px;height:54px;display:block;background:#197ec4;} .web-fuwu .fuwu-main .fuwu-tab i.f-l{float:left;border-top-left-radius:10px;} .web-fuwu .fuwu-main .fuwu-tab i.f-r{float:right;border-top-right-radius:10px;} /* tabbtn */ .tabbtn{width:1080px;float:left;height:68px;display:block;list-style:none;} .tabbtn li{float:left;position:relative;width:360px;} .tabbtn li a{width:360px;height:54px;line-height:52px;display:block;background:#197ec4;color:#fff;overflow:hidden;text-align:center;font-size:30px;font-weight:500;cursor:pointer;} .tabbtn li.current {} .tabbtn li.current a{width:360px;height:68px;line-height:52px;color:#fff;font-size:30px;font-weight:500;background:url(../images/c-hover.jpg) no-repeat center top;} /* tabcon */ .tabcon {position:relative;/*必要元素*/height:370px;overflow:hidden;margin-top:15px;} .tabcon .sublist{height:370px;} /*web-case*/ .web-case{width:100%;height:auto;margin:auto;padding:4em 0;position:relative;} .web-case .case-box{width:1100px;height:500px;padding:3em 0;overflow:hidden;margin:auto;font-family:"Microsoft YaHei";} .web-case .case-box .yb_l{width:240px;text-align:center;float:left;} .web-case .case-box .yb_l ul li{height:142px;margin-bottom:1px;background:#197ec4;font-size:24px;font-weight:bold;padding-top:22px;} .web-case .case-box .yb_l ul li.cur{background:#0D9907;}/*f60*/ .web-case .case-box .yb_l ul li i{ display:block; padding-bottom:15px;} .web-case .case-box .yb_l ul li a{ color:#fff;font-size:24px; font-weight:bold;} .web-case .case-box .yb_l ul li a:hover{text-decoration:none;} .web-case .case-box .yb_r{width:860px;height:494px;float:left;position:relative;background:#0D9907;} /*5cb6f5*/ .web-case .case-box .yb_r .neir{position:absolute;left:76px;top:25px;width:800px;height:469px;font-size:14px;color:#fff;} .web-case .case-box .yb_r .neir a{width:340px;height:210px;display:block;float:left;margin-right:36px;margin-bottom:21px;text-align:center;position:relative;} .web-case .case-box .yb_r .neir a img{width:340px;height:210px;display:block;margin:auto;} .web-case .case-box .yb_r .neir a span{display:block;width:340px;height:30px;line-height:30px;overflow:hidden;background:#15ab47;color:#fff;font-size:14px;position:absolute;bottom:0;} .web-case .case-box .yb_r .neir a.nomr{margin-right:0;} /*jh-service*/ .jh-service{width:100%;height:450px;margin:auto;padding:2em 0;} .jh-service .service-box{width:1100px;height:auto;margin:auto;} .jh-service .service-box ul{display:block;width:100%;margin:auto;} .jh-service .service-box ul li{width:243px;height:315px;margin-right:17px;overflow:hidden;position:relative;background:url(../images/youshi-bg.png) no-repeat center top;} .jh-service .service-box ul li.nomr{margin-right:0;} .jh-service .service-box ul li div{width:220px;height:170px;margin:10px auto;overflow:hidden;position:relative;} .jh-service .service-box ul li div img{width:100%;height:170px;overflow:hidden;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .jh-service .service-box ul li div:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .jh-service .service-box ul li h3{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:20px;} .jh-service .service-box ul li p{display:block;width:80%;margin:auto;line-height:180%;padding:0;color:#666;} .jh-service .vs-box{width:1100px;height:420px;margin:3em auto 1em;background:url(../images/vs-bg.jpg) no-repeat center top;font-family:'Microsoft YaHei';color:#010101;} .jh-service .vs-box .vsmain{width:460px;height:370px;font-size:15px;} .jh-service .vs-box .vsmain div{height:40px;line-height:20px;padding:17px 0;border-bottom:1px dashed #A2A2A2;} .jh-service .vs-box .vleft div strong{padding-right:10px;float:left;font-size:20px;width:75px;display:block;background:url(../images/vs-left-title.jpg) no-repeat left top;text-align:center;height:40px;} .jh-service .vs-box .vleft h3,.jh-service .vs-box .vright h3{text-align:center;font-size:22px;font-weight:bold;height:40px;line-height:40px;margin-bottom:20px;} .jh-service .vs-box .vleft h3{background:#197ec4;color:#fff;} .jh-service .vs-box .vright h3{background:#E1E1E1;color:#A1A1A1;} .jh-service .vs-box .vright{color:#7B7B7B;} .jh-service .vs-box .vright div{background:url(../images/dian.jpg) no-repeat 15px 25px;padding-left:40px;} /*web-advantage*/ /* .web-advantage{width:100%;margin:1em auto;} .web-advantage .ys-title-bg{width:100%;height:187px;margin:auto;background:url(../images/ys-title-bg.jpg) no-repeat center top;} .web-advantage .ys-box{width:1100px;height:830px;position:relative;margin-top:45px;margin-left:auto;margin-right:auto;} .web-advantage .ys-box .one {position:absolute;top:0px;left:5px;font-family:"Microsoft YaHei";z-index:1000} .web-advantage .ys-box .one h3 {margin-bottom:10px;font-size:25px;color:#010101;} .web-advantage .ys-box .one h3 span{display:block; width:54px; height:46px;margin-top:3px; background: url("../images/tb.jpg") no-repeat left top; text-align:center; line-height:46px; color:#fff; font-size:36px; float: left; font-weight:bold;} .web-advantage .ys-box .one p {padding:0 0 0 50px;font-size:14px;line-height:24px;color:#000;} .web-advantage .ys-box .two {position:absolute;top:116px;left:5px;} .web-advantage .ys-box .five {position:absolute;top:255px;left:5px;} .web-advantage .ys-box .three {position:absolute;top:500px;left:519px;} .web-advantage .ys-box .four {position:absolute;top:653px;left:519px;} .web-advantage .ys-box .ys-pic {position:absolute;top:0px;right:0;} .web-advantage .ys-box .ys-zz {position:absolute;top:380px;left:0;} */ /*web-prove*/ .web-prove{width:100%;height:auto;margin:2em auto;padding:5em 0;} .web-prove .prove{background:#fff;padding:15px;height:530px;overflow:hidden;} .web-prove .prove .phd{width:100%;height:30px;clear:both;border-bottom:1px solid #ddd;padding-bottom:15px;} .web-prove .prove .phd span{font-size:16px;height:26px;line-height:26px;position:relative;float:left;} .web-prove .prove .phd span.tit{font-size:24px;color:#197ec4;} .web-prove .prove .phd span.aline{background:url(../images/arrow-line.png) no-repeat center;padding:0px 5px;} .web-prove .prove .phd a{border:1px solid #ddd;float:right;padding:5px 10px;text-transform:uppercase;font-size:15px;} .web-prove .prove .phd a:hover{border:1px solid #197ec4;color:#197ec4;} .web-prove .pleft{width:660px;float:left;} .web-prove .pright{width:360px;float:right;} .web-prove .pleft dl{display:block;list-style:none;height:148px;overflow:hidden;margin-top:12px;} .web-prove .pleft dl dt{width:200px;height:140px;border:1px solid #ddd;padding:3px;float:left;overflow:hidden;} .web-prove .pleft dl dt img{width:200px;height:140px;overflow:hidden;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .web-prove .pleft dl dt img:hover{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .web-prove .pleft dl dd{width:430px;height:148px;float:right;} .web-prove .pleft dl dd h3{display:inline-block;width:100%;height:24px;} .web-prove .pleft dl dd h3 a{font-size:18px;font-weight:normal;} .web-prove .pleft dl dd p{line-height:200%;text-indent:2em;padding-top:12px;overflow:hidden;color:#999;} /*web-about*/ .web-about{width:1100px;height:auto;margin:auto;} .web-about .aboutus{clear:both;line-height:200%;font-size:14px;padding-top:40px;} .web-about .aboutus img{background:#f9f9f9;padding:5px;border:1px solid #dfdfdf;} .web-about .aboutus .us-left{width:560px;height:412px;float:left;} .aboutu { width:560px; height:240px; overflow: hidden; text-align:left; } .web-about .aboutus .us-right{width:530px;height:412px;float:right;position:relative;} .web-about .aboutus .us-right img.company{position:absolute;bottom:0;} .web-about .aboutus .us-right img.c-z{left:0;} .web-about .aboutus .us-right img.c-y{right:0;} /*jh-news*/ .jh-news{width:100%;height:auto;margin:auto;position:relative;background:#fafafa;padding:2em 0;border-top:1px solid #eee;} .jh-news .news-box{width:1100px;height:340px;margin:auto;} dl.question{list-style:none;clear:both;border-bottom:1px dashed #efefef;padding-bottom:10px;display:block;zoom:1;} dl.question dt,dl.question dd{list-style:none;display:block;width:100%;} dl.question dt{line-height:30px;display:block;overflow:hidden;} dl.question dt a{font-weight:bold;font-size:14px;} dl.question dt i,dl.question dd i{display:inline-block;color:red;font-style:normal;font-weight:bold;font-size:14px;width:32px;float:left;} dl.question dd{color:#666;} dl.question dd ins{float:left;display:inline-block;width:300px;line-height:200%;font-size:14px;text-decoration:none;position:relative;top:-4px;} /*showpic*/ .showpic1{width:220px;float:left;display:inline;border:1px solid #efefef;padding:2px;margin-right:8px;} .showpic1 img{width:220px;height:150px;margin:auto;display:block;} .showpic1 span{width:220px;height:36px;line-height:36px;color:#000;font-size:14px;display:block;margin:auto;text-align:center;overflow:hidden;background:#efefef;} .showpic1:hover{border:1px solid #197ec4;} .showpic1:hover span{background:#197ec4;color:#fff;} /********************************以下是整站CMS部分**********************************/ .MainDivTable{width:1200px;height:auto;margin:15px auto;zoom:1;} .MainDivTable .Main{width:960px;float:right;} .MainDivTable .Side{width:240px;text-align:left;float:left;background:#0598c2 url(../images/side-bg.png) no-repeat center top;background-size:100%;} .MainDivTable .Side .dragTable{float:left;clear:both;} .MainDivTable .dragTable{width:100%;margin-top:0px;overflow:hide;} .MainDivTable .dragTable .head{height:48px;line-height:48px;} .MainDivTable .dragTable .head .L{width:40px;height:48px;float:left;display:none;} .MainDivTable .dragTable .head .R{width:0px;height:48px;float:left;display:none;} .MainDivTable .dragTable .head .TAG{float:left;height:48px;color:#fff;font-size:16px;font-weight:500;display:none;} .MainDivTable .dragTable .head .TAG a{font-size:16px;} .MainDivTable .dragTable .more{float:left;color:#666;font-size:14px;padding-left:20px;} .MainDivTable .dragTable .more a{color:#666;font-size:14px;} .MainDivTable .dragTable .middle{line-height:24px;clear:both;position:relative;text-align:left;} #column-bg-pic{width:100%;margin:auto;overflow:hidden;clear:both;} #column-bg-intro{width:100%;margin:auto;overflow:hidden;clear:both;padding:12px 0;} .MainDivTable #view_article{} .MainDivTable #view_article .head{} .MainDivTable #view_article .middle{height:auto;zoom:1;margin-top:24px;padding:0 10px;} .MainDivTable #view_article .main_title{margin-bottom:15px;font-size:20px;line-height:180%;color:#000;font-weight:500;text-align:center;} .MainDivTable #view_article .fit_title{line-height:40px;font-size:15px;color:#000;} .MainDivTable #view_article .top_about{color:#999;padding-bottom:20px;border-bottom:1px dashed #ddd;margin:auto;margin-bottom:15px;text-align:center;font-size:12px;} .MainDivTable #view_article .top_about a{color:#999;} .MainDivTable #view_article .abstract{width:96%;margin:0px auto 12px;padding:5px;color:#888;line-height:180%;border:1px solid #eee;display:none;} .MainDivTable #view_article .content{width:100%;margin:auto;} .MainDivTable #view_article .content td{padding:5px; vertical-align:middle;} .MainDivTable .content_word,.MainDivTable .content_word td,.MainDivTable .content_word p,.MainDivTable .content_word div,.MainDivTable .content_word span,.MainDivTable .content_word a{ font-size:15px; line-height:200%; color:#555; word-wrap:break-word; } .MainDivTable #view_article .nextpage{border-top:1px dashed #ddd;width:100%;margin:20px auto 0;padding:20px 0;font-size:14px;} .MainDivTable #view_article .nextpage a{font-size:14px; cursor:pointer;} .MainDivTable #view_article .nextpage a:hover{color:#f60;} .MainDivTable .keywords{text-align:right;color:#666;} .MainDivTable .keywords a{color:#666;} /****列表页****/ .MainDivTable #list_article{} .MainDivTable #list_article .head{} .MainDivTable #list_article .middle{height:auto;zoom:1;clear:both;padding-left:20px;} /*把相关相目的TAG隐藏掉*/ .MainDivTable #sonSortName{position:relative;padding-bottom:50px;border-top-left-radius:5px;border-top-right-radius:5px;} .MainDivTable #sonSortName .head{ border-radius:5px; background-image:-moz-linear-gradient(top , #197ec4 , #0598c2); background-image:-webkit-linear-gradient(top , #197ec4 , #0598c2); background-image:-o-linear-gradient(top , #197ec4 , #0598c2); background-image:-ms-linear-gradient(top , #197ec4 , #0598c2); background-image:linear-gradient(top , #197ec4 , #0598c2); } .MainDivTable #sonSortName .head span{padding-left:40px;font-size:16px;color:#fff;background:url(../images/lefttitle.png) no-repeat 15px center;} .MainDivTable #sonSortName .middle{padding-top:24px;} .MainDivTable #sonSortName .middle .sidenav{width:80%;height:40px;line-height:40px;margin:0 auto;border-bottom:1px solid #127f5d;background:url(../images/dian-green.jpg) no-repeat 10px center;} .MainDivTable #sonSortName .middle .sidenav a{display:block;padding-left:24px;font-size:16px;color:#fff;} .MainDivTable #sonSortName .middle .sidenav:hover{} .MainDivTable #sonSortName .middle .sidenav a:hover{text-decoration:none;color:#FFD65B;} .MainDivTable #sonSortName .middle .side-2wm{width:240px;margin:auto;} .MainDivTable #sonSortName .middle .side-2wm img{width:240px;height:240px;display:block;} .MainDivTable #sonSortName .middle .side-2wm i{display:block;font-style:normal;text-align:center;height:24px;line-height:24px;font-size:14px;} /*list page ,bancedy page css*/ .spdcms{width:100%;margin:0px auto;position:relative;} .spdcms .spdnav{width:1100px;margin:1em auto 0;height:auto !important;text-align:center;background:#fff;padding:0.5em 0 1em;} .spdcms .spdnav h3{float:left;} .spdcms .spdnav a{ float:left;text-decoration:none;color:#000;font-size:14px;margin-top:6px;border-radius:18px;padding:5px 15px 7px;margin-left:5px;color:#fff; background-image:-moz-linear-gradient(top , #f46a0f , #dc5f0d); background-image:-webkit-linear-gradient(top , #f46a0f , #dc5f0d); background-image:-o-linear-gradient(top , #f46a0f , #dc5f0d); background-image:-ms-linear-gradient(top , #f46a0f , #dc5f0d); background-image:linear-gradient(top , #f46a0f , #dc5f0d); } .spdcms .spdnav a:hover{ background-image:-moz-linear-gradient(top , #09f , #08f); background-image:-webkit-linear-gradient(top , #09f , #08f); background-image:-o-linear-gradient(top , #09f , #08f); background-image:-ms-linear-gradient(top , #09f , #08f); background-image:linear-gradient(top , #09f , #08f); cursor:pointer; } .spdcms .spdmore{clear:both;border-bottom:1px solid #bbb;height:36px;padding-top:10px;font-size:14px;color:#333;} .spdcms .spdmore span{position:relative;float:left;display:none;} .spdcms .spdmore em{position:relative;float:left;font-style:normal;} .spdcms .spdmore a{font-size:14px;} .spd_active{ color:#fff!important; background:#09F!important; border-radius:18px; background-image:-moz-linear-gradient(top , #09f , #08f); background-image:-webkit-linear-gradient(top , #09f , #08f); background-image:-o-linear-gradient(top , #09f , #08f); background-image:-ms-linear-gradient(top , #09f , #08f); background-image:linear-gradient(top , #09f , #08f)!important; } /*分页*/ .page{text-align:center;padding:2% 0;clear:both;} .page a{padding:5px 10px;font-size:16px;background:#999;-webkit-border-radius:5px;border-radius:5px;color:#fff;} .page a:hover{text-decoration:none;color:#FFF;background:#999;} .page font,.page span{color:#000;background:#f60;padding:5px 10px;font-size:16px;-webkit-border-radius:5px;border-radius:5px;} .page span{color:#FFF;background:#999;margin-right:6px;} /***文章内容页*****/ .MainDivTable #view_article{} .MainDivTable #view_article .head{} .MainDivTable #view_article .middle{height:auto;zoom:1;margin-top:24px;} .MainDivTable #view_article .main_title{margin-bottom:15px;font-size:30px;color:#000;font-weight:900;text-align:center;line-height:200%;} .MainDivTable #view_article .fit_title{line-height:40px;font-size:15px;color:#000;} .MainDivTable #view_article .top_about{color:#666;padding-bottom:20px;border-bottom:1px solid #bbb;margin:auto;margin-bottom:15px;text-align:center;} .MainDivTable #view_article .top_about a{color:#666;} .MainDivTable #view_article .abstract{width:96%;margin:0px auto 12px;padding:5px;color:#888;line-height:180%;border:1px solid #eee;display:none;} .MainDivTable #view_article .content{width:100%;margin:auto;overflow:hidden;} .MainDivTable #view_article .content td{padding:5px 0; vertical-align:middle;} .MainDivTable .content_word,.MainDivTable .content_word td,.MainDivTable .content_word p,.MainDivTable .content_word div,.MainDivTable .content_word span,.MainDivTable .content_word a{ font-size:15px; line-height:240%; color:#555; word-wrap:break-word; } .MainDivTable #view_article .content img{display:inline-block;} .MainDivTable #view_article .nextpage{border-top:1px dashed #999;width:100%;margin:20px auto 0;padding:40px 0;text-align:center;} .MainDivTable #view_article .nextpage a{font-size:15px;display:inline-block;padding:10px 20px;background:#eee;border:1px solid #dfdfdf;border-radius:5px;margin-left:5px;margin-right:5px;} .MainDivTable #view_article .nextpage a:hover{background:#eaeaea;} .MainDivTable .keywords{text-align:right;color:#666;} .MainDivTable .keywords a{color:#666;} /****列表页****/ .MainDivTable #list_article{} .MainDivTable #list_article .head{} .MainDivTable #list_article .middle{height:auto;zoom:1;clear:both;padding-top:15px;} /*把相关相目的TAG隐藏掉*/ .MainDivTable .sonSortName{clear:both;} .MainDivTable .sonSortName .head{height:50px;line-height:50px;background:#197ec4 url(../images/lefttitle.png) no-repeat 12px center;} .MainDivTable .sonSortName .head span{padding-left:32px;font-size:18px;color:#fff;} .MainDivTable .sonSortName .middle{padding:10px 8px;height:auto;overflow:auto;zoom:1;font-size:14px;background:#eee;} .MainDivTable .sonSortName .middle .sidenav{width:220px;height:36px;line-height:36px;margin:10px auto;background:url(../images/side-nav-bg.png) no-repeat left top;} .MainDivTable .sonSortName .middle .sidenav a{height:36px;background:url(../images/arrow_list.gif) no-repeat 24px 16px;text-indent:36px;display:block;font-size:14px;color:#333;} .MainDivTable .sonSortName .middle .sidenav:hover{background:url(../images/side-nav-bg.png) no-repeat left bottom;} .MainDivTable .sonSortName .middle .sidenav:hover a{text-decoration:none;color:#fff;background:url(../images/arrow_list_hover0.gif) no-repeat 24px 16px;} /*内页侧导航下联系我们*/ .callus{width:240px;margin:0px auto;background:#efefef url(../images/contactpic.jpg) no-repeat left top;color:#333;} .callus .cus{line-height:200%;font-size:14px;padding:130px 10px 10px} .callus .cus .cus-z{width:35px;float:left;} .callus .cus .fwhite{color:#efefef;} .callus .cus .cus-y{width:174px;float:right;} /*showjob*/ .showjob{list-style:none;} .showjob li{float:left;height:36px;line-height:36px;border-bottom:1px dotted #dfdfdf;} .showjob li.worktitle{width:40%;text-align:left;} .showjob li.workplace{width:25%;} .showjob li.workpeople{width:10%;text-align:center;} .showjob li.workintro{width:10%;text-align:right;} .showjob li.workposttime{width:15%;text-align:right;} .showjob li b{font-size:15px;font-weight:600;padding-bottom:6px;} .showjob li.worktitle a{color:red;font-weight:600;font-style:normal;} .showjob li em{color:#f60;} .showjob li a:hover{color:#09F;} .jobtitle{ height:48px;line-height:48px;background:#f6f6f6;text-indent:10px;width:100%;margin:1em auto;font-size:18px;border-top:2px solid #09F;color:#09F; background-image:-moz-linear-gradient(top , #f6f6f6 , #ddd); background-image:-webkit-linear-gradient(top , #f6f6f6 , #ddd); background-image:-o-linear-gradient(top , #f6f6f6 , #ddd); background-image:-ms-linear-gradient(top , #f6f6f6 , #ddd); background-image:linear-gradient(top , #f6f6f6 , #ddd); } .jobcont{text-indent:2em;border-top:1px solid #dfdfdf;clear:both;width:100%;} /*在线留言/报名/contact*/ .textcolor{color:#757575;} .spdbook{width:100%;margin:auto;background:url(../../../upload_files/picurl/md-bg.jpg) no-repeat center top;padding-bottom:24px;} .spdbook h3{text-align:center;font-size:34px;padding-top:70px;line-height:150%;color:#fff;} .spdbook h3 span{font-size:48px;font-family:"Times New Roman", Times, serif;} .spdbook .kong{width:100%;height:280px;margin:auto;clear:both;} .form-liuyan{color:#333;height:auto;margin:auto;background:url(../images/map-bg.png) no-repeat right top;} .form-liuyan .form-left{width:546px;float:left;} .form-liuyan .form-right{width:540px;float:right;} .form-line{padding:10px 0px;width:100%;height:30px;line-height:30px;vertical-align:middle;clear:both;} .form-line ins{height:35px;line-height:35px;color:#757575;font-size:16px;display:inline-block;float:left;font-style:normal;text-decoration:none;} .form-line label.word{width:118px;font-weight:normal;font-size:17px;color:#757575;height:35px;line-height:35px;vertical-align:middle;display:inline-block;float:left;} .form-text,.form-sel,.form-yzm{margin-right:5px;height:35px;line-height:30px;padding-left:3px;border:1px #c4c4c4 solid;color:#222;font-size:16px;display:inline-block;float:left;} select.form-sel{padding:5px 10px 5px 0;width:391px;} select.wsel{width:82px;} .form-area,.form-area1{margin:0;padding:0;padding:3px;width:430px;border:1px #c4c4c4 solid;color:#222;font-size:16px;display:inline-block;float:left;} .form-area{height:280px;} .form-area1{height:100px;} .form-checkImg{margin-left:8px;margin-top:6px;} .form-job{line-height:35px;padding-left:3px;color:#222;font-size:16px;display:inline-block;float:left;} .contact-2wm{width:240px;height:270px;float:right;margin-left:1em;margin-top:4em;} .contact-2wm img{width:240px;height:240px;} .contact-2wm i{display:block;text-align:center;line-height:30px;font-size:16px;font-weight:bold;font-style:normal;} .contact-2wm i span{color:#F60;padding-left:10px;} .spdbook .lytit{border-top:1px solid #ddd;border-bottom:3px solid #09F;height:36px;font-size:18px;margin-top:24px;margin-bottom:20px;padding-top:2em;} .gbook{margin-bottom:12px;padding-top:5px;} .bmbg{background:url(../images/bm-bg.jpg) no-repeat right center;} .bmnote{text-align:center;font-size:32px;font-weight:600;color:#000;padding-bottom:2em;} /*控制内容页的图片，不能超过700像素*/ .content_word img { max-width:100%; height:auto; zoom:expression( function(elm) { if (elm.width>840) { var oldVW = elm.width; elm.width=840; elm.height = elm.height*(840 /oldVW); } }(this)); } /*图片幻灯片展示*/ #preview{text-align: center; margin: 10px auto 0px; width: 560px; float: none} .jqzoom{border: #ddd 1px solid; width: 560px; margin-bottom: 10px; height: 400px; overflow: hidden; _height: 400px; position: relative;} .zoomdiv {width: 560px; height: 400px; left: 859px;z-index: 100; border: #e4e4e4 1px solid; position: absolute; text-align: center; display: none;overflow: hidden;} #spec {position: relative; width: 550px; height: 56px; margin-left: 6px; overflow: hidden; padding-top: 6px} .specLeftT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px} .specRightT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px} .specLeftF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px} .specRightF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px} #specList {display: inline; float: left; margin-left: 2px} #specList UL LI {width: 50px; display: inline; float: left; margin-right: 4px} #specList UL LI IMG {border: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 40px; padding-right: 2px; margin-bottom: 1px; height: 40px; padding-top: 2px} .bigimg {WIDTH: 800px; HEIGHT: 800px} .jqZoomPup {z-index:10;border:#aaa 1px solid;position:absolute;filter:alpha(opacity=50);width:50px;background:#fede4f no-repeat 50% top;height:50px;visibility:hidden;top:0px;cursor: move;left:0px;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5} #specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 520px; HEIGHT: 60px; OVERFLOW: hidden; TOP: 0px; LEFT: 13px;} #specList UL {POSITION: absolute; WIDTH: 520px; LEFT: 4px} /*图文列表*/ .tuwen{clear:both;width:100%;height:180px;padding:2em 0;border-bottom:1px solid #ddd;} .tuwen .twpic{width:28%;height:180px;float:left;position:relative;overflow:hidden;} .tuwen .twpic img{width:100%;height:100%;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .tuwen .twpic a.image{position:relative;} .tuwen .twpic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .tuwen .twcot{height:180px;float:right;position:relative;width:70%;} .tuwen .twcot .title{font-size:1.4rem;font-weight:500;} .tuwen .twcot .title a{font-size:1.4rem;font-weight:500;color:#15ab47;} .tuwen .twcot .info{line-height:150%;padding-top:1em;} .tuwen .twcot .info,.tuwen .twcot .info a{color:#9FA3A7;font-weight:normal;} .tuwen .twcot .info a:hover{text-decoration:underline;} .tuwen .twcot .column{font-weight:bold;color:#fff;} .tuwen .twcot .author{font-size:14px;} .tuwen .twcot .intro{height:100px;font-size:13px;line-height:24px;text-align:left;color:#666;overflow:hidden;padding-top:1em;} .tuwen .twcot .twmore{clear:both;height:22px;line-height:22px;} .tuwen .twcot .twmore a{display:block;width:60px;height:22px;float:right;background:#15ab47;text-align:center;color:#fff;-moz-border-radius:5px;border-radius:5px;} .tuwen .twcot .twmore a:hover{background:#F60;text-decoration:none;} /*内容展示样式、列表样式*/ .showart-list{width:100%;margin:auto;height:32px;line-height:32px;clear:both;padding-top:6px;padding-bottom:6px;border-bottom:1px dotted #ccc;} .showart-list:last-child{border-bottom:0;} .showart-list .title{width:85%;float:left;text-align:left;padding-left:16px;background:url(../images/icon1.png) no-repeat left 14px;overflow:hidden;} .showart-list .title a{font-size:14px;} .showart-list .title span{color:#999;} .showart-list .time{width:10%;float:right;text-align:right;color:#999;padding-right:5px;} .showart-list:hover .title{background:url(../images/icon2.png) no-repeat left 14px;} .showart-list:hover .title a{text-decoration:none;color:red;} .showart-list .dload-tit{text-align:left;background:url(../images/dload.gif) no-repeat right center;overflow:hidden;} .showart-list .dload-tit a{display:block;font-size:14px;} .showart-list .dload-tit span{color:#999;margin-left:8px;} .showart-list:hover .dload-tit{background:url(../images/dload0.gif) no-repeat right center;} .showart-list:hover .dload-tit a{text-decoration:none;color:red;} /*图片比例基本为宽（3）:高（4）====图片比例基本为宽（4）:高（3）*/ .showart-list-pic34,.showart-list-pic43{width:100%;margin:auto;overflow:hidden;} .showart-list-pic34 ul,.showart-list-pic43 ul{width:100%;} .showart-list-pic34 ul li,.showart-list-pic43 ul li{float:left;margin-right:15px;margin-bottom:15px;display:inline;width:264px;overflow:hidden;position:relative;border:1px solid #ddd;padding:2px;} .showart-list-pic34 ul li .photo,.showart-list-pic43 ul li .photo{width:264px;overflow:hidden;} .showart-list-pic34 ul li .photo img,.showart-list-pic43 ul li .photo img{width:264px;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .showart-list-pic34 ul li .ititle,.showart-list-pic43 ul li .ititle{width:264px;height:50px;line-height:50px;text-align:left;font-size:16px;text-indent:5px;} .showart-list-pic34 ul li a,.showart-list-pic43 ul li a{width:264px;background:#fff;color:#333;display:block;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .showart-list-pic34 .rsp,.showart-list-pic43 .rsp{width:264px;overflow:hidden;position:absolute;top:2px;left:2px;background:#000;} .showart-list-pic34 .text,.showart-list-pic43 .text{position:absolute;width:264px;left:-264px;top:0;overflow:hidden;} .showart-list-pic34 .text h3,.showart-list-pic43 .text h3{width:264px;height:60px;line-height:30px;text-align:center;color:#FFFFFF;font-size:18px;overflow:hidden;} .showart-list-pic34 .text b,.showart-list-pic43 .text b{width:264px;text-align:center;color:#FFFFFF;font-size:12px;font-weight:normal;display:block;} .showart-list-pic34 ul li a:hover,.showart-list-pic43 ul li a:hover{color:#fff; background:#000;} .showart-list-pic34 ul li a:hover img,.showart-list-pic43 ul li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .showart-list-pic34 ul li.nomr,.showart-list-pic43 ul li.nomr{margin-right:0;} /*图片比例基本为宽（3）:高（4）*/ .showart-list-pic34 ul li{height:300px;} .showart-list-pic34 ul li .photo,.showart-list-pic34 ul li .photo img{height:300px;} .showart-list-pic34 ul li a{height:300px;} .showart-list-pic34 .rsp{height:300px;} .showart-list-pic34 .text{height:300px;} .showart-list-pic34 .text h3{margin-top:100px;} /*图片比例基本为宽（4）:高（3）*/ .showart-list-pic43 ul li{height:200px;} .showart-list-pic43 ul li .photo,.showart-list-pic43 ul li .photo img{height:200px;} .showart-list-pic43 ul li a{height:200px;} .showart-list-pic43 .rsp{height:200px;} .showart-list-pic43 .text{height:200px;} .showart-list-pic43 .text h3{margin-top:60px;} /*video type css list col=4*/ .showart-list-video{width:100%;margin:0 auto;overflow:hidden;} .showart-list-video ul{width:100%;} .showart-list-video ul li{float:left;margin-right:15px;margin-bottom:15px;display:inline;width:264px;height:262px;border:1px solid #ddd;padding:2px;overflow:hidden;position:relative;} .showart-list-video ul li .spphoto{width:264px;height:222px;overflow:hidden;} .showart-list-video ul li .spphoto img{width:264px;height:222px;transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;} .showart-list-video ul li .sptitle{width:259px;height:40px;padding-right:5px;overflow:hidden;line-height:36px;color:#333;text-align:left;font-size:16px;text-indent:35px;background:url(../images/vp2.jpg) #e5e5e5 no-repeat 8px center;} .showart-list-video ul li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .showart-list-video ul li.spnmr{margin-right:0;} .showart-list-video .sprsp{width:264px;height:222px;overflow:hidden;position:absolute;background:#000;top:2px;left:2px;} .showart-list-video .sptext{position:absolute;width:71px;height:71px;top:-120px;left:100px;overflow:hidden;background:url(../images/video-list.png) no-repeat;} /*内页导航+图片列表*/ .shownynav{width:100%;margin:47px auto 0 auto;clear:both;} .shownynav ul{width:1098px;overflow:hidden;margin:auto;position:relative;} .shownynav ul li{width:204px;height:242px;float:left;margin-right:20px;margin-bottom:24px;} .shownynav ul li span{width:204px;height:217px;overflow:hidden; display:block;} .shownynav ul li span img{float:left;width:204px;height:217px;transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;} .shownynav ul li b{width:204px;height:40px;line-height:40px;display:block;overflow:hidden;} .shownynav ul li a{color:#333;text-align:center;font-size:16px;transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;} .shownynav ul li a:hover{color:#F94141;} .shownynav ul li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .shownynav ul .snynav{width:378px;height:169px;float:left;margin-right:20px;margin-bottom:24px;padding:24px;background:#f4f4f4;} .shownynav ul .snynav p{width:378px;font-size:20px;color:#545454;text-align:left;float:left;line-height:30px;} .shownynav ul .snynav b{width:378px;font-size:22px;color:#afafaf;text-align:left;float:left;line-height:30px;text-transform:uppercase;} .shownynav ul li.nomr{margin-right:0;} .shownynav .snav{width:378px;overflow:hidden;position:absolute;left:24px;top:104px;} .shownynav .snav ul{width:378px;} .shownynav .snav ul li{width:60px;height:27px;float:left;margin-right:14px;} .shownynav .snav ul li a{width:60px;height:27px;line-height:27px;display:block;font-size:12px;text-align:center;color:#000;border:1px solid #727272;border-radius:20px;} .shownynav .snav ul li a:hover{background:#d13030;border:1px solid #f4f4f4;color:#fff;} /*资讯类文章列表样式 简图+标题+时间*/ .artnewslist{width:100%;margin:0 auto;overflow:hidden;} .artnewslist ul{width:100%;} .artnewslist ul li{float:left;margin-right:25px;margin-bottom:25px;display:inline;width:256px;height:416px;overflow:hidden;position:relative;background:#fff;border-bottom:1px solid #ccc;} .artnewslist ul li .nvsphoto{width:256px;height:172px;} .artnewslist ul li .nvsphoto img{width:256px;height:172px;position:relative;} .artnewslist ul li .nvsphoto .cat{position:absolute;top:0px;left:0px;height:24px;line-height:24px;padding:0px 5px;background:#f26c23;color:#fff;border-bottom-right-radius:10px;} .artnewslist ul li .nvsititle{width:220px;height:224px;line-height:24px;color:#bdbdbd;text-align:left;font-size:14px;padding:10px 18px;transition:all .9s; -o-transition:all .9s; -moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;overflow:hidden;} .artnewslist ul li .nvsititle b{height:48px;display:inline-block;overflow:hidden;font-size:16px;color:#333;transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;} .artnewslist ul li a{width:276px;height:276px;background:#fff;display:block;transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;} .artnewslist ul li a:hover .nvsititle{background:#f60;color:#fff;} .artnewslist ul li a:hover .nvsititle b{color:#fff;} .artnewslist ul li.nvspwu{margin-right:0;} .artnewslist .nvsrsp{width:256px;height:172px;overflow:hidden;position: absolute;background:#000;top:0;left:0;} .artnewslist .nvstext{position:absolute;width:67px;height:50px;top:-90px;left:100px;overflow:hidden;background:url(../images/newsb.png) no-repeat;} /*内页 课程2列样式*/ #keclist{width:100%;margin:0 auto;clear:both;} #keclist ul{width:100%;overflow:hidden;} #keclist ul li{float:left;width:517px;height:139px;border-radius:3px;background:#F7F7F7;-moz-border-radius:3px;-webkit-border-radius:3px;padding:21px 0 0 21px;margin-right:24px; margin-bottom:26px;} #keclist ul li img{float:left;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; margin-right:6px;width:118px;height:118px;} #keclist ul li .qrkc{width:373px;height:118px;float:left;padding-left:20px;} #keclist ul li b{width:373px;height:40px;line-height:40px;font-size:20px; display:block;font-weight:bold; text-align:left; } #keclist ul li p{width:373px;float:left;line-height:30px;color:#3D3D3D;font-size:14px;} #keclist ul li i{width:73px;height:24px;display:block;line-height:24px;margin-top:23px;color:#fff;font-size:12px;font-style:normal;float:left;text-align:center;background:url(../images/bmbut.png) no-repeat; } #keclist ul li a:hover{color:#ff00ff;} #keclist ul li a:hover i{background:url(../images/bmbut1.png) no-repeat;} #keclist ul li.mrwu{margin-right:0;} /*dui lian css*/ .duilian{top:140px;position:absolute;width:100px;overflow:hidden;} .duilian_left{text-align:left;left:6px;} .duilian_right{text-align:right;right:6px;} .duilian_con{width:100px; overflow:hidden;} .duilian_close{width:100%; height:24px;line-height:24px;text-align:center;display:block;font-size:13px;color:#555555;text-decoration:none;} /* QQ聊天 */ .service {top:130px;right:1px;position:absolute;font:12px/20px Arial, Verdana, Tahoma, "宋体";} .service-open {background:url(../images/service-open.png) no-repeat;width:143px;height:418px;} .service-close {background:url(../images/service-open.png) no-repeat;height:121px;width:31px;overflow:hidden;} .service-button {width:34px;height:121px;float:left;cursor:hand;} .service-inside {width:103px;height:418px;float:right;} .service-inside dl {padding:10px 0;} .service-inside dl dt {text-align:center;background:url(../images/dttitle.jpg) no-repeat;height:18px;line-height:18px;width:100px;margin-bottom:8px;color:#fff;margin-top:4px;} .service-inside dl dd {background:url(../images/qq_online.gif) no-repeat 0px 4px;height:27px;line-height:27px;text-indent:35px;text-align:left;width:100px;margin-left:4px;} .service-inside dl dd.esp_1 a {color:#f50;} .service-inside dl dd.esp_2 {margin-left:4px;color:#999;background:none;text-indent:0;text-align:center;height:20px;line-height:20px;} .service-inside dl dd.esp_3 {margin-left:4px;color:#f50;background:none;text-indent:0;text-align:center;height:20px;line-height:20px;} .service-inside dl dd.esp_4 {margin-left:4px;text-align:center;color:#333;background:none;margin:0;height:18px;line-height:18px;text-indent:0;} /**底部样式*/ .footer{width:100%;background:#0788D8;margin:auto;clear:both;padding:1em 0;} .footer .f-name{margin:auto;width:1200px;text-align:center;color:#fff;font-size:16px;font-family:"Microsoft YaHei", Times, serif;padding-bottom:6px;} .footer .pronaf{text-transform:uppercase;display:inline-block;text-align:center;font-family:Arial;font-size:20px;background:#0788D8;color:#fff;line-height:1.3;padding:0 10px;} .footer .f-name-en{width:514px;margin:0 auto 15px auto;background:url(../images/line.jpg) left center repeat-x;text-align:center;} .footer .f-serv{width:212px;height:33px;margin:0 auto;background:url(../images/indextab.gif) left top no-repeat;line-height:33px;text-align:center;color:#202020;font-size:14px; font-family:Arial, Helvetica, sans-serif;} .footer .f-phone{width:1200px;margin:0 auto;color:#fff;font-size:24px;font-family:Arial, Helvetica, sans-serif;text-align:center; padding:10px 0 0 0;} .footer .f-con{width:1100px;margin:0 auto;text-align:center;color:#fff;font-size:13px;font-family:"Microsoft YaHei";padding:10px 0 0 0;} .footer .f-con span{margin:0 50px;} .footer .f-2wm{width:1200px;margin:auto;list-style:none;} .footer .f-2wm li{list-style:none;padding:1em 0 0;} .footer .f-2wm li.f-lxwm{width:48%;} .footer .f-2wm li.f-lxwm p{color:#fff;font-size:15px;padding-bottom:10px;} .footer .f-2wm li.f-pic{width:20%;} .footer .f-2wm li.f-pic img{width:120px;height:120px;display:block;} .footer .f-2wm li.f-pic p{display:block;width:120px;height:36px;padding:0;text-align:center;clear:both;} .footer .f-2wm li.f-pic p i,.footer .f-2wm li.f-pic p span{font-style:normal;font-size:15px;display:block;padding-top:1em;color:#bcf0bc;} .footer .f-2wm li.f-pic p i{color:#fff;font-weight:bold;} /**/ #copyright{width:100%;background:#0971B2;clear:both;} #copyright .spdcopy{width:1200px;margin:0 auto;padding:1em 0;} #copyright .spdcopy .spdbq{width:900px;text-align:left;font-size:14px;line-height:25px;overflow:hidden;text-transform:uppercase;float:left;color:#fff;} #copyright .spdcopy .spdbq a{color:white;} #copyright .spdcopy .bdsharebuttonbox{width:140px;float:right;text-align:right;} /*backtop*/ #backtop{width:60px;height:100px;position:fixed;left:15px;bottom:15px;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;opacity:1;z-index:100020;display:none;} #backtop.off{opacity:0;visibility:hidden} #toping{display:block;width:60px;height:50px;background:url(../images/icon_top.png) center center no-repeat;background-color: #444;background-color: rgba(0,0,0,.6);border-radius:2px;box-shadow: 0 1px 3px rgba(0,0,0,.2);cursor:pointer;} #toping:hover{background-color: rgba(0,0,0,.7)} #toping:active{background-color: rgba(0,0,0,.75)} #backtop .qr{display:block;width:60px;height:40px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;background:url(../images/icon_code.png) center center no-repeat;background-color:#444;background-color:rgba(0,0,0,.6);margin-bottom:10px;} #backtop .qr:hover{background-color: rgba(0,0,0,.7)} #backtop .qr:active{background-color: rgba(0,0,0,.75)} #backtop .qr-popup{width:170px;height:200px;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.1);position:absolute;left:-180px;bottom:0;border-radius:2px;display:none;text-align:center} #backtop .qr-popup .code-link{display: block;margin: 10px;color: #777} #backtop .qr-popup .code{display: block;margin-bottom: 10px} #backtop .qr-popup .arr{width:6px;height:11px;background: url(../images/code_arrow.png) 0 0 no-repeat;position:absolute;right:-6px;bottom:74px} /* .market2{ overflow:hidden; height:400px; overflow:hidden;} .market2 h2 { background:url("../images/market_t.png") no-repeat center bottom; font:normal 21px/46px "Microsoft YaHei"; height:116px; color:#fff; text-align:center; margin-top:24px;} .market2 h2 span,.ys2 h2 span{ display:block; font:bold 56px/58px "Microsoft YaHei"; color:#07913a; padding-bottom:11px;} .market2 h2 span em,.ys2 h2 em{ color:#ff9000;} .market_c2{ width:1920px; overflow:hidden; margin-top:30px; position: absolute;height:222px;} .market_c2 li{ float:left; margin-left:90px;} .market_c2 li.nomr{ margin-right:0;} .market_c2 li img{ display:block; width:249px; height:184px; position:absolute; } .market_c2 li span{ display:block; width:155px;font:13px/18px "Microsoft YaHei";color:#666; padding-left:65px; height:36px; position:relative; top:178px; } .market_c2 li span strong{ color:#099240; font-weight:bold;} .content2{ width:960px; margin:0 auto; } .mb40{ margin-bottom:40px;} */ .market2{ overflow:hidden; height:500px; overflow:hidden;} .market2 h2,.ys2 h2{ background:url("../images/market_t.png") no-repeat center bottom; font:normal 21px/46px "microsoft Yahei"; height:116px; color:#fff; text-align:center; margin-top:24px;} .market2 h2 span,.ys2 h2 span{ display:block; font:bold 56px/58px "microsoft Yahei"; color:#000; padding-bottom:11px;} .market2 h2 span em,.ys2 h2 em{ color:#197ec4;} .market_c2{ width:1920px; overflow:hidden; margin-top:30px; position: absolute;height:290px;} .market_c2 li{ float:left; margin-right:240px;} .market_c2 li.nomr{ margin-right:0;} .market_c2 li img{ display:block; width:426px; height:286px; position:absolute; } .market_c2 li span{ display:block; width:155px;font:13px/18px "microsoft Yahei";color:#666; padding-left:45px; height:36px; position:relative; top:178px; } .market_c2 li span strong{ color:#099240; font-weight:bold;} .content2{ width:1230px; margin:0 auto; } .mb40{ margin-bottom:40px;} .ys2{width:1200px; margin:0 auto; overflow:hidden;} .ys2 h2{ background:url("../images/market_t.png") no-repeat center bottom; font:normal 21px/46px "Microsoft YaHei"; height:116px;color:#fff; text-align:center; margin-top:24px;} .ys2 ul{margin:0 auto; width:980px;} .ys-tit{ padding-bottom:10px; height:auto; overflow:hidden;} .ys2 li em{display:block; width:54px; height:46px;margin-top:3px; background: url("../images/tb.jpg") no-repeat left top; text-align:center; line-height:46px; color:#fff; font-size:34px; float: left; font-weight:bold;} .ys2 li span{display:inline-block; float: left; padding-left:15px;color:#cfcfcf;text-transform:uppercase;} .ys2 li span b{display:block; font-size:24px; color:#127229;font-family:'Microsoft YaHei'; line-height:35px;} .ys2 li span b font{color:#FF9000;} .ys2 li p{font-size:14px; color:#333;font-family:'Microsoft YaHei';line-height:24px;padding-bottom:30px; padding-top:5px;width:400px; border-top:1px dashed #71B88C;} .ys2 li p b{font-weight:normal; color:#127229;} .ys-a{background:url("../images/ys1.jpg") no-repeat right 30px;padding:10px 0 0px;display:block;} .ys-b{background:url("../images/ys2.jpg") no-repeat 37px 0;padding:20px 0 40px 518px; display:block;} .ys-tit p{} .web-advantage{width:100%;margin:1em auto;} .web-advantage .ys-title-bg{width:100%;height:187px;margin:auto;background:url(../images/ys-title-bg.jpg) no-repeat center top;} /* .web-advantage .ys-title-bg h2 { background:url("../images/market_t.png") no-repeat center bottom; font:normal 21px/46px "Microsoft YaHei"; height:116px; color:#fff; text-align:center; margin-top:24px;} .web-advantage .ys-title-bg h2 span{ display:block; font:bold 56px/58px "Microsoft YaHei"; color:#07913a; padding-bottom:11px;} .web-advantage .ys-title-bg h2 span em{ color:#ff9000;} */ .web-advantage .ys-box{width:1100px;height:830px;position:relative;margin-top:45px;margin-left:auto;margin-right:auto;} .web-advantage .ys-box .one {position:absolute;top:0px;left:5px;font-family:"Microsoft YaHei";z-index:1000} .web-advantage .ys-box .one h3 {margin-bottom:10px;font-size:25px;color:#010101;} .web-advantage .ys-box .one h3 span{display:block; width:54px; height:46px;margin-top:3px; background: url("../images/tb.jpg") no-repeat left top; text-align:center; line-height:46px; color:#fff; font-size:36px; float: left; font-weight:bold;} .web-advantage .ys-box .one p {padding:0 0 0 50px;font-size:14px;line-height:24px;color:#000;} .web-advantage .ys-box .two {position:absolute;top:116px;left:5px;} .web-advantage .ys-box .five {position:absolute;top:255px;left:5px;} .web-advantage .ys-box .three {position:absolute;top:500px;left:519px;} .web-advantage .ys-box .four {position:absolute;top:653px;left:519px;} .web-advantage .ys-box .ys-pic {position:absolute;top:0px;right:0;} .web-advantage .ys-box .ys-zz {position:absolute;top:380px;left:0;} /**/ .notice{width:1200px;margin:15px auto 0px;height:52px;line-height:52px;background-color:#0971B2;border-radius:10px;color:#fff;} /**/ .advan{width:100%;max-width:1920px;height:400px;margin:auto;background:url(../images/advan-title.jpg) no-repeat center;} /*案例*/ /**/ .case{width:100%;max-width:1920px;margin:auto;background:url(../images/bg6.png) no-repeat center top;background-size:100% 100%;padding-top:20px;} .case .title{width:100%;height:147px;background:url(../images/t0.png) no-repeat center;margin-bottom:20px;} .case ul,.case ul li{position:relative;list-style:none;} .case ul{margin-bottom:10px;} .case ul li{ width:10.7%;height:42px;line-height:42px;text-align:center;float:left;margin-right:2%;border-radius:5px; background-color:#0971B2; background-image:-moz-linear-gradient(top , #0788D8 , #0971B2); background-image:-webkit-linear-gradient(top , #0788D8 , #0971B2); background-image:-o-linear-gradient(top , #0788D8 , #0971B2); background-image:-ms-linear-gradient(top , #0788D8 , #0971B2); background-image:linear-gradient(top , #0788D8 , #0971B2); } .case ul li a{display:block;font-size:16px;color:#fff;} .case ul li.nomr{margin-right:0;} .case ul li:hover{ background-color:#f90; background-image:-moz-linear-gradient(top , #fba524 , #ee9003); background-image:-webkit-linear-gradient(top , #fba524 , #ee9003); background-image:-o-linear-gradient(top , #fba524 , #ee9003); background-image:-ms-linear-gradient(top , #fba524 , #ee9003); background-image:linear-gradient(top , #fba524 , #ee9003); } /**/ .showpicsj{width:280px;margin-right:20px;float:left;margin-bottom:20px;} .showpicsj.nomr{margin-right:0;} .showpicsj img{ width:280px;height:210px;display:block;margin:auto;position:relative;z-index:1; transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s; } .showpicsj p{display:block;height:30px;line-height:30px;text-align:center;overflow:hidden;background:url(../images/bg-gray.png);position:relative;z-index:999;} .showpicsj a{display:block;width:100%;height:240px;overflow:hidden;color:#fff;} .showpicsj:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} /**/ .process {position:relative;width:100%;max-width:1920px;margin:0 auto 30px;overflow:hidden;} .process .title {overflow:hidden;text-align:center;height:76px;background:url(../images/process-title.png) center center no-repeat;} .process .title h2 {color:#333;font-weight:bold;width:400px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align:center;} .process .title h2 a {color:#333;} .process .title h2 a:hover {color:#007b5c;} .process .title h2 span {font-size:24px;color:#FFD65B;} .process .title em {color:#eee;width:100%;display:block;font-size:10px;font-style:normal;text-align:center;} .process ul {overflow: hidden; padding-top: 20px; padding-left: 40px;margin-top:25px;} .process ul li { float: left; background: url(../images/lc_ico.png) no-repeat right 27px; width: 110px; overflow: hidden; margin-right: 40px; } .process ul li a { display: inline-block;height: 110px; overflow: hidden; background: url(../images/lc11.png) no-repeat; } .process ul li a img { border-radius: 60px; } .process ul span { display: block; font-size: 16px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; } .process ul li a:hover { background: url(../images/lc21-1.png) no-repeat; } .process ul .nones { background: none; margin-right: 0px; } /**/ .anli {position:relative;width:100%;max-width:1920px;margin:0 auto 30px;overflow:hidden;} .anli .title {overflow:hidden;text-align:center;height:76px;background:url(../images/process-title1.png) center center no-repeat;} .anli .title h2 {color:#333;font-weight:bold;width:400px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align:center;} .anli .title h2 a {color:#333;} .anli .title h2 a:hover {color:#007b5c;} .anli .title h2 span {font-size:24px;color:#FFD65B;} .anli .title em {color:#eee;width:100%;display:block;font-size:10px;font-style:normal;text-align:center; text-transform:uppercase;} /**/ .servicesj{width:100%;max-width:1920px;background:url(../images/service-bg.jpg) no-repeat center top;height:299px;margin:auto;overflow:hidden;} .servicesj .title {overflow:hidden;text-align:center;height:76px;background:url(../images/process-title.png) center center no-repeat;} .servicesj .title h2 {color:#333;font-weight:bold;width:400px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align:center;} .servicesj .title h2 a {color:#333;} .servicesj .title h2 a:hover {color:#007b5c;} .servicesj .title h2 span {font-size:24px;color:#FFD65B;} .servicesj .title em {color:#eee;width:100%;display:block;font-size:10px;font-style:normal;text-align:center;} .guide{width:1200px;height:299px;margin:0 auto;overflow:hidden;font-family:"Microsoft Yahei";} .guide h2{height:56px;text-align:center;overflow:hidden;line-height:25px;} .guide h2 a{font-size:20px;color:#f90; } .guide h2 i{display:block;font:12px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#333;line-height:20px;} /* .guide ul {height:170px;overflow:hidden;} .guide ul li{float:left;padding:65px 0 0 68px;width:140px;overflow:hidden;font-size:14px;line-height:18px;color:#fff;} .guide .nones{width:60px;} */ .guide ul {overflow: hidden; padding-top: 20px; padding-left: 40px;margin-top:25px;} .guide ul li { float: left; background: url(../images/lc_ico.png) no-repeat right 27px; width: 110px; overflow: hidden; margin-right: 40px; } .guide ul li a { display: inline-block;height: 110px; overflow: hidden; background: url(../images/lc11.png) no-repeat; } .guide ul li a img { border-radius: 60px; } .guide ul span { display: block; font-size: 16px; color: #fff; line-height: 30px; height: 30px; overflow: hidden;} .guide ul li a:hover { background: url(../images/lc21-1.png) no-repeat; } .guide ul .nones { background: none; margin-right: 0px; } .guide p{height:22px;text-align:center;font-size:14px;line-height:22px;padding-top:16px;padding-bottom:5px;color:#333;text-align:center;} .guide b{display:block;float:left;padding-left:440px;overflow:hidden;width:244px;font:24px Impact;color:#f50c12;line-height:32px;} .guide em{display:block;float:left;width:90px;font-style:normal;} .guide em a{display:inline-block;background:url(../images/lc_ico1.gif) no-repeat;width:84px;height:32px;text-align:center;line-height:32px;font-size:14px;color:#fff;margin-right:8px;} .guide em a.ico{ background:url(../images/lc_ico2.gif) no-repeat;} .guide em a:hover{text-decoration:underline;} /**/ .term{width:1200px;margin:20px auto; } .term .title{width:100%;height:198px;margin:auto;background:url(../images/title-bg-term.png) no-repeat center;text-align:center;} .term .title a{position:relative;top:114px;font-size:26px;color:#035892;line-height:30px;font-weight:bold;} .term .title a:hover{text-decoration:underline;} .term .cont{height:800px; overflow:hidden; font-family:"Microsoft Yahei";} .term .cont .dl-box{ width:270px; margin:0 40px 0 0; overflow:hidden;} .term .cont .dl-box dt{ height:270px; position:relative;} .term .cont .dl-box dt img.big{width:270px;} .term .cont .dl-box dt span{ display:block; position:absolute; top:0; right:0; width:39px; height:39px; overflow:hidden;} .term .cont .dl-box dd{ padding:10px 0 0 19px; line-height:20px; color:#333;} .term .cont .dl-box dd h3{ font-size:14px; line-height:30px;} .term .cont .dl-box dd h3 a{ color:#035892;font-size:16px;} .term .cont .dl-box dd h3 a:hover{text-transform:uppercase;} .term .cont .mt100{ margin-top:0px;} .term .cont .nomr{ margin-right:0;} /* .term{width:1200px;margin:20px auto; } .term .title{width:100%;height:198px;margin:auto;background:url(../images/title-bg-term.png) no-repeat center;text-align:center;} .term .title a{position:relative;top:114px;font-size:26px;color:#035892;line-height:30px;font-weight:bold;} .term .title a:hover{text-decoration:underline;} .term .cont{height:950px; overflow:hidden; font-family:"Microsoft Yahei";} .term .cont .dl-box{ width:270px; margin:0 40px 0 0; overflow:hidden;} .term .cont .dl-box dt{ height:270px; position:relative;} .term .cont .dl-box dt img.big{width:270px;} .term .cont .dl-box dt span{ display:block; position:absolute; top:0; right:0; width:39px; height:39px; overflow:hidden;} .term .cont .dl-box dd{ padding:12px 0 0 19px; line-height:20px; color:#333;} .term .cont .dl-box dd h3{ font-size:14px; line-height:30px;} .term .cont .dl-box dd h3 a{ color:#035892;font-size:16px;} .term .cont .dl-box dd h3 a:hover{text-transform:uppercase;} .term .cont .mt100{ margin-top:100px;} .term .cont .nomr{ margin-right:0;} */ /**/ .programme {width:100%;max-width:1920px;margin:auto;overflow:hidden;background:#E8EEF5;} .programme .center { margin-bottom: 10px; overflow: hidden; margin-top: 10px; } .programme .center .title { overflow: hidden; text-align: center; height: 76px; background: url(../images/process-title2.png) center center no-repeat; } .programme .center .title h2 {color: #333; font-weight: bold; width: 400px; margin: 0 auto; margin-top: 14px; letter-spacing: 0px; text-align: center; } .programme .center .title h2 a {font-size: 24px;} .programme .center .title h2 a:hover { color: #104E8B; } .programme .center .title h2 span { color: #FFFFFF; } .programme .center .title em {color:#eee;width:1100px;display:block;margin:auto;font-style:normal;font-size:14px;} .programme .center .hd { height: 54px; padding: 0; top: 0; width: 1100px; margin:10px auto; } .programme .center .hd ul { float: left; } .programme .center .hd ul li { float: left; font-size:14px; cursor: pointer; height: 50px; line-height: 50px; color: #fff; width: 180px; text-align: center; background: #035892; margin: 1px; } .programme .center .hd ul li.on { background:#FFD65B; color: #333; } .programme .center .bd { background: #eee; overflow: hidden; } .programme .center .bd .left {width:530px;float: left; } .programme .center .bd .left img { width: 530px; height: 371px; } .programme .center .bd .right { float: right; width: 640px;} .programme .center .bd .right .programme-title { overflow: hidden; clear: both; margin-top: 20px; } .programme .center .bd .right .programme-title .programme-t { float: left; margin-right: 10px; width: 60px; height: 60px; background: #035892; color: #fff; font-size: 38px; text-align: center; line-height: 60px; border-radius: 10px; } .programme .center .bd .right .programme-title strong { font-size: 24px; display: block; } .programme .center .bd .right .programme-title span { font-size: 16px; } .programme .center .bd .right .cont { background: #666; width: 600px; padding: 10px; margin-top: 20px; border-radius: 10px; color: #fff; } .programme .center .bd .right .programme-cont { overflow: hidden; margin-top: 0px; } .programme .center .bd .right .programme-cont span { float: left; height: 24px; margin-right: 10px; } .programme .center .bd .right .programme-cont p { margin: 0; line-height: 24px; } .programme .center .bd .right ul li { float: left; width: 240px; margin: 10px; text-align: center; } .programme .center .bd .right ul li img { width: 100%; } /**/ .life{width:100%;max-width:1920px;background:url(../images/newbg8.jpg) no-repeat center;margin:auto;padding:10px 0 20px;} .life .title{width:100%;height:196px;background:url(../images/title-bg-life.png) no-repeat center;} .life .fenlei{width:100%;max-width:1920px;;} .life .fenlei ul{width:100%; height:180px; list-style:none; } .life ul li{width:290px; height:180px; float:left;margin-right:10px;} .life a{position:relative;display:block;background-color:#F8F9FD;border-radius:5px;} .life a img{position:relative;z-index:1;border-radius:5px;} .life a p{ position:absolute;left:0;margin:auto;left:0; right:0; top:0; bottom:0;z-index:999; color:#fff;width:100%;height:36px;line-height:36px;font-size:16px;text-align:center;background-color:#0971B2;filter:alpha(opacity=80);opacity:0.8; } .life a.f4 p { position:absolute;left:0;margin:auto;left:0; right:0; top:50%; bottom:0;z-index:999; color:#fff;width:100%;height:36px;line-height:36px;font-size:16px;text-align:center;background-color:#0971B2;filter:alpha(opacity=80);opacity:0.8; } .life a.f5 p { position:absolute;left:0;margin:auto;left:0; right:0; top:50%; bottom:0;z-index:999; color:#fff;width:100%;height:36px;line-height:36px;font-size:16px;text-align:center;background-color:#0971B2;filter:alpha(opacity=80);opacity:0.8; } .life a:hover p{background-color:#ea8400;} .life b{color:#fff;padding-right:5px;font-size:24px;} .life .f1{width:100%;max-width:1920px;float:left;position:relative;background:url(../images/life-abou.png) no-repeat center;} .life .f1 div{padding:25px 70px 15px;} .life .f1 div p{line-height:180%;text-indent:2em;font-size:14px;} .life .f1 div b{font-weight:bold;color:#000;font-size:16px;} .life a.f2{width:240px;height:180px;position:absolute;margin-left:760px;padding-top:0px;} .life a.f3{width:240px;height:180px;position:absolute;margin-left:1020px;padding-top:0px;} .life a.f4{width:240px;height:180px;position:absolute;margin-left:760px;padding-top:200px;} .life a.f5{width:240px;height:180px;position:absolute;margin-left:1020px;padding-top:200px;} /* .life a.f2{width:240px;height:180px;position:absolute;left:1100px;top:4510px;} .life a.f3{width:240px;height:180px;position:absolute;right:272px;top:4510px;} .life a.f4{width:240px;height:180px;position:absolute;left:1100px;top:4700px;} .life a.f5{width:240px;height:180px;position:absolute;right:272px;top:4700px;} */ /**/ .about{width:100%;max-width:1920px;background:url(../images/about-bg.jpg) no-repeat center;margin:auto;padding:48px 0;} .about .atitle{width:100%;height:88px;background:url(../images/a1.jpg) no-repeat center;} .about .left{ float:left} .about .right{ float:right; height:380px; width:560px;} .about .right a{height:360px; width:500px; background:none; border:none;} .about .cont { padding-top: 33px; } .about .cont .title { padding-left: 90px; margin-bottom: 25px; } .about .cont .title h3 { font-size: 26px; font-weight: bold; color: #333; margin-bottom: 5px; } .about .cont .title span { color: #0971B2; } .about .cont .title em { color: #999; } .about p { color: #333; margin-bottom: 20px; padding-left: 0px; line-height: 20px; font-size: 15px; } .about p span {color: #0971B2;} .about p span.dian8{display:inline-block;width:11px;height:12px;background:url(../images/dian8.png) no-repeat left center;} .about .advan-btn { padding-left: 50px; } .about .advan-btn a:hover{text-decoration:underline;} .about a { display: block; width: 140px; height: 35px; line-height: 35px; text-align: center; background: url(../images/advan-btn.jpg) bottom center; color: #fff; margin-left: 50px; margin-top: 20px; float: left; border: 1px solid #999; border-radius: 5px; } .about .btn-2 { background: #666 url(../images/advan-btn.jpg) top center; border: 1px solid #333; color: #fff; } .about .advan-1 { height: 366px; background: url(../images/advan-1.jpg) top center; } .about .advan-2 { height: 390px; background: url(../images/advan-2.jpg) top center; } .about .advan-3 { height: 390px; background: url(../images/advan-3.jpg) top center; } .about .advan-4 { height: 370px; background: url(../images/advan-4.jpg) top center; } .about .advan-3 .cont { padding-top: 24px; } .about .advan-2 .cont { float: right; width: 545px; clear: both; padding-top: 28px; } .about .advan-2 .title { padding-left: 0; } .about .advan-4 .cont { float: right; width: 545px; clear: both; padding-top: 26px; } .about .advan-4 .title { padding-left: 30px; } .advantage{ background:url(../images/ys-1.png) no-repeat left 0;width:100%;max-width:1920px;height:320px; overflow:hidden;margin-top:80px;} .advantage dl{ margin:20px 0 0 86px;} .advantage dl dd{ width:380px;} .advantage dl dt{ font:bold 32px "STKaiti"; color:#ea8400; height:75px; line-height:35px;} .advantage dl dt a { color:#ea8400;} .advantage dl dt span{ font-size:20px; color:#333; display:block;} .advantage dl dd span{padding-left:18px; background:url(../images/ys_ico.gif) no-repeat left 8px; line-height:24px ; display:block; margin-top:10px; font-size:14px; color:#333} /**/ .ryzz{width:100%;max-width:1920px;height:439px;background:url(../images/bg_zhuanhua_01.jpg) no-repeat center top;margin:auto;} .ryzz .dl-title{width:100%;height:114px;padding:74px 0 0 86px;overflow:hidden;background:url(../images/cp.png) no-repeat left center;} .ryzz .dl-title dt span{color:#333;} /**/ .dl-title dt{font:bold 32px "黑体";color:#ea8400;height:75px;line-height:35px;} .dl-title dt a{color:#ea8400;font-size:32px;} .dl-title dt span{font-size:20px;color:#333;display:block;font-family:"黑体";} /**/ .productsj{width:100%;max-width:1920px;clear:both;margin:auto;padding:10px 0 40px;;background:url(../images/bj1.jpg) no-repeat center top;} .productsj .title{width:100%;height:79px;margin:0 auto 24px;background:url(../images/cp.png) no-repeat left center;} .productsj .title b{display:inline-block;padding-left:88px;padding-top:14px;overflow:hidden;font:bold 32px "黑体"; color:#ea8400;} /**/ .inform{width:100%;max-width:1920px;margin:auto;background:url(../images/bg2.jpg) no-repeat center -200px;background-size:100%;padding-top:20px;} .inform h2{text-align:center;font-size:48px;height:80px;line-height:80px;color:#fff;background:url(../images/jg.png) no-repeat 43% center;} .inform .cont{width:1100px;margin:20px auto 0;padding:16px 24px;background:#fff;border-radius:10px;filter:alpha(opacity=80);opacity:0.8;} .inform .cont p{line-height:180%;font-size:14px;} /**/ .wuqu {width:100%;max-width:1920px;background:url(../images/bj1.jpg) no-repeat center top;margin:20px auto 0;} .wuqu .title {overflow:hidden;text-align:center;height:76px;background: url(../images/process-title.png) center center no-repeat;} .wuqu .title h2 {font-weight:bold;width:400px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align:center;} .wuqu .title h2 a {font-size: 24px;} .wuqu .title h2 a:hover {color:#0099cc;} .wuqu .title h2 span {color:#FFD65B;} .wuqu .title em {color:#eee;width:1100px;display:block;margin:auto;font-size:10px;font-style:normal;} .wuqu .cont {height:360px;} .wuqu .cont div { width:171.5px;height:324px;text-align:center;float:left;background:#eee;padding:10px;margin-right:10px; -webkit-transition: all 0.20s linear 0.01s; -moz-transition: all 0.20s linear 0.01s; -ms-transition: all 0.20s linear 0.01s; -o-transition: all 0.20s linear 0.01s; transition: all 0.20s linear 0.01s; } .wuqu .cont div img { display: block; margin: 0 auto; border: 2px solid #333333; border-radius: 140px; width: 140px; } .wuqu .cont div:hover { background: #197ec4; } .wuqu .cont div:hover img { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .wuqu .cont div:hover a { color: #FFD65B; } .wuqu .cont div:hover small { color: #fff; } .wuqu .cont span { font-size: 16px; font-weight: bold; color: #00ccff; margin-top: 10px; display: block; margin-bottom: 10px; } .wuqu .cont a { color: #0099cc; font-size: 18px;} .wuqu .cont small { margin-top: 20px;font-size: 14px;line-height:180%; } .wuqunew{width:100%;margin:auto;height:auto;padding:36px 0 90px;background:#fff url(../images/worker.png) no-repeat right bottom;} .wuqunew .head{width:100%;height:70px;line-height:70px;text-align:center;background:url(../images/title-bg.png) no-repeat center;margin-bottom:48px;} .wuqunew .head h1{font-size:36px;margin-bottom:30px;font-style:normal;color:#0971b2;} .wuqunew .head p{color:#868686;font-size:15px;line-height:2em;} .wuqunew .box{width:100%;height:570px;position:relative;background:url(../images/circle_bg.jpg) center 0px no-repeat;} .wuqunew .box a{position:absolute;width:230px;background-repeat:no-repeat;height:90px;line-height:180%;border-bottom:0px solid #0971b2;font-size:14px;color:#535353;} .wuqunew .box a div{background:url(../images/kj.png) center 0px no-repeat;background-size:100% 100%;height:110px;padding:10px 16px 7px;} .wuqunew .box a b{padding-right:5px;color:#0971b2;font-size:16px;} .wuqunew .box a.icona{/*padding-left:88px;*/background-position:left center;} .wuqunew .box a.iconar{/*padding-right:88px;*/background-position:right center;/*text-indent:12px;*/} .wuqunew .box a i{position:absolute;} .wuqunew .box .a1{/*background-image:url(../images/icon1.png);*/left:901px;top:477px;width:298px;} .wuqunew .box .a2{/*background-image:url(../images/icon2.png);*/left:0px;top:477px;width:300px;padding-right:30px;} .wuqunew .box .a3{/*background-image:url(../images/icon3.png);*/left:0px;top:227px;width:220px;padding-right:30px;} .wuqunew .box .a4{/*background-image:url(../images/icon4.png);*/left:0px;top:9px;padding-right:20px;} .wuqunew .box .a5{/*background-image:url(../images/icon5.png);*/left:951px;top:9px;padding-left:20px;} .wuqunew .box .a6{/*background-image:url(../images/icon6.png);*/right:0px;top:227px;width:200px;padding-left:50px;} .wuqunew .box .a1 i{right:100%;top:-24px;margin-right:40px;background:url(../images/line4.png) center top no-repeat;width:165px;height:86px;} .wuqunew .box .a2 i{left:100%;top:-26px;margin-right:22px;background:url(../images/line2.png) center top no-repeat;width:165px;height:80px;} .wuqunew .box .a3 i{left:100%;top:29px;margin-left:-35px;background:url(../images/line3.png) center top no-repeat;width:165px;height:86px;} .wuqunew .box .a4 i{left:100%;top:32px;margin-left:0px;background:url(../images/line3.png) center top no-repeat;width:165px;height:86px;} .wuqunew .box .a5 i{right:100%;top:33px;margin-left:-17px;background:url(../images/line1.png) center top no-repeat;width:165px;height:80px;} .wuqunew .box .a6 i{right:100%;top:33px;margin-right:-37px;background:url(../images/line1.png) left top no-repeat;width:165px;height:80px;} .wuqunew .box a:hover{color:#26629a;} .wuqunew .box a:hover i, .wuqunew .box a.cur i{background-position:center bottom;} .wuqunew .linearr{position:absolute;left:50%;margin-left:-222px;top:35px;background:url(../images/linearr.png) center top no-repeat;width:442px;height:434px;} .wuqunew .pagearr{ background:url(../images/pagearr.png) no-repeat;width:39px;height:29px;position:absolute;top:1046px;left:50%;margin-left:-19px;cursor:default; -webkit-animation:shake 5s linear infinite;-moz-animation:shake 5s linear infinite;animation:shake 5s linear infinite; } /**/ .news{width:100%;max-width:1920px;clear:both;margin:auto;padding:0 0 20px;background-color:#197ec4;} .news .title{width:100%;height:198px;margin:auto;background:url(../images/title-bg-news.png) no-repeat center;} .news dl,.news dl dt,.news dl dd{position:relative;list-style:none;} .news dl{width:568px;border:1px solid #95a4c1;padding:0 10px;margin-bottom:10px;border-radius:5px;} .news dl a dt{height:36px;line-height:36px;overflow:hidden;font-size:16px;color:#fff;font-weight:bold;} .news dl a dd{height:50px;font-size:14px;color:#fff;line-height:180%;overflow:hidden;text-indent:2em;} .news dl:hover{border:1px solid #0971B2;} .news dl:hover a dt{color:#FFD65B;} .news a.more{display:block;width:200px;height:42px;line-height:42px;margin:20px auto 0;text-align:center;font-size:16px;color:#fff;background-color:#0788D8;border-radius:5px;} .news a.more:hover{background-color:#FFD65B ;} /**/ .partner {width:100%;max-width:1920px;margin:20px auto 0;} .partner .title {overflow:hidden;text-align:center;height:76px;background: url(../images/process-title.png) center center no-repeat;} .partner .title h2 {font-weight:bold;width:400px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align:center;} .partner .title h2 a {font-size: 24px;} .partner .title h2 a:hover {color:#007b5c;} .partner .title h2 span {color:#FFD65B;} .partner .title em {color:#eee;width:1100px;display:block;margin:auto;font-size:10px;font-style:normal; text-transform:uppercase;} .beian{background:#fff url(../images/beiangongan.png) no-repeat center;height:35px;padding-top:2px;width:100%;margin:auto;text-align:center;} .lxwm{background-color:#2466aa;} .lxwm .lxwm-head{width:100%;height:74px;background:url(../images/lxwm-head.jpg) no-repeat -1px center;} .lxwm .head{ width:100%;height:48px;line-height:48px;font-size:16px;color:#fff;border-radius:5px; background-color:#0598c2; /* background-image:-moz-linear-gradient(top , #31962d , #107637); background-image:-webkit-linear-gradient(top , #31962d , #107637); background-image:-o-linear-gradient(top , #31962d , #107637); background-image:-ms-linear-gradient(top , #31962d , #107637); background-image:linear-gradient(top , #31962d , #107637); */ } .lxwm .head span{display:inline-block;background:url(../images/lxwm-icon.png) no-repeat 15px center;text-indent:40px;} .lxwm .lxwm-box{height:400px;padding:10px;color:#fff;background:url(../images/lxwm-bg.png) no-repeat center bottom;background-size:100%;} .lxwm .lxwm-box h3{font-size:16px;padding-bottom:15px;} .lxwm .lxwm-box p{width:100%;height:32px;line-height:32px;font-size:13.5px;overflow:hidden;} .lxwm .lxwm-box p.tk2em{text-indent:56px;} .lxwm .lxwm-box p.tk3em{text-indent:70px;} .lxwm .lxwm-box img{width:110px;margin:auto;display:block;} /*污染物*/ .text_box{ line-height:30px; font-size:16px; color:#333;} .text_box a{ color:#0b8de0;} .text_box a:hover{ color:#0b8de0;} .txt-white{ color:#fff;} .txt-black{ color:#111;} .txt-red{ color:#ff2222;} .txt-green{ color:#48d318;} .txt-yellow{ color:#ffcd33;} .txt-orange{ color:#df6c10;} .txt-blue{ color:#128cc9;} .txt-darkblue{ color:#003f67;} .txt-yellowlight{ color:#ffcd33;} .con_recommend_products.pc{ background:#fff; margin-bottom:30px;} .con_recommend_products.pc .nr{ padding-left:20px;} .con_recommend_products.pc .item{ width:250px;} .con_recommend_products.pc .item .pic{ height:250px;} .con_recommend_products.pc .item.hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;behavior:url(../css/ie-css3.htc);zoom:1;} .radius-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;behavior:url(../css/ie-css3.htc);zoom:1;} .section_wuran{ padding:20px 15%; background:url(../images/bg_wuran.jpg) no-repeat center; background-size:cover;} .section_wuran .bt_01 { width:100%; padding:20px 40px;} .section_wuran .bt_01 .line{ width:90px;display: none;} .section_wuran .bt_01 .line i{ background-color:#ffcd33;} .section_wuran .bt_01 span{opacity:.5;filter: alpha(opacity=50);-khtml-opacity: .5;-moz-opacity: .5;} .slider_wuran .bd{} .slider_wuran .bd_item {} .slider_wuran .bd_item .title{ float:left; width:270px; height:150px; display:inline; margin-left:40px; padding-left:40px; background:url(../images/yellow_elm.png) no-repeat left center;} .slider_wuran .bd_item .title p{ height:30px; line-height:30px; font-size:20px;} .slider_wuran .bd_item .title h1{ height:90px; line-height:90px; font-size:60px; color:#fff;} .slider_wuran .bd_item .title .topfont{ height:90px; line-height:90px; font-size:60px; color:#fff;} .slider_wuran .bd_item .text_box{ float:left; width:355px; display:inline; margin-left:40px; padding-top:50px; padding-bottom:50px; color:#fff;} .slider_wuran .bd_item .text_box .style-3{ line-height:30px; height:30px; margin-bottom:10px;} .slider_wuran .bd_item .text_box .line{ width:20px; border-bottom:2px #fff solid; margin-bottom:10px;} @-webkit-keyframes rotate{ 0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}} @keyframes rotate{ 0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);} 100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1} } .slider_wuran .hd{ font-size:0; text-align:center; padding:30px 0;} .slider_wuran .hd .item, .slider_wuran .hd .dotline{ display:inline-block; *display:inline;*zoom:1; font-size:14px; vertical-align:top;} .slider_wuran .hd .dotline{ width:80px; height:57px; border-bottom:1px #aaa dashed; margin:0 10px;} .slider_wuran .hd .item{ position:relative; text-align:center; height:114px; width:114px;} .slider_wuran .hd .item p{ position:absolute; top:-30px; left:0; right:0; line-height30px; height:30px; color:#fff;} .slider_wuran .hd .item p em{ display:none; border-width:5px 5px 0 5px; border-color:#fff transparent transparent transparent; border-style:solid dashed dashed dashed; position:absolute; left:50%; margin-left:-5px; top:-5px;} .slider_wuran .hd .item .circle{ display:block; width:100px; height:100px; padding:5px;border:dashed 2px #aaa ;-webkit-animation-name:rotate;animation-name:rotate; -webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:8s;animation-duration:8s; } @-moz-document url-prefix() { /*兼容FF 解决 圆角虚线问题*/ .slider_wuran .hd .item .circle { border:0; width:104px; height:104px; background:url(../images/circle_xuline.png) no-repeat center; } } .slider_wuran .hd .item .circle2{ display:block; width:100%; height:100%; background:url(../images/pixel.gif) repeat;} .slider_wuran .hd .item .pic{ position:absolute; top:7px; left:7px; right:7px; bottom:7px;opacity:.5;filter: alpha(opacity=50);-khtml-opacity: .5;-moz-opacity: .5;} .slider_wuran .hd .item .pic img{ width:100%; height:auto;} .slider_wuran .hd .item.on p em{ display:block;} .slider_wuran .hd .item.on .circle{border-color: #fff ;-webkit-animation-duration:5s;animation-duration:5s;} .slider_wuran .hd .item:hover .circle{border-color: #fff;-webkit-animation-duration:2s;animation-duration:2s;} .slider_wuran .hd .item.on .circle2{ background:url(../images/alpha_white30.png) repeat;} .slider_wuran .hd .item.on .pic, .slider_wuran .hd .item:hover .pic{opacity:1;filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;} .bt_01{ padding:20px 0;} .bt_01 .txt-333,.bt_01 .txt-white{ font-size:32px; line-height:40px; padding:10px 0 10px;} .bt_01 .line{ border-bottom:1px #dbdbdb dotted; height:1px; display:inline-block;*display:inline;*zoom:1; width:180px;} .bt_01 .line i{ display:inline-block;*display:inline;*zoom:1; width:20px; height:2px; background:#128cc9;} .bt_01 .txt-aaa{ font-size:20px; font-family:Verdana, Geneva, sans-serif; line-height:30px; padding:5px 0;} .bt_01 .style-2{ font-size:20px; font-family:Verdana, Geneva, sans-serif; line-height:30px; padding:5px 0;} .bt_02{ padding:20px 0 20px;} .bt_02 .h2{ height:20px; line-height:20px; border-left:5px #128cc9 solid; padding-left:15px; font-size:20px;} .bt_02 h2{ height:20px; line-height:20px; border-left:5px #128cc9 solid; padding-left:15px; font-size:20px;} .bt_02 .h2 span{ font-size:14px; color:#aaa; margin-left:15px;} .section_main{ padding-top:20px;} .section_main .part-left{ width:840px; float:left;} .section_main .part-right{ width:340px; float:right;}