锘匡豢@charset "utf-8"; /*common*/ .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .bg { background: #FFF; } em, i { font-style: normal; } /**/ /*banner*/ .banner { overflow: hidden; } .banner a { display: block; } .banner .hd ul{ text-align: center; } .banner .hd li{ background-color: #373f4a; width: 13px; height: 13px; border-radius: 7px; display: inline-block; margin-left: 10px; margin-right: 10px; } .banner .hd li.on{ background-color: #1b6a79; } /*鍏抽敭瀛?/ .keywords { overflow: hidden; height: 70px; line-height: 70px; border-bottom: 1px solid #cecece; } .keywords p { display: block; float: left; width: 570px; font-size: 14px; color: #666666; } .keywords p b { display: inline-block; float: left; } .keywords p a { display: block; float: left; padding: 0 5px; text-align: center; } .keywords .inp { overflow: hidden; display: block; float: right; margin-top: 15px; width: 294px; height: 35px; background: url(../images/key_inp.jpg) no-repeat left top; } .keywords .itext { display: block; float: left; padding-left: 10px; width: 240px; height: 35px; line-height: 34px; color: #b4b4b4; border: 0; background: none; } .keywords .ibtn { display: block; float: right; width: 30px; height: 34px; border: 0; background: none; cursor: pointer; } /*浜у搧*/ .pro { overflow: hidden; margin-top: 35px; } .pro h2 { display: block; text-align: center; font-size: 25px; } .pro h2 a { color: #3e3e3e; } .pro h2 a:hover { text-decoration: none; } .pro h2 em { display: block; margin-top: 5px; font-size: 15px; color: #909090; font-weight: normal; font-family: "Arial"; } .pro .pro2 { overflow: hidden; display: block; float: left; margin-top: 20px; width: 252px; height: 920px; background: url(../images/pro2_bg.jpg) no-repeat left top; } .pro2 h4 { display: block; margin: 0 auto; width: 252px; height: 80px; text-align: center; line-height: 80px; } .pro2 h5 { display: block; margin: 20px auto 0; width: 216px; height: 46px; line-height: 46px; font-size: 16px; font-weight: normal; } .pro2 h5 a { display: block; padding-left: 10px; width: 206px; height: 46px; line-height: 46px; color: #ffffff; background: url(../images/pro2_h5bg.jpg) no-repeat left top; } .pro2 h5 a:hover, .pro2 h5.cur a { background: url(../images/pro2_h5bg2.jpg) no-repeat left top; } .pro2 ul { overflow: hidden; margin: 5px auto 0; width: 216px; } .pro2 ul li { display: block; float: left; padding-left: 20px; width: 196px; height: 28px; line-height: 28px; background: url(../images/pro2_lbg.jpg) no-repeat 5px center; font-size: 14px; } .pro2 ul li a { color: #666666; } .pro2 .u2 li { width: 87px; } .pro3 { overflow: hidden; display: block; float: right; margin-top: 20px; width: 925px; } .pro3 .til { overflow: hidden; heihgt: 48px; line-height: 48px; border: 1px solid #ececec; } .pro3 .til ul { overflow: hidden; display: block; float: left; width: 400px; height: 48px; font-size: 20px; } .pro3 .til ul li { display: block; float: left; width: 135px; height: 48px; border-right: 1px solid #ececec; text-align: center; font-weight: bold; } .pro3 .til ul li.laster { border-right: 0; } .pro3 .til ul li a { display: block; width: 135px; height: 48px; color: #666666; } .pro3 .til ul li a:hover, .pro3 .til ul li.cur a { background: #e62812; color: #ffffff; } .pro3 .til span { display: block; float: right; padding-right: 20px; font-size: 14px; text-transform: uppercase; } .pro3 .til span a { color: #666666; } .pro3 ul.pics { overflow: hidden; display: block; width: 935px; margin-top: 15px; } .pro3 ul.pics li { display: block; float: left; margin: 0 10px 25px 0; width: 220px; } .pro3 ul.pics li.laster { margin-right: 0; } .pro3 ul.pics li img { display: block; width: 220px; height: 169px; } .pro3 ul.pics li em { display: block; height: 50px; line-height: 50px; text-align: center; font-style: normal; font-size: 14px; color: #ffffff; background: #626262; } .pro3 ul.pics li span { overflow: hidden; display: block; margin-top: 15px; width: 220px; height: 34px; } .pro3 ul.pics li b { display: block; float: left; width: 106px; height: 34px; line-height: 34px; font-size: 14px; text-align: center; background: #e62812; border-radius: 8px; font-weight: normal; } .pro3 ul.pics li b a { color: #ffffff; } .pro3 ul.pics li i { display: block; float: right; width: 105px; line-height: 34px; font-size: 14px; color: #666666; } /*鐗圭偣*/ .spec { overflow: hidden; height: 610px; background: url(../images/spec_bg.jpg) no-repeat center top; } .spec h2 { display: block; margin-top: 45px; text-align: center; font-size: 34px; } .spec h2 a { color: #3e3e3e; } .spec h2 a:hover { text-decoration: none; } .spec h2 em { display: block; margin-top: 5px; font-size: 18px; color: #b2b2b2; font-weight: normal; font-family: "Arial"; background: url(../images/spec_tbg.png) no-repeat center center; } .spec .sp1 { position: relative; display: block; float: left; margin-top: 10px; width: 540px; height: 405px; background: url(../images/spec_p1.png) no-repeat left top; } .spec .sp1 p { position: absolute; font-size: 14px; color: #565656; line-height: 24px; } .spec .sp1 .p1, .spec .sp1 .p2, .spec .sp1 .p3 { width: 148px; } .spec .sp1 p.p1 { left: 0; top: 55px; } .spec .sp1 p.p2 { left: 0; top: 190px; } .spec .sp1 p.p3 { left: 0; top: 315px; } .spec .sp1 p.p4 { left: 245px; top: 405px; width: 250px; } .spec .sp2 { overflow: hidden; display: block; float: right; margin-top: 25px; width: 442px; } .spec .sp2 li { overflow: hidden; display: block; margin-bottom: 20px; width: 455px; height: 64px; background: url(../images/spec_lbg.png) no-repeat left top; } .spec .sp2 li span { display: block; float: left; width: 46px; height: 64px; line-height: 64px; font-size: 36px; text-align: center; color: #ffffff; font-family: "Arial"; } .spec .sp2 li h5 { display: block; float: right; padding-top: 10px; width: 395px; color: #333333; font-size: 18px; font-weight: normal; } .spec .sp2 li h5 em { display: block; font-size: 12px; color: #afaeb4; } /*杩囩▼*/ .proc { overflow: hidden; padding-bottom: 35px; } .proc h2 { display: block; margin-top: 45px; text-align: center; font-size: 25px; } .proc h2 a { color: #3e3e3e; } .proc h2 a:hover { text-decoration: none; } .proc h2 em { display: block; margin-top: 5px; font-size: 15px; color: #909090; font-weight: normal; font-family: "Arial"; background: url(../images/tit2.png) no-repeat center center; } .proc ul.slogo { overflow: hidden; display: block; margin-top: 40px; height: 150px; background: url(../images/proc_ubg.jpg) no-repeat center 30px; padding-left: 100px; } .proc .slogo li { display: block; float: left; width: 135px; height: 150px; background: url(../images/list.jpg) no-repeat 100% 35%; margin: 0 8px; } .proc .slogo li span { display: block; height: 105px; } .proc .slogo li em { display: block; padding-top: 5px; height: 36px; line-height: 36px; font-size: 16px; color: #3e3e3e; text-align: center; } .proc .slogo .li7 { margin-right: 0; background: none; } .proc .slogo .li1 span { background: url(../images/proc_l1.png) no-repeat left top; } .proc .slogo .li2 span { background: url(../images/proc_l2.png) no-repeat left top; } .proc .slogo .li3 span { background: url(../images/proc_l3.png) no-repeat left top; } .proc .slogo .li4 span { background: url(../images/proc_l4.png) no-repeat left top; } .proc .slogo .li5 span { background: url(../images/proc_l5.png) no-repeat left top; } .proc .slogo .li6 span { background: url(../images/proc_l6.png) no-repeat left top; } .proc .slogo .li7 span { background: url(../images/proc_l7.png) no-repeat left top; } .proc .slogo .li1 a:hover span { background: url(../images/proc_l1-2.png) no-repeat left top; } .proc .slogo .li2 a:hover span { background: url(../images/proc_l2-2.png) no-repeat left top; } .proc .slogo .li3 a:hover span { background: url(../images/proc_l3-2.png) no-repeat left top; } .proc .slogo .li4 a:hover span { background: url(../images/proc_l4-2.png) no-repeat left top; } .proc .slogo .li5 a:hover span { background: url(../images/proc_l5-2.png) no-repeat left top; } .proc .slogo .li6 a:hover span { background: url(../images/proc_l6-2.png) no-repeat left top; } .proc .slogo .li7 a:hover span { background: url(../images/proc_l7-2.png) no-repeat left top; } .proc h5 { display: block; line-height: 60px; font-size: 26px; color: #e62812; text-align: center; margin-top: 20px; } .proc .tels { overflow: hidden; display: block; margin: 20px auto 0; width: 400px; height: 34px; background: url(../images/proc_btn.png) no-repeat center top; } .proc .tels p { display: block; float: left; width: 280px; line-height: 34px; font-size: 16px; color: #000000; } .proc .tels p em { font-family: "Arial"; font-size: 18px; } .proc .tels span { display: block; float: right; width: 114px; line-height: 34px; font-size: 16px; text-align: center; } .proc .tels span a { color: #ffffff; } /*浼樺娍*/ .sup { overflow: hidden; height: 770px; background: url(../images/sup_bg.jpg) no-repeat center top; } .sup .contentt { width: 1076px; margin: 0 auto; } .sup h2 { display: block; margin-top: 90px; text-align: center; font-size: 25px; } .sup h2 a { color: #3e3e3e; } .sup h2 a:hover { text-decoration: none; } .sup h2 em { display: block; margin-top: 5px; font-size: 15px; color: #909090; font-weight: normal; font-family: "Arial"; background: url(../images/tit3.png) no-repeat center center; } .sup .tils { overflow: hidden; display: block; margin-top: 35px; } .sup .tils li { overflow: hidden; display: block; float: left; margin-right: 14px; width: 258px; height: 91px; background: url(../images/sup_lbg1.png) no-repeat left top; } .sup .tils li.cur { background: url(../images/sup_lbg2.png) no-repeat left top; } .sup .tils li span { display: block; float: left; padding-left: 40px; width: 60px; height: 66px; line-height: 66px; font-size: 58px; text-align: center; color: #ffffff; font-family: "Arial"; opacity: 0.8; padding-top: 5px; } .sup .tils li h5 { display: block; float: right; padding-top: 15px; width: 125px; color: #ffffff; font-size: 24px; font-weight: normal; } .sup .tils li h5 em { display: block; font-size: 12px; color: #ffffff; } .sup .tils li.laster { margin-right: 0; } .sup dl { overflow: hidden; display: block; margin-top: 30px; height: 415px; border: 1px solid #cdcdcd; } .sup dl dt { overflow: hidden; display: block; float: left; width: 580px; height: 415px; } .sup dl dt img { display: block; width: 580px; height: 415px; } .sup dl dt img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .sup dl dt img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .sup dl dd { display: block; float: right; padding-right: 10px; width: 414px; padding-right: 40px; } .sup dl dd h5 { display: block; padding: 20px 0 0 145px; margin: 28px 0 30px 0; height: 65px; line-height: 30px; font-size: 30px; font-weight: normal; } .sup dl dd h5 a { color: #3e3e3e; } .sup dl dd p { overflow: hidden; display: block; padding-left: 20px; line-height: 42px; color: #555555; font-size: 14px; background: url(../images/list2.png) no-repeat left 50%; } .sup dl dd span { display: block; margin-top: 15px; width: 112px; height: 34px; line-height: 34px; background: url(../images/sup_btn.jpg) no-repeat left top; font-size: 14px; text-align: center; } .sup dl dd span a { color: #ffffff; } .sup dl dd .t1 { background: url(../images/sup_l1.jpg) no-repeat left top; } .sup dl dd .t2 { background: url(../images/sup_l2.jpg) no-repeat left top; } .sup dl dd .t3 { background: url(../images/sup_l3.jpg) no-repeat left top; } .sup dl dd .t4 { background: url(../images/sup_l4.jpg) no-repeat left top; } /*瀹㈡埛瑙佽瘉*/ .wit { overflow: hidden; height: 450px; } .wit .wdt { height: 550px; margin-top: 40px; } .wit .wmore { font-size: 25px; display: block; font-weight: normal; text-align: center; text-transform: uppercase; } .wit .wmore a { display: inline-block; width: 114px; background: #e62812; color: #fff; font: 400 16px/35px "Microsoft Yahei"; border-radius: 8px; } .wit h2 { display: block; text-align: center; font-size: 25px; } .wit h2 a { color: #3e3e3e; } .wit h2 a:hover { text-decoration: none; } .wit h2 em { display: block; margin-top: 5px; font-size: 15px; color: #909090; font-weight: normal; font-family: "Arial"; background: url(../images/tit3.png) no-repeat 50% 50%; } .wit dl { position: relative; float: left; margin: 20px 65px 0 0; display: block; width: 290px; height: 380px; } .wit dl.laster { margin-right: 0px; } .wit dt { overflow: hidden; display: block; width: 290px; height: 308px; } .wit dt img { display: block; width: 290px; height: 308px; } .wit dt img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .wit dt img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .wit dd { overflow: hidden; display: block; margin: 0 auto; padding-top: 10px; width: 290px; background: #ffffff; } .wit dd h5 { display: block; height: 25px; font-size: 14px; font-weight: bold; text-align: left; padding-left: 20px; color: #333333; color: #323232; font-family: "Arial"; } .wit dd h5 em { display: block; padding-bottom: 10px; font-size: 48px; color: #333333; } .wit dd p { color: black; font-size: 14px; line-height: 24px; margin: 0 auto; padding-bottom: 10px; padding-left: 20px; text-align: left; } .wit dl.cur dd { position: absolute; top: 130px; height: 248px; background: url(../images/wit_pbg.jpg) no-repeat center top; } .wit dl.cur dd h5 { color: #ffffff; } .wit dl.cur dd h5 em { color: #ffffff; } .wit dl.cur dd p { display: block; } /*鍏充簬鎴戜滑*/ .about { overflow: hidden; margin-top: 40px; height: 470px; } .about .contentt { width: 1200px; margin: 0 auto; } .about h2 { display: block; text-align: center; font-size: 25px; } .about h2 a { color: #3e3e3e; } .about h2 a:hover { text-decoration: none; } .about h2 em { display: block; margin-top: 5px; font-size: 15px; color: #909090; font-weight: normal; font-family: "Arial"; background: url(../images/tit1.png) no-repeat center center; } .about dl { overflow: hidden; display: block; margin-top: 28px; padding: 30px; border: 1px solid #cdcdcd; } .about dl dt { display: block; float: left; height: 300px; overflow: hidden; width: 480px; } .about dl dt img { display: block; width: 508px; height: 324px; } .about dl dt img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .about dl dt img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .about dl dd { display: block; float: right; padding-right: 10px; width: 610px; } .about dl dd h5 { display: block; height: 60px; line-height: 60px; font-size: 35px; font-weight: normal; text-transform: uppercase; background: url(../images/line.jpg) no-repeat 0 100%; } .about dl dd h5 a { color: #333; } .about dl dd h5 a:hover { text-decoration: none; } .about dl dd .text { overflow: hidden; display: block; margin-top: 15px; line-height: 26px; color: #666666; font-size: 14px; } .about dl dd span { display: block; margin-top: 30px; height: 34px; font-size: 14px; text-align: center; } .about dl dd span a { display: block; float: left; margin-right: 20px; width: 112px; height: 34px; line-height: 34px; color: #ffffff; background: url(../images/about_btn1.jpg) no-repeat left top; } .about dl dd span a:hover { background: url(../images/about_btn2.jpg) no-repeat left top; } /*鑽h獕*/ .hon { overflow: hidden; margin-top: 45px; height: 290px; } .hon .tils { overflow: hidden; height: 40px; border: 1px solid #cdcdcd; } .hon .tils ul { display: block; float: left; width: 780px; height: 40px; } .hon .tils ul li { display: block; float: left; width: 140px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; margin: 0; } .hon .tils ul li a { display: block; width: 140px; height: 40px; color: #3e3e3e; } .hon .tils ul li a:hover, .hon .tils ul li.cur a { display: block; color: #ffffff; font-weight: bold; background: #3e3e3e; } .hon .tils .mbtn { display: block; float: right; width: 100px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; } .hon .tils .mbtn a { color: #666666; } .hon .scrolls { overflow: hidden; margin-top: 25px; height: 225px; } .hon ul { overflow: hidden; display: block; height: 225px; } .hon ul li { position: relative; display: block; float: left; margin: 0 15px; width: 252px; } .hon ul li img { display: block; width: 252px; height: 165px; } .hon ul li.laster { margin-right: 0; } .hon ul li em { display: block; line-height: 34px; text-align: center; color: #3e3e3e; font-size: 14px; cursor: pointer; background: #cdcdcd; } .hon .btnl, .hon .btnr { position: absolute; top: 120px; display: block; width: 29px; height: 30px; } .hon .btnl { left: 0; } .hon .btnr { right: 0; } .hon .btnl a, .hon .btnr a { display: block; width: 29px; height: 30px; } .hon .btnl a { background: url(../images/hon_btnl.jpg) no-repeat left top; } .hon .btnr a { background: url(../images/hon_btnr.jpg) no-repeat left top; } .tempWrap { margin: 0 auto; } /*鏂伴椈*/ .news { overflow: hidden; height: 535px; background: url(../images/news_bg.jpg) no-repeat center top; } .news .tils { overflow: hidden; height: 40px; border: 1px solid #ececec; } .news .tils ul { display: block; float: left; width: 200px; height: 40px; } .news .tils ul li { display: block; float: left; width: 140px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; } .news .tils ul li a { display: block; width: 140px; height: 40px; color: #3e3e3e; } .news .tils ul li a:hover, .news .tils ul li.cur a { display: block; color: #ffffff; font-weight: bold; background: #3e3e3e; } .news .tils .mbtn { display: block; float: right; width: 100px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; font-weight: normal; } .news .tils .mbtn a { color: #666666; } .news1 { overflow: hidden; display: block; float: left; margin-top: 50px; width: 646px; height: 400px; background: #ffffff; } .news1 dl { overflow: hidden; display: block; margin: 30px auto 0; width: 575px; height: 157px; } .news1 dl dt { display: block; float: left; width: 210px; height: 157px; } .news1 dl dt img { display: block; width: 210px; height: 157px; } .news1 dl dd { display: block; float: right; width: 340px; height: 157px; } .news1 dl dd h5 { display: block; height: 30px; line-height: 30px; font-size: 16px; } .news1 dl dd h5 a { color: #333333; } .news1 dl dd p { overflow: hidden; display: block; padding-top: 5px; line-height: 26px; color: #999999; font-size: 14px; } .news1 dl dd span { display: block; margin-top: 20px; width: 112px; height: 34px; line-height: 34px; background: url(../images/about_btn2.jpg) no-repeat left top; font-size: 14px; text-align: center; } .news1 dl dd span a { color: #ffffff; } .news1 .texts { overflow: hidden; display: block; margin: 20px auto 0; width: 575px; } .news1 .texts li { overflow: hidden; display: block; float: left; margin-bottom: 5px; width: 575px; height: 34px; line-height: 34px; font-size: 14px; border-bottom: 1px dashed #ececec; } .news1 .texts li b { display: block; float: left; width: 445px; line-height: 34px; font-weight: normal; font-size: 16px; } .news1 .texts li span { display: block; float: right; width: 105px; line-height: 34px; color: #999999; font-size: 14px; } .news1 .texts li a { color: #535353; } .faq { overflow: hidden; display: block; float: right; margin-top: 50px; width: 505px; height: 400px; background: #ffffff; } .faq .til ul { overflow: hidden; width: 205px; } .faq2 { overflow: hidden; margin-top: 15px; height: 350px; } .faq2 dl { overflow: hidden; display: block; margin: 10px auto 0; height: 105px; border-bottom: 1px dashed #c4c4c4; } .faq2 dl.laster { border-bottom: 0; } .faq2 dl dt { display: block; height: 26px; line-height: 26px; font-size: 14px; } .faq2 dl dt a { display: block; padding-left: 30px; color: #272828; background: url(../images/faq_l1.jpg) no-repeat 2px 2px; } .faq2 dl dd { overflow: hidden; display: block; height: 52px; padding-left: 30px; margin-top: 5px; font-size: 14px; color: #666666; line-height: 26px; background: url(../images/faq_l2.jpg) no-repeat left 2px; } /**/ /*鍙嬫儏閾炬帴*/ .link2 { overflow: hidden; background: #efedf8; font: 400 14px/42px "Microsoft Yahei"; text-align: center; } .links2 { overflow: hidden; float: left; line-height: 68px; font-weight: normal; } .links2 a { font-size: 18px; color: #333333; font-family: "Arial"; } .links3 { overflow: hidden; float: right; width: 770px; padding-top: 18px; font-size: 14px; } .links3 a { display: block; float: left; padding: 0 10px; line-height: 30px; color: #666666; } a.jiantou:hover { cursor: default; text-decoration: none; } /*娴佺▼*/ .x-process{ background: url(../images/bg4.jpg) no-repeat center; padding: 60px 0 80px; } .x-title{ text-align: center; } .x-title h3{ color: #ffffff; font: 600 30px/52px "Microsoft yahei"; } .x-title p{ color: #ffffff; font: 400 16px/26px "Microsoft yahei"; } .x-process-list{ background: url(../images/line2.png) no-repeat center 50px; margin-top: 70px; } .x-process-list li{ float: left; background: url(../images/bg5.png) no-repeat center 40px; height: 170px; width: 120px; margin-left: 25px; margin-right: 25px; } .x-process-list li h3{ text-align: center; color: #ffffff; font: 400 20px/36px "Microsoft yahei"; } .x-process-list li .img{ padding-top: 55px; padding-left: 25px; }