.title_top .sobtitle p span@charset "utf-8"; /*==========@@HTML默认 开始@@==========*/ /*基本*/ body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;} input,button,ul,ol{margin:0px;padding:0px;} body,input,button,form,textarea{font-size:14px; line-height:28px; font-family: "microsoft yahei", "Arial Black"; color:#333;} h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight:normal;} ul,ol{list-style:none;} img{border:0px; display: block;margin:0; padding:0;} em,i,strong{ font-style:normal; } button,input,select,textarea{font-size: 100%;} table {border-collapse: collapse;border-spacing:0;} body{ background:#fff;} *{padding:0px; margin:0px } div{ margin:0; padding:0; border:0;} p{ margin:0;} b,strong {font-weight: bold;} table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/} li{ list-style: none outside none;} html{ min-width:1446px; } /*链接*/ a{ text-decoration:none; color:#333; background: transparent; outline:none;cursor:pointer ;} a:focus { outline:none; } a:hover,a:active{ color:#015198; text-decoration:none; } a:visited{text-decoration:none;} /*表单*/ form {margin: 0;} button,input,select,textarea { font-size: 100%; /* Correct font size not being inherited in all browsers. */ margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */ vertical-align: baseline; /* Improve appearance and consistency in all browsers */ *vertical-align: middle; /* Improve appearance and consistency in all browsers */ outline:none; } button,select {text-transform: none;} input{ line-height: normal; border:none;} textarea{ -moz-box-sizing: border-box; background: #dddddd;border: 1px solid #999999;width:99%;} fieldset{display: block;-webkit-margin-start: 2px;-webkit-margin-end: 2px;-webkit-padding-before: 0.35em;-webkit-padding-start: 0.75em;-webkit-padding-end: 0.75em;-webkit-padding-after: 0.625em;min-width: -webkit-min-content;border-width: 2px;border-style: groove;border-color: threedface;border-image: initial;} /*其它*/ blockquote {margin: 1em 40px;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;} code, kbd, pre, samp {font-size: 1em;} pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; } small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/} sup {top: -0.5em;} sub {bottom: -0.25em;} dd {margin:0;} audio:not([controls]) {display: none; height: 0;} /*==========@@HTML默认 结束@@==========*/ /*==========@@通用 开始@@==========*/ /*常用颜色*/ .red {color: #F00 !important;} /*清除浮动*/ .clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0; } .clearfix{*zoom:1;} .clear { clear:both; } .fl,.left{ float:left;} .fr,.right{ float:right;} /*其它*/ .hidden{ display:none;} /*必须输入，主要*/ .required{ color:red; font-weight:bold;} .form_text_verifycode { width:80px; } .form_radio{ width:auto; border:0;} .form_checkbox{ width:auto; border:0} /*网站公用样式表*/ .w1200{width:1200px;margin:0 auto;} .por{position: relative;} .poa{position: absolute;} .icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;} .icon2{background:url(../images/icon2.png) no-repeat; display:inline-block; vertical-align:middle;} #banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;} .trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;} /*top*/ #top_main{max-width:1920px;margin:0 auto;} #top_main #top{height:90px;position:relative;box-sizing:border-box; padding:0 40px;z-index: 11;min-width: 1300px; border-top:#015198 solid 2px; z-index:55;} #top_main #top .logo{display:block;vertical-align: middle; width:330px;height:90px; position:absolute; left:0; top:-2px;} #top_main #top .logo a{ display:block; width:330px;height:90px; background:url(../images/logo_bj.png) center center no-repeat;} #top_main #top .logo .weblogo{display: block; width:123px;height:48px;vertical-align: middle; margin-left:50px; margin-top:22px;} #top_main #top .top_r{width:980px;position:relative; margin-right:120px;} #top_main .search_main{position:relative;} #top_main .search_icon{position:absolute;top:26px;right:0px;width:40px;height:40px;background-position:-130px -16px;cursor:pointer;z-index:99;} #top_main .search{ /*display: none;*/ width: 200px; height: 40px; position: absolute; top: 63px; right: 15px; z-index: 9;} #top_main .search .txt{ background: #eee; color: #999; font-size: 12px; width: 0px; height: 38px;line-height:38px; position: absolute; right: 38px; top: 0px; text-indent: 1em;border-radius:20px;} #top_main .search .btn{margin-right: 0px;position:absolute; top:-36px;right:-15px;width:42px;height:40px;font-size:0px;background-position:-130px -16px;cursor:pointer;} #top_main .search_icon:hover{opacity:0.8;filter:alpha(opacity=80);} #top_main #searcher{background: #eee; color: #999; font-size: 12px; width: 0px; height: 40px;line-height:40px; position: absolute; right: -6px; top: -36px; text-indent: 1em;border-radius:20px;} #top .header_search{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin-top: 25px; height:40px;} #top .header_search .search_btn{width:40px; height: 40px; cursor: pointer;background: url(../images/search.png) no-repeat center center; border-radius:20px;} #top .header_search .search_btn:hover{opacity:.8;filter:alpha(opacity=80);} #top .header_search .search_main{position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 0px; top:72px; overflow: hidden; background: #fff;} #top .header_search .search_box{width:280px;height:40px;margin-top:20px;margin-left:40px;background:url(../images/search_main.png) no-repeat bottom center;} #top .header_search .search_box input{background-color: none; border: none;} #top .header_search .search_box .stxt{width: 240px; height: 40px;line-height: 40px; display: block; text-indent: 10px;color:#999; background-color:transparent;} #top .header_search .search_box .sbtn{width: 40px; height: 40px; display: block; cursor: pointer;background: url(../images/search1.png) no-repeat center center;} #top .header_search.addy .search_main{width: 360px;} #top .header_search.addy .search_btn{ background: url(../images/search2.png) no-repeat center center;} .tel_main{ margin-right:30px; margin-top:24px;} .tel_main .icon{ display:block; float:left; width:40px; height:40px; background-position:0px -118px; margin-top:4px;} .tel_main p{ float:left; font-size:24px; color:#333; font-family:"Arial"; padding-left:10px; line-height:24px;} .tel_main p .tel_e{ display:block;font-size:20px; color:#333; font-family:"Arial"; line-height:20px;} /*nav*/ #nav{width:100%;height: 40px;padding-top:26px;} #nav ul{display:block;width:100%;} #nav li{float:left;display:block;height:62px;font-size:14px;text-align:center;line-height:40px;margin-right:8px;position: relative;} #nav li9{ margin-right:0;} #nav li a{display:block;margin-top:1px;text-align:center;position: relative;height:33px;color: #000;line-height:33px; font-size:16px; padding:0 20px;} #nav li a:hover,#nav li.hover a{height:33px;color: #fff; background-color:#015198; border-radius:4px;} #nav li ul { position: absolute; left: 0px; top:60px; z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width:100%; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); margin-right:0;} #nav li:hover ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align:center;} #nav li ul li { display: block; clear: left; width:100%; background: none; height: 36px; background-color: #fff; border-bottom: #dddddd solid 1px; line-height: 45px; margin: 0; padding:0;text-align: center; margin-right:0; } #nav li ul li a{font-size:14px; padding:0;} #nav li ul li a,#nav li.hover ul li a{ background-color:#fff; color:#333;} #nav li ul li:hover a,#nav li ul li.hover a{ color:#fff;background-color:#009b4d; } #nav li ul li:hover a{background-color:#009b4d;background:none;color: #015198;} /* banner */ #banner_main{overflow:hidden;max-width:1920px;margin:0 auto;min-width:1300px;} #banner_main .banner {height:630px;} #banner{width:100%;min-width:1300px;position:relative;overflow:hidden;} #banner, .banner ul{width:100%;overflow:hidden;} .banner li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;} .banner li:first-child{display:block;} .banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;} #banner .tip {width:400px; border-radius:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-200px;bottom:40px;z-index:13; } #banner .tip span{width:30px;height:3px;margin:0 8px;display:inline-block;font-size: 0;cursor: pointer; background-position:-130px -0px; margin-top:10px; } #banner .tip span.cur{background-position:-130px -5px; width:50px;} #banner #btn_prev,#banner #btn_next{width:50px;height:50px;position:absolute;top:290px;z-index:5;} #banner #btn_prev{background-position:-0px -0px;left:5%;} #banner #btn_next{background-position:-62px -0px;right:5%;} #banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);left: 5%;background-position:-0px -51px;} #banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);right: 5%;background-position:-62px -51px;} /*banner end*/ :-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999; opacity:1;} ::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999;opacity:1;} input:-ms-input-placeholder{color: #999;opacity:1;} input::-webkit-input-placeholder{color: #999;opacity:1;} .bottom_main{width:100%; background-color:#1b1d21; position:relative; z-index:1;clear: left; padding-bottom: 30px;} .bottom_main .bottom_nav{ width:700px; display:inline-block; margin-top:74px; margin-left:100px;} .bottom_main .bottom_nav ul{ width:120px; text-align:left; float:left; margin-right:40px;} .bottom_main .bottom_nav ul i{ display:block; width:20px; height:1px; background-color:#666; margin-bottom:6px; margin-top:6px;} .bottom_main .bottom_nav ul li{ line-height:30px;} .bottom_main .bottom_nav ul li h3{ padding-bottom:8px;} .bottom_main .bottom_nav ul li h3 a{ display:block; font-size:18px; color:#fff;} .bottom_main .bottom_nav ul li a{ display:block; font-size:14px; color:#b7bbc2;} .bottom_main .bottom_nav ul li a:hover{color: #fff;} .bottom_main .bottom_nav ul:nth-child(6){ margin-right:0;} .bottom_main .bottom_nav ul:first-child+li+li+li+li+li{ margin-right:0;} .bottom_main .bottom_tit{ padding-top:80px;} .bottom_main .bottom_tit .r1{ width:153px;} .bottom_main .bottom_tit .r1 p{ width:153px;} .bottom_main .bottom_tit .r1 p img{ width:153px; height:60px;} .bottom_main .bottom_tit .r1 p span{ font-size:12px; color:#666; display:block;padding-top:10px; line-height:20px; } .bottom_main .bottom_tit .r2{ height:22px; margin-top:20px;} .bottom_main .bottom_tit .r2 p{ width:22px; height:22px; background-position:-130px -66px; float:left;} .bottom_main .bottom_tit .r2 em{ display:block; font-size:26px; color:#fff; float:left; padding-left:10px; font-family:"Arial"; line-height:26px; font-weight:bold;} .bottom_copy{ height:45px; background-color:#101215; line-height:45px; font-size:12px; color:#cccccc;} .bottom_copy span{ padding-left:10px;} .bottom_copy a{ display:inline-block; font-size:12px; color:#ccc;} .bottom_copy a:hover{ color:#fff;} .bottom_ewm{ width:140px; text-align:center; margin-top:80px;} .bottom_ewm b{ display:block; width:140px; height:140px; background-color:#8b8c90;} .bottom_ewm b img{ width:120px; height:120px; padding-top:10px; margin-left:10px;} .bottom_ewm p{ color:#ccc; padding-top:8px;} /*index*/ .index{position:relative;} .index .title{padding-top:80px;} .index .title .tit{font:normal 26px "microsoft yahei";color:#333;text-align:center;} .index .title .entit{font:normal 14px "AvantGarde Bk BT";color:#999;text-align:center;} .index .learnMore{display:block;width:130px;height:32px;margin-top:30px;font:normal 12px arial;color:#333;line-height:32px;text-align:center;background:url("../images/learnMore.png") no-repeat;transition:all ease 600ms;} .index .learnMore:hover{color:#fff;background:url("../images/learnMore1.png") no-repeat;transition:all ease 600ms;} .index #floor_1_main{position:relative;padding-bottom:60px;} .index .wBg{position:absolute;bottom:0;left:58px;width:650px;height:292px;background:url("../images/wBg.png") no-repeat;z-index:3;} /**/ .floor_1_main{ height:724px; background:url(../images/a15_02.jpg) center center no-repeat; width:100%; margin-top:50px;} .in_title{ padding-top:78px; text-align:center; width:1200px; height:30px; text-align:center;} .in_title p{ display:inline-block;} .in_title p i{ display:block; float:left; width:25px; height:27px; background:url(../images/g1_03.png) center center no-repeat; margin-top:3px;} .in_title p span{ display:block; float:left; font-size:30px; color:#333; line-height:30px; font-weight:bold; padding-left:12px;} .case_main .parHd { height:45px; width:1200px; text-align:center; margin-top:20px;} .case_main .parHd ul{ display:inline-block; height:45px;} .case_main .parHd ul li{ float:left; width:182px; height:45px; margin-right:21px; text-align:center; line-height:45px;} .case_main .parHd ul li:nth-child(6){ margin-right:0;} .case_main .parHd ul li:first-child+li+li+li+li+li{ margin-right:0;} .case_main .parHd ul li a{ display:block; background:url(../images/a3_03.png) center center no-repeat;width:182px; height:45px; color:#333;} .case_main .parHd ul li a:hover,.case_main .parHd ul li.on a{background:url(../images/a3_05.png) center center no-repeat; color:#fff;} .case_main .slideBox{ width:1200px; position:relative; margin-top:40px;} .case_main .slideBox ul{ display:inline-block;} .case_main .slideBox ul li{ float:left; width:350px; margin-right:72px;} .case_main .slideBox ul li em{ display:block; font-family:"Arial";font-size:16px; padding-top:16px; display:block; height:20px; line-height:20px; color:#666;} .case_main .slideBox ul li h3{ font-size:18px; color:#000; line-height:18px; padding-top:24px; border-bottom:#dddddd solid 1px; height:106px;} .case_main .slideBox ul li h3 span{ display:block; padding-top:14px; font-size:14px; color:#999; line-height:24px;} .case_main .slideBox ul li p{ width:350px; height:197px; overflow:hidden;} .case_main .slideBox ul li p img{ width:350px; height:197px; background-size:100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .case_main .slideBox ul li:hover p img{transform: scale(1.06, 1.06);} .case_main .slideBox ul li:hover h3{ color:#0068c4;} .case_main .slideBox ul li:hover p span{background-position:0px -367px;transition:all ease 600ms;} .case_main .slideBox .sPrev{ width:65px; height:65px; background-position:0px -208px; position:absolute; left:-132px; top:150px;transition:all ease 600ms;} .case_main .slideBox .sNext{ width:65px; height:65px; background-position:-72px -208px; position:absolute; right:-132px; top:150px;transition:all ease 600ms;} .case_main .slideBox .sPrev:hover{ width:65px; height:65px; background-position:0px -278px; position:absolute; left:-132px; top:150px;transition:all ease 600ms;} .case_main .slideBox .sNext:hover{ width:65px; height:65px; background-position:-72px -278px; position:absolute; right:-132px; top:150px;transition:all ease 600ms;} .genduo{ margin-top:36px; text-align:center;} .genduo a{ display:inline-block; width:300px; height:45px; background:url(../images/a2_03.jpg) center center no-repeat; font-size:14px; color:#fff; line-height:45px;} .genduo:hover{ margin-top:32px;transition:all ease 200ms;} /**/ .floor_2_main{ background-color:#f5f5f5; width:100%; margin-top:70px;} .floor_2{ width:1200px; margin-top:40px; padding-bottom:50px; height:521px;} .floor_2 .floor_2_1{ float:left; width:550px; } .floor_2 .floor_2_1 ul{ width:550px;} .floor_2 .floor_2_1 ul li{ display:block; height:108px; width:550px; margin-bottom:26px;} .floor_2 .floor_2_1 ul li h3{ font-size:20px; line-height:20px; background:url(../images/g3_03.png) left center no-repeat; padding-left:28px;} .floor_2 .floor_2_1 ul li em{ display:block; font-size:14px; color:#999; line-height:22px; height:56px; margin-top:14px;} .floor_2 .floor_2_1 ul li p{ height:14px;width:550px; display:block; position:relative;} .floor_2 .floor_2_1 ul li p span{ display:block; font-size:14px; line-height:14px;color:#999;} .floor_2 .floor_2_1 ul li p i{ display:block; position:absolute; left:100px; width:450px; height:1px; background-color:#d1d1d1; top:8px;} .floor_2 .floor_2_1 ul li p b{ display:block; position:absolute; left:100px; width:0px; height:1px; background-color:#015198; top:8px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .floor_2 .floor_2_1 ul li:hover p b{ width:450px;} .floor_2 .floor_2_2{ float:right; width:600px;height:521px; position:relative;} .floor_2 .floor_2_2 .bd{ width:600px; height:521px;} .floor_2 .floor_2_2 .bd ul{ display:inline-block;} .floor_2 .floor_2_2 .bd ul li{ width:600px; height:521px; float:left;} .floor_2 .floor_2_2 .bd ul li b{ display:block; width:600px; height:338px; overflow:hidden;} .floor_2 .floor_2_2 .bd ul li b img{ display:block; width:600px; height:338px; background-size:100%;display: block;transition: all .6s ease 0s;} .floor_2 .floor_2_2 .bd ul li:hover b img{transform: scale(1.06, 1.06);transition: all .6s ease 0s;} .floor_2 .floor_2_2 .bd ul li p{ background:url(../images/g4_03.jpg) center center no-repeat; width:600px; height:163px;} .floor_2 .floor_2_2 .bd ul li p i{ display:block; font-size:16px; color:#ccc; padding-left:50px; padding-top:44px; line-height:16px;} .floor_2 .floor_2_2 .bd ul li p span{ display:block; font-size:20px; color:#fff; padding-left:50px; padding-top:16px; line-height:20px;} .floor_2 .floor_2_2 .bd ul li:hover p span{ color:#45a8ff;} .floor_2 .floor_2_2 .hd{ height:22px; position:absolute; left:50px; bottom:52px;} .floor_2 .floor_2_2 .hd ul{ display:inline-block;} .floor_2 .floor_2_2 .hd ul li{ float:left; width:20px; height:3px; background-color:#9f9fa2; border-radius:5px; margin-right:10px; font-size:0;} .floor_2 .floor_2_2 .hd ul li.on{ background-color:#45a8ff; width:30px;} .floor_2_main .gen{ clear:left; text-align:center; height:40px; padding-bottom:100px;} .floor_2_main .gen a{ width:198px; display:inline-block; height:38px; border:#ddd solid 1px; color:#333; font-size:16px; line-height:38px;} .floor_2_main .gen a:hover{ background-color:#015198; color:#fff; border:#015198 solid 1px;} .tel_fl{ display:inline-block; height:36px;} .tel_fl span { display: block; float: left; width: 26px; height: 26px; background-position: -30px -160px; margin-top: 1px;} .tel_fl p { float: left; font-size: 30px; color: #fff; font-family: "Arial"; padding-left: 10px;} .floor_3_1{ margin-top:40px; display:inline-block;} .floor_3_1 .gio{ width:1200px; height:500px; } .floor_3_1 .gio .ful a{ display:block; width:430px; height:240px; overflow:hidden; position:relative; margin-bottom:20px;} .floor_3_1 .gio .ful a dl{ display:block; width:430px; height:240px;} .floor_3_1 .gio .ful a dl dt{ width:430px; height:240px;overflow:hidden;} .floor_3_1 .gio .ful a dl dt img{ width:430px; height:240px; background-size:100%;transition: all ease 500ms;} .floor_3_1 .gio .ful a:hover dl dt img{transform: scale(1.06, 1.06);transition: all ease 500ms;} .floor_3_1 .gio .ful a dl dd{width:430px; height:240px;overflow:hidden; position:absolute; left:0; top:0;transition: all ease 500ms;} .floor_3_1 .gio .ful a:hover dl dd{ background:url(../images/a7_03.png);transition: all ease 500ms;} .floor_3_1 .gio .ful a dl dd b i{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;color: rgba(255,255,255, 0.8);display: block;border: rgba(255,255,255, 0.7) 2px solid;border-radius: 8px;border-radius: 50px;font-size:34px; text-align:center;width: 44px;height: 46px;line-height: 40px;padding-left: 2px;} .floor_3_1 .gio .ful a dl dd p{position:absolute; left:46px; top:234px;transition: all ease 800ms;} .floor_3_1 .gio .ful a dl dd p strong{ display:block; font-weight:normal;font-size:20px; color:#fff;text-shadow: 0px 1px 2px #4f4f4f;} .floor_3_1 .gio .ful a dl dd p span{ display:block; width:30px; height:4px; background-color:#fff; margin-bottom:18px;} .floor_3_1 .gio .ful a dl dd b{ left:50%;bottom: 0;margin: 0px 0px 0px 0px;opacity: 0;position: absolute;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 0.4s;-moz-transition-property: all;-moz-transition-timing-function: ease;-webkit-transition-delay: 0s;-webkit-transition-duration: 0.4s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 0.4s;-o-transition-property: all;-o-transition-timing-function: ease; margin-left:-23px;} .floor_3_1 .gio .ful a:hover dl dd b {opacity: 1; filter: alpha(opacity=100); bottom: 50%;} .floor_3_1 .gio .ful a dl dd b i:hover{ background: rgba(255,255,255, 0.7); color: #fff;} .floor_3_1 .gio .ful a:hover dl dd p{ top:70px;transition: all ease 800ms;} .floor_3_1 .gio .ful a dl dd em{ font-size:18px; color:#fff; line-height:24px; width:430px; position:absolute; left:0px; top:134px;opacity: 0; visibility: hidden;transition: all 0.6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); text-align:center;} .floor_3_1 .gio .ful a:hover dl dd em { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);transition: all 1s ease 0s;} .floor_3_1 .content{ width:1200px; height:500px; overflow:hidden; margin-top:20px;} .floor_3_1 .tem{ width:750px;height:500px; float:left; overflow:hidden; position:relative;} .floor_3_1 .ful{ float:right; width:430px;} .floor_3_1 .tem ul .it{ width:750px; height:500px; margin-right:20px;} .floor_3_1 .tem ul .it dt{ width:100%; height:421px;overflow:hidden;} .floor_3_1 .tem ul .it dl dt img{ width:100%; height:421px; background-size:100%;transition: all ease 500ms;} .floor_3_1 .tem ul .it a:hover dl dt img{transform: scale(1.06, 1.06);transition: all ease 500ms;} .floor_3_1 .tem ul .it dl{ border:#ddd solid 1px;} .floor_3_1 .tem ul .it dl dd{width:748px; position:relative; background:#fff; border-top:#ddd solid 1px;height:76px;} .floor_3_1 .tem ul .it dl dd em{ height:76px; line-height:76px; padding-left:34px; position:relative;opacity:1; left:0; top:0; color:#333;visibility: initial;} .floor_3_1 .tem ul .it a:hover dl dd em{ color:#015198;} .floor_3_1 .tem ul .it a:hover dl dd b{ display:none;} .floor_3_1 .tem ul .it a:hover dl dd{ background:none;} .floor_3_1 .tem ul .it:hover{box-shadow: 0px 2px 11px #dadada;} .floor_3_1 .tem .hd{ height:22px; position:absolute; right:30px; bottom:36px; z-index:22;} .floor_3_1 .tem .hd ul{ display:inline-block;} .floor_3_1 .tem .hd ul li{ float:left; width:20px; height:3px; background-color:#9f9fa2; border-radius:5px; margin-right:10px; font-size:0;} .floor_3_1 .tem .hd ul li.on{ background-color:#45a8ff; width:30px;} .floor_3_1 .tab{ width:1200px; text-align:center;} .floor_3_1 .tab{ display:inline-block; height:168px; border:#dddddd solid 1px;} .floor_3_1 .tab li{ float:left; width:170.5px; height:168px; border-right:#ddd solid 1px; text-align:center;} .floor_3_1 .tab li:nth-child(7){ margin-right:0;} .floor_3_1 .tab li:first-child+li+li+li+li+li+li{ margin-right:0;border-right:none;} .floor_3_1 .tab li a{ display:block; width:170.5px; height:128px; color:#333; text-align:center; padding-top:40px;} .floor_3_1 .tab li i{ margin:0 auto; display:block; width:68px; height:55px; background-position:0 0;} .floor_3_1 .tab li.li2 i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-159px 0;} .floor_3_1 .tab li.li3 i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-79px 0;} .floor_3_1 .tab li.li4 i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-240px 0;} .floor_3_1 .tab li.li5 i{ margin:0 auto; display:block; width:68px; height:55px;background-position:-479px 0;} .floor_3_1 .tab li.li6 i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-322px 0;} .floor_3_1 .tab li.li7 i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-402px 0;} .floor_3_1 .tab li p{ font-size:16px; padding-top:20px; line-height:16px;} .floor_3_1 .tab li a:hover,.floor_3_1 .tab li.on a{ background-color:#8b8c90; color:#fff; font-weight:bold;} .floor_3_1 .tab li a:hover p,.floor_3_1 .tab li.on a p{ color:#fff; font-weight:bold;} .floor_3_1 .tab li a:hover i,.floor_3_1 .tab li.on a i{ background-position:0px -67px;} .floor_3_1 .tab li.li2 a:hover i,.floor_3_1 .tab li.li2.on a i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-159px -67px;} .floor_3_1 .tab li.li3 a:hover i,.floor_3_1 .tab li.li3.on a i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-79px -67px; } .floor_3_1 .tab li.li4 a:hover i,.floor_3_1 .tab li.li4.on a i{ margin:0 auto; display:block; width:68px; height:55px;background-position:-240px -67px;} .floor_3_1 .tab li.li5 a:hover i,.floor_3_1 .tab li.li5.on a i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-479px -67px;} .floor_3_1 .tab li.li6 a:hover i,.floor_3_1 .tab li.li6.on a i{ margin:0 auto; display:block; width:68px; height:55px;background-position:-322px -67px;} .floor_3_1 .tab li.li7 a:hover i,.floor_3_1 .tab li.li7.on a i{ margin:0 auto; display:block; width:68px; height:55px; background-position:-402px -67px;} .floor_4_main{ background:url(../images/a8_02.jpg) center center no-repeat; width:100%; height:856px; margin-top:26px;} .floor_4_main .in_title{ padding-top:60px;} .floor_4_1{ margin-top:56px;} .floor_4_1 dl{ display:inline-block; width:1200px;} .floor_4_1 dl dt{ float:left; width:548px; height:308px;} .floor_4_1 dl dt img{ width:548px; height:308px; background-size:100%;} .floor_4_1 dl dd{ float:right; width:600px;} .floor_4_1 dl dd .about{ padding-top:40px;} .floor_4_1 dl dd .about h3{ font-size:26px; color:#333333; line-height:26px;} .floor_4_1 dl dd .about p{ font-size:16px; color:#666666; line-height:16px; padding-top:12px;} .floor_4_1 dl dd a .cont{ font-size:14px; color:#333333; line-height:27px; padding-top:48px; display:block;} .floor_4_1 dl dd a.learnMore{ background:url(../images/a9_03.jpg) center center no-repeat; width:186px; height:45px; line-height:45px; display:block; font-size:14px; color:#fff; padding-left:54px; margin-top:40px;transition: all ease 500ms;} .floor_4_1 dl dd a.learnMore:hover{ margin-top:36px;transition: all ease 500ms;} .floor_4_2{ margin-top:36px;} .floor_4_2 .hd{ display:block; height:90px; width:1200px;} .floor_4_2 .hd ul{ display:inline-block; height:90px;} .floor_4_2 .hd ul li{ float:left; width:299px; height:90px; background-color:#eeeeee; margin-right:1px;} .floor_4_2 .hd ul li a{ width:299px; height:90px; display:block;} .floor_4_2 .hd ul li i{ display:block; float:left; width:44px; height:40px; background-position:-154px -310px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .hd ul li p{ float:left; padding-left:12px; padding-top:28px;} .floor_4_2 .hd ul li p em{ display:block; font-size:16px; color:#666; line-height:16px;} .floor_4_2 .hd ul li p span{ display:block; width:24px; height:6px; background-position:-25px -350px; transition: all ease 500ms; margin-top:12px;} .floor_4_2 .hd ul li.on p span,.floor_4_2 .hd ul li:hover p span{ display:block; width:24px; height:6px; background-position:-25px -360px; transition: all ease 500ms; margin-top:12px;} .floor_4_2 .hd ul li.on,.floor_4_2 .hd ul li:hover{ background-color:#0068c4;} .floor_4_2 .hd ul li.on p em,.floor_4_2 .hd ul li:hover p em{ color:#fff;} .floor_4_2 .hd ul li.on i,.floor_4_2 .hd ul li:hover i{ display:block; float:left; width:44px; height:40px; background-position:-154px -358px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .hd ul li.li2 i{display:block; float:left; width:44px; height:40px; background-position:-214px -310px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .hd ul li.li3 i{display:block; float:left; width:44px; height:40px; background-position:-283px -310px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .hd ul li.li4 i{display:block; float:left; width:44px; height:40px; background-position:-349px -310px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .hd ul li.li2:hover i,.floor_4_2 .hd ul li.li2.on i{display:block; float:left; width:44px; height:40px; background-position:-214px -358px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .hd ul li.li3:hover i,.floor_4_2 .hd ul li.li3.on i{display:block; float:left; width:44px; height:40px; background-position:-283px -358px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .hd ul li.li4:hover i,.floor_4_2 .hd ul li.li4.on i{display:block; float:left; width:44px; height:40px; background-position:-349px -358px; margin-left:90px; margin-top:26px;transition: all ease 500ms;} .floor_4_2 .bd{ margin-top:20px;} .floor_4_2 .bd ul{ display:inline-block; height:214px;} .floor_4_2 .bd ul li{ float:left; width:285px; height:214px; margin-right:19px; overflow:hidden;} .floor_4_2 .bd ul li img{ width:285px; height:214px; background-size:100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; overflow:hidden;} .floor_4_2 .bd ul li.li4{ margin-right:0;} .floor_4_2 .bd ul li img:hover { transform: scale(1.06, 1.06);} .floor_5_1{ width:100%; margin-top:58px; height:400px; padding-bottom:78px; } .floor_5_1 .list { position:relative; width:1200px; height:400px;position:relative; } .floor_5_1 .list li { width:188px; height:214px; background:url(../images/g5_03.png) center center no-repeat; overflow:hidden;} .floor_5_1 .list a { display:block; } .floor_5_1 .list img { display:block; width:188px; height:214px; overflow:hidden; } .floor_5_1 .list li:hover img {filter: grayscale(100%) brightness(500%)} .floor_5_1 .list li:hover{background:url(../images/g5_05.png) center center no-repeat;} .floor_5_1 .list li.li1{ position:absolute; left:70px; top:0;} .floor_5_1 .list li.li2{ position:absolute; left:288px; top:0;} .floor_5_1 .list li.li3{ position:absolute; left:506px; top:0;} .floor_5_1 .list li.li4{ position:absolute; left:724px; top:0;} .floor_5_1 .list li.li5{ position:absolute; left:942px; top:0;} .floor_5_1 .list li.li6{ position:absolute; left:180px; top:184px;} .floor_5_1 .list li.li8{ position:absolute; left:615px; top:184px;} .floor_5_1 .list li.li9{ position:absolute; left:832px; top:184px;} .floor_5_1 .list li.li7{ position:absolute; left:397px; top:184px;} .prod_sanji{ display: none; } .prod_sanji .ip{ display:none;} .prod_sanji .a1{ display:none;} .prod_sanji .ip.on{ display:block;} .prod_sanji .ip .subMenu{ display:inline-block;} .prod_sanji .ip .subMenu a{ display:block; float:left; height:40px; margin-top:20px; background-color:#eee; border-radius:4px; text-align:center; line-height:40px; margin-right:20px; font-size:16px; padding: 0 20px;} .prod_sanji .ip .subMenu a.hover{ background-color:#015198; color:#fff;font-weight:bold;} .n-gridlist1 .ip { display: none; } .n-gridlist1 .ip.on{ display: block; } /********.toolbar1*********/ /********.fixtool*********/ .toolbar{width: 52px; position: fixed; right: 1%; top: 54%; z-index: 999;} .toolbar dd{width: 51px; height: 51px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top:4px; background-color:#0071d6;} .toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;} .toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(../images/rightFixIcon.png) no-repeat 0 0;} .toolbar dd.gottop{display: none;} .toolbar .slide-tel{display: block; width: 0; height: 52px; line-height: 52px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;} .toolbar .pop{position: absolute; right: 90px; top: -65px; background: #0071d6; display: none;} .toolbar .pop-code{width: 120px; padding: 20px 20px 0;} .toolbar .pop-code img{width: 120px; height: 120px; display: block;} .toolbar .pop-code h3{height: 52px; line-height: 52px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;} .toolbar .qq span{background-position:-36px -47px;} .toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;} .toolbar .qq:hover{background-color:#0071d6; border-radius: 100%;} .toolbar .qq:hover span{background-position: -36px -47px; } .toolbar .tel span{background-position:-36px 0;} .toolbar .tel:hover{background: #0071d6; border-radius:30px;} .toolbar .tel:hover span{background-position: -36px 0;} .toolbar .code span{background-position:-36px -95px;} .toolbar .code:hover{ background-color:#0071d6; border-radius: 100%;} .toolbar .code:hover span{background-position:-36px -95px;} .toolbar .top span{background-position: -36px -142px;} .toolbar .top:hover{ background-color:#0071d6; border-radius: 100%;} .toolbar .top:hover span{background-position: -36px -142px; } .toolbar dd:hover{} /*css3*/ /*hvr-float-shadow*/ .hvr-float-shadow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;} .hvr-float-shadow:before{pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity";} .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active{-webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */} .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */} /* Bubble Bottom */ .hvr-bubble-bottom{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;} .hvr-bubble-bottom:before{pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(44%); bottom: 0; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent; transition: all .3s;} .hvr-bubble-bottom.hover:before, .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before{-webkit-transform: translateY(6px); transform: translateY(6px); border-width: 6px 6px 0 6px; border-color: #363232 transparent transparent transparent;} /* Underline From Center */ .hvr-underline-from-center{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;} .hvr-underline-from-center:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: #61b32e; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .hvr-underline-from-center:hover:before, .hvr-underline-from-center.hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before{left: 0; right: 0;} .hvr-underline-from-center:hover, .hvr-underline-from-center.hover{*height: 77px; *border-bottom: 2px solid #61b32e; *line-height: 77px;} .worksShow .caseList{padding-bottom:40px;margin-top:20px;} .worksShow .caseList .list{width:106%;padding-bottom:20px;} .worksShow .caseList .list .item{ position: relative; float: left; display: block; width: 296px; height: 166px; margin-right: 20px; margin-bottom: 20px; z-index: 9;cursor:pointer;} .worksShow .caseList .list .item img{width:296px;height:166px;cursor:pointer;} .worksShow .caseList .list .item .txt{position: absolute; left: 0px; bottom: 0px; width: 296px; height: 65px; z-index: 9; background: url(../images/shadow.png) repeat-x;} .worksShow .caseList .list .item .txt .tit{font-size: 20px;line-height: 65px; text-indent: 30px; color: #fff;} .worksShow .caseList .list .item .txt em{position:absolute;bottom:14px;right:24px;display:block;width:32px;height:32px;background-position:-190px 0;} .worksShow .caseList .list .item .guan_hover{position:absolute;top:0px;left:0;width:296px;height:166px;background:url("../images/caseHover1.png") no-repeat; opacity:0;filter:alpha(opacity=0);background-size:296px 222px;z-index:3;transition:all ease 300ms;cursor:pointer;} .worksShow .caseList .list .item:hover .guan_hover{ opacity:1;filter:alpha(opacity=100);transition:all ease 300ms;} .worksShow .caseList .list .item:hover .txt{display:none;} .worksShow .caseList .list .item .tit1{margin-top:136px;font-size: 20px;text-align:center;color: #fff;transition:all ease-in-out 300ms;} .worksShow .caseList .list .item:hover .tit1{margin-top:116px;font-size: 20px;text-align:center;color: #fff;transition:all ease-in-out 300ms;} .worksShow .caseList .list .item .guan_hover em{position:absolute;top:38px;left:50%;margin-left:-16px;display:block;width:32px;height:32px;background-position:-230px 0;transition:all ease 300ms;} .worksShow .caseList .list .item:hover .guan_hover em{position:absolute;top:68px;left:50%;margin-left:-16px;display:block;width:32px;height:32px;background-position:-230px 0;transition:all ease-in-out 300ms;} /*内页样式*/ /******************** 全局布局 ********************/ .title_top { margin:0 auto; width:1200px; position:relative;height: 100%;} .title_top .w1200{ position: absolute; left: 0; bottom: 0; } .title_top .sobtitle { height:34px; padding-bottom:20px;} .title_top .sobtitle p{ float:left;} .title_top .sobtitle p span{ display:block; float:left; font-size:34px; color:#fff; line-height:34px;text-shadow:0px 1px 3px #000;} .title_top .sobtitle p em{ display:block; width:120px; height:1px; background-color:#fff; float:left; margin-left:38px; margin-top:18px;} .title_top .sobtitle i{ float:right; display:block; background:url(../images/z3_03.png) left center no-repeat; padding-left:24px;font-size: 14px; text-shadow:0px 1px 3px #000; color: #fff; line-height: 14px; margin-top:22px;} .title_top .sobtitle a { display: inline-block; font-size: 14px; color: #fff; line-height: 14px;text-shadow:0px 1px 3px #000;} .title_top .sobtitle a:hover{ color:#fff;} .title_top .sob_nav{ width:100%; /*height:60px; position:absolute; bottom:0; left:0;border-bottom: 1px solid #cccccc;*/ background-color:#fff;z-index: 12; display: flex;position: relative; flex-wrap: wrap;} .title_top .sob_nav a { display:block; width:16.58%; font-size: 16px; height:60px; color: #333; line-height: 60px; text-align:center; border-right:#ccc solid 1px;border-bottom:#ccc solid 1px; position:relative;} /*.title_top .sob_nav a:nth-child(7),.title_top .sob_nav a:nth-child(8),.title_top .sob_nav a:nth-child(9),.title_top .sob_nav a:nth-child(10),.title_top .sob_nav a:nth-child(11),.title_top .sob_nav a:nth-child(12){ border-bottom: none; }*/ .title_top .sob_nav a i{ display:block; position:absolute; right:18px; width:15px; height:9px; top:25px; background-position:-165px -72px;} .title_top .sob_nav a:hover,.title_top .sob_nav a.on { color: #fff; background-color:#8b8c90; font-weight:bold;} .nybanner .bg { width: 50%; height: 60px; border-bottom: 1px solid #cccccc; background: #fff; position: absolute; right: 0; bottom: 0; display: none; } .within_main_1{ padding-top:80px;} .within_main_1 dl{ position:relative; display:inline-block;} .within_main_1 dl dt{ width:600px; height:337px;width:1200px; height:161px; background:url(../images/g9_03.jpg) center center no-repeat; text-align:center;} .within_main_1 dl dt p{ font-size:34px; color:#015198; line-height:34px; font-weight:bold; padding-top:88px; line-height:34px;} .within_main_1 dl dt p span{ display:block; font-size:24px; color:#333; line-height:24px; letter-spacing:15px; font-weight:normal; padding-top:12px;} .within_main_1 dl dd{ width:1200px;} .within_main_1 dl dd h3{ font-size:18px; color:#333; line-height:18px;} .within_main_1 dl dd p{ display:block; font-size:14px; color:#333; line-height:30px;} .within_main .zx_t{ display:inline-block; margin-top:50px;} .within_main .zx_t dl{ float:left; width:180px; padding-left:52px; border-right:#cccccc solid 1px;} .within_main .zx_t dl dt{ display:inline-block; height:58px;} .within_main .zx_t dl dt p{ font-family:"Arial"; font-size:62px; color:#0068c4; float:left; line-height:60px; float:left;} .within_main .zx_t dl dt i{ font-size:16px; color:#0068c4; line-height:16px; display:block; float:left; padding-top:36px; padding-left:8px;} .within_main .zx_t dl dd{ display:block; font-size:16px; color:#333; padding-left:2px; line-height:20px;} .within_main .zx_t dl dd i{ display:inline-block; width:10px; height:10px; background-position:0px -380px; float:left; margin-top:4px; margin-right:6px;} .within_main .zx_t dl:nth-child(1){ padding-left:0; width:210px;} .within_main .zx_t dl:first-child{ padding-left:0; width:210px;} .within_main .zx_t dl:nth-child(3){ padding-right:50px;} .within_main .zx_t dl:first-child+dl+dl{ padding-right:50px;} .within_main .zx_t dl:nth-child(3){ width:188px;} .within_main .zx_t dl:first-child+dl+dl{ width:188px;} .within_main .zx_t dl:nth-child(5){ width:130px;border-right:none; padding-right:0;} .within_main .zx_t dl:first-child+dl+dl+dl+dl{width:156px;border-right:none; padding-right:0;} .zx_c{ } .zx_c img{ width:100%;} .wrapper .content { padding-bottom: 40px; min-height: 300px; } .wrapper .conlist { width: 100%; padding: 20px 0; border-top: 1px solid #dddddd; *zoom: 1; } .wrapper .conlist:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .wrapper .conlist li { width: 33.3%; float: left; font-size: 20px; line-height: 36px; } .wrapper .conlist li s { width: 60px; height: 60px; background: url(../images/contact-ico.png) no-repeat left center; float: left; margin-right: 15px; } .wrapper .conlist li span { color: #999999; font-size: 16px; display: block; padding: 6px 0 0; line-height: 20px; } .wrapper .conlist li.a1 { width: 38%; } .wrapper .conlist li.a2 { width: 28%; font-family: arial; font-size: 24px; } .wrapper .conlist li.a2 span { font-size: 16px; font-family: "microsoft yahei"; } .wrapper .conlist li.a2 s { background-position: -80px center; } .wrapper .conlist li.a3 { width: 34%; font-size: 14px; } .wrapper .conlist li.a3 s { background-position: -170px center; } .wrapper .conlist:first-child { border-top: 0px; padding-top: 0px; } .wrapper.wrappersan .sitepath { margin-top: 0; } .content-main { position: relative; width: 1200px; height:276px; margin-left: auto; margin-right: auto; margin-top:36px;} .content-btn { position: absolute; width:300px!important; height: 41px; z-index: 10; cursor: pointer;} .content-btn .btn-left { opacity: 0.8; display: block; position: absolute; left:-50px;width: 22px !important; height: 41px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .content-btn .btn-left:hover{} .next-btn{right: 0;top: 0;} .next-btn .btn-right { opacity: 0.8; display: block; position: absolute; right:-50px;width: 22px !important; height: 41px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .next-btn .btn-right:hover{} .lisp { width:1142px; height:276px;position: relative;} .lisp li { position: absolute; left: 0; top: 0; overflow: hidden; width:492px; height:276px;box-shadow: 0px 3px 20px #e5e5e5;} .lisp li img{ background-size:100%; width:100%; height:100%;} .zx_h{ text-align:center; padding-top:60px; padding-bottom:80px;} .zx_h h3{ font-size:30px; color:#333; line-height:30px;} .news_ul { width:1200px; margin:0 auto; padding-bottom: 40px; padding-top: 12px; } .news_ul li { padding: 37px 0; border-bottom: 1px solid #eaeaea; } .news_ul li .box1 { width: 290px; height: 164px; overflow: hidden; margin-left:40px; } .news_ul li .box1 img { width: 290px; height: 164px; transition: ease-in-out .9s; } .news_ul li .box2 { padding-left: 42px; width: 620px; } .news_ul li .box2 h1 { font-size: 18px; color: #015198; font-weight: 100; padding-top:24px; height: 26px; line-height: 26px; } .news_ul li .box2 p { line-height: 24px; padding-top:16px; height:50px;font-size: 14px; color: #999;} .news_ul li .box2 span { font-size: 14px; color: #999; } .news_ul li .right { padding-right: 40px;padding-top: 30px; } .news_ul li .right h3 { font-size: 34px; color: #999; font-weight: 100; } .news_ul li .right p { font-size: 20px; color: #bbb; padding-top:10px; } .news_ul li a { display: block; cursor: pointer; width: 100%; height: 100%; } .news_ul li a:hover .box2 p { color: #666; } .news_ul li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .in_ny{ padding-bottom:90px;} .wz_k{ display:inline-block; text-align:center; padding-bottom:60px;} .wz_k h3{ font-size:30px; color:#333; line-height:30px; padding-top:58px;} .wz_k ul{ width:105%; margin-top:40px;} .wz_k ul li{ width:196px; height:220px; padding:40px; border:#ddd solid 1px; float:left; margin-right:28px; text-align:left;} .wz_k ul li i{ display:block; width:44px; height:53px; background-position:0px -154px;} .wz_k ul li p{ padding:0; display:block; font-size:20px; color:#333; line-height:20px; padding-top:22px;} .wz_k ul li span{ display:block;font-size:14px; color:#666; line-height:26px; padding-top:18px;} .wz_k ul li.li2 i{ display:block; width:44px; height:53px; background-position:-54px -154px;} .wz_k ul li.li3 i{ display:block; width:44px; height:53px; background-position:-125px -154px;} .wz_k ul li.li4 i{ display:block; width:44px; height:53px; background-position:-197px -154px;} .zx_f{ background-color:#f5f5f5; text-align:center; padding:94px 0;} .zx_f h3{ font-size:30px; color:#333; line-height:30px;} .zx_f p{ font-size:14px; color:#333; line-height:30px; padding-top:34px;} /*n-gridlist*/ .n-gridlist{width: 105%; margin-top:30px;} .n-gridlist .item{width: 588px; height:389px; float: left; margin-top:20px; margin-right:20px; background: #fff; position: relative; border:#ddd solid 1px; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; position:relative;} .n-gridlist .item a{width: 100%; display: block;cursor:pointer;} .n-gridlist .item b{width:588px; height:329px; display:block; overflow:hidden;} .n-gridlist .item b img{width:588x; height:329px; display: block;transition: all .6s ease 0s;} .n-gridlist .item h3{width:558px; padding-left:30px; height: 59px; line-height: 59px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; font-size:18px; text-align:left; border-top:#ddd solid 1px;} .n-gridlist .item p{ height:70px; position:absolute; left:20px; top:240px;} .n-gridlist .item p img{ width:126px; height:70px; display:block; float:left; margin-right:10px;} .n-gridlist .item:hover b img{transform: scale(1.06, 1.06);transition: all .6s ease 0s;} .n-gridlist .item:hover{box-shadow: 0px 2px 11px #dadada;} .n-gridlist1{width: 105%; margin-top:30px;} .n-gridlist1 .item{width:30.5%; float: left; margin-top:20px; margin-right:20px; background: #fff; position: relative; border:#ddd solid 1px; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; position:relative;} .n-gridlist1 .item a{width: 100%; display: block;cursor:pointer;} .n-gridlist1 .item b{width:100%; height: 216px; display:block; overflow:hidden;} .n-gridlist1 .item b img{width:100%; display: block;transition: all .6s ease 0s;} .n-gridlist1 .item h3{width:95%; padding-left:5%; height: 59px; line-height: 59px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; font-size:18px; text-align:left; border-top:#ddd solid 1px;} .n-gridlist1 .item p{ height:70px; position:absolute; left:20px; top:240px;} .n-gridlist1 .item p img{ width:126px; height:70px; display:block; float:left; margin-right:10px;} .n-gridlist1 .item:hover b img{transform: scale(1.06, 1.06);transition: all .6s ease 0s;} .n-gridlist1 .item:hover{box-shadow: 0px 2px 11px #dadada;} .showImg{ width:1200px; height:450px; margin-top:30px; overflow:hidden;background-color: #f2f2f3;} .showImg .showImg_left{ float:left; width:600px; height:450px; position:relative; overflow:hidden; text-align:center;} .showImg .showImg_left img{width:600px; height:336px; display:block;} .showImg .showImg_left p{ font-size: 24px; color: #015198; line-height:64px; font-weight: bold;} .showImg_right{ width:540px; float:right; margin-right:20px;margin-top:4%;} .showImg .imgtxtcon{ float:right; width:281px;} .showImg .imgtxtcon p{width:281px; height:156px; position:relative; margin-bottom:18px; overflow:hidden;} .showImg .imgtxtcon p img{ width:281px;height:156px; display:block;} .showImg .imgtxtcon p span{ display:block; width:100%; height:46px; color:#fff; line-height:46px; text-align:center; position:absolute; left:0;bottom:0; background:url(../images/g12_03.png);} .showImg .showImg_left .news0{ width: 95%; padding-left: 5%; padding-top: 5%; } .showImg .showImg_left .swiper-slide img{ display: block; width: 100%; } .showImg .showImg_left .swiper-pagination-bullet-active { background:#015198;} .imgtxtcon1{width: 105%; margin-top:30px; display: inline-block; margin-bottom:30px;} .imgtxtcon1 li{width: 588px; height:394px; float: left; margin-top:20px; margin-right:20px; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; border:#ddd solid 1px; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; position:relative;} .imgtxtcon1 li b{width:588px; height:332px; display:block; overflow:hidden;} .imgtxtcon1 li b img{width:588px; height:332px; display: block;transition: all .6s ease 0s;} .imgtxtcon1 li span{ display:block;width:588px; height: 59px; line-height: 59px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; font-size:18px; text-align:left; border-top:#ddd solid 1px; text-align:center;} .imgtxtcon1 li:hover b img{transform: scale(1.06, 1.06);transition: all .6s ease 0s;} .showImg .tit2{ padding-top:40px; display:block; clear:left;} .showImg .tit2 strong{ font-size:16px; color:#0068c4;} .showImg .tit2 p{ display:block; font-size:14px; color:#666; padding-top:22px; line-height:26px;} .showImg .tel{ clear:left; display:block; height:45px; margin-top:56px;} .showImg .tel a{ display:block; float:left; width:150px; height:45px; background-color:#cc0000; font-size:16px; color:#fff; text-align:center; line-height:45px;} .showImg .tel a:hover{ background-color:#bb0404;} .showImg .tel p{ float:left; height:43px; padding:0 20px; border:#0068c4 solid 1px; text-align:center; line-height:43px; margin-left:12px; font-size:26px; color:#0068c4; font-family:"Arial";} .showImg .tel p s{ width:18px; height:20px; background-position:-52px -126px; margin-right:12px;} .showtop{ margin:0 auto; height:62px; width:1124px; border-bottom:#ddd solid 2px; margin-top:24px; position:relative;} .showtop h3{color: #015198;font-size:24px;height:62px; line-height:62px; font-weight:bold;} .showtop i{ display:block; width:46px; height:2px; background-color:#015198; position:absolute; left:0; bottom:-2px;} .showContxt{ margin-top:30px;} .showContxt_text{padding:26px 38px;} .contact_main_3 { clear: left; padding-bottom: 50px;} .contact_main_3 .title h3 { font-size: 24px;color: #333333; height: 50px; font-weight: normal; border-bottom:#999999 solid 1px; text-align:left;} .contact_main_3 .title h3 span { display: block; font-size: 14px; color: #737373; font-family: "Arial"; text-transform: uppercase;} .contact_main_3 .item .txt { width: 244px; height:43px; font-size: 14px; line-height:43px; text-indent: 8px; border: none;background-color: #fff; color: #737373; padding-left: 6px; *text-indent: 0px;} .contact_main_3 .item .area { width: 1114px; height: 82px; *margin-left: -8px; background: #ffff; font-size: 14px; text-indent: 8px; line-height: 18px; resize: none; *resize: none; -webkit-appearance: none; color: #737373; border: none; line-height: 40px; padding-left: 6px;} .contact_main_3 .submit { display: block; clear: left;} .contact_main_3 .submit .btn1 { margin:0 auto;width: 357px; height: 45px; margin-top: 20px; font-size: 16px; line-height: 45px; color: #fff; cursor: pointer; background-color: #0068c4; display: inline-block;} .contact_main_3 .submit .btn:hover{ background-color:#F0F0F0;} .contact_main_3 .item { float: left; position: relative; width:355px; height:43px; line-height:43px; border:#cccccc solid 1px; margin-top:20px;position: relative;} .contact_main_3 .item .n-top{ position:absolute; left:90px; top:10px;} .contact_main_3 .item.item4,.contact_main_3 .item.item3,.contact_main_3 .item.item6{ margin-left:23px; *margin-left:0px;} .contact_main_3 .item.item3,.contact_main_3 .item.item5{ *margin-right:23px;} .contact_main_3 .item label{ float:left; width:104px; height:43px; text-align:center; background-color:#f8f8f8; font-size:16px; color:#333;border-right:#cccccc solid 1px;} .contact_main_3 .item iframe { opacity: 0; filter: Alpha(opacity=0); position: absolute; left:118px; top: 0; z-index: 2; cursor: pointer; width: 618px; text-align: left;} .form-file { height: 43px; cursor: pointer; width: 100%; } .contact_main_3 .item.item6{ width:736px;} #input_file{ padding-left:14px; height:43px;width: 616px;height: 43px; line-height: 43px; font-size: 13px; color: #333; border: none; position: relative;} .hidden{ display:none;} /* reLink */ .reLink {height:50px; line-height:50px; color: #666; border-top:1px solid #e4e4e4;overflow: hidden;} .reLink .prevLink { float:left; margin-left:10px;color: #666; background:url(../images/g13_03.png) left center no-repeat; padding-left:34px;} .reLink .nextLink { float:right; margin-right:10px;color: #666;background:url(../images/g14_03.png) right center no-repeat; padding-right:34px;} .reLink a{ color: #666;} .reLink a:hover{ color: #0068c4;} .Hot_Products{ width:1200px; padding-bottom:20px;} .Hot_Products h3{ height: 40px;margin-top: 40px;} .Hot_Products h3 p{color: #333; background:url(../images/g1_03.png) left center no-repeat;font-size:30px;height: 40px;line-height:40px; float:left; padding-left:36px;} .Hot_Products h3 a{ float:right; font-size:16px; color:#333; line-height:40px;} .Hot_Products h3 a:hover{ color:#0068c4;} .Hot_Products ul{ display:inline-block; clear:left; padding-top:20px; width:105%;} .Hot_Products ul li{float: left;width:588px;height:389px;margin-right:20px;position: relative;border: #dddddd solid 1px;} .Hot_Products ul li b{width:588px; height: 330px; display: block; overflow:hidden;} .Hot_Products ul li img { width:588px; height: 330px; display: block; background-size: 100%;transition: ease-in-out .9s;} .Hot_Products ul li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06);} .Hot_Products ul li p {border-top: #dddddd solid 1px; font-size: 18px; color: #333333; display: block; padding-left:30px; height:58px; width:558px; line-height:58px;} .Hot_Products ul li p span{ font-size: 14px; color: #999; display: block; padding-top:10px; width:290px; line-height:26px;} .Hot_Products ul li:hover { box-shadow: 0px 2px 11px #dadada;} .Hot_Products ul li:hover p{ color:#0068c4;} .yfa{ width:1200px; height:410px; background-color:#f2f2f3; margin-top:52px;} .yfa dd em img{ display: none;} .yfa dl{ width:1200px; height:410px;} .yfa dl dt{ float:left; width:600px; height:410px;} .yfa dl dt img{ display:block; width:600px; height:410px;} .yfa dl dd{ float:left; width:598px; height:408px;border:#ddd solid 1px; position:relative;} .yfa dl dd h3{ display:block; font-size:34px; color:#015198; font-weight:bold; line-height:34px; padding-top:76px; padding-left:50px;} .yfa dl dd i{ display:block; width:50px; height:1px; background-color:#999; margin-top:28px; margin-left:50px;} .yfa dl dd p{ font-size:16px; color:#333; line-height:30px; padding-left:50px; padding-top:42px;} .yfa dl dd em{ display:block; width:214px; height:236px; position:absolute; right:30px; bottom:30px;} .within_main .h3{ text-align:center; font-size:30px; color:#333; line-height:30px; padding-top:50px;} .cguo .n-gridlist .item{ width:586px; margin-right:30px; margin-top:30px;} .cguo .n-gridlist .item b{width:586px; height:330px;} .cguo .n-gridlist .item b img{width:586px; height:330px;} .cguo .n-gridlist .item h3{width: 584px; padding-left:0; text-align:center; height:58px; line-height:58px;} .cguo .n-gridlist{ margin-top:10px;} /**多级筛选**/ .service-filter { color: #333333; background: #fff; border: 1px solid #ddd; margin-top:50px; } .service-filter .item { line-height: 22px; padding-left: 120px; position: relative; border-top: 1px dotted #bbb; *vertical-align: top; } .service-filter .item:nth-child(2n) { display: none; } .service-filter .item:nth-child(3n) { display: none; } .service-filter .item .t { width: 100px; height: 100%; line-height: 51px; text-align: center; background: #f5f5f5; position: absolute; left: -1px; top: 0; display: block; color: #333; font-weight: bold; } .service-filter .item .gd { position: absolute; right: 0; top: 0; width: 100px; display: none; } .service-filter .item .gd span { display: block; line-height: 50px; cursor: pointer; text-align: center; } .service-filter .item .menu_dropDown { width: 930px; height: 50px; overflow: hidden; } .service-filter .item a { height: 30px; line-height: 30px; display: block; float: left; padding: 0 12px; margin: 12px 28px 12px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .service-filter .item a.all { margin-right: 20px; margin-left: 30px; } .service-filter .item a:hover { color: #015198; text-decoration: underline; } .service-filter .item a.hover { background: #015198; color: #fff; } .service-filter .item:first-child { border: 0px; } .projectlist{ padding-bottom:50px;} .projectlist .list{ width:105%; display: inline-block;} .projectlist .list .item{ width:487px; height:90px; float:left; padding:48px; border:#ddd solid 1px; margin-top:30px; margin-right:30px; position:relative;} .projectlist .list .item a{ display:block; width:100%; height:100%;} .projectlist .list .item .box{ float:left; width:310px;} .projectlist .list .item .box h3{ font-size:24px; color:#333; line-height:24px;} .projectlist .list .item .box p{font-size:14px; color:#333; line-height:14px; padding-top:20px;} .projectlist .list .item .box span{ display:block;font-size:14px; color:#666; line-height:14px; padding-top:12px;} .projectlist .list .item .rig{ float:right; width:176px; text-align:right;} .projectlist .list .item .rig .price{ font-size:16px; color:#015198;display: none;} .projectlist .list .item .rig .price strong{ font-size:24px; line-height:24px; padding-right:4px;} .projectlist .list .item .rig .x{ display:block; width:176px; height:30px; margin-top:24px;} .projectlist .list .item .rig .x strong{ font-weight:normal;width:106px; height:30px; border:#ddd solid 1px; border-radius:4px; text-align:center; line-height:30px; float:right; } .projectlist .list .item i{ width:0; height:3px; background-color:#015198; position:absolute; display:block; left:0; bottom:-1px;transition: all .6s ease 0s;} .projectlist .list .item:hover h3{ color:#015198; font-weight:bold;} .projectlist .list .item:hover i{ width:100%;} .projectlist .list .item .rig .x:hover strong{ background-color:#8b8c90; color:#fff;} /*newsPage*/ .newsPage { position: relative; overflow: hidden; } .newsPage .item { width: 100%; margin: 0 auto; padding: 40px 0; height: 146px; transition: all ease 300ms; border-bottom: 1px solid #eeeeee; } .newsPage .item:first-child { padding-top: 5px; } .newsPage .item a { width: 100%; display: block; } .newsPage .item img { width: 260px; height: 146px; display: block; margin-right: 40px; } .newsPage .item h3 { font-size: 18px; color: #333; padding: 25px 0 0; height: 35px; line-height: 35px; margin-bottom: 10px; transition: all ease 300ms; } .newsPage .item .txt { color: #999; line-height: 24px; height: 48px; padding-right: 94px; overflow: hidden; } .newsPage .item .time { width: 130px; padding-top: 30px; line-height: 28px; font-family: arial; font-size: 16px; color: #939aa3; } .newsPage .item .time .day { font-size: 34px; line-height: 40px; display: block; } .newsPage .item:hover { border-color: #1d448e; } .newsPage .item:hover h3 { color: #1d448e; } .newsPage .searchlist .item img { width: auto; height: 150px; } .xinwen{ width:1200px;} .xinwen h2{ height: 40px;margin-top: 40px;} .xinwen h2 p{color: #333; background:url(../images/g1_03.png) left center no-repeat;font-size:30px;height: 40px;line-height:40px; float:left; padding-left:36px;} .xinwen h2 a{ float:right; font-size:16px; color:#333; line-height:40px;} .xinwen h2 a:hover{ color:#0068c4;} .xinwen ul{ display:inline-block; clear:left; padding-top:20px; width:105%;} .xinwen ul li{float: left;width:584px;height:134px;margin-right:30px;position: relative; background-color:#fafafa; border:#ddd solid 1px; margin-bottom:30px;} .xinwen ul li p{width:240px; height: 134px; display: block; overflow:hidden; float:left;} .xinwen ul li img { width:240px; height: 134px; display: block; background-size: 100%;transition: ease-in-out .9s;} .xinwen ul li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06);} .xinwen ul li .nevs{ float:left; width:294px; padding-top:24px; margin-left:26px;} .xinwen ul li .nevs h3{ font-size:18px; color:#333; line-height:30px; height:70px;} .xinwen ul li .nevs em{ display:block; font-size:14px; color:#999; line-height:14px;} .xinwen ul li:hover h3{ color:#015198;} .Hot_Products ul li p span{ font-size: 14px; color: #999; display: block; padding-top:10px; width:290px; line-height:26px;} .Hot_Products ul li:hover { box-shadow: 0px 2px 11px #dadada;} .Hot_Products ul li:hover p{ color:#0068c4;} .jinge_main{ padding-top:20px; padding-bottom:100px;} .jinge_main ul{ display:inline-block; width:105%;} .jinge_main ul li{ float:left; width:590px; height:178px; background:url(../images/a20_03.png) center center no-repeat; margin-top:20px; margin-right:20px;} .jinge_main ul li:hover{background:url(../images/a20_05.png) center center no-repeat; } .jinge_main ul li p{ font-size:16px; color:#0068c4; padding-left:38px; padding-top:36px;} .jinge_main ul li p span{ font-size:40px; color:#0068c4; font-family:"Arial";} .jinge_main ul li i{ display:block; margin-left:38px; width:464px; font-size:14px; color:#333; line-height:24px; padding-top:20px;} .jinge_main ul li:hover p,.jinge_main ul li:hover p span,.jinge_main ul li:hover i{ color:#fff;} .within_main .Journalism .lism{ display:inline-block; width:105%;} .within_main .Journalism .lism li{ float:left; width:373px; height:457px; margin-right:40px; background-color:#fff; margin-top:40px;} .within_main .Journalism .lism li em{ display:block; font-family:"Arial";font-size:16px; padding-top:32px; display:block; height:20px; line-height:20px; color:#666; width:292px;margin-left:40px;} .within_main .Journalism .lism li h3{ font-size:18px; color:#000; line-height:18px; padding-top:14px; border-bottom:#dddddd solid 1px; height:116px; width:292px; margin-left:40px;} .within_main .Journalism .lism li h3 span{ display:block; padding-top:14px; font-size:14px; color:#999; line-height:24px; width:292px;} .within_main .Journalism .lism li p{ width:373px; height:210px; overflow:hidden;} .within_main .Journalism .lism li p img{ width:373px; height:210px; background-size:100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .within_main .Journalism .lism li i{ display:block; font-size:14px; color:#666;margin-left:40px; margin-top:16px;} .within_main .Journalism .lism li i span{ width:10px; height:10px; background-position:0px -355px; float:left; margin-top:9px; margin-right:9px;} .within_main .Journalism .lism li:hover p img{transform: scale(1.06, 1.06);} .within_main .Journalism .lism li:hover h3{ color:#0068c4;} .within_main .Journalism .lism li:hover p span{background-position:0px -367px;transition:all ease 600ms;} .within_main .Journalism .lism li:hover i span{background-position:0px -367px;} .within_main .Journalism .lism li:hover{box-shadow: 0px 2px 11px #dadada;} .within_main .Journalism .lism li:hover i{ color:#0068c4;} .within_main .tit{ font-size:30px; color:#015198; line-height:30px; padding-top:54px; font-weight:bold;} .within_main .zhaopin{ margin-top:40px;} .within_main .zhaopin h1{ font-size:30px; color:#015198; font-weight:bold; line-height:30px;} .within_main .zhaopin ul{ display:inline-block; width:105%;} .within_main .zhaopin ul li{ width:383px; height:44px; background-color:#fff; border:#ddd solid 1px; margin-top:20px; margin-right:22px; float:left;} .within_main .zhaopin ul li p{ width:128px; height:44px; text-align:center; line-height:44px; background-color:#f8f8f8;border-right:#ddd solid 1px; font-size:16px; float:left;} .within_main .zhaopin ul li span{ display:block; width:230px; padding-left:24px; height:44px; line-height:44px; float:left;} .showxinwen_text { padding: 0 38px;} .showxinwen{ border:#dddddd solid 1px; margin-top:38px; padding-top:38px;} .showxinwen_text .title{ font-size:24px; color:#333; line-height:24px;} .showxinwen_text .mark{ display:block; padding-top:12px;} .showxinwen_text .mark span{ display:inline-block; font-size:14px; color:#666; padding-right:14px;} .showxinwen_text .yaoqiu{ padding:20px 0; } .classic{width: 105%;} .classic .item{width: 373px; float: left; margin-top:40px; margin-right:40px; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .classic .item a{width: 100%; display: block;cursor:pointer;} .classic .item img{width: 373px; height: 210px; display: block;} .classic .item h3{width: 100%; height: 64px; line-height: 64px; text-align:left;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .classic .item h3 p{color:#333; font-size:16px; float:left; font-size: 18px; padding-left:30px; } .classic .item h3 i{ display:block; float:right; width:30px; height:5px; background-position:0px -109px; margin-top:30px; margin-right:30px;} .classic .item:hover h3{ background-color:#0068c4;} .classic .item:hover h3 p{ color:#fff;} .classic .item:hover h3 i{ background-position:-36px -109px;} .wrapper{ padding:30px 0px 30px; } .w{width: 1200px;margin: 0 auto;} .nybanner, .nybanner ul, .nybanner img{height:250px; width:100%; position:relative;} .nybanner.nyb2{ height:360px;} .sitepath{ height: 54px; line-height: 54px; color: #666666; border-bottom: 1px solid #f1f1f1;margin:0 auto 10px;overflow: hidden;} .sitepath s{ width:22px; height: 26px; background-position:0 0; margin-right: 8px;} .sitepath span{ color: #d51118; font-weight: bold;} .sitepath a{ color: #666666; } .sitepath a:last-child{color: #d51118; font-weight: bold;} .sitepath a:hover { color: #d51118; } .sbox{border-bottom: 1px dotted #eee;padding-bottom: 5px;} .erro{padding:0 10px; color:Red; font-size:14px;line-height:60px; height:60px} /*TITLE*/ .leftTit{ width:100%; height:38px; line-height: 38px; color: #d51118; position: relative; font-weight: bold; font-size: 16px; background:url(../images/leftit.png) repeat-x left top; border-bottom:1px solid #e4e4e4;text-indent: 15px;} .leftTit s{ width:9px; height:38px; background-position: -100px -86px; margin-right: 14px; vertical-align: top;*vertical-align: middle; } /*recommend*/ .recommend{ border:1px solid #e4e4e4; padding-bottom: 10px; background: #fff; font-size: 12px; margin-bottom: 20px;} .recommend .leftTit a{ color:#555555; font-size: 12px; margin-right: 15px; font-weight: normal;} .recommend .leftTit a:hover{color: #d51118} .reNew{overflow: hidden;} .reNew .list{padding-top: 10px;width: 104%;} .reNew li{ width:420px; padding:0px 20px; line-height: 28px; float: left;height: 28px;overflow: hidden;} .reNew li s{ width:9px; height:7px;background-position:-90px -112px;} .reNew li a{ color: #666666; display:block;} .reNew li span{color: #666;} .rePro .list{ padding-top: 18px;} .rePro li {float:left; width:160px; margin-left:16px;text-align:center; line-height:30px; } .rePro li a{ display:block; color: #555555; } .rePro li a:hover{ color:#d51118 } .rePro li img { width:158px; height:65px; border:1px solid #e6e6e6; display:block; } .rePro li img:hover { opacity:0.8; filter:Alpha(opacity=80); border:1px solid #d51118; } .recommend li a:hover{ color:#d51118;} /* pager */ .pager{ padding-top:60px; text-align: center;} .pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .pager{*zoom: 1;} .pager p{height: 26px; line-height: 26px; float: left; display: none;} .pager ul{overflow: hidden; margin: 0 auto; text-align: center;} .pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1; width:66px; height:66px;margin: 0 5px;} .pager ul a{ width:66px; height: 66px; line-height: 66px; text-decoration: none; float: left; display:block;background:url(../images/icon.png) center center no-repeat; background-position:-228px -206px;} .pager ul a.current{ color: #fff;background-position:-304px -206px;} .pager ul a.current:hover{ background-position:-304px -206px; color: #fff;} .pager ul a:hover{background-position:-304px -206px; color: #fff;} /*leftNav*/ .subleft{ width:210px;} .lefta{ width:180px;padding:14px; border: 1px solid #e4e4e4;} .leftnews.bor9{padding:14px; border: 1px solid #e4e4e4;background: #fff;} .submian {padding-bottom: 30px;padding-top: 60px;} .submian .sobtitle { height: 20px; line-height: 30px;font-size: 14px;} .submian .sobtitle .home{background: url(../images/homei.png) no-repeat left center;width:18px;height:18px;display: inline-block; vertical-align: middle;margin-right: 6px;} .submian .sobtitle a { font-size: 14px; } .submian .sobtitle a.now { color: #dc241c; font-size: 14px; font-weight: bold; } .submian .sobtitle a.now:hover { text-decoration: underline; } .submian .subleft .title { background:#d51118;height:40px; line-height: 40px; color: #fff; text-align: center;font-size: 16px;margin-bottom:3px;font-weight: bold;} .submian .subleft .title h2{background: #d51118;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 16px;margin-bottom: 3px;font-weight: bold;} .submian .subleft .title p { color: #fff; font-size: 14px; font-weight: normal;line-height: 24px;} .submian .subleft .lefta {width:180px; padding:14px; border: 1px solid #e4e4e4; margin-bottom:20px; background: #fff;} .submian .subleft .comt { background: #fff;} .submian .subleft .lefta .comt ul li { line-height:40px;margin-bottom: 3px;} .submian .subleft .lefta .comt ul li a { position:relative;height:40px; line-height:40px; display: block;font-size: 14px; border-bottom: 1px solid #fff;overflow: hidden;padding-left: 26px;background: #d51118;color:#333;background: url(../images/leftli.jpg) no-repeat left top;} .submian .subleft .lefta .comt ul li a em{} .submian .subleft .lefta .comt ul li .drop a:hover { color: #dc241c; background: none; } .submian .subleft .lefta .comt ul li a:hover, .submian .subleft .lefta .comt ul li.hover a{ opacity:0.8;filter:alpha(opacity=80);font-weight: bold;color: #fff;background: url(../images/leftli_a.jpg) no-repeat left #fff;} .submian .subleft .lefta .comt ul li.hover .drop a {font-weight: normal; } .submian .subleft .lefta .comt ul li .drop{width: 100%;} .submian .subleft .lefta .comt ul li .drop a{background: #f7f6f6;font-size: 12px;height:36px; line-height:36px;overflow: hidden;} .submian .subleft .adv { margin-bottom: 10px; background: #000; } .submian .subleft .adv a img { display: block; width: 100%; } .submian .subleft .adv a:hover img { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; } .submian .subright .produtlist{width: 100%;overflow: hidden;padding-top:20px;} .submian .subright .produtlist .list{width: 108%;} .submian .subright .produtlist .item{float: left;width:295px;position: relative;margin-right:20px;margin-bottom: 24px;} .submian .subright .produtlist .item a{display: block;} .submian .subright .produtlist .item .img{width:295px;height:166px;overflow: hidden;} .submian .subright .produtlist .item img{width:100%;display: block;transition: all 0.3s ease-out 0s;} .submian .subright .produtlist .item:hover img{transform: scale(1.1, 1.1);} .submian .subright .produtlist .item .txt{width: 100%;padding-top:18px;} .submian .subright .produtlist .item .txt h3{font-weight: normal;font-size: 16px;text-align:center;} .submian .subright .produtlist .item .txt span{width:12px;height: 18px;display: block;background-position:-352px 0;margin-top: 5px;} .submian .subright .produtlist .item:hover .txt h3{color:#d51118;} .submian .subright .info{padding:20px 0;} .submian .subright .info img{max-width: 100% !important;display: block;margin: 0 auto;} .submian .subright { width:924px; padding:20px;border: 1px solid #ddd;background: #fff;} .submian .subright .title{border-bottom: 1px solid #ddd;position: relative;padding:10px 0;} .submian .subright .title h3{font-size: 18px;font-weight: bold;line-height: 30px;} .submian .subright .title em{width: 50px;height: 2px;display: block;position: absolute;left: 0;bottom:-1px;background:#d51118;} .submian .newslist .item { padding: 15px 0px; border-bottom: 1px dotted #c2c2c2;width: 100%;} .submian .newslist .item a { display: block; } .submian .subright .newslist .item a img {width:0;height:110px;display:block; } .submian .subright .newslist .item a .txt {/*padding-left:20px;*/cursor: pointer;} .submian .subright .newslist .item a h3 { height: 40px; line-height: 40px; } .submian .subright .newslist .item a h3 b {font-size: 14px;color: #666;} .submian .subright .newslist .item a h3 i { color: #999;font-weight: normal;} .submian .subright .newslist .item a p { line-height: 22px;overflow: hidden; display: block; color: #666;} .submian .subright .newslist .item a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; } .submian .subright .newslist .item a:hover p,.submian .subright .newslist ul li a:hover h3 b{ color:#d51118; } .submian .subright .newslist h2{font-weight: normal;} .soulist{padding-top:20px;} .submian .subright .caselist .parterul{width: 108%;} .submian .subright .caselist .parterul li { padding:10px 0px;width:170px;float: left;display: block;margin-right:16px;} .submian .subright .caselist .parterul li a { display: block; } .submian .subright .caselist .parterul li a img { width:158px; height:65px; display: block; border:2px solid #e2e2e2; } .submian .subright .caselist .parterul li a h3{font-weight: normal;text-align: center;} .submian .subright .caselist .parterul li a:hover h3{color:#d51118;} .submian .subright .caselist .parterul li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border-color: #d51118; } .submian .subright .caselist .list{width: 108%;margin-top:20px;} .submian .subright .caselist .list li { float: left; margin-right: 15px; width: 296px; margin-bottom:24px;text-align: center;} .submian .subright .caselist .list li a { display: block; } .submian .subright .caselist .list li a img { width: 280px; height: 210px; display: block; border: 8px solid #e2e2e2;} .submian .subright .caselist .list li a .tit{ font-size: 18px; text-align:left;color: #333; line-height: 20px;} .submian .subright .caselist .list li a .cont{width:226px;margin-top: 6px; font: normal 14px arial; text-align:left;color: #c3c3c3; line-height: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .submian .subright .caselist .list li .txt{position:relative;height: 40px;border-left: 3px solid #cacaca;margin-top:20px;padding-left: 8px;} .submian .subright .caselist .list li .txt em{position:absolute;top:12px;right:0px;width: 31px; height: 31px; background-position: -108px -50px;} .submian .subright .caselist .list li a:hover h3{color:#d51118;} .submian .subright .caselist .list li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border-color: #d51118; } .submian .subright .caselist .list li a:hover .txt em{background-position: -108px -16px;} .submian .subright .caselist .list li a:hover .txt{border-left: 3px solid #d51118;} .submian .subright .areaList .list{width: 108%;margin-top:20px;margin-left:40px;} .submian .subright .areaList .list li{display: block; float: left; width: 396px; height: 366px;margin-right:40px;margin-bottom:40px;} .submian .subright .areaList .list li a img { display: block; width: 100%; height: 183px;} .submian .subright .areaList .list li .txt_main{position: relative; width: 394px; height: 181px; border: 1px solid #eee; background: #fff;} .submian .subright .areaList .list li .txt_main .txt{padding-top:30px;margin-left:30px;} .submian .subright .areaList .list li .txt_main .txt .tit{font-size: 18px; color: #d51118; line-height: 24px;} .submian .subright .areaList .list li .txt_main .txt .entit{margin-top: 8px; font: normal 14px arial; color: #c3c3c3; line-height: 14px;} .submian .subright .areaList .list li .txt_main .txt .cont{width: 330px; margin-top: 24px; font-size: 14px; line-height: 24px; color: #333;} .submian .subright .areaList .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);} .submian .subright .areaList .list li:hover .txt .tit{font-weight:bold;} .submian .subright .thumblist{overflow: hidden;} .submian .subright .thumblist .item{width: 100%;border-bottom: 1px solid #eaeaea;display: block;padding: 30px 0;} .submian .subright .thumblist .item a{display: block;} .submian .subright .thumblist .item .img{position:relative;width:178px;height: 100px;display:block;overflow: hidden;cursor: pointer;} .submian .subright .thumblist .item img{position:absolute;top:50%;left:0;margin-top:-50px;width: 100%;display: block;height: 100%;transition: all 0.3s ease-out 0s;} .submian .subright .thumblist .item a:hover img{transform: scale(1.1, 1.1);} .submian .subright .thumblist .item .txt{width:730px;cursor: pointer;} .submian .subright .thumblist .item .txt h3{font-size: 15px;font-weight: bold;} .submian .subright .thumblist .item .txt .mark{color: #999;font-size: 12px;padding:0;} .submian .subright .thumblist .item .txt .mark span{display: inline-block;padding-right: 18px;} .submian .subright .thumblist .item .txt p{color: #666;line-height: 24px;} .submian .subright .thumblist .item .txt p span{display: inline-block;color:#d51118;padding-left: 10px;} .submian .subright .thumblist .item a:hover .txt h3{color:#d51118;} .submian .honorlist{width: 100%;overflow: hidden;padding-top:20px;} .submian .honorlist .list{width: 108%;} .submian .honorlist .item{float: left;width:214px;margin-right:20px;background: #fff;position: relative;text-align: center;margin-bottom:40px;} .submian .honorlist .item a{display: block;padding:0;} .submian .honorlist .item img{width:214px;height:160px;margin: 0 auto;border: 1px solid #e5e5e5;} .submian .honorlist .item h3{font-size:14px;color: #000;font-weight: normal;line-height:24px;padding-top:5px;} .submian .honorlist .item p{color: #999;font-weight: normal;line-height: 20px;height: 20px;display:none;} .submian .honorlist .item .txt{position: absolute;left: 0;bottom: -32px;width: 100%;} .submian .honorlist .item:hover img{border: 1px solid #d51118;} .submian .teamlist{width: 100%;overflow: hidden;padding-top:20px;} .submian .teamlist .list{width: 108%;} .submian .teamlist .item{float: left;width:216px;margin-right:12px;background: #fff;position: relative;text-align: center;margin-bottom:20px;} .submian .teamlist .item a{display: block;} .submian .teamlist .item img{width:200px;height:150px;margin: 0 auto;border: 1px solid #e5e5e5;padding: 2px;} .divremmnews{padding: 10px;overflow: hidden;} .divremmnews ul{width: 104%;} .divremmnews li{ width:430px; padding:0; line-height: 28px; float: left;height: 28px;overflow: hidden;margin-right:40px;} .divremmnews li s{ width:9px; height: 12px; background-position:-90px -112px;} .divremmnews li a{ color: #666666; display:block;} .divremmnews li a:hover{color: #d51118;} .divremmnews li span{color: #999;font-size: 12px;} .biaogg td{padding:5px; border:1px solid #eee;} .aboutlist p img,.aboutlist img,.ArticleTencont img{max-width: 100% !important;margin: 0 auto;} .aboutlist{padding-top: 20px;} /*leftRecom*/ .leftRecom{ width:250px; border:1px solid #e4e4e4; margin: 20px 0;} .leftRecom li{ width:189px;margin: 10px auto;text-align: center;} .leftRecom li img{width:183px; height: 137px;padding:2px; border:1px solid #e3e3e3; display: block;} .leftRecom li h3{color: #666666;line-height:30px;} .leftRecom li:hover img{background: #ffb700; border-color: #fff;} .leftRecom li:hover h3{color:#ffb700;} /*leftCon*/ .leftnews .leftTel{ margin:18px 0px 0px 15px;line-height: 16px; } .leftnews .leftTel .icon{width: 46px;height:46px;margin-right: 6px;background-position: -158px 0;} .leftnews .leftTel span{ color:#303030;font-size:14px;} .leftnews .leftTel strong{font-size:22px;color:#d51118;font-family: impact;font-weight: normal;display:block;line-height: 30px; } .leftnews .icontxt{font-size:12px;color:#303030;line-height:24px; padding:16px 15px;} .leftnews {margin-bottom: 10px;background: #fff;} .leftnews .title { height: 42px;line-height:32px;margin-bottom: 0;} .leftnews .leftnewscomt { background: #fff; padding: 10px; } .leftnews .leftnewscomt ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .leftnews .leftnewscomt ul li a { font-size: 14px; display: block; padding-left: 10px; } .leftnews .leftcont { background: #fff; padding:10px 0;overflow: hidden;} .leftnews .leftcont h2 {font-size:14px; font-weight: bold; color: #d51118; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;line-height: 20px;} .leftnews .leftcont span { line-height: 24px; display: block; border-bottom: 1px solid #f2f2f2;padding: 10px 0;} .leftnews .leftcont p {font-size: 18px; color: #333; padding-top: 10px; } .leftnews .leftcont p i {font-size:20px; color: #d51118; display: block; font-family: impact;line-height: 28px;word-wrap:break-word; word-break:normal;} .leftprocomt{margin:10px 0;position: relative;overflow: hidden;} .leftprocomt li{width:180px;margin: 0 auto 10px;display: block;} .leftprocomt li a{display: block; text-align: center;} .leftprocomt li img{width:180px;height:100px;} .leftprocomt li h3{text-align: center;font-weight:normal;height:30px;line-height:30px;} .leftprocomt li a:hover h3{color: #d51118;} /*************************/ /*singlePage*/ .singlePage .contxt{ line-height: 26px; font-size: 14px; color: #555; padding:0px 8px;} .singlePage .contxt img,.singlePage .contxt p img{max-width: 100% !important;} .ArticleTitle{} .ArticleTitle h1.bt{ font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight: bold; color:#333; border-bottom: 1px dashed #e1e1e1; margin-bottom: 5px; } .conBox .mark { height:30px; line-height:30px; text-align:center; font-size:12px; color: #999; } .conBox .mark span { margin-left: 14px;} .conBox .mark span:first-child{margin-left:0;} /* listProduct */ .listProduct{width: 100%;overflow: hidden;} .listProduct .list{width:102%;} .listProduct .item{width:220px;float:left;margin:0px 24px 20px 0px;padding-bottom:15px;} .listProduct .item a{display: block;} .listProduct .item a img{width:220px;height:165px;} .listProduct .item a h3{font-size: 14px; font-weight: normal;line-height:20px;padding-top: 6px;text-align: center;} .listProduct .item a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;} .productTab{background: #1b77bc none repeat scroll 0 0; height: 36px; margin-bottom: 2px;width: 100%;overflow: hidden;} .productTab h3{color: #ffffff;font-size: 16px;height:34px;line-height:34px; margin-right: 2px; text-align: center;cursor: pointer;display: inline-block;+display: inline;padding: 0 20px;font-weight: normal;} .productTab h3.current{background: #ffffff; border-left: 2px solid #1b77bc; border-top: 2px solid #1b77bc; color: #1b77bc;font-weight: bold;+padding:4px 20px 12px;} .productContent{color: #454545; line-height:26px; display: none;} .procont{padding-bottom: 20px; padding-top: 20px;} /* listNews */ .listNews .newslist {overflow:hidden; } .listNews .list{overflow:hidden;} .listNews .item { width:100%; border-bottom:1px solid #e9e7e7; padding-bottom: 20px; margin-bottom: 25px; } .listNews .item a{display: block;} .listNews .item a h3 { font-weight: normal;color:#333;} .listNews .item a:hover h3 { font-weight: normal;color:#d51118;} .listNews .item a p{color: #666;font-size: 12px;} /*.listNews .item a:hover,.listNews .item a:hover p{color: #d51118;}*/ .listNews .item .time { color:#666666; font-size: 12px; font-weight: normal; } .listNews li dd{height: 44px;margin-top:10px;font-size:12px;color:#666666;line-height:22px;} .questionlist li{border-bottom: 1px solid #ccc;padding: 15px 0;} .questionlist li p i{background:#662a2a;} .questionlist li i{width:20px;height:20px;color: #fff;font-size: 12px;display: inline-block; text-align: center;line-height:22px; margin-right: 9px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius: 20px;} .questionlist li span{font-size: 12px;} .questionlist li span i{background:#d51118;} /*listCase*/ .listCase .list{ width:108%;} .listCase .item{ padding:8px 0px;width:284px;float: left;display: block;margin-right: 18px;} .listCase .item a{display: block;} /*.listCase .item img{width:270px; height:152px; display: block;border:4px solid #e2e2e2;} .listCase .item h3{ width:100%; height:40px; line-height: 40px; display: block; color:#555555;font-weight: normal;text-align: center;cursor: pointer;} .listCase .item:hover h3{ color: #d51118;} .listCase .item:hover img{/*filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;*/border-color: #d51118; }*/ .listCase .item .desc{font-size: 12px;text-align: justify;color: #666;line-height: 20px;} .listCase .item h3{text-align: left;height:32px;line-height:32px;color:#181818;font-size: 14px;font-weight: normal;} .listCase .item:hover h3{font-weight: normal;color: #d51118;} .listCase .item img{width:284px; height:160px; display: block;border: 0 none;position: absolute;-webkit-transition: all .4s; transition: all .4s;} .listCase .item:hover img{border: 0 none;-webkit-transform: scale(1.05); transform: scale(1.05);} .listCase .item a.img{width:284px; height:160px;overflow: hidden;position: relative;} .listCase .item .desc{font-size: 12px;color: #666;line-height: 20px;} .listCase.fangan .item h3{ width:100%; height:40px; line-height: 40px; display: block; color:#555555;font-weight: normal;text-align: center;cursor: pointer;} .listCase.fangan .item:hover img{-webkit-transform: scale(1); transform: scale(1);} .listCase.fangan .item:hover h3{color: #d51118;} .detaiInfo img{max-width: 100% !important;margin: 0 auto;} .parterlist{width: 100%;overflow: hidden;padding-top: 20px;} .parterlist .parterul {width: 108%;} .parterlist .parterul li{float: left;width:432px;margin-right:35px;position: relative;text-align: center;margin-bottom:35px;} .parterlist .parterul li a{display: block;padding:0;} .parterlist .parterul li img{width:432px;height:270px;margin: 0 auto;} .parterlist .parterul li .txt{height: 160px;text-align: center;} .parterlist .parterul li h5{font-size: 16px;color: #000;font-weight: normal;} .parterlist .parterul li em{width: 54px;height: 2px;margin: 0 auto;background: #ccc;display: block;} .parterlist .parterul li span{color: #ff7e00;margin-top:28px;display: block;} .parterlist .parterul li a:hover h5{color:#ff7e00;} .parterlist .parterul li a:hover em{background: #ff7e00;} .parterlist .parterul li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;} /* pageNews */ .pageNewsRight{ width:220px;} .pageNewsRight a{ display: block;} .pageNewsRight .right_1,.pageNewsRight .right_2{ margin-bottom: 20px; border: 1px solid #e4e4e4;} .leftnews .con{ padding:5% 0;} .leftnews .con ul{ background:url(../images/nnewsbg3.jpg) no-repeat 4px 6px;width: 100%;} .leftnews .con li{ line-height: 24px; font-size: 12px;height: 24px;overflow: hidden;padding-left: 32px;} .leftnews .con li a{ color: #666;line-height: 24px;height: 24px;} .leftnews .con li a:hover{ color: #d51118;} .leftnews .con li span{ float: right; color: red; font-size: 12px;} .pageNews{ width:710px;} .pageNews h1.bt{ font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight: bold; color:#333; border-bottom: 1px dashed #e1e1e1; margin-bottom: 5px; } .pageNews .mark { height:30px; line-height:30px; text-align:center; font-size:12px; color: #999; } .pageNews .mark span { margin-left: 14px;} .pageNews .mark span:first-child{margin-left:0;} .pageNews .info { margin-bottom:20px; padding: 10px 0; color: #666; } .pageNews .info img,.pageNews .info p img{ max-width: 100% !important; height: auto !important;display: inline;} .pageNews .showtag{ margin:20px 0 18px; color: #666;} .pageNews .showtag a{ color: #666; text-decoration: underline;} /* formData */ /*.formData { width:600px; margin:0px auto 20px; padding-top:30px; } .formData .item{ margin-bottom: 10px; height: 27px; line-height: 27px;position: relative;} .formData .liuyan{ height:82px;} .formData .item p{ width:95px; float: left; text-align: right; line-height:27px; height: 27px;} .formData .item label { margin-right:5px; } .formData .item .tip { width:150px; margin-left:20px; float: left; } .formData .item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; float: left; border:1px solid #ddd; border-radius:2px; padding:0 5px; } .formData .item textarea { width:260px; height:80px; color:#666; border:1px solid #ddd; margin-bottom:15px; border-radius:3px; padding:0; resize: none; overflow: hidden;background: #fff; } .formData .item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; } .formData .code{ height: 27px;width: 360px;} .formData .code input { width:152px; float: left; } .formData .item .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#d51118; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; } .formData .sub:hover { background:#666; } .formData tr.code img { float: left; vertical-align:middle; *vertical-align:0; margin-left:10px; } .formData .err, .formData .red { color:#ff0000; } .formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; } .formData .code .msg-box{ margin-left: 100px; *float: right;} */.checkimg{position: absolute;left:265px;top: 2px;} .submian .subright .anlitopH4, .submian .subright .divanli { background: #fff; } .submian .subright .anlitopH4 { height: 38px; line-height: 38px; border: 1px solid #e4e4e4;margin-top: 20px;} .submian .subright .anlitopH4 span { border-left: 5px solid #d51118; height: 38px; line-height: 38px;padding-left: 22px; display: block; float: left; color: #d51118; font-weight: bold; font-size: 14px; } .submian .subright .anlitopH4 span .org { color: #ff7e00; } .submian .subright .anlitopH4 span .org { display:inline} .submian .subright .divanli_mess {margin-bottom: 10px; padding: 15px 0; background: #fff;margin-top:5px;} .submian .subright .divanli_mess p { line-height:24px;} .submian .subright .divanli_mess ul {margin: 20px;width: 80%;} .submian .subright .divanli_mess ul li { padding-bottom: 15px; height: 31px;position:relative;display: block;} .submian .subright .divanli_mess ul li .tit { float: left; width: 80px; padding-right: 10px; text-align: right; font-size: 14px; line-height: 31px; height: 31px; } .submian .subright .divanli_mess ul li .tit font { color: #ff7e00; } .submian .subright .divanli_mess ul li input { width: 245px; height: 29px; line-height: 29px; padding: 0px 10px; border: 1px solid #e4e4e4;font-size: 14px; float: left;outline: none;} .submian .subright .divanli_mess ul li.beizhu { height:200px;width: 100%;} .submian .subright .divanli_mess ul li.beizhu textarea { height:200px; width:622px; line-height: 29px;background:#fff;border: 1px solid #e4e4e4;font-size: 14px; float: left; outline: none;text-indent: 10px;} .submian .subright .divanli_mess ul li.yanzhenm input { width: 100px; } .divanli_mess img{max-width: 100%;} .submian .subright .divanli_mess ul li.yanzhenm img{position: absolute;left:220px;top:4px;} .submian .subright .divanli_mess ul li.yanzhenm .msg-box{margin-left:65px;} .submian .subright .divanli_mess ul .bot { text-align: center; } .submian .subright .divanli_mess ul .bot input { width: 141px; background: #d51118; cursor: pointer; border: 0px; color: #fff; height: 43px; line-height: 43px; } .submian .subright .divanli_mess ul .bot input:hover { opacity: 0.8; } .ArticleTencont{line-height: 28px;padding-top: 30px;} /* mapPage */ .map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; } .map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; float: left; } .map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; } .map_ul .list-inline { display: block; margin-left: 7%; width: 80%; min-height: 30px; } .map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px; } .map_ul .list-inline a:hover { background: #1d448e; color: #fff; } /*百度地图*/ #content #mapCard_style{border:3px solid #ff6600;} .baiduMap{margin:10px; height:300px;} .BMap_bubble_title a{display: inline-block; padding: 0 10px; height:30px; line-height:30px; border-radius:5px; background: #333; color: #FFF;} .BMap_bubble_content{ line-height: 24px; padding: 10px 0;} .pageProduct .contentCon{ padding:20px 15px; } .pageProduct .tod{} .pageProduct .photo { width:450px; margin:0 0 20px; } .pageProduct .photo .jqzoom{ border:1px solid #ddd; width:450px; height:338px; margin-bottom: 15px; position:relative; padding:0px; cursor:pointer; overflow: hidden;} .pageProduct .photo div.zoomdiv { z-index: 999; position: absolute; top:0px; left:0px; width:450px;height:300px; background: #ffffff; border:1px solid #CCCCCC; display:none; text-align: center; overflow: hidden;} .pageProduct .photo div.jqZoomPup { z-index : 999; visibility: hidden; position: absolute; top:0px; left:0px; border: 1px solid #aaa; background: #ffffff; opacity: 0.5;-moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); width:300px !important;height:300px;} .pageProduct .photo .img { width:450px; height:338px; display:block; } .pageProduct .photoimg{ width:450px; height:82px; padding-top:10px; position:relative;} .pageProduct .photoimg .list{ width:260px; overflow:hidden;position:relative; margin-left:30px;} .pageProduct .photoimg .icon{ width:8px; height:12px; position:absolute; top:32px; cursor:pointer;display: block;background: url(../images/ico.png) no-repeat;} .pageProduct .photoimg .btnleft{ left:10px; background-position:0 0;} .pageProduct .photoimg .btnright{ right:10px; background-position:0 -12px;} .pageProduct .photoimg .list .listcon{ width:600%;} .pageProduct .photoimg a{ width:74px; height:42px; display:block; float:left; margin-right:14px; border:1px solid #eee;} .pageProduct .photoimg a img{ width:74px; height:42px; display:block;} .pageProduct .photoimg a:hover{ border:1px solid #f35b07;} .pageProduct .baseInfo { width:416px; } .pageProduct .baseInfo h1{ color:#555; font-weight:bold; font-size:16px;white-space: normal;word-break: break-all;} .pageProduct .baseInfo .miaos{ color: #666; margin-top: 5px;margin-bottom:28px;} .pageProduct .baseInfo .miaos p{ padding-left: 5px;font-size: 12px;line-height: 22px;height:90px;overflow: hidden;} .pageProduct .baseInfo .showtel{ width:90%; padding:10px 5%; margin-top:5px; line-height: 28px; background: #f3f3f3;} .pageProduct .baseInfo .showtel .telcon{ line-height: 28px;} .pageProduct .baseInfo .showtel .telcon strong{ font-size:26px; font-weight: normal; font-family: impact; color:#5aade2; } .pageProduct .baseInfo .button { width:107px; height: 36px; margin-top: 10px; line-height:36px; margin-right:15px; border-radius:2px; display:block; text-align: center; color:#fff; background:#d51118; } .pageProduct .baseInfo .button:hover { background:#5aade2; } .pageProduct .detaiTit { height:44px; line-height:44px; border-bottom:1px solid #dbdbdb; margin:15px auto 15px; } .pageProduct .detaiTit h2{ width:95px; height: 42px; line-height: 39px; border-bottom:3px solid #ff7e00; text-align: center; color:#ff7e00;font-size:16px; } .pageProduct .detaiInfo { margin-bottom:10px; padding:0px 10px 10px; color:#666;white-space:normal;word-wrap:break-word} .pageProduct .detaiInfo a{display: block;} .pageProduct .detaiInfo img,.pageProduct .detaiInfo p img{max-width: 100% !important;margin: 0 auto;} .showpContact{margin-top: 20px;} .showpContact .txt{padding:20px;border:1px solid #eee;} .submian .subright .divanli_mess p { line-height:24px;} .submian .subright .divanli_mess .baoming{padding-top: 30px;} .submian .subright .divanli_mess .item { padding-bottom: 15px;position:relative;} .submian .subright .divanli_mess .item .tit { float: left;padding-right: 10px;line-height: 30px; height: 30px;width:80px;} .submian .subright .divanli_mess .item font { color: #dc241c;padding-left: 8px;} .submian .subright .divanli_mess .item input { width: 245px; height: 28px; line-height: 28px; padding: 0px 10px; border: 1px solid #e4e4e4;float:left;outline:none;} .submian .subright .divanli_mess .item.beizhu { height:150px;width: 100%;} .submian .subright .divanli_mess .item.beizhu textarea { height:150px; width:410px; line-height: 28px;background:#fff;border: 1px solid #e4e4e4;float: left; outline: none;padding-left: 10px;max-width: 836px;} .submian .subright .divanli_mess .item.yanzhenm input { width: 100px; } .submian .subright .divanli_mess .item.yanzhenm font{padding-left: 68px;} .divanli_mess img{max-width: 100%;} .submian .subright .divanli_mess .item.yanzhenm img{position: absolute;left:220px;top:4px;} .submian .subright .divanli_mess .item.yanzhenm .msg-box{margin-left:65px;} .submian .subright .divanli_mess .item.bot { text-align: center; } .submian .subright .divanli_mess .item.bot input { width: 141px; background:#d51118; cursor: pointer; border: 0px; color: #fff; height: 43px; line-height: 43px; } .submian .subright .divanli_mess .item.bot input:hover {background:#ff7e00;} .submian .subright .divanli_mess .item.it1{margin-right:70px;width:385px;} .submian .subright .divanli_mess .item.beizhu textarea{width: 711px;} .submian .subright .divanli_mess .item input[type="radio"] {margin:0;opacity:0; display:inline-block; height:30px;} .submian .subright .divanli_mess .item.sexbox{display: block;} .submian .subright .divanli_mess .item.kclb .cklist{} .submian .subright .divanli_mess .item.sexbox input{width:0px;height:0px;float: none;display: inline-block;padding: 0;border: 0 none;} .submian .subright .divanli_mess .sexbox label{cursor:pointer;padding-left:15px;line-height:30px;color:#000;display:inline-block;padding-right: 15px;} .submian .subright .divanli_mess .sexbox label.sex {background:url(../images/radio.jpg) no-repeat left center; height:30px;padding-left:15px;} .submian .subright .divanli_mess .sexbox input[type='radio'].radio:checked + .checked {background:url(../images/radio_c.jpg) no-repeat left center;} .submian .subright .divanli_mess .sexbox label.checked{background:url(../images/radio_c.jpg) no-repeat left center;} .divanli_mess img{max-width: 100%;} .submian .subright .divanli_mess .item.yanzhenm .msg-box{position: absolute;left: 280px;} .prolist .list { width: 105%; position: relative; } .prolist .item { width: 374px; float: left; margin: 0 39px 32px 0; position: relative; background: #fff; border-bottom: 1px solid #dddddd; } .prolist .item a { width: 100%; display: block; } .prolist .item img { width: 374px; height: 281px; display: block; transition: all .5s; } .prolist .item h3 { height: 64px; line-height: 64px; padding: 0 18px; display: block; font-size: 16px; overflow: hidden; transition: all ease 300ms; } .prolist .item h3 s { width: 16px; height: 16px; float: right; margin-top: 28px; margin-right: 30px; opacity: 0; filter: alpha(opacity=0); background-position: -165px -72px; transition: all ease 300ms; } .prolist .item:hover { background: #015198; border-color: #015198; } .prolist .item:hover h3 { color: #fff; } .prolist .item:hover h3 s { margin-right: 5px; opacity: 1; filter: alpha(opacity=100); } .hezuo .list { width: 105%; position: relative; } .hezuo .item { width: 268px; float: left; margin: 0 39px 32px 0; position: relative; background: #fff; border:1px dashed #ddd;height: 170px; position:relative; overflow:hidden; } .hezuo .item a { width: 100%; display: block; text-align:center; } .hezuo .item img { width: 188px; height: 214px; position:absolute; top:-20px; display:inline-block; transition: all .5s;left: 50%; margin-left: -94px; } .hezuo .item h3 { height: 64px; line-height: 64px; display: block; font-size: 16px; overflow: hidden; transition: all ease 300ms; border-top: 1px solid #dddddd; } .hezuo .item h3 s { width: 16px; height: 16px; float: right; margin-top: 28px; margin-right: 30px; opacity: 0; filter: alpha(opacity=0); background-position: -165px -72px; transition: all ease 300ms; } .hezuo .item:hover { border-color: #015198;border:1px dashed #015198; } .hezuo .item:hover h3 { color: #fff;background: #015198; } .hezuo .item:hover h3 s { margin-right: 5px; opacity: 1; filter: alpha(opacity=100); } .formData { padding: 20px 0 40px; padding-bottom:0; } .formData .item { float: left; color: #999; font-weight: normal; width: 386px; height: 43px; line-height: 43px; border: 1px solid #dddddd; margin-right: 17px; margin-bottom: 20px; position: relative; } .formData .item label { width: 110px; border-right: 1px solid #dddddd; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 43px; line-height: 43px; font-size: 14px; color: #666666; } .formData .item input { outline: none; line-height: 43px; height: 43px; font-size: 14px; } .formData .item .txt { width: 266px; height: 43px; line-height: 43px; display: block; background: none; padding-left: 120px; border: 0 none; color: #333; font-size: 14px; } .formData .item .red { position: absolute; right: 10px; top: 0; color: #ff0000; z-index: 11; } .formData .item.mr0 { margin-right: 0; } .formData .item.time .txt { padding-left: 0; margin-left: 100px; padding-left: 8px; background: url(../images/time-ico.png) no-repeat right center; } .formData .item.keshi { position: relative; z-index: 10; } .formData .item.keshi p { width: 100%; height: 43px; cursor: pointer; } .formData .item.keshi .t { padding-left: 30px; color: #666666; width: 314px; display: block; } .formData .item.keshi .xia { width: 48px; height: 43px; position: absolute; right: 0; top: 0; cursor: pointer; border-left: 1px solid #dddddd; background: #f6f6f6 url(../images/msg-box-ico.png) no-repeat center center; } .formData .item.keshi input { width: 100%; height: 43px; line-height: 43px; } .formData .item.keshi .boxlist { width: 100%; border: 1px solid #ddd; position: absolute; left: -1px; top: 43px; background: #fff; z-index: 10; display: none; } .formData .item.keshi .boxlist li { width: 33.3%; *width: 33%; line-height: 35px; height: 35px; overflow: hidden; float: left; text-indent: 12px; } .formData .item.keshi .boxlist li:hover { background: #eee; cursor: pointer; } .formData .msg-box { position: absolute; left: 0; top: 0px; } .formData .liuyan { width: 1197px; height: 125px; margin-bottom: 20px; border: 1px solid #e5e5e5; float: left; } .formData .liuyan label { text-align: right; top: 5px; display: block; } .formData .liuyan textarea { width: 1157px; height: 101px; line-height: 28px; padding: 12px 20px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; } .formData .bot { width: 100%; float: left; } .formData .sub { width: 346px; height: 45px; line-height: 45px; text-align: center; background: #1d448e; color: #ffffff; font-size: 16px; cursor: pointer; display: block; transition: all ease 300ms; margin: 0 auto; } .formData .sub:hover { background: #015198; } .formData .yzm { width: 432px; } .formData .yzm .txt { padding-left: 80px; } .formData .yzm img { position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block; } .productPage { overflow: hidden; position: relative; } .productPage .gridlist, .productPage .marketList { width: 105%; } .ny-tit { width: 100%; text-align: center; font-size: 32px; line-height: 34px; padding: 35px 0; } .con .item .n-top { position: absolute; left:110px; top: 10px; } @media (max-width: 1800px) { #top_main #top .top_r{ margin-right:100px;} } @media (max-width: 1700px) { #top_main #top .top_r{ margin-right:40px;}#nav ul{ margin-right:10px;} } @media (max-width: 1660px) { #top_main #top .top_r{ margin-right:40px;}#nav ul{ margin-right:10px;} } @media (max-width: 1600px) { #top_main #top .top_r{ margin-right:20px;}#nav ul{ margin-right:10px;} } @media (max-width: 1575px) { #top_main #top .top_r{ margin-right:0px;}.tel_main{ display:none;} } @media (max-width: 1536px) { .tel_main{ display:none;} }