锘?* CSS Document*/ html { height: 100%; border: none; } body { height: 100%; min-width: 1200px; border: none; padding: 0; margin: 0; text-align: left; font-size: 14px; color: #484848; font-family: Arial, "microsoft yahei"; background: #FFF; } div, ul, li, img, dl, dd, dt, p { padding: 0; margin: 0; border: none; } ul, dl { list-style-type: none; } h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; } a { color: #333; text-decoration: none; } a:hover { color: #e60012; text-decoration: none; } .clear { clear: both; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .container { width: 1200px; margin: 0 auto; } .header { height: 110px; } .top { height: 36px; line-height: 36px; color: #666; border-bottom: 1px solid #e2e2e2; } .top a { padding: 5px 8px; color: #666; } .top ul { float: right; } .top ul li { float: left; padding: 0 10px; } .top .fr { position: relative; } .top .fr img { position: relative; top: 3px; margin-right: 4px; } #logo { height: 100px; width: 100%; } #logo .logo { } #logo .logo img { margin-top: 20px; height: 67px; } #logo .company { padding-left: 15px; height: 60px; margin-top: 25px; margin-left: 10px; border-left: 1px solid #ccc; } #logo .company h2 { font-size: 22px; color: #e60012; font-weight: bold; } #logo .company h3 { font-size: 16px; color: #000; line-height: 30px; overflow: hidden; } #logo .tel { background: url(../images/tel.png) no-repeat left center; height: 100px; width: 210px; padding-left:45px; } #logo .tel p { font-size: 16px; color: #666; margin-top: 29px; } #logo .tel p span { font-size: 28px; display: block; font-weight: bold; color: #666; } .pr { position: relative; } .nav{ height:60px; line-height:60px; background:#E4E4E4; margin-top:12px; padding-left:40px;} .nav em{width: 16px;height: 16px;display: block;line-height: 0;position: absolute;top: 21px;left: 12px;z-index: 20;} .nav em img{width: 16px;height: 16px; margin-left:38px;} .nav li{height: 60px; float:left;background:url(../images/nav_bor.gif) no-repeat right 24px;padding: 0 29px;position: relative;} .nav li a{ font-size:16px; color:#000;display:block; float:left;position: relative;vertical-align: middle;text-align: center; } .nav li a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #e60012; height: 5px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .nav li a:hover:before, .nav li a:focus:before, .nav li a:active:before { right: 0; } .nav li.cur a{ background:url(../images/nav_line.gif) no-repeat center bottom;} .nav li a:hover{color: #e60012;} .nav li:last-child{background: none;padding-right: 0;} em,i{ font-style:normal;} .nav li .erji{ display:none; background:#ececeb; width:150px; position:absolute; top:60px; left:-10px; z-index: 9999;} .nav li .erji li{padding: 0; height:44px; line-height:44px;border-bottom: #fff 2px solid; background: none;} .nav li .erji a,.nav li.cur .erji a{ font-size:14px;color: #333; width:130px; height:44px; line-height:44px;text-align: left; padding:0 0 0 15px;background: url(../images/p14-icon5.png) no-repeat 125px center;} .nav li .erji a:before{background: none;} .banner { width: 100%; height: 640px; overflow: hidden; position: relative; } .banner .hd { height: 18px; position: absolute; width: 100%; z-index: 1; text-align: center; bottom: 20px; } .banner .hd ul li { display: inline-block; margin: 0 5px; width: 50px; height: 5px; cursor: pointer; background: #727172; border-radius: 8px; } .banner .hd ul li.on { background: #e60012; } .banner .bd { position: relative; height: 100%; z-index: 0; } .banner .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 640px; display: block; } .banner .bd li a { width: 100%; height: 640px; display: block; } .search { height: 80px; background: #f0f0f0; border-bottom: 1px solid #eee; } .search .fl { line-height: 80px; } .search .fl a { margin-right: 15px; } .search .fl span { color: #333; font-weight: bold; } .search .fr { width: 384px; height: 80px; } .search .fr input { width: 280px; height: 36px; border: 1px solid #eee; margin-top: 20px; padding-left: 3px; border-radius: 6px 0 0 6px; padding-left: 15px; } .search .fr button { width: 75px; height: 40px; background: url(../images/search.jpg) no-repeat; border: none; position: relative; left: -10px; top: 14px; } .sec-title:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);} .sec-title { text-align: center; padding: 50px 0; height: 40px; position: relative; } .sec-title h2 { font-size: 24px; color: #727272; font-weight: bold; } .sec-title h2 span { color: #727272; } .sec-title p { font-size: 14px; margin-top: 10px; } .ys { height: auto; overflow: hidden; } .tc{ background: #f5f5f5; padding-bottom: 40px; padding-top: 10px; } .ys .content { margin-top: 15px; overflow: hidden; } .ys .content dl { float: left; display: inline-block; margin-right: 14px; width: 238px; height: auto; padding: 35px 20px 40px 30px; } .ys .content dl:last-child { margin-right: 0; } .ys .content dl:hover { background: #e60012; color: #FFF; } .ys .content dl dt { /* float: left; */ } .ys .content dl dd { margin-top: 5px; height:59px; overflow: hidden; text-align: center; } .ys .content dl:hover dd img { margin-top: -60px; } .ys .content dl dd img{ width: 69px;height: 120px;-webkit-transition:all .5s;transition:all .5s;} .ys .content dl dt h3 { line-height: 32px; font-size: 26px; font-weight: bold; color: #e60012; text-align: center; height: 60px; padding: 28px 0; background: url(../images/bot.gif) no-repeat center 95px; } .ys .content dl dt h3 i { display: block; font-size: 14px; color: #c8c8c8; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } .ys .content dl dt p { line-height: 25px; font-size: 15px; margin-bottom: 25px; text-align: center; } .ys .content dl dt .more { width: 90px; height: 28px; display: block; line-height: 28px; text-align: center; background: #e60012; border-radius: 5px; margin: 0 auto; } .ys .content dl dt .more a { color: #FFF; width: 90px; height: 28px; display: block; border-radius: 5px; } .plan_tc .cur{ color: #ffffff; background:#e60012; } .plan_tc .cur dd img { margin-top: -60px; } .ys .content dl:hover h3,.ys .content .cur dt h3 { color: #FFF; background: url(../images/bot1.gif) no-repeat center 95px; } .ys .content dl:hover h3 i,.ys .content .cur h3 i { color: #fff; } .ys .content dl:hover .more a,.ys .content .cur .more a { background: #FFF; color: #e60012 } .mtwe{ font-family: inherit; color: #e60012 !important; letter-spacing: -1px; } .sec-titles:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);} .sec-titles { text-align: center; padding: 35px 0; height: 40px; position: relative; } .sec-titles h2 { font-size: 30px; color: #727272; font-weight: bold; background: url(../images/line.png) no-repeat bottom center; padding-bottom: 15px; } .sec-titles p { font-size: 17px; margin-top: 10px; } .index-pro { padding: 25px 0 0; height: auto; overflow: hidden;/* background: url(../images/probg.jpg) no-repeat top center;*/ } .index-pro .content { margin-top: 40px; height: auto; overflow: hidden; } .index-pro .content .fl { width: 240px; } .index-pro .content .fr { width: 930px; } .index-pro .content .fl .title { width: 240px; line-height: 30px; background: #e60012; color: #FFF; padding: 15px 0; } .index-pro .content .fl .title span { font-size: 20px; padding-left: 28px; display: block; } .index-pro .content .fl .title span i { display: block; font-size: 14px; font-style: normal; } .index-pro .content .fl .contact { background: #d00010; text-align: center; padding: 13px 0; } .index-pro .content .fl .contact p a{ font-size: 15px; color: #FFF; } .index-pro .content .fl .contact p span { display: block; font-size: 24px; font-weight: bold; } .category { width: 100%; background: #FFF; height: auto; overflow: hidden; } .category h3 { line-height: 50px; width: 230px; height: 50px; } .category h3 a { float: left; line-height: 50px; color: #666; width: 210px; border-bottom: 2px solid #fff; padding-left: 30px; background: #ececeb url(../images/p14-icon5.png) no-repeat 210px center; display: block; font-size: 16px; } .category h3.on a { background: #e60012 url(../images/p14-icon2.png) no-repeat 210px center; color: #FFF; } .category h3 span a:hover { background: #e60012 url(../images/p14-icon2.png) no-repeat 210px center; color: #FFF; } .category h3 span { float: left; } .category ul { display: none; float: left; width: 100%; height: auto; overflow: hidden; margin-bottom: 3px; } .category li { display: block; line-height: 40px; background: #ececec; border-bottom: 1px solid #fff; } /*.category li :after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; margin-top: 20px; margin-left: 55px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }*/ .category li a { display: block; color: #666; font-size: 15px; padding-left: 50px; line-height: 50px; } .category li a:hover { color: #e60012; } .category li.on a { color: #e60012; } .index-pro .content .fr ul li { float: left; display: inline-block; margin-right: 23px; text-align: center; margin-bottom: 20px; font-size: 16px; } .index-pro .content .fr ul li:nth-child(3n) { margin-right: 0 } .index-pro .content .fr ul li .img { width: 269px; height: 196px; border: 1px solid #ccc; position: relative; overflow: hidden; } .index-pro .content .fr ul li .img img { width: 269px; height: 196px; } .index-pro .content .fr ul li .mask { background: rgba(2, 66, 135, 0.8); display: none; text-align: center; width: 269px; height: 196px; position: absolute; left: 0; } .index-pro .content .fr ul li:hover .mask { display: block; } .index-pro .content .fr ul li .mask h2 { font-size: 18px; line-height: 42px; padding-top: 60px; } .index-pro .content .fr ul li .mask .more { width: 120px; height: 30px; margin: 0 auto; border: 1px solid #FFF; border-radius: 15px; line-height: 30px; } .index-pro .content .fr ul li a:hover h2 { color: #FFF; } .index-pro .content .fr ul li a:hover .more { color: #FFF; } .p14-left-nav-1-tit { background: #d00010; height: 80px; } .p14-left-nav-1-tit h3 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .p14-left-nav-1-tit h3 span{font-size: 14px; text-transform: uppercase;} .p14-left-nav-1-nav-one h3 { height: 50px; line-height: 50px; background:url(../images/p14-icon5.png) no-repeat right center #eee; margin-bottom: 2px; overflow: hidden; } .p14-left-nav-1-nav-one h3 a { display: block; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666; } .p14-left-nav-1-nav-one h3.sidenavcur,.p14-left-nav-1-nav-one h3:hover{ background: url(../images/p14-icon2.png) no-repeat right center #d00010; display: block; } .p14-left-nav-1-nav-one h3.sidenavcur a,.p14-left-nav-1-nav-one h3:hover a{ color: #fff } .p14-left-nav-1-nav dl{ padding: 2px 0 4px; } .p14-left-nav-1-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background:#f2f2f2; position: relative; overflow: hidden; } .p14-left-nav-1-nav dt:after{ content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .p14-left-nav-1-nav dt.sidenavcur:after,.p14-left-nav-1-nav dt:hover:after { border-color:#e60012; } .p14-left-nav-1-nav dt.sidenavcur a,.p14-left-nav-1-nav dt:hover a{color: #e60012; } .p14-left-nav-1-nav dd{ border: 1px solid #ececec; border-bottom:0; } .p14-left-nav-1-nav p { height: 50px; font-size: 14px; line-height: 50px; padding-left: 72px; padding-right: 40px; border-bottom: 1px solid #ececec; background: #fff; position: relative; overflow: hidden; } /*.p14-left-nav-1-nav p:after{content: ""; width: 3px; height: 3px; border-radius: 100%;background: #666; position: absolute; left: 58px; top: 50%;}*/ .p14-left-nav-1-nav p.sidenavcur a,.p14-left-nav-1-nav p:hover a{color:#e60012;} .p14-left-nav-1-nav p.sidenavcur:after ,.p14-left-nav-1-nav p:hover:after {background: #e60012; } .p14-left-nav-1-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .liucheng { height: 360px; overflow: hidden; } .liucheng ul li { float: left; display: inline-block; transition-duration: 0.8s; width: 172px; height: 155px; border: 1px solid #cccccc; margin-right: 30px; text-align: center; } .liucheng ul li:hover { margin-top: 10px; } .liucheng ul li:last-child { margin-right: 0; } .liucheng ul li img { margin-top: 38px; } .liucheng ul li p { font-size: 16px; margin-top: 8px; } .pagination p{ margin:0; cursor:pointer } .pagination{ height:40px; text-align:center; padding:20px 0px; } .pagination a{ display:inline-block; margin-right:10px; padding:2px 12px; height:24px; border:1px #cccccc solid; background:#fff; text-decoration:none; color:#808080; font-size:12px; line-height:24px; } .pagination a:hover{ color:#e60012; background: white; border:1px #e60012 solid; } .pagination a.cur{ border:none; background:#e60012; color:#fff; } .pagination a.active{ border:none; background:#e60012; color:#fff; } .pagination p{ display:inline-block; padding:2px 12px; font-size:12px; height:24px; line-height:24px; color:#bbb; border:1px #ccc solid; background:#fcfcfc; margin-right:8px; } .pagination p.pageRemark{ border-style:none; background:none; margin-right:0px; padding:4px 0px; color:#666; } .pagination p.pageRemark b{ color:red; } .pagination p.pageEllipsis{ border-style:none; background:none; padding:4px 0px; color:#808080; } .dates li {font-size: 14px;margin:20px 0} .dates li span{float:right} .about-title{ padding: 0px; height: 130px; } .about { background: url(../images/ab_bg.jpg) no-repeat top center; height: 620px; overflow: hidden; padding-top: 50px; } .about .fl { float: right; display: inline-block; width: 580px; } .about .fr { width: 560px; height: 343px; float: left; display: inline-block; } .about .fr{ display:block; margin:0 auto; overflow:hidden; } .about .fr img{ display:block; border:0px; width:100%; height: 343px; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } .about .fr:hover img{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; } .about .fl span { color: #4f5358; font-size: 24px; font-weight: bold; } .about .fl h2 { position: relative; height: 15px; } .about .fl h2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #e60012; } .about .fl .info { font-size: 14px; line-height: 32px; color: #666; margin-top: 25px; } .about .fl .more { width: 160px; height: 42px; line-height: 42px; border-radius: 5px; margin-top: 30px; display: block; } .about .fl .more a{display: block;font-size: 14px;color: #fff; text-align: center;background: #e60012 url(../images/ico03.jpg) no-repeat 30px center; padding-left:30px} .about .fl .more a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;} @keyframes shake { from,to{transform:translate3d(0, 0, 0);} 20%,60%{transform:translate3d(-10px, 0, 0);} 40%,80%{transform:translate3d(10px, 0, 0);} } .about1 dl dd.btn_warp { width: 115px; float: left; margin-right: 100px; background: none; border: 0px; } .ab_bg1 { background:url(../images/0e0b9dd6232b4e459582e31359452db5_52.jpg) #f9f9f9 no-repeat center 0; height: 1212px; padding: 76px 0 0; } .about1 dl dt { width: 520px; height: 392px; float: right; overflow: hidden; padding: 23px 40px 0 0; } .about1 dl dt img { width: 520px; height: 392px; } .about1 dl dd { width: 513px; float: left; } .ab_t1 { background:url(../images/0e0b9dd6232b4e459582e31359452db5_50.jpg) no-repeat; width: 470px; line-height: 50px; } .about1 dl dd h4 { height: 50px; line-height: 50px; overflow: hidden; } .about1 dl dd p { line-height: 28px; } .about1 dl dd h4 a { font-size: 28px; color: #333; font-weight: normal; } .about1 .ab_desc { line-height: 30px; font-size: 14px; color: #666; height: 90px; overflow: hidden; padding: 20px 0 0; } .about1 dl dd em { display: block; width: 117px; padding: 40px 0 0; } .about1 dl dd em img { width: 117px; height: 32px; } .about1_bt1 b, .ab_t1 b { display: block; font-size: 46px; color: #333; padding: 0px 0 30px; } .btn_warp { width: 150px; height: 40px; line-height: 40px; text-align: center; background: #e60012; border: solid 1px #e60012; font-weight: bold; font-size: 16px; color: #fff; } .btn_warp a { display: block; color: #fff; } .btn_warp a:hover { color: #fff; } .blk-main { width: 100%; } .blk { width: 1200px; margin: 0 auto 20px auto; } .content1 { width: 1200px; margin: 0 auto; } .p12-aboutinfo-1 { display: inline-block; width: 100%; background: #fff; margin-bottom: 38px; } .p12-aboutinfo-1-tit { display: none; } .about2 { margin-top: 40px; font-size: 15px; line-height: 32px } .about2 { margin-top: 35px; } .about2 p { color: #333; font-size: 15px; line-height: 32px; } .about2 dt { float: left; width: 435px; height: 380px; border: 3px solid #e60012; } .about2 dt img { max-width: 490px; min-width: 490px; margin-left: 30px; margin-top: 32px; } .about2 dd { float: right; width: 625px; border-left: 0; } .about2 dd h3 { padding-top: 57px; line-height: 16px; font-weight: bold; font-size: 45px; color: #e1e1e2; font-family: Times New Roman; text-transform: uppercase; } .about2 dd h3 span { font-size: 28px; line-height: 40px; display: block; font-style: normal; color: #000; font-weight: normal; } .about2 dd p { padding-bottom: 0; color: #333 } .about2 dl dd p strong { color: #000; font-weight: normal } .about2 dl dd i { border-bottom: 1px solid #e60012; display: block; width: 30px; margin-top: 11px; } .about3 { background:url(../images/0e0b9dd6232b4e459582e31359452db5_54.jpg)no-repeat bottom; height: 466px; margin-bottom: 45px; } .about3 dl dt { width: 600px; float: right; height: 340px; background: #fff; margin-top: 90px; } .about3 dl dd { width: 460px; float: left; margin-top: 145px; } .about3 dl dd h3 { font-size: 28px; color: #000; position: relative; margin-bottom: 30px; } .about3 dl dd h3:after { content: ""; position: absolute; width: 30px; height: 3px; background: #e60012; left: 0; top: 34px; } .about3 dl dd p {} .cul ul li { text-align: left; font-size: 16px; color: #333; line-height: 45px; } .cul ul li span { font-size: 18px; display: inline-block; font-weight: bold; color: #e60012; } .cul { margin-bottom: 50px; clear: both; } .cor em { display: inline-block; font-style: normal; color: #fff; background: #d30d1d; padding: 0 20px; font-size: 22px; line-height: 50px; margin-bottom: 22px; border-radius: 0 30px 30px 0; } .cor ul { width: 800px; float: left; box-sizing: border-box; padding: 20px 20px 0 40px; height: 247px; box-shadow: 0px 10px 30px #e8e8e8; } .tu { width: 400px; float: left; background: #000; height: 300px; } .cor { width: 800px; float: right; } .cor p { font-size: 26px; color: #333; font-weight: bold; text-align: center; line-height: 34px; margin: 62px 0 0 !important; } /*瑙e喅鏂规涓績*/ .plan{ margin: 50px 0 0; padding: 10px 0 20px; background: #f8f8f8;} .plan_t{height: 58px;line-height: 58px;width: 1198px;border:#e6e6e6 1px solid;margin-top:60px; } .plan_t ul li{width: 199px;float: left; border-right: 1px solid #e6e6e6;} .plan_t ul li a,.plan_t span a{font-size: 18px;color: #333;display: block; text-align: center;height: 58px;line-height: 58px;overflow: hidden;} .plan_t ul li a:hover,.plan_t span a:hover,.plan_t ul li.cur a{color: #ffffff;background:url(../images/p16-icon6.png) no-repeat bottom center #e60012; } .plan_t span{display: block;float: right;width: 202px;text-align: center;} .plan_t span a{width: 199px;} .plan_m{padding:0 0 20px 0;overflow: hidden;margin-top: 3px;} .plan_m ul li{width: 24.25%;height: 327px;float: left;position: relative;margin-left: 1%;overflow: hidden;} .plan_m ul li img{width: 100%;height: 327px;} .plan_m ul li span{width: 94%; display: block; height: 60px; line-height: 60px; font-size: 15px; color: #333; position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,0.8) url(../images/case_ico09.png) no-repeat 95% 20px; overflow: hidden; padding: 0 3%;} .plan_m ul li .a_bg{ display:none; width: 100%;height: 267px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;line-height: 25px;padding: 30px 0;} .plan_m ul li .a_bg em{display: block;font-size: 18px;font-weight: bold;height: 60px;line-height: 60px;position: relative;text-align: center;} .plan_m ul li .a_bg em:before{ content:"";width: 50px;height: 2px;background: #fff;position: absolute;bottom: 0;left: 46%;} .plan_m .plan_desc{padding: 15px 30px 0;} .plan_m .plan_desc p{ text-indent:2em;} .plan_m ul li:first-child{margin: 0;} .a_bg { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .a_bg:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:rgba(49, 49, 49, 0.5); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .a_bg:hover, .a_bg:focus, .a_bg:active { color: white; } .a_bg:hover:before, .a_bg:focus:before, .a_bg:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /*搴旂敤瀹炰緥*/ .anli{height: 40px;padding: 35px 0;} .case{background: url(../images/case_line01.gif) repeat-x 0 30px;overflow: hidden; margin-top: 30px;} .case .yin_t{background:url(../images/case_tbg.gif) no-repeat center 0;} .case_t{height: 135px;overflow: hidden;margin: 30px 0 0;} .case_t ul li{width: 133.33px;height: 135px;float: left;text-align: center;overflow: hidden;} .case_t ul li a{font-size: 16px;color: #000;display: block;padding: 30px 0 0;} .case_t ul li em{display: block;width: 32px;height: 32px;line-height: 0;overflow: hidden;margin: 0 auto 10px;} .case_t ul li em img{width: 32px;height: 64px;-webkit-transition:all .5s;transition:all .5s;} .case_t ul li a:hover,.case_t ul li.cur a{color: #e60012;font-weight: bold;background: url(../images/case_line02.gif) no-repeat center 0;} .case_t ul li a:hover em img,.case_t ul li.cur em img{margin-top: -32px;} /*浼樺娍*/ .ys-title{height: 100px; padding: 35px 0 30px 0;} .ys_bg{background: url(../images/ys_bg.gif) repeat-x 0;overflow: hidden;height: auto;margin-bottom: 10px;} .ys_l{position: absolute; right: 50%;z-index: 20;float: left;} .ys_l dl{padding: 25px 0 0 310px;width: 650px;height: 135px;margin-right: -100px;} .ys_l dl dt{font-size: 20px;color: #333;font-weight: bold;height: 36px;line-height: 36px;overflow: hidden;position: relative;} .ys_l dl dt i{font-size: 32px;font-family: "DINOT";color: #e60012;display: block;float: left;width: 45px;} .ys_l dl dt em{display: block;width: 40px;background: #f4f4f4;position: absolute;top: 23px;left: 0;} .ys_l dl dd{padding: 5px 0 0 35px;width: 405px;} .ys_l dl dd p{font-size: 14px;color: #666;line-height: 24px; padding: 0 0 0 12px;} .ys_l dl:hover,.ys_l dl.on,.ys_l dl:hover dt em,.ys_l dl.on dt em{background: #fff;} .ys_l dl:hover dt i,.ys_l dl.on dt i{color: #e60012;} .ys_r{/* top: 160px; *//* left: 50%; */float: right;} .ys_r p{width: 960px;height: 480px;overflow: hidden;line-height: 0;} .ys_r p img{width: 960px;height: 480px;} .ys_bg .ys{padding: 0px;} .ys_r p{ display:block; margin:0 auto; overflow:hidden; } .ys_r p img{ display:block; border:0px; width:100%; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } .ys_r p:hover img{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; } /*浜у搧涓績*/ .chanp{padding: 60px 0 0;} .chanp .yin_t{background:url(../images/cp_tbg.gif) no-repeat center 0;margin-bottom: 40px;} .chanp dl{width: 480px;float: left;height: 530px;background: #fff;box-shadow: 0 3px 10px 3px #eee; margin-right: 10px;} .chanp dl dt{width: 480px;height: 330px;line-height: 0;overflow: hidden;} .chanp dl dt img{width: 480px;height: 330px;} .chanp dl dd{width: 400px;margin: 0 auto;border-top: #ccc 1px solid;padding: 20px 0 0 10px;} .chanp dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;} .chanp dl dd h5 a{font-size: 23px;color: #333;} .chanp dl dd h5 a:hover{color: #e60012;} .chanp .cp_desc{font-size: 15px;color: #666;line-height: 30px;padding: 5px 0 0;} .chanp dl dd b{color: #e60012;padding-right: 5px;} .chanp dl dd span{display:inline-block;padding: 10px 0 0;width: 400px;} .chanp dl dd span a{display: block;float: left;font-size: 14px;color: #666;background:url(../images/cp_btn01.gif) no-repeat;width: 95px;height: 36px;line-height: 36px;overflow: hidden;padding-left: 15px;margin-right: 20px;} .chanp dl dd span a:hover{background:url(../images/cp_btn02.gif) no-repeat;color: #fff;} .chanp dl dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;} .chanp_r{width: 350px;} .chanp_r ul li,.cp_bot ul li{width: 350px;height: 260px;line-height: 0;overflow: hidden;position: relative;box-shadow: 0 3px 10px 3px #eee;margin-bottom: 10px;} .chanp_r ul li img{width: 330px;height: 223px; margin: 0 auto;} .chanp_r ul li span,.cp_bot ul li span{ width:350px; display:block; text-align:center; height:45px; line-height:45px; overflow:hidden;font-size: 16px;color: #333;position: absolute;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.3);} .chanp_r ul li span:hover,.cp_bot ul li span:hover{ color: #e60012; } .cp_bot ul li{width: 395px;height: 260px;float: left;margin-left: 7px;} .cp_bot ul li img{width: 310px;height: 213px; margin: 0 auto;} .cp_bot ul li span{ width:395px;} .cp_bot ul li:first-child{margin-left: 0;} .chanp dl,.chanp_r ul,.cp_bot ul{ display:block; } .chanp dl dt img,.chanp_r ul img,.cp_bot ul img{ display:block; border:0px; width:100%; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } .chanp dl dt:hover img,.chanp_r ul li:hover img,.cp_bot ul li:hover img{ transform:scale(1.06); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; } /* .chanp{width: 100%;} .chanp .yin_t{background:url(../images/cp_tbg.gif) no-repeat center 0;margin-bottom: 40px;} .chanp dl{width: 56.5%;float: left;background: #fff;box-shadow: 0 3px 10px 3px #eee;} .chanp dl dt{width: 100%;line-height: 0;overflow: hidden;} .chanp dl dt img{width: 100%; } .chanp dl dd{width: 100%;margin: 0 auto;border-top: #ccc 1px solid;} .chanp dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;padding: 20px 0 0 60px;} .chanp dl dd h5 a{font-size: 22px;color: #333;} .chanp dl dd h5 a:hover{color: #e60012;} .chanp .cp_desc{font-size: 15px;color: #666;line-height: 30px;padding: 5px 0 0 60px;} .chanp dl dd b{color: #e60012;padding-right: 5px;} .chanp dl dd span{display:inline-block;padding: 10px 0 20px 60px;} .chanp dl dd span a{display: block;float: left;font-size: 14px;color: #666;background:url(../images/cp_btn01.gif) no-repeat;width: 95px;height: 36px;line-height: 36px;overflow: hidden;padding-left: 15px;margin-right: 20px;} .chanp dl dd span a:hover{background:url(../images/cp_btn02.gif) no-repeat;color: #fff;} .chanp dl dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;} .chanp_r{width: 42.3%;float: right;} .chanp_r ul li,.cp_bot ul li{width: 100%;line-height: 0;overflow: hidden;position: relative;box-shadow: 0 3px 10px 3px #eee;margin-bottom: 10px !important;} .chanp_r ul li img{width: 100%;height: 289.5px;} .chanp_r ul li span,.cp_bot ul li span{width: 100%;display:block;text-align:center;height:30px;line-height:30px;overflow:hidden;font-size: 16px;color: #333;position: absolute;bottom: 15px;left: 0;} */ .index-pro .content .fr .chanp_r .mask { background: rgba(255, 255, 255, 0.8); display: block; text-align: center; width: 100%; height: 45px; position: absolute; left: 0; bottom: 0; } .index-pro .content .fr .chanp_r .mask h2 { font-size: 16px; line-height: 42px; padding-top: 3px; } .index-pro .content .fr .chanp_r .mask .more { width: 120px; height: 30px; margin: 0 auto; border: 1px solid #e60012; border-radius: 15px; line-height: 30px; } .index-pro .content .fr .chanp_r a:hover h2 { color: #e60012; } .index-pro .content .fr .chanp_r a:hover .more { color: #e60012; } .honor { height: auto; overflow: hidden; text-align: center; margin-top: -55px; } .honor .hd { height: 55px; overflow: hidden; width: 100%; } .honor .hd ul li { display: inline-block; width: 200px; height: 55px; font-size: 16px; line-height: 55px; margin-right: 12px; } .honor .hd ul li a { background: #f2f2f2; width: 200px; height: 55px; display: block; border-radius: 5px 5px 0 0 } .honor .hd ul li a:hover { background: #e60012; color: #FFF; } .honor .hd ul li.on a { background: #e60012; color: #FFF; } .honor .bd { padding-top: 40px; } .honor .bd ul li { float: left; display: inline-block; margin-right: 20px; text-align: center; font-size: 16px; width: 285px; height: 189px; border: 1px solid #ccc; overflow: hidden; } .honor .bd ul li img { max-width: 287px; width: 287px; height: 190px; } .honor .bd li a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;} .honor .bd ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px); transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} .index-news { height: auto; width: 100%; overflow: hidden; padding: 40px 0; margin-top: 20px; } .index-news .fl { width: 675px; } .index-news .fr { width: 500px; } .index-news .fr .tit { font-size: 14px; color: #999999; height: 35px; } .index-news .fr .tit span { font-weight: bold; font-size: 20px; color: #333; margin-right: 15px; padding: 15px 0; background: url(../images/bott.gif) no-repeat center 50px; } .index-news .fr .tit em { float: right; margin-top: 4px; } .index-news .fr .gun-news { padding-top: 20px; } .index-news .fr .gun-news ul li { padding: 10px 0 18px; /* border-bottom: 1px solid #ccc;*/ } .index-news .fr .gun-news h2 { background: url(../images/wen.jpg) no-repeat left bottom; font-size: 14px; font-weight: bold; line-height: 29px; height: 29px; display: block; padding-left: 35px; } .index-news .fr .gun-news p { /* background: url(../images/da.jpg) no-repeat left top;*/ font-size: 13px; line-height: 26px; display: block; padding-top: 15px; color: #727272; } .tab-news .hd { width: 100%; margin-right: 20px; overflow: hidden; } .tab-news .hd em { float: right; margin-top: 4px; } .tab-news .hd ul { overflow: hidden; height: 50px; float: left; } .tab-news .hd ul li { margin-bottom: 10px; float: left; padding: 0 20px; padding-left: 25px; background: url(../images/nav_bor.gif) no-repeat left; } .tab-news .hd ul li:first-child { background: no-repeat; padding-left: 0; } .tab-news .hd ul li h3 { font-size: 14px; color: #333; } .tab-news .hd ul li h3 span { font-size: 18px; font-weight: bold; padding-bottom: 15px; color: #333; } .tab-news .hd ul li .more { padding: 1.5px; text-align: center; margin-top: 15px; background: #333; width: 36px; } .tab-news .hd ul li .more a { color: #FFF; } .tab-news .hd ul li.on h3 span { color: #e60012; border-bottom: 2px solid #d00010; } .tab-news .bd { display: inline; width: 100%; overflow: hidden; } .tab-news .bd dl { width: 675px; height: 165px; padding: 15px 0; } .tab-news .bd dl dt { float: left; display: inline; } .tab-news .bd dl dd { float: right; display: inline; width: 400px; position: relative; } .tab-news .bd dl dd .newsleft { width: 73%; float: left; } .tab-news .bd dl dd .date { font-size: 14px; color: #333; font-family: Arial, Helvetica, sans-serif; position: absolute; top: 20px; right: 0; background: url(../images/news_line.gif) no-repeat; width: 85px; line-height: 40px; text-align: center; } .tab-news .bd dl dd .date span { display: block; font-size: 12px; } .tab-news .bd dl dd .date i { display: block; font-size: 40px; } .tab-news .bd dl dd span a { display: block; width: 130px; text-align: center; height: 30px; line-height: 30px; background: #efefef; overflow: hidden; font-size: 14px; color: #333; border-radius: 20px; } .tab-news .bd dl dd h4 { font-weight: bold; font-size: 16px; padding: 13px 0 10px; } .tab-news .bd dl dd p { line-height: 25px; padding: 10px 0; } .tab-news .bd dl dt{ display:block; margin:0 auto; overflow:hidden; } .tab-news .bd dl dt img{ display:block; border:0px; width: 250px; height: 180px; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } .tab-news .bd dl dt:hover img{ transform:scale(1.2); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; } .tab-news .bd ul { padding-top: 15px; } .tab-news .bd ul li { line-height: 36px; color: #727272; } .tab-news .bd ul li a{ color: #727272; } .tab-news .bd ul li span { float: right; } .tab-news .bd ul li:hover a,.tab-news .bd ul li:hover a:before,.tab-news .bd ul li:hover span { line-height: 40px; color: #de0000; } .tab-news .bd ul li a:before { content: "-"; font-size: 20px; margin-right: 7px; color: #727272; } .links { padding-bottom: 20px; } .links span { font-weight: bold; font-size: 18px; } .links a { margin-right: 15px; } .footer { background: #333333; height: 255px; overflow: hidden; color: #fff; } .footer-nav{ background: #f4f4f4; } .footer-nav-p{ height: 46px; line-height: 46px; text-align: center; overflow: hidden; margin-bottom: 20px; padding-bottom: 5px; padding-top: 5px; } .footer-nav-p a{ color: #333; padding: 0 20px; border-right:1px solid #909090; } .footer-nav-p a:last-child{ border:none; } .footer-nav-p a:hover{ color: #e60012; } .footer .fl h3 { color: #FFF; margin-bottom: 20px; } .footer .fl a { color: #bbbbbb; } .footer .fl a:hover { color: #ae0a11; } .footer .dh { width:20%; } .footer .dh img{ height: 130px; padding:13px 30px; } .foot-center{ width: 50%; padding: 0 10px; } .foot-about{ text-indent: 2em; line-height: 28px; font-size: 14px; margin-top: 15px; } .foot-contact{ margin-top: 13px; } .foot-contact p{ width: 50%; float: left; line-height: 35px; font-size: 14px; } .foot-contact p:first-child{ width: 45%; margin-right: 5%; } .footer .contact { line-height: 30px; } .footer .fr { width: 13%; margin-top: 20px; } .footer .fr h3 { width: 16px; font-size: 14px; float: left; margin-right: 6px; } .footer .fr img { height: 110px; float: left; } .copyright { background: #fff; padding: 15px 0; border-top: 1px solid #484848; color: #333; text-align: center; } .kefu { position: fixed; right: -185px; top: 50%; z-index: 900; } .kefu li a { text-decoration: none; color: #FFF; } .kefu li { margin-top: 4px; clear: both; height: 62px; position: relative; } .kefu li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0 auto; text-align: center; } .kefu li p { height: 20px; font-size: 13px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; margin: 0; } .kefu .kefu-qq i { background-position: 4px 5px; } .kefu .kefu-tel i { background-position: 0 -21px; } .kefu .kefu-liuyan i { background-position: 4px -53px; } .kefu .kefu-weixin i { background-position: -34px 4px; } .kefu .kefu-weibo i { background-position: -30px -22px; } .kefu .kefu-ftop { display: none; } .kefu .kefu-ftop i { width: 33px; height: 35px; background-position: -27px -51px; } .kefu .kefu-left { float: left; width: 62px; height: 47px; position: relative; } .kefu .kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .kefu .kefu-right { width: 20px; } .kefu .kefu-tel-main { background: #e60012; color: #fff; height: 50px; width: 247px; padding: 9px 0 6px; float: left; } .kefu .kefu-main { background: #e60012; width: 97px; height: 50px; position: relative; padding: 9px 0 6px; float: left; } .kefu .kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .kefu-weixin-pic img { width: 115px; height: 115px; } .ban { width: 100%; height: 320px; overflow: hidden; } .ny { height: auto; overflow: hidden; width: 100%; padding: 20px 0; } .ny .fl { width: 240px; } .ny .fr { width: 930px; } .ny .fl .title { height: 70px; width: 240px; /* background: #e60012 url(../images/ico01.jpg) no-repeat 20px center; */ color: #FFF; padding: 15px 0 0 0; border-bottom: 1px solid #fff; } .ny .fl .title-nei { height: 90px; background: #d00010; } .ny .fl .title span { font-size: 28px; padding-left: 30px; display: block; } .ny .fl .title span i { display: block; font-size: 14px; font-style: normal; text-transform: uppercase } .ny .contact { background: #d00010; text-align: center; padding-bottom: 20px; margin-top: 20px; } .ny .contact p { font-size: 15px; color: #FFF; margin-top: 15px; line-height: 30px; background: url(../images/prolist4.png) no-repeat left 55px top; } .ny .contact p span { display: block; font-size: 24px; font-weight: bold; margin-top: 5px; } .blk{ margin-bottom: 20px; width: 1200px; margin: 0 auto; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; height: 46px; line-height: 46px; } .p12-curblock{ display: none; } .p12-curmbs-1 b { border-left: 10px solid #e60012; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 span { font-family: '氓庐鈥姑ぢ解€?; padding: 0 5px; height: 46px; line-height: 46px; } .tl-fdh-02 { height: 55px; background: #fff; margin-bottom: 20px; overflow: hidden; } .tl-fdh-02 li { width: 14.286%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #d8d8d8; box-sizing:border-box; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a { display: block; height: 55px; color: #333; } .tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover { background: url(../images/p16-icon6.png) no-repeat bottom center #e60012; border-color: #e60012; } .tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a { color: #fff; } .ny .fr .title { line-height: 42px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; } .ny .fr .title span { font-size: 20px; color: #666; border-bottom: 1px solid #e60012; padding-bottom: 12px; font-weight: bold; } .ny .fr .title p { display: inline-block; float: right; } .ny .fr .tit { line-height: 50px; } .ny .fr .tit span { font-size: 24px; color: #4b4a4a; } .ny .fr .txt { border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; } .list-1 dl { border: 1px solid #dedede; margin-bottom: 15px; padding: 22px 50px 22px 22px; background: #fff; overflow: hidden; } .list-1 dl dt { width: 29.5%; float: left; margin-right: 5.8%; } .list-1 dt img { width: 100%; height: 180px; } .list-1 dd h4 { height: 40px; font-weight: normal; font-size:18px; color: #154c64; line-height: 40px; margin-bottom: 5px; overflow: hidden; } .list-1 h4 a { display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-1 dl:hover{border:1px solid #e60012;} .list-1 dl:hover h4 a { color: #e60012; } .list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .list-deta { width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: right; background: #b6b6b6; color: #fff; } .list-1 a{color:#fff;} .list-1 dl:hover .list-deta { background: #e60012; border-color: #e60012; } .list-1 dl:hover .list-deta a { color: #fff; } .list-2 { height: auto; overflow: hidden; padding-bottom: 30px; } .list-2 ul li { width: 24%; float: left; background: #f0f0f0; margin: 0 1.3% 13px 0; } .list-2 ul li:nth-child(4n) { margin-right: 0 } .list-2 ul li .img { border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; } .list-2 ul li img { width: 100%; } .list-2 ul li p { height: 50px; font-size: 14px; line-height: 50px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0; } /*product*/ .pro-list { height: auto; overflow: hidden; padding-bottom: 30px; } .pro-list ul li { width: 32%; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 2%; height:410px; box-sizing: border-box; } .pro-list ul li:nth-child(3n) { margin-right: 0 } .pro-list ul li .img { background: #fff; } .pro-list ul li img { width: 100%; } .pro-list li h4 { height: 45px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 45px; overflow: hidden; } .pro-list li h4 a{ color: #727272; } .pro-title{ padding: 6px 20px 20px; } .leftnav-z1-list-desc { height: 40px; font-size: 14px; line-height: 20px; color: #666; margin-bottom: 12px; overflow: hidden; } .leftnav-z1-list-deta { width: 90px; height: 33px; display: inline-block; border: 1px solid #aaa; font-size: 15px; line-height: 33px; text-align: center; } .leftnav-z1-list-deta a{ color: #666; } .pro-list li:hover h4 a { color: #e60012; } .pro-list li:hover { border-color: #e60012; } .pro-list li:hover .leftnav-z1-list-deta { background: #e60012; border-color: #e60012; } .pro-list li:hover .leftnav-z1-list-deta a { color: #fff; } .con{ width: 100%; text-align: center; padding-bottom: 20px; margin-top: 20px; overflow: hidden; } .con_p{ width: 100%; font-size: 18px; color: #FFF; margin-bottom: 35px; overflow: hidden; } .con_p p{ width: 19.5%; float: left; height: 140px; padding: 2%; margin: 0 1%; background: #f5f5f5; } .con_p p:first-child{ margin-left:0; } .con_p p:last-child{ margin-right:0; } .con_p p img { width: 46px; } .con_p p i { display: block; font-size: 14px; color: #333; padding-bottom: 3px; font-style: normal; padding-top: 5px; } .con_p p span { display: block; font-size: 15px; color:#666; font-family: 寰蒋闆呴粦; } .endit-content p{margin: 15px 0;} .about-main{ width: 100%; } .p4-order-form-1 .p4-titlel-1 { width: 145px; height: 46px; font-size: 18px; line-height: 46px; text-align: center; color: #fff; background: #e60012; } .p4-order-form-1-con { border:1px solid #bbb; background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff; padding:40px 15%; } .p4-order-form-1-con li p { padding-left: 130px; color: #999;font-size: 12px; } .p4-order-form-1-con li { margin-bottom: 10px; font-size: 14px; line-height: 35px; color: #666; overflow: hidden; } .p4-order-form-1-con li span { font-weight: bold; color: #666; } .p4-order-form-1-con li b{color:#f00;} .p4-order-form-1-con li .row-hd { color: #666; } .timenum{padding-left:95px;} .p4-order-form-1-con li p { clear: both; } .p4-order-form-1-con label { display: inline-block; width: 120px; color: #666; vertical-align: top; text-align: right;height: 33px;line-height: 33px;overflow: hidden; } .p4-order-form-1-t1 textarea { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; outline: none; resize: none; overflow: auto; margin-right: 10px; padding-left: 10px; box-sizing: border-box; } .p4-order-form-1-con .inputs, .p4-order-form-1-con li select { width: 73%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666; box-sizing: border-box; } .p4-order-form-1-con .p4-order-form-1-t3 input { width: 80px; height: 30px; border: 0; text-align: center; margin-right: 30px; color: #fff; padding-left: 0; cursor: pointer; } .p4-order-form-1-con .p4-order-form-1-t3 { padding-left: 120px; } .p4-order-form-1-con .p4-order-form-1-b1 { background: #e60012; } .news { padding: 0px 0 0; } .news h1 { text-align: center; font-size: 24px; padding: 15px; } .news .date { text-align: center; font-size: 14px; padding: 10px 0; background: #f5f5f5; margin: 10px; } .news .date span { padding: 0 15px; } .news-main .info { padding: 20px; line-height: 25px; clear: both; /* border-radius: 15px; border-top: 7px solid #40000FF; box-shadow: #F3F3F3 5px 5px 20px 9px; margin-bottom: 60px;*/ } .findrow .info { padding: 10px 0 0; line-height: 25px; margin-bottom: 0; border: 0; box-shadow: #ffffff00 0px 0px 0px 0px; } .tags { border-top: 1px solid #e60012; height: 35px; line-height: 35px; margin-bottom: 20px; } .tags span { color: #666; } .tags a { margin-right: 10px; color: #666; } .tags-list{ float: right; background: #e60012; padding: 0 10px; margin-right: 0 !important; font-size: 18px; color: #fff !important; } .page { line-height: 38px; margin: 20px 0; overflow: hidden; } .page .left { width: 100%; } .page .right { width: 100%; } .page span { background: #a2a2a2; color: #fff; padding: 8px 10px; margin-right: 20px; } .xg-pro { height: auto; overflow: hidden; margin-top: 5px; } .xg-pro ul li { margin-bottom: 10px; float: left; width: 23.8%; border: 1px solid #dfdfdf; margin-right: 1.6%; box-sizing: border-box; } .xg-pro ul li:nth-child(4n) { margin-right: 0; } .xg-pro ul li img { width: 100%; } .xg-pro h3 { height: 30px; font-size: 16px; font-weight: normal; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tj-tit{ padding: 3PX 10PX; } .sott { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xg-pro li:hover { background: #f8f8f8; border:1px solid #e60012; } .xg-pro li:hover h3 a { color: #e60012; } .xg-news { height: auto; overflow: hidden; margin-top: 15px; background: #f5f5f5; padding: 10px 0; } .xg-news ul li { max-width: 100%; height: 36px; line-height: 36px; border-top: 1px dashed #e1e1e1; padding: 5px 15px; } .xg-news ul li:before { content: '鈻?; font-size: 12px; margin-right: 5px; color: #333333; position: relative; top: -1px; float: left; } .xg-news ul li a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%; display: inline-block; } .xg-news ul li a span{ float: right; } .xg-area { height: auto; overflow: hidden; margin-top: 0px; margin-bottom: 15px; } .xg-area ul li { float: left; display: inline-block; margin-right: 25px; line-height: 25px; } .p15-showcase { position: relative; } .p15-showcase-right-con { line-height: 24px; font-size: 14px; max-height: 238px; margin-bottom: 86px; overflow: hidden; } .p15-showcase-left { position: relative; width: 466px; float: left; line-height: 0; overflow: hidden; border: 1px solid #e7e7e7; } .p15-showcase-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .p15-showcase-left-prev { left: 10px; } .p15-showcase-left-next { right: 10px; } .p15-showcase-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 28px; font-size: 14px; line-height: 16px; padding: 0 15px; } .p15-showcase-left-size em { font-style: normal; } .p15-showcase-left-pic { width: 100%; text-align: center; } .p15-showcase-left-pic li { float: left; } .p15-showcase-left-pic img { width: 100%; display: block; } .p15-showcase-right { width: 51.6%; float: left; } .p15-showcase-right-tit { height: 40px; font-size: 24px; line-height: 40px; color: #454545; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pro { width: 100%; height: auto; overflow: hidden; padding: 10px 0 45px; } .pro .img { float: left; display: inline-block; width: 466px; } .pro .text { float: right; display: inline-block; width: 425px; } .pro .text h1 { font-size: 24px; line-height: 50px; border-bottom: 1px solid #e6e6e6; } .pro .text .desc { padding: 20px 0; height: 150px; font-size: 15px; line-height: 29px; } .pro .text .btn { width: 120px; height: 40px; background: #e60012; color: #FFF; display: block; text-align: center; line-height: 40px; font-size: 18px; float: right; } .pro .text .btn:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;} .pro-tel{ width: 100%; height: 50px; border-top: 2px solid #e6e6e6; padding-top: 10px; margin-top: 50px; } .pro-tel2 { height: 56px; padding-left: 70px; background: url(../images/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 20px; color: #666; } .pro-tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; padding-top: 26px; } .pro-tit b { display: inline-block; font-size: 24px; font-weight: normal; color: #464646; padding-left: 52px; border-bottom: 2px solid #e60012; background:url(../images/p14-icon11.png) no-repeat 22px center; } .pro-tit span { margin-left: 10px; font-size: 18px; font-family: Arial; color: #c2c2c1; text-transform: uppercase; } .pro-content .tits { border-bottom: 1px solid #e1e1e1; height: 50px; width: 100%; font-size: 18px; } .pro-content .tits span { background: url(../images/p14-icon10.png) no-repeat center bottom #e60012; color: #FFF; display: block; width: 120px; height: 50px; text-align: center; line-height: 50px; } .pro-content .info { padding: 0 0 20px 0; } .pro-content .info table td { padding: 8px; border-color: #fff; } .pro-content .info .main-tab tr:nth-child(odd) { background: #f6f6f6; } .ny-main-title{ text-align: center; padding: 15px 0; position: relative; line-height: 25px; background: url(../images/pro-main.png) no-repeat center; margin: 45px 0 15px; } .ny-main-title p{ font-size: 22px; color: #727272; font-weight: bold; padding-bottom: 8px; letter-spacing: 2px; background: url(../images/case_line02.gif) no-repeat center bottom; } .ny-main-title span{ color: #aaa; } .ny-pro-gaishu{ background: #fff; box-shadow: 0px 0px 13px 0px #ebebeb; padding: 10px 0; } .ny-pro-gaishu p{ line-height: 30px; font-size: 15px; text-indent: 2em; padding: 6px 20px 0; } .ny-pro-main{ width: 100%; overflow: hidden; height: auto; background: #f8f8f8; } .ny-pro-main-k{ width: 96%; height: auto; background: #f8f8f8; padding: 2%; border-right: 1px solid #fff; } .ny-pro-main-k p{ margin: 3px 0; background: url(../images/dian.png) no-repeat; padding-left: 2%; } .ny-pro-main-left{ width: 47%; height: auto; float: left; background: #f8f8f8; padding: 2%; border-right: 1px solid #fff; } .ny-pro-main-left p{ margin: 3px 0; background: url(../images/dian.png) no-repeat; padding-left: 3%; } .ny-pro-main-right{ width: 48%; float: left; box-shadow: 0px 0px 10px 3px #e1e1e1; margin: 10px 0; background: #fff; } .ny-pro-main-right img{ width: 100%; overflow: hidden; } div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; } div.zoomMask { position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1; } .pc-slide { width: 100%; margin: 0 auto; text-align: center; } .view .swiper-slide .imgauto { width: 100%; height: 350px; position: relative; } .view .swiper-slide .imgauto img { max-width: 90%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0 } .view .swiper-container { width: 100%; } .preview { width: 100%; margin-top: 10px; position: relative; } .preview .swiper-container { width: 80%; margin: 0 10%; overflow: hidden; } .preview .swiper-slide { width: 22.5%; padding: 5px; } .preview .swiper-slide .imgauto { width: 100%; height: 80px; line-height: 80px; border: 1px solid #ddd; text-align: center; cursor: pointer; position: relative; display: block; } .preview .swiper-slide .imgauto img { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0 } .preview .slide6 { width: 82px; } .preview img { padding: 1px; } .preview .active-nav .imgauto { border: 1px solid #e60012; } .preview .arrow-left { background: url(../images/prev1.png) no-repeat left center; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 10px; height: 18px; z-index: 10; } .preview .arrow-right { background: url(../images/next1.png) no-repeat left center; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 10px; height: 18px; z-index: 10; } .clearfix { *zoom: 1; } .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #message { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; transform: scale(0); transition: .3s; } .messagebg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1001; } #message .m-content { margin-top: 10%; } #message .m-content .m-message { background: #fff; width: 580px; background: #fff; padding: 50px; margin: 0 auto; position: relative; z-index: 1002; box-shadow: 1px 1px 50px rgba(0,0,0,.3); } .m-message { width: 494px; margin: 48px auto 0; } .m-message label { margin-bottom: 15px; display: block; font-size: 14px; } .m-message label em { display: block; float: right; color: red; height: 32px; line-height: 32px; } .m-message label span { width: 70px; height: 34px; line-height: 34px; color: #2F2F2F; float: left; font-weight: bold; text-align: right; margin-right: 30px; display: inline-block; } .m-message label input.inp, .m-message label textarea, .m-message label.code input { width: 77%; overflow: hidden; height: 32px; line-height: 32px; border: #cccccc 1px solid; border-radius: 3px; padding: 0 14px; box-sizing: border-box; color: #555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .m-message label input:focus, .m-message label textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6); } .m-message label textarea { height: 72px; line-height: 24px; padding: 10px 14px; } .m-message label.code { line-height: 34px; } .m-message label.code input { width: 30%; float: left; margin-right: 30px; } .m-message label.code .pic { display: inline-block; vertical-align: top; width: 80px; height: 32px; } .m-message label.code img { display: block; width: 100%; height: 100%; } .btn-1 input { width: 52px; height: 32px; line-height: 32px; background: #e8e8e8; border: none; color: #333; margin-right: 22px; cursor: pointer; transition: 0.3s; } .btn-1 { padding-left: 100px; } .btn-1 input.focus { background: #e60012; color: #fff; } .btn-1 input.focus:hover { background: #444; } .btn-1 input:hover { background: #ccc; }