/*========================= 首页 =========================*/ #home-bg{ background:url(../images/global/home.jpg) repeat-x;} #banner{position:relative;margin-bottom:35px;} #banner .pic{width:853px;float:left;margin-left:8px; background:#fff;height:400px;overflow:hidden;border-bottom:solid 1px #d9d2d2;}/*20170510修改*/ #banner .title{width:338px;height:400px;float:left;background:#e9e7e7;border-left: solid 1px #d9d2d2;}/*20170510修改*/ #banner .title dl{height:68px;border-top:solid 1px #f5f5f5;border-bottom:solid 1px #d9d2d2;padding:30px 0 0 90px;}/*20170510修改*/ #banner .title dl dt{font-size:15px;} #banner .title dl dd{font:13px/24px "Times New Roman", Times, serif;} #banner .navtab001{background:url(../images/global/banner.png) #fff no-repeat 0px; z-index:9999; position:relative; left:-1px; top:0px; cursor:pointer; z-index:999} #banner .cur .arrow{width:16px;height:30px;float:left;position:absolute;left:-1px;top:38px;} #banner .ying-l{width:10px;height:100%;background:url(../images/global/banner-l.png) repeat-y;position:absolute;left:-2px;top:0;}/*20170510修改*/ #banner .ying-r{width:10px;height:100%;background:url(../images/global/banner-r.png) repeat-y;position:absolute;right:-10px;top:0;}/*20170510修改*/ /*用途*/ .home-purpose{width:420px;padding-right:50px;border-right:dotted 1px #bbb;} .home-purpose .mt, .home-advantage .mt{ text-align:center;margin-bottom:35px;} .home-purpose ul{height:430px;margin-left:50px;position:relative;background:url(../images/global/dot3.png) no-repeat 60px 50px;} .home-purpose ul li{width:120px; text-align:center;position:absolute;left:0;top:0;} .home-purpose ul li span{width:120px;height:120px;display:block; background:#d7d7d7;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-bottom:7px;} .home-purpose ul li span i{display:inline-block;background:url(../images/global/dot1.png) no-repeat;} .home-purpose ul li p{font-size:14px;} .home-purpose ul .fore1 i{width:55px;height:44px;margin:40px auto;} .home-purpose ul .fore2 i{width:34px;height:41px;margin:45px auto; background-position:0 -54px;} .home-purpose ul .fore3 i{width:41px;height:41px;margin:45px auto; background-position:0 -105px;} .home-purpose ul .fore4 i{width:51px;height:30px;margin:50px auto; background-position:0 -156px;} .home-purpose ul .fore2{left:200px;top:90px;} .home-purpose ul .fore3{left:0px;top:180px;} .home-purpose ul .fore4{left:200px;top:270px;} .home-purpose ul .fore1:hover i, .home-purpose ul .fore1.cur i{background-position:-72px 0px;} .home-purpose ul .fore2:hover i, .home-purpose ul .fore2.cur i{background-position:-72px -54px;} .home-purpose ul .fore3:hover i, .home-purpose ul .fore3.cur i{background-position:-72px -105px;} .home-purpose ul .fore4:hover i, .home-purpose ul .fore4.cur i{background-position:-72px -156px;} .home-purpose ul li:hover, .home-purpose ul .cur{background:url(../images/global/dot2.png) no-repeat;} .home-purpose ul li:hover span, .home-purpose ul .cur span{ background:#74cfc0;} .home-purpose ul li:hover p, .home-purpose ul .cur p{color:#048b75;} /*优点途*/ .home-advantage{width:640px;padding-right:10px;} .home-advantage ul{margin-top:10px;float:left;} .home-advantage ul li{width:268px;height:101px;float:left;color:#22a48e;margin:0 23px 40px 23px;background:url(../images/global/advantage_07.png) no-repeat; } .home-advantage ul li span{width:35px;font:bold 55px/100px Arial, Helvetica, sans-serif;font-style:oblique; float:left;margin:0 5px 0 15px;} .home-advantage ul li p{font-size:15px;line-height:20px; padding-top:40px;}/*20170510修改*/ .home-advantage ul li:hover, .home-advantage ul li.cur{color:#fff;background:url(../images/global/advantage_10.png) no-repeat;} /*========================= 产品中心 =========================*/ /*您当前所在的位置*/ .cur-pos{height:30px;margin:36px 0 3px 10px;} .cur-pos, .cur-pos a{font-size:15px;color:#069b97;} /*左侧-分类*/ .In-left{width:180px;float:left; padding:58px 0 0 20px;} .classbar ul li{width:108px;height:108px;display:block;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-bottom:35px; text-align:center;} .classbar ul li p{font-size:15px;color:#fff;} .classbar ul li span i{display:inline-block;background:url(../images/global/product.png) no-repeat;} .classbar ul .fore1 i{width:43px;height:40px;margin:20px auto 5px;} .classbar ul .fore2 i{width:46px;height:46px;margin:18px auto 3px; background-position:0 -50px} .classbar ul .fore3 i{width:31px;height:45px;margin:20px auto 5px; background-position:0 -106px} .classbar ul .fore1{ background:#d39e0c;} .classbar ul .fore2{ background:#0c9b9d;} .classbar ul .fore3{ background:#929292;} .classbar ul li:hover{ background:#c23b3b;} /*右侧-内容*/ .In-right{width:900px;min-height:500px;float:left;padding:58px 30px 45px 70px;background:url(../images/global/product3.png) repeat-y;} .In-right .mt{text-align:center;margin-bottom:35px;} .In-right .mt p{font:bold 45px/45px Impact, Arial, Helvetica, sans-serif;color:#7b7b7b;} .In-right .mt p span{color:#139ea0;} .In-right .mt h2{font-size:16px;color:#555;margin-top:5px;background:url(../images/global/product2.png) no-repeat center;} .product .mc, .about2 .mc{text-align:center;} .product .mc p, .about2 .mc p{font-size:15px;line-height:35px;color:#666;margin-bottom:20px;} /*----------用途及优点----------*/ .easy .mc{ background:#efe9e9;padding:20px 0 5px 0;} .easy .mc .liu{width:360px;float:left;font-size:16px;line-height:35px;color:#07a3a1;margin:20px 20px 0 30px;} .easy .mc .liu .fore2{margin-left:30px;} .easy .mc .liu .fore3{margin-left:60px;} .easy .mc .liu .fore4{margin-left:90px;} .easy .mc .liu .fore5{margin-left:120px;} .easy .mc .liu .fore6{margin-left:150px;} .four .home-purpose{width:900px;border-right:none;} .four .home-purpose ul{height:230px;background:url(../images/global/dot4.png) no-repeat 60px 50px;} .four .home-purpose .fore1{left:0px;top:60px;} .four .home-purpose .fore2{left:230px;top:0px;} .four .home-purpose .fore3{left:460px;top:60px;} .four .home-purpose .fore4{left:690px;top:0px;} /*========================= 应用 =========================*/ .application ul .fore1 i{width:74px;height:26px;margin:30px auto 10px;background:url(../images/global/application.png) no-repeat;} .list1 li{width:852px;height:213px;background:url(../images/global/application1.png) no-repeat;margin-bottom:30px;} .list1 li .pic{width:280px;height:160px;float:left;margin:20px 50px 0 30px;} .list1 li .pic img{width:280px;height:160px;} .list1 li .info{width:390px;float:left; padding:22px 0;} .list1 li .info h3 a{font-size:15px;padding-left:25px;margin-bottom:5px;} .list1 li .info p{font-size:13px;color:#777;} .list1 li .info .te1{margin-bottom:15px;} .list1 li .info .te1 h3{color:#17a1e0;background:url(../images/global/dot6.jpg) no-repeat;} .list1 li .info .te2 h3{color:#ed6f26;background:url(../images/global/dot5.jpg) no-repeat;} /*========================= 新闻动态 =========================*/ .news ul li span i{background:url(../images/global/news.png) no-repeat;} .news ul .fore1 i{width:40px;height:40px;margin:25px auto 8px;} .news ul .fore2 i{width:44px;height:35px;margin:30px auto 5px; background-position:0 -50px} .news ul .fore3 i{width:46px;height:31px;margin:30px auto 10px;background-position:0 -94px} .list2 li{width:390px;float:left;margin:10px 40px 38px 20px;} .list2 li .pic{width:95px;height:70px;float:left;margin-right:10px;} .list2 li .pic img{width:95px;height:70px;} .list2 li .info h3{margin-bottom:5px;} .list2 li .info h3 a{font-size:15px;} .list2 li .info p{color:#777;font-size:13px;line-height:24px;} /*----------新闻详情----------*/ .news-detail h3{font-size:26px;color:#0a8d8b; text-align:center;} .news-detail .other{color:#888; text-align:center;margin:10px 0;padding-bottom:10px;border-bottom:dotted 1px #ccc;} .news-detail .mc{font-size:14px;line-height:26px;} .plist{padding-top:10px;border-top: solid 1px #ccc;margin-top:50px;} /*========================= 在线留言 =========================*/ .online ul li span i{background:url(../images/global/online.png) no-repeat;} .online ul .fore1 i{width:44px;height:49px;margin:17px auto 3px;} .online ul .fore2 i{width:42px;height:37px;margin:24px auto 5px; background-position:0 -57px} .online2 .mc{width:680px;margin:0 auto;} .online2 .prompt{font-size:15px;color:#888;margin-bottom:20px;} .online2 .form dl{float:left;margin:8px 0;} .online2 .form dl dt{width:90px;float:left;font-size:14px; text-align:right;margin-right:5px;} .online2 .form dl dt i{margin-right:5px;font-style:normal;} .online2 .form dl dd{width:500px;float:left;} .online2 .form dl dd .text, .online2 .form dl dd .textarea{width:325px;height:28px;border:none;border:solid 1px #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:0 10px;color:#888;} .online2 .form dl dd .textarea{width:455px;height:120px;padding:10px;} .online2 .btn{width:100px;height:35px; background:#15a5a7;font-size:15px;line-height:35px; text-align:center;color:#fff; display:block;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:15px 0 0 95px; border:none; font-weight:bold; cursor:pointer} /*========================= 关于我们 =========================*/ .about ul li span i{background:url(../images/global/about.png) no-repeat;} .about ul .fore1 i{width:61px;height:37px;margin:23px auto 8px;} .about ul .fore2 i{width:48px;height:40px;margin:24px auto 5px; background-position:0 -47px} .page1{ display:block; margin:5% 0 2% 0; clear:left; font-size:12px; text-align:center; } .page1 a{ font-size:12px; margin:0 5px; padding:7px 8px 7px 8px; border:1px solid #eee; text-decoration:none; color:#000 } .page1 a:hover{ color:#FFF; background:#333; color:#fff } .page1 span{ color:#fff; margin:0 5px; padding:7px 8px 7px 8px; border:1px solid #eee; background:#333 } .page1 .prv,.page1 .next{ padding:4px 5px 1px 5px; color:#000 }