/*----------幻灯 ---------*/ .DB_tab25 { cursor: pointer; height: 560px; margin-top: 0px; overflow: hidden; position: relative; width: 100%; } .DB_tab25 .DB_bgSet { position: relative; } .DB_tab25 .DB_bgSet li a { display: block; height: 560px; left: 50%; margin-left: -960px; position: absolute; width: 1920px; } .DB_tab25 .DB_imgSet { left: 30%; margin-left: -300px; position: absolute; right: 30%; width: 988px; } .DB_tab25 .DB_imgSet .DB_1_1 { left: 20px; position: absolute; top: 120px; } .DB_tab25 .DB_imgSet .DB_1_2 { left: 20px; position: absolute; top: 200px; } .DB_tab25 .DB_imgSet .DB_1_3 { left: 300px; position: absolute; top: 0; } .DB_tab25 .DB_imgSet .DB_2_1 { left: 20px; position: absolute; top: 120px; } .DB_tab25 .DB_imgSet .DB_2_2 { left: 20px; position: absolute; top: 220px; } .DB_tab25 .DB_imgSet .DB_2_3 { left: 540px; position: absolute; top: 0; } .DB_tab25 .DB_imgSet .DB_3_1 { left: 520px; position: absolute; top: 120px; } .DB_tab25 .DB_imgSet .DB_3_2 { left: 520px; position: absolute; top: 200px; } .DB_tab25 .DB_imgSet .DB_3_3 { left: -100px; position: absolute; top: 0; } .DB_tab25 .DB_imgSet .DB_4_1 { left: 120px; position: absolute; top: 0; } .DB_tab25 .DB_imgSet .DB_4_2 { left: 540px; position: absolute; top: 120px; } .DB_tab25 .DB_imgSet .DB_4_3 { left: 690px; position: absolute; top: 150px; } .DB_tab25 .DB_imgSet .DB_4_4 { left: 540px; position: absolute; top: 250px; } .DB_tab25 .DB_imgSet .DB_4_5 { left: 770px; position: absolute; top: 0; } .DB_tab25 .DB_menuWrap { left: 50%; margin-left: -500px; position: absolute; width: 988px; } .DB_tab25 .DB_menuWrap .DB_menuSet { border-radius: 20px; font-size: 0; margin-left: 400px; position: absolute; text-align: center; top: 500px; width: 200px; } .DB_tab25 .DB_menuWrap .DB_menuSet li { cursor: pointer; display: inline; float: left; margin: 0 3px; width: 20px; } .DB_tab25 .DB_prev { cursor: pointer; display: none; left: -150px; position: absolute; top: 240px; } .DB_tab25 .DB_next { cursor: pointer; display: none; position: absolute; right: -150px; top: 240px; } /*banner结束*/ /*搜索*/ .search{width: 100%; height: 60px; line-height: 60px; background: #e0e0e0; font-size: 14px;} .search span{ width: 124px; height: 60px; display: block; color: #000; padding-left: 10px; float: left; font-size:16px; font-weight:bold} .search a{padding-left: 10px; cursor: pointer;} .search a:hover{} .search .s{margin-top: 7px; width: 266px; height: 32px; line-height: 32px; position: relative;} .search .s input{border: none; padding-left: 10px; color: #666; font-size: 12px;} .search .s .text{width: 205px; height: 21px; line-height: 37px; position: absolute; left: 0px; top: 5px; background: none;background:#fff;} .search .s .img{position: absolute; top: 5px; right: 10px; padding-left:0px; background:url(../images/img.png) no-repeat 0px 0px;width:52px;height:37px;} /*产品开始*/ .product{ margin-top: 15px; } .product .num{ float: left; margin-top: 30px; } .product .cpbox{ float: left; height: 280px; width: 1135px; } .product .left{ float: left; width: 224px; height: 280px; background: url(../images/p1.png) no-repeat left top; color: #fff; } .product .left .tit{ font-size: 20px; text-align: center; padding-top: 15px; } .product .left .content{ padding: 10px 0px 0px 60px; } .product .left .content ul li{ line-height: 28px; font-size: 14px; } .product .left .content ul li a{ color: #fff; } .product .left .tit img{ padding: 0px 10px; } .product .right{ float: left; width: 911px; height: 280px; } .product .right ul li{ width: 288px; height: 280px; margin-left: 15px; float: left; background: #fff; } .product .right ul li .picbox{ width: 286px; height: 243px; border: 1px solid #5b5b5b; border-bottom: none; text-align: center; line-height: 243px; } .product .right ul li .picbox img{ max-width: 286px; max-height: 243px; vertical-align:middle; transition: all 0.6s; } .product .right ul li .picbox img:hover{ opacity: 0.8; transform: scale(0.9); } .product .right ul li .pictit{ width: 288px; height: 36px; text-align: center; background: #00a497; line-height: 36px; font-size: 16px; transition: all 0.6s; } .product .right ul li .pictit:hover{ background: #f39800; font-size: 18px; } .product .right ul li .pictit a{ color: #fff; } .advantage{ width: 100%; background: #00a497; padding: 30px 0px; margin-top: 30px; overflow: hidden; } .advantage .advpic{ float: left; } .advantage .advtxt{ float: right; color: #fff; margin-top: 80px; } .advantage .advtxt h3{ font-size: 36px; color: #fff; } .advantage .advtxt span{ color: #ffff01; } .advantage .advtxt p{ margin-top: 20px; background: url(../images/ysline.png) no-repeat left top; font-size: 14px; line-height: 34px; padding: 0px 0px 20px 20px; } /*关于*/ .about{ width: 100%; height: 640px; min-width: 1200px; border: 0; font-size: 16px; background:url(../images/intro.jpg) no-repeat center center; } .about .left{ width:390px; float: left; margin: 50px 20px 0px 20px; } .about .left img{ float: left; border: 2px solid #fff; } .about .right { width: 770px; float: left; margin-top: 50px; color: #fff; } .about .right p { color: #f2f2f2; margin-top: 20px; font-size: 14px; line-height: 28px; text-indent: 32px; } .about .wh { width: 626px; height: 206px; margin: 30px auto 0px; background:url(../images/qywh.png) center center no-repeat; text-align: center; padding-top: 60px; } .about .wh h3{ font-size: 23px; color: #f2f2f2; margin-top: 20px; } .about .wh h4{ font-size: 40px; margin-top: 20px; color: #f2f2f2; } .about .right h2{ color: #fff; font-size: 34px; } .about .right h6{ color: #fff; font-size: 20px; } .index_news{width:100%; height:655px; background:url(../images/newsbg.jpg) top center no-repeat;} .con7{width:1200px; margin:0 auto; padding-top:45px; height:610px;*height:620px; overflow:hidden; } .con7 .tab1{width:664px;overflow: hidden; } .newzs{height:56px; background:url(../images/xwbg.jpg) no-repeat bottom left; font:25px "Microsoft YaHei"; color:#333; line-height:56px; margin-bottom:24px;} .newzs font{font:16px "Microsoft YaHei"; color:#666; line-height:56px;} .newzs a{color:#333;} .newzs span{float:right; display:block; width:76px; height:30px; font:14px "Microsoft YaHei"; color:#666; line-height:30px; text-align:center; border:1px solid #999; background:#fff; margin-top:35px;} .newzs span a{color:#666;} .newzs span a:hover{color:#fff;} .newzs span:hover{background:#f9c717; color:#fff;}.con7 .tab1 h3 span:hover a{color:#fff;} .con7 .tab1 dl{height:170px; overflow:hidden; margin-bottom:20px;} .con7 .tab1 dt{width:234px; height:167px; float:left;} .con7 .tab1 dt img{width:228px; height:161px; float:left;} .con7 .tab1 dd{width:409px; float:right;} .con7 .tab1 dd span{display:block; font:20px "Microsoft YaHei"; color:#333; line-height:25px;width: 403px;height: 25px; overflow: hidden;} .con7 .tab1 dd span a{color:#000;} .con7 .tab1 dd font{color:#999;font:14px "Microsoft YaHei"; line-height:25px;} .con7 .tab1 dd p{height:100px;} .con7 .tab1 dd p span{height: 80px; font:14px "Microsoft YaHei"; color:#666; line-height:26px; padding-top:5px;} .con7 .tab1 dd em{display:block; font:14px "Microsoft YaHei"; float:right; font-weight:bold; color:#f9c717; line-height:14px;} .con7 .tab1 dd em a{color:#f9c717;} .con7 .tab1 .ul5 ul{padding-top:10px;} .con7 .tab1 .ul5 li{color:#999; width:640px; padding-left:24px;vertical-align:top; height:40px; line-height:40px;overflow:hidden;font-size:14px; border-bottom:1px dotted #999; background:url(../images/dot.jpg) no-repeat 0px center} .con7 .tab1 .ul5 li a,.con7 .tab1 .ul5 li a:visited{line-height:40px;color:#333; font-size:15px; height:40px;overflow:hidden;vertical-align:top} .con7 .tab1 .ul5 li a:hover{color:#f9c717;} .tab1 span{float: right;} .faq{width:400px; height:520px; overflow:hidden; margin-right:35px;} .faq_title{height:56px; background:url(../images/cjwt.jpg) left bottom no-repeat; font:25px "Microsoft YaHei"; color:#333; line-height:56px; margin-bottom:24px;} .faq_title font{font:16px "Microsoft YaHei"; color:#666; line-height:30px; width: 166px;display:block;height:30px;overflow:hidden;margin-left:105px;margin-top:-26px} .faq_title a{color:#333;line-height: 30px; width: 100px; overflow: hidden;height: 30px;display:block;padding-top: 12px;} .faq_title span{float:right; display:block; width:76px; height:30px; font:14px "Microsoft YaHei"; color:#666; line-height:30px; text-align:center; border:1px solid #999; background:#fff; margin-top:33px;} .faq_title span a{width:80px;overflow:hidden;margin-top:-12px;} .faq_title span a{color:#666;}.faq_title span a:hover{color:#fff;} .faq_title span:hover{background:#f9c717; color:#fff;}.faq h3 span:hover a{color:#fff;} .fa_con{width: 390px;height:420px; overflow:hidden;} .fa_con dl{height:120px; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #ddd;} .fa_con dt{height:22px; font:16px "Microsoft YaHei"; font-weight:bold; color:#f9c717; line-height:22px; padding-left:35px; background:url(../images/wen.jpg) left center no-repeat; margin-bottom:10px;} .fa_con dt a{color:#666;overflow: hidden;height: 24px;display: block;} .fa_con dd{font:14px "Microsoft YaHei"; color:#666; height:70px; overflow:hidden; line-height:25px; padding-left:35px; margin-bottom:10px; background:url(../images/da.jpg) left top no-repeat;} .customer{ width: 1200px; margin: 0px auto ; } .customer .content{ margin-top: 20px; } .customer .txt{ width: 410px; height: 500px; background:url(../images/ysbg.jpg) center center no-repeat; float: right; font-size: 16px; text-align: left; padding: 10px 30px 30px 30px; } .customer .txt ul{ padding: 85px 0px 0px 57px; } .customer .txt ul li{ float: left; width: 285px; padding-bottom: 5px; margin-top:11px; line-height: 26px; color: #666666; border-bottom: 1px dotted #585858; } .btgs1 { font-size: 32px; display: block; text-align: center; font-weight: bold; line-height: 72px; margin-top: 30px; } .btgs2 { font-size: 18px; display: block; text-align: center; color: #666; }