/*鏍峰紡鍒濆鍖�*/ *{ 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:1100px;margin-left:auto;margin-right:auto;} /*******************************************缃戠珯澶撮儴************************************/ .topheader{width:100%;height:36px;margin:auto;position:relative;background:#f8f8f8;border-bottom:1px solid #ddd;} .QRcode{width:100%;margin:auto;padding:10px 0 6px } .QRcodeLi{position:relative;z-index:900;} .QRcodeLi a{color:#000;} .QRcodeLi.active{z-index:900;} .QRfocus{margin:0 8px 0 5px;padding:0 16px 0 0;background:url(../images/header_arrow.png) no-repeat right center;color:#999;text-decoration:none;} .QRfocus i.mobile{background:url(../images/mobile.png) no-repeat 5px center;padding-left:20px;font-style:normal;} .QRcodeLi.active .QRfocus {background-image:url(../images/header_arrow_hover.png); color: #000;} .QRcodeBox{display:none;position:absolute;top:0;left:0;filter:alpha(opacity=80);opacity:.8;width:200px;height:229px;padding:25px 4px 4px;background:url(../images/qr_code_shadow.png) no-repeat center bottom;text-align:center;z-index:900;} .QRcodeBox a.codes img{width:196px;display:block;margin:2px auto;} .QRcodeBox .slink {display:block;cursor:default;color:#000;text-decoration:none;line-height:32px;font-size:18px;letter-spacing:4px;} /**/ .header{width:100%;height:120px;margin:auto;z-index:800;position:relative;background:#fff;} .header h1{float:left;width:664px;height:120px;display:block;position:relative;} .header .toptel{width:400px;height:120px;float:right;position:relative;} .header .toptel p,.header .toptel i{position:absolute;} .header .toptel p{left:80px;top:10px;font-size:14px;color:#1b9a31;} .header .toptel p span{padding:0;clear:both;font-size:18px;width:100%;font-family:Microsoft YaHei;font-weight:bold;} .header .toptel p b{font-size:20px;font-family:Impact;position:relative;top:2px;} .header .toptel i{background:url(../images/top-tel-icon.png) no-repeat left center;display:inline-block;width:70px;height:70px;left:0;top:30px;} .header .toptel em{position:absolute;top:20px;right:0;font-style:normal;border:1px solid #eee;width:76px;height:76px;} .header .toptel em img{width:76px;height:76px;} /*nav*/ .nav { width:100%;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;display:none;} .nav .lv2 a{display:block;width:137px;height:50px;line-height:50px;color:#fff;font-size:14px;text-align:center;border-bottom:1px solid #31962d;border-top:1px solid #107637;background:#014b01;} .nav .lv2 a:hover{background:#107637;text-decoration:none;} .mli{float:left;height:50px;background:url(../images/nav-space.jpg) no-repeat left center;position:relative;z-index:5;} a.mlink{display:block;width:137px;height:50px;line-height:50px;color:#fff;text-align:center;text-decoration:none;font-size:16px;} a.mlink.curr{background:#014b01;color:#fff;} a.mlink:hover{height:50px;line-height:50px;margin:0px auto;font-size:16px;color:#fff;display:block;text-decoration:none;outline:none;} /*banner*/ .banner {position:relative;width:100%;height:300px;overflow:hidden;margin:auto;} .banner ul{width:100% !important;} .banner li{height:300px;} .banner li a{display:block;width:335px;} .banner .bd li a{width:100%;height:320px;display:block;font-size:30px;} .banner .bd li i{font-style:normal;position:absolute;margin-top:210px;left:3%;color:#fff;} .banner .hd{width:100%;text-align:center;height:24px;position:absolute;bottom:10px;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;} /*jh-links*/ .jh-links{width:100%;margin:auto;background:#008d1d url(../../../front/default/public/image/jh-links-bg.jpg) repeat-x center bottom;padding:1em 0 1.5em;} .jh-links .links-box{width:1100px;margin:auto;background:url(../../../front/default/public/image/links-tag.png) no-repeat left top;text-indent:40px;} .jh-links .links-box a{font-size:16px;color:#fff;padding-left:10px;line-height:36px;} /**搴曢儴鏍峰紡*/ #copyright{width:100%;clear:both;height:240px;font-size:16px;padding:20px 0;} #copyright a{font-size:16px;} #copyright a:hover{color:#f60;} #copyright .spdcopy{width:1100px;margin:0 auto;} #copyright .spdcopy .scz{width:940px;float:left;text-align:left;line-height:200%;overflow:hidden;} #copyright .spdcopy .scy{width:150px;float:right;text-align:center;} #copyright .spdcopy .scy img{width:150px;height:150px;float:right;clear:both;} #copyright .spdcopy .scy i{font-style:normal;display:block;} /*float screen foot*/ .screen-float-bg{position:fixed;z-index:900;bottom:0;left:0;right:0;margin:auto;background:url(../images/screen-float-bg.png);height:50px;} .screen-float-menu {display:block;width:1100px;height:50px;margin:0 auto;padding:0;} .screen-float-bg .screen-float-menu>li{background-size:1px 100%, 1px 100%;background-position:1px center, 2px center;background-repeat:no-repeat;position:relative;text-align:center;float:left;width:50%;} .screen-float-bg .screen-float-menu li a {line-height:50px;display:block;text-align:center;color:#FFF;text-decoration:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);-webkit-box-flex:1;} .screen-float-bg .screen-float-menu li a label{padding:3px 0 0 3px;font-size:18px;overflow:hidden;cursor:pointer;} .screen-float-bg .screen-float-menu>li>a img {display:inline-block;height:20px;width:20px;margin-top:-2px;color:#fff;line-height:50px;vertical-align:middle; } .screen-float-bg .screen-float-menu>li>a:hover, .screen-float-bg .screen-float-menu>li>a:active {background-color:#ff7f00;} /*************************main css start***********************************/ /*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; font-family: "helveticaneuelt_std_med_cnRg", "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; clear: both; float: left; padding: 10px 10px 10px 0; text-transform: uppercase; } #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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -pie-lazy-init: false; outline: 0; width: 350px; } #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;} .w740{width:740px;} .mz40{margin-left:40px;} .mz10{margin-left:10px;} .p15{padding:15px;} .bgwhite{background:#fff;} .bgf9{background:#f9f9f9;} .gd{height:360px;overflow:hidden;} .jh-main{width:100%;margin:auto;} .jh-more{width:183px;height:44px;display:block;margin:auto;background:url(../images/more-project.png) no-repeat center;} .jh-more:hover{background:url(../images/more-project-lv.png) no-repeat center;} /**/ .mhd{width:100%;height:30px;border-bottom:1px solid #999;} .mhd .mtit{width:100px;height:30px;float:left;background:url(../images/dian1.gif) no-repeat left 6px;text-indent:15px;font-size:16px;color:#0ba900;border-bottom:1px solid #060;font-weight:bold;} .mhd .more{width:50px;height:30px;line-height:24px;text-align:right;float:right;text-transform:uppercase;} .mhd .more:hover a{color:#0ba900;} ul.m-news-date{list-style:none;clear:both;width:100%;margin-top:10px;} ul.m-news-date li{list-style:none;height:36px;line-height:36px;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;} /*jh-title*/ .jh-title{width:100%;height:auto;margin:auto;padding:5px 0;} .jh-title h3{display:block;width:100%;font-size:36px;text-align:center;} .jh-title h3 em,.jh-title h3 ins{font-style:normal;color:#f60;} .jh-title h3 em{font-size:60px;font-family:Tahoma, Geneva, sans-serif;} .jh-title h3 ins{font-size:45px;text-decoration:none;} .jh-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:6px;} .jh-title p{text-align:center;font-size:24px;color:#f60;position:relative;margin-top:15px;} .jh-title .line-title{width:100%;height:1px;margin:auto;background:url(../images/line-title.jpg) no-repeat center;padding:10px 0 10px;} /*jh-service-project five*/ .jh-service-project{width:1100px;margin:auto;} .jh-service-project .service-project-title{width:100%;height:auto;margin:auto;/*background:url(../images/service-project-title.png) no-repeat center;*/} .jh-service-project .service-project-title h3{display:block;width:100%;font-size:36px;text-align:center;} .jh-service-project .service-project-title h3 em{font-style:normal;font-size:60px;color:#f60;font-family:Tahoma, Geneva, sans-serif;} .jh-service-project .service-project-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:6px;} .jh-service-project .service-project-title p{text-align:center;font-size:24px;color:#f60;position:relative;margin-top:15px;} .jh-service-project .service-project-box{width:100%;height:480px;margin:auto;display:block;list-style:none;} .jh-service-project .service-project-box li{width:220px;float:left;list-style:none;} .jh-service-project .service-project-box li i{display:block;width:155px;height:178px;margin:auto;background:url(../images/service-project-icon.png) no-repeat top;} .jh-service-project .service-project-box li i.s-p1{background-position:left top;} .jh-service-project .service-project-box li i.s-p2{background-position:-207px top;} .jh-service-project .service-project-box li i.s-p3{background-position:-414px top;} .jh-service-project .service-project-box li i.s-p4{background-position:-621px top;} .jh-service-project .service-project-box li i.s-p5{background-position:right top;} .jh-service-project .service-project-box li dl{width:155px;display:block;margin:auto;list-style:none;} .jh-service-project .service-project-box li dl dt{text-align:center;color:#f60;font-size:20px;padding:1em 0;font-weight:bold;} .jh-service-project .service-project-box li dl dd{line-height:180%;color:#666;font-size:14px;} .jh-service-project .service-project-box li a{display:block;width:155px;height:100%;} .jh-service-project .service-project-box li a:hover dl dt{color:green;} .jh-service-project .service-project-box li a:hover dl dd{color:green;} /*jh-zhili-project*/ .jh-zhili-project{width:1100px;margin:auto;} .jh-zhili-project .zhili-project-title{width:100%;height:134px;margin:auto;background:url(../images/zhili-project-title.png) no-repeat center;} .jh-zhili-project .zhili-project-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:76px;} .jh-zhili-project .zhili-project-box{width:100%;height:180px;margin:auto;list-style:none;display:block;} .jh-zhili-project .zhili-project-box li{width:204px;height:160px;float:left;margin-right:20px;margin-bottom:20px;list-style:none;background:#34ac4d;} .jh-zhili-project .zhili-project-box li.nomr{margin-right:0;} .jh-zhili-project .zhili-project-box li:hover{background:#f60;} .jh-zhili-project .zhili-project-box li i{display:block;width:204px;height:160px;overflow:hidden;} .jh-zhili-project .zhili-project-box li i img{width:204px;height:160px;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .jh-zhili-project .zhili-project-box li i: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-zhili-project .zhili-project-box li div{width:275px;height:220px;color:#fff;position:relative;} .jh-zhili-project .zhili-project-box li div a{font-size:16px;color:#fff;} .jh-zhili-project .zhili-project-box li div em{font-style:normal;text-align:center;padding-top:2em;display:block;} .jh-zhili-project .zhili-project-box li div h3{font-weight:normal;text-align:center;padding:1em;font-size:16px;} .jh-zhili-project .zhili-project-box li div p{width:146px;height:34px;line-height:34px;text-indent:3em;margin:auto;background:url(../images/zx-white.png) no-repeat center;position:absolute;left:62px;bottom:24px;} */ /*jh-term-project*/ .jh-term-project{width:1100px;height:440px;margin:0em auto 2em;background:url(../images/term-project-bg.jpg) no-repeat left top;} .jh-term-project .term-project-box{width:590px;padding-top:120px;font-size:14px;line-height:200%;float:right;} /*jh-chengnuo-project*/ .jh-chengnuo-project{width:1100px;margin:auto;} /* .jh-chengnuo-project .chengnuo-project-title{width:100%;height:139px;margin:2em auto;background:url(../images/chengnuo-project-title.png) no-repeat center;} .jh-chengnuo-project .chengnuo-project-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:86px;} .jh-chengnuo-project .chengnuo-project-box{width:100%;height:708px;margin:0em auto;display:block;background:url(../images/chengnuo-project-bg.png) no-repeat center top;} .jh-chengnuo-project .chengnuo-project-box .c-k,.jh-chengnuo-project .chengnuo-project-box .c-k0{width:100%;height:190px;clear:both;margin:auto;} .jh-chengnuo-project .chengnuo-project-box .c-k0{height:204px;} .jh-chengnuo-project .chengnuo-project-box ul{margin:auto;display:block;list-style:none;} .jh-chengnuo-project .chengnuo-project-box ul li{width:344px;} .jh-chengnuo-project .chengnuo-project-box ul li i{font-style:normal;font-size:32px;color:#fed700;display:block;width:100%;text-align:center;} .jh-chengnuo-project .chengnuo-project-box ul li p{text-align:center;color:#fff;font-size:18px;} .jh-chengnuo-project .chengnuo-project-box .mz{margin-left:26px;} .jh-chengnuo-project .chengnuo-project-box ul.cn1{width:1081px;} .jh-chengnuo-project .chengnuo-project-box ul.cn2{width:714px;} */ .jh-chengnuo-project .chengnuo-project-box{width:100%;height:239px;margin:0em auto;display:block;background:url(../images/chengnuo-project-bg1.png) no-repeat center top;} .jh-chengnuo-project .chengnuo-project-box ul{width:1100px;height:239px;list-style:none;} .jh-chengnuo-project .chengnuo-project-box li{float:left;width:207px;height:239px;margin-right:16px;} .jh-chengnuo-project .chengnuo-project-box li.nomr{margin-right:0;} .jh-chengnuo-project .chengnuo-project-box li span{display:block;width:100%;height:105px;clear:both;} .jh-chengnuo-project .chengnuo-project-box li i{font-style:normal;font-size:18px;color:#fed700;display:block;width:100%;text-align:center;font-weight:bold;} .jh-chengnuo-project .chengnuo-project-box li p{text-align:center;color:#fff;font-size:12px;} .jh-chengnuo-project .chengnuo-project-box li a{display:block;width:207px;height:239px;} .jh-chengnuo-project .chengnuo-project-box li a:hover i,.jh-chengnuo-project .chengnuo-project-box li a:hover p{color:#f60;} /*jh-case-project*/ .jh-case-project{width:1100px;margin:auto;} .jh-case-project .case-project-title{width:100%;height:147px;margin:auto;background:url(../images/case-project-title.png) no-repeat center;} .jh-case-project .case-project-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:76px;} .jh-case-project .case-project-box{width:100%;height:520px;padding-bottom:1em;margin:auto;display:block;list-style:none;} .jh-case-project .case-project-box li{list-style:none;float:left;width:204px;height:160px;overflow:hidden;margin-bottom:20px;margin-right:20px;position:relative;} .jh-case-project .case-project-box li.nomr{margin-right:0;} .jh-case-project .case-project-box li .d1{overflow:hidden;width:200px;height:156px;padding:1px;border:1px solid #efefef;margin:auto;} .jh-case-project .case-project-box li .d1 img{width:200px;height:156px;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .jh-case-project .case-project-box li .d2{width:200px;height:0px;background:url(../images/hover-bg.png) left top repeat;overflow:hidden;position:absolute;left:3px;bottom:3px;z-index:100;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .jh-case-project .case-project-box li .d2 b{width:90%;height:80px;line-height:20px;overflow:hidden;color:#fff;font-weight:normal;display:block;margin:2em auto 0;text-align:center;} .jh-case-project .case-project-box li .d2 b a{font-size:16px;color:#fff;} .jh-case-project .case-project-box li .d2 b a:hover{color:#f00;} .jh-case-project .case-project-box li .d2 .d3{width:142px;height:36px;margin:0 auto;position:absolute;left:29px;bottom:2m;} .jh-case-project .case-project-box li .d2 .d3 a{width:140px;height:24px;line-height:24px;font-size:16px;color:#fff;text-align:center;border:1px solid #fff;display:block;background:#090;} .jh-case-project .case-project-box li .d2 .d3 a:hover{background:#e60012;color:#fff;} .jh-case-project .case-project-box li:hover .d2{height:160px;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} /*jh-ryzz-project*/ .jh-ryzz-project{width:100%;margin:1em auto;} .jh-ryzz-project .ryzz-project-title{width:100%;height:130px;margin:auto;background:url(../images/ryzz-project-title.png) no-repeat center;} .jh-ryzz-project .ryzz-project-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:76px;} .jh-ryzz-project .ryzz-project-box{width:1100px;height:220px;padding:2em 0;margin:0em auto 2em;display:block;list-style:none;} .Team_show{width:1100px;height:220px;margin:auto;position:relative;} .Team_show ul,.Team_show ul li{list-style:none;margin:0;padding:0;} .Team_show .move_left,.Team_show .move_right{width:50px;height:80px;margin-top:70px;overflow:hidden;cursor:pointer;} .Team_show .move_left{float:left;background:url(../images/imgPlayer.png) no-repeat right top;} .Team_show .move_right{float:right;background:url(../images/imgPlayer.png) no-repeat left top;} .Team_show .ts_warp{width:930px;height:220px;float:left;margin-left:35px;} .Team_show .ts_warp li{width:220px;float:left;margin-right:16px;position:relative;} .Team_show .ts_warp li .neirong{width:220px;height:220px;} .Team_show .ts_warp li .neirong a{width:210px;height:210px;display:block;padding:4px;border:1px solid #d4d4d4;background:#fff;overflow:hidden;} .Team_show .ts_warp li .neirong img{width:210px;height:210px;} .Team_show .ts_warp li .neirong a:hover{border:1px solid #060;} .Team_show .ts_warp li p{width:210px;height:0px;background:url(../images/hover-bg.png) left top repeat;overflow:hidden;position:absolute;left:5px;bottom:5px;z-index:100;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .Team_show .ts_warp li:hover p{height:210px;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;} .Team_show .ts_warp li:hover p a{display:block;width:100%;height:100%;position:relative;} .Team_show .ts_warp li:hover p i,.Team_show .ts_warp li:hover p em{display:block;margin:auto;position:absolute;color:#fff;font-size:16px;font-style:normal;text-align:center;} .Team_show .ts_warp li:hover p i{width:90%;left:5%;top:50px;line-height:180%;} .Team_show .ts_warp li:hover p em{width:60%;height:32px;line-height:32px;border:1px solid #f60;color:#f60;left:20%;top:140px;} /*video-box*/ .video-box{width:1100px;height:413px;margin:auto;} .video-box .video{width:549px;height:413px;background:url(../images/video-bg.png) no-repeat center;position:relative;} .video-box .video div{position:absolute;top:20px;left:50px;width:446px;height:252px;} /*jh-about-project*/ .jh-about-project{width:100%;margin:1em auto;} .jh-about-project .about-project-title{width:100%;height:155px;margin:auto;background:url(../images/about-project-title.png) no-repeat center;} .jh-about-project .about-project-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:86px;} .jh-about-project .about-project-title p{color:#f60;text-align:center;font-size:16px;} .jh-about-project .about-project-box{width:1100px;margin:2em auto;display:block;} .jh-about-project .about-project-box .aboutus{clear:both;background:#fcfcfc;padding:15px;height:620px;overflow:hidden;} .jh-about-project .about-project-box .aboutus .company{width:310px;margin:auto;position:relative;} .jh-about-project .about-project-box .aboutus .company img{width:310px;height:170px;position:relative;} .jh-about-project .about-project-box .aboutus .company i{position:absolute;top:0px;left:0px;height:24px;line-height:24px;padding:3px 8px 3px 5px;background:#f26c23;color:#fff;border-bottom-right-radius:10px;font-style:normal;} .jh-about-project .about-project-box .aboutus .introduce{line-height:200%;overflow:hidden;height:450px;position:relative;color:#666;font-size:14px;} .jh-about-project .about-project-box .aboutus dl{list-style:none;display:block;clear:both;height:70px;padding-top:1em;} .jh-about-project .about-project-box .aboutus dl p{display:block;width:100%;height:35px;} .jh-about-project .about-project-box .aboutus dl p i,.jh-about-project .about-project-box .aboutus dl p ins{font-style:normal;} .jh-about-project .about-project-box .aboutus dl p i{position:relative;padding-left:18px;overflow:hidden;font-size:14px;background:url(../images/icon-007.gif) no-repeat left 6px;} .jh-about-project .about-project-box .aboutus dl p ins{position:relative;float:right;text-decoration:none;font-style:normal;color:#999;text-align:right;} .jh-about-project .about-project-box .aboutus dl dt{display:block;width:90px;height:70px;float:left;} .jh-about-project .about-project-box .aboutus dl dt img{width:84px;height:64px;border:1px solid #dfdfdf;padding:2px;} .jh-about-project .about-project-box .aboutus dl dd{width:610px;height:70px;overflow:hidden;float:right;line-height:180%;color:#999;text-indent:2em;} .jh-about-project .about-project-box .aboutus dl p:hover i{color:#0ba900;} .jh-about-project .about-project-box .aboutus dl dd:hover{color:#0ba900;} .jh-about-project .about-project-box .aboutus dl dt:hover img{border:1px solid #0ba900;} /*jh-process-project*/ .jh-process-project{position:relative;width:1100px;height:270px;margin:auto;} .jh-process-project .process-project-title{width:100%;height:138px;margin:auto;background:url(../images/process-project-title.png) no-repeat center;} .jh-process-project .process-project-title i{font-style:normal;text-align:center;text-transform:capitalize;color:#ccc;display:inline-block;font-size:14px;width:100%;position:relative;margin-top:76px;} .jh-process-project .box-process{width:85px;height:80px;float:left;font-size:12px;color:#000;line-height:22px;text-align:center;} .jh-process-project .box-process span{display:block;height:45px;} .jh-process-project .box-process img{width:85px;height:80px;} .jh-process-project .r_arow{width:60px;height:80px;float:left;background:url(../images/r_arow.jpg) center center no-repeat;} .jh-process-project .l_arow{width:60px;height:80px;float:left;background:url(../images/l_arow.jpg) center center no-repeat;} .jh-process-project .down_arow{width:1100px;height:50px;margin:10px auto;background:url(../images/down.jpg) 979px center no-repeat;} /*jh-box*/ .jh-box{margin-bottom:20px;background:#fff;} .jh-box .head{height:30px;border-bottom:solid 1px #EAEAEA;position:relative;} .jh-box .head ul{} .jh-box .head ul li{float:left;color:#EAEAEA;} .jh-box .head ul li a{color:#666;font-size:16px;padding:10px 0px 9px;margin:0px 10px;border-bottom:solid 3px #060;} .jh-box .head ul li.last a{border-right: 0;} .jh-box .head ul li a.cur{color: #DD7657;} .jh-box .cont{padding:20px 0;} .article-list{margin-top:20px;} .article-list li{margin-bottom:18px;list-style:none;overflow:hidden;} .article-list .art-title{display:block;line-height:20px;font-size:15px;color:#393839;margin-bottom:4px} .article-list .art-title:hover{color:#f26c23} .article-list .pic{margin-right:15px} .article-list .pic img{display:block;max-width:100px !important;border-radius:5px;} .article-list .show{overflow:hidden;font-size:16px} .article-list .show p{color: #999;font-size: 12px;} /* Follow Us */ .followus{margin:20px 0px 20px; background:#fff;} .followus ul{margin:0;padding:0;} .followus ul li{float:left;width:119px;position:relative;} .followus ul li img{width:115px;height:115px;display:block;margin:auto;} .followus ul li i{display:block;width:115px;height:32px;line-height:32px;margin:auto;text-align:center;font-style:normal;font-size:14px;} .followus ul li i span{color:#F60;} /********************************浠ヤ笅鏄暣绔機MS閮ㄥ垎**********************************/ .MainDivTable{height:auto;zoom:1;width:1100px;margin:24px auto 0;} .MainDivTable .Main{width:800px;float:right;border:1px solid #eee;} .MainDivTable .Side{width:270px;text-align:left;float:left;border:1px solid #eee;} .MainDivTable .Side .dragTable{float:left;clear:both;margin-bottom:10px;} .MainDivTable .dragTable{width:100%;margin-top:0px;overflow:hide;} .MainDivTable .dragTable .head{height: 28px; border-bottom: solid 1px #EAEAEA;} .MainDivTable .dragTable .head .L{width:0px;height:47px;float:left;} .MainDivTable .dragTable .head .R{width:0px;height:47px;float:left;} .MainDivTable .dragTable .head .TAG{float:left;color: #666;font-size: 16px; padding: 10px 0px 9px; margin: 0px 10px; border-bottom:solid 3px #f26c23;} .MainDivTable .dragTable .head .TAG a{font-size:17px;} .MainDivTable .dragTable .more{float:right;color:#666;} .MainDivTable .dragTable .more a{color:#666;} .MainDivTable .dragTable .middle{height:50px;line-height:24px;clear:both;position:relative;text-align:left;} #column-bg-pic{width:100%;height:240px;margin:auto;overflow:hidden;clear:both;} /*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 , #02c650 , #03ab46); background-image:-webkit-linear-gradient(top , #02c650 , #03ab46); background-image:-o-linear-gradient(top , #02c650 , #03ab46); background-image:-ms-linear-gradient(top , #02c650 , #03ab46); background-image:linear-gradient(top , #02c650 , #03ab46); } .spdcms .spdnav a:hover{ 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); cursor:pointer; } .spdcms .spdmore{clear:both;height:36px;padding-top:10px;font-size:14px;color:#333;padding-top:2em;} .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:#dc5f0d!important; border-radius:18px; 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)!important; } .sidenav{width:100%;margin:1em auto 0;height:auto !important;text-align:center;} .sidenav 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;width:200px;background:#03ab46; background-image:-moz-linear-gradient(top , #02c650 , #03ab46); background-image:-webkit-linear-gradient(top , #02c650 , #03ab46); background-image:-o-linear-gradient(top , #02c650 , #03ab46); background-image:-ms-linear-gradient(top , #02c650 , #03ab46); background-image:linear-gradient(top , #02c650 , #03ab46); } .sidenav a:hover{ 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); cursor:pointer;background:#dc5f0d; } /*鍒嗛〉*/ .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:#fff;background:#060;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{display:none;} .MainDivTable #view_article .middle{height:auto;zoom:1;margin-top:24px;padding:0px 15px;} .MainDivTable #view_article .main_title{margin-bottom:15px;font-size:30px;color:#000;font-weight:900;text-align:center;} .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:block;} /*鎺у埗鍐呭椤电殑鍥剧墖锛屼笉鑳借秴杩�1100鍍忕礌*/ .MainDivTable #view_article .content img,.MainDivTable .content_word img { max-width:770px; height:auto; zoom:expression( function(elm) { if (elm.width>700) { var oldVW = elm.width; elm.width=770; elm.height = elm.height*(770 /oldVW); } }(this)); } .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:15px;} /*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(../../front/default/public/image/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:100px;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;} /*鍥剧墖骞荤伅鐗囧睍绀�*/ #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:30%;height:180px;float:left;position:relative;position:relative;} .tuwen .twpic img{width:100%;height:100%;} .tuwen .twpic a.image{position:relative;} .tuwen .twcot{height:180px;float:right;position:relative;width:68%;} .tuwen .twcot .title{font-size:1.4rem;font-weight:500;} .tuwen .twcot .title a{font-size:1.4rem;font-weight:500;color:#1766b7;} .tuwen .twcot .info{line-height:150%;padding-top:6px;} .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:120px;font-size:14px;line-height:180%;margin-top:10px;text-align:left;color:#666;overflow:hidden;position:relative;} .tuwen .twcot .intro a{width:126px;height:42px;display:block;position:absolute;right:0;bottom:0;background:#c0c0c0 url(../images/more.png) no-repeat right center;} .tuwen .twcot .intro a:hover{background:#090 url(../images/more.png) no-repeat right center;} .tuwen .twcot .twmore{clear:both;height:22px;line-height:22px;} .tuwen .twcot .twmore a{display:block;width:60px;height:22px;float:right;background:#09F;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 center;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 center;} .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:0 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:246px;overflow:hidden;position:relative;} .showart-list-pic34 ul li .photo,.showart-list-pic43 ul li .photo{width:246px;overflow:hidden;} .showart-list-pic34 ul li .photo img,.showart-list-pic43 ul li .photo img{width:246px;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:246px;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:246px;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:246px;overflow:hidden;position: absolute;background:#000;top:0;left:0;} .showart-list-pic34 .text,.showart-list-pic43 .text{position:absolute;width:246px;left:-246px;top:0;overflow:hidden;} .showart-list-pic34 .text h3,.showart-list-pic43 .text h3{width:246px;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:246px;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:120px;} /*鍥剧墖姣斾緥鍩烘湰涓哄锛�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:80px;} /*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:246px;height:232px;overflow:hidden;position:relative;} .showart-list-video ul li .spphoto{width:246px;height:191px;margin-bottom:1px; overflow:hidden;} .showart-list-video ul li .spphoto img{width:246px;height:191px;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:241px;height:40px;padding-right:5px;overflow:hidden;line-height:40px;color:#333;text-align:left;font-size:16px;text-indent:32px;background:url(../images/vp1.jpg) #fff no-repeat 8px center;} .showart-list-video ul li a{width:246px;height:232px;display:block;transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;} .showart-list-video ul li a:hover{background:#fff;} .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:246px;height:191px;overflow:hidden;position:absolute;background:#000;top:0;left:0;} .showart-list-video .sptext{position:absolute;width:71px;height:71px;top:-90px;left:108px;overflow:hidden;background:url(../images/video-list.png) no-repeat;} /*video type css list col=3*/ .showsp{width:100%;margin:0 auto;overflow:hidden;} .showsp ul{width:100%;display:block;margin:auto;} .showsp ul li{float:left;margin-right:10px;margin-bottom:16px;display:inline;width:360px;height:309px;overflow:hidden;position:relative; } .showsp ul li .sphoto{width:360px;height:255px;margin-bottom:1px;overflow:hidden;} .showsp ul li .sphoto img{transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;} .showsp ul li .sititle{width:360px;height:53px;line-height:52px;color:#333;text-align:left;font-size:16px;text-indent:50px;background:url(../images/vp2.jpg) #E5E5E5 no-repeat 20px center;} .showsp ul li a{width:360px;height:309px;display:block;transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;} .showsp ul li a:hover{background:#fff;} .showsp 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);} .showsp ul li.spwu{margin-right:0;} .showsp .srsp{width:360px;height:255px;overflow:hidden;position:absolute;background:#000;top:0;left:0;} .showsp .stext{position:absolute;width:71px;height:71px;top:-92px;left:155px;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:1100px;margin:0 auto;clear:both;} #keclist ul{width:1100px;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;}