/* CSS Document */ /* 自定义模块涉及到的样式 */ .tablex, .tablee{margin:1px auto;width:99%;} .tablex .left, .table .left{float:left;width:20%;text-align:right;padding:3px 1px;} .tablex .right, .table .right{float:left;text-align:left;padding:3px 1px;width:68%;} .clue_on{color:#808080} .table input,.table textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(img/dt-10.gif) repeat-x left top; } .table input:focus, .table textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff; } *{ margin:0; padding:0;} body{background:#fff;line-height:150%;color:#58595B; font-family:"宋体"; font-size:12px;overflow-x:hidden;} a{color:#4c4c4c;} a:hover{color:#000;} li ol ul{ list-style:none;} .inner{ width:1150px;margin:0 auto; } .top{ height:5px; background:#f0f0f1;} .top_1{ height:5px; background:#ea8a1a;} .headerH, .header{height:80px; -webkit-transition: all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition: all .2s ease-in-out; } .header{ width:100%; z-index:1000; background-image: -moz-linear-gradient(top, #f7f7f7, #c8c8c8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1,#c8c8c8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c8c8c8', GradientType='0'); } .header .con{ width:1150px; margin:0 auto;} .header .logo { width:150px; float:left; margin-right:30px; height:80px; position:relative; overflow:hidden; text-align:right; -webkit-transition: all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition: all .4s ease-in-out; } .header .logo img{ height:80px; /*padding-top:20px;*/} .phone-list{ display:none;} .header .nav{ float:left; } .header .nav dl{ float:left; position:relative; width:120px; text-align:center; font-size:16px; margin-top:10px;} .header .nav dl a{ font-size:1.1em; color:#000; text-align:center; } .header .nav dt a{ height:55px; display:block; padding:15px 0 0 0; -webkit-transition: all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition: all .2s ease-in-out; } .header .nav dt li{ list-style:none; text-align:center; font-size:14px;} .header .nav dl a:hover{background:url(img/ban.png) no-repeat; color:#fff;} .header .nav dd{ position:absolute; left:0; top:80px;background-color:#48b9e7; height:60px; width:420px; display:none;} .header .nav dt a.cur{background-color:#48b9e7; text-align:center;} .header .nav dd a{ float:left; height:60px; line-height:60px; padding:0 16px;} .header .nav dd a:hover{ background:#70d2ed;} .headerDown, .headerDown .nav dt a{ height:60px; line-height:60px; -webkit-transition: all .2s ease; -moz-transition:all .2s ease; transition: all .2s ease; } .headerDown .nav dd{top:60px;} .header .nav .hover a{background-color:#48b9e7;} /*banner*/ ul,li{list-style:none;} #banner{width:auto;height:auto;margin:0 auto;overflow:hidden;position:relative;} #bnUl {width:auto;height:auto;position:absolute;left:0px;top:0;} #bnUl li {width:auto;height:450px;float:left;} #bnUl img {width:100%;height:100%} #cliSpan {width:auto;height:auto;position:absolute;left:43%;bottom:20px;} #cliSpan span {width:15px;height:15px;border-radius:15px;float:left;display:block;margin-left:20px; background:#00A7E1;cursor:pointer;} #cliSpan span.active{background:#fff;} .bannerBut{width:50px;height:90px;position:absolute;top:50%;margin-top:-45px;cursor:pointer;} #leftBut{left:20%;background:url(img/banner_but.png) center 102px; filter:alpha(opacity=40);opacity:0.4;} #rightBut{right:20%;background:url(img/banner_but.png) center 20px; filter:alpha(opacity=40);opacity:0.4;} /*首页产品*/ .bg{ background:url(img/cp_bg.jpg) repeat-x ; line-height:25px; color:#817f7f;padding-left:5px; font-size:12px; } .pro{height:230px;border:1px solid #e0e0e0; margin-top:20px;} .pro td img{ float:left; margin:0 10px; border:1px solid #ccc;} .pro strong{ color:#000; font-size:16px; } .pro a{color:#817f7f;font-size:12px; padding-left:900px;} /*关于我们*/ .about{width:370px; height:210px; border:1px solid #e0e0e0;border-top:0px; margin:20px 0; float:left;} .about strong{ color:#000; font-size:16px; } .about img{ float:left; margin-left:0px;} .about a{ padding-left:2px; font-size:12px; padding-right:20px;color:#817f7f;} .about p{ font-size:12px; font-family:"宋体"; color:#000; line-height:20px;} /*新闻中心*/ .news{width:430px; height:210px; border:1px solid #e0e0e0;border-top:0px; margin:20px 20px; float:left; } .news strong{ color:#000; font-size:16px; } .news a{ font-size:12px; color:#817f7f;} .news img{ float:left; margin-left:0px;} .news li{ font-size:12px; font-family:"宋体"; color:#333; line-height:25px; list-style:none; padding-left:10px; text-align:left; padding-right:10px;} .news li a{ color:#333;text_} .news li p{float:right; line-height:20px;} /*产品应用*/ .cpyy{width:289px; height:210px; border:1px solid #e0e0e0;border-top:0px; margin:20px 0; float:left; } .cpyy strong{ color:#000; font-size:16px; } .cpyy img{ float:left; margin-left:0px;} .cpyy a{color:#817f7f;} .chanpin{ width:280px; height:160px; text-align:center;} /*footer*/ .footer{ background:#06447e; height:80px;} .foot{ line-height:20px; color:#fff; font-size:12px; text-align:center; padding-top:20px;} .foot a{ color:#fff} /*left*/ .section{ float:left; width:250px; margin-top:20px; margin-bottom:20px;line-height:50px; } .section h3{ height:50px; background:#00A7E1; color:#fff;padding-left:10px; font-size:16px;} .section h3 a,section h3 a:hover{color:#fff;padding-left:10px;} .section h3 span,section h3 span a{ color:rgb(156, 218, 255); font-size:14px;} .section li{ list-style:none; background:#efeff0; border-bottom:1px solid #868686;padding-left:0px; color:#000; font-size:14px; } .section li h3 a{color:#fff;} .section li a{ color:#000;} .section p{ background:#efeff0; line-height:30px; font-size:12px; padding-left:20px;} /*right*/ .article{ float:left; margin-left:20px; margin-top:20px; min-height:300px; width:800px;} .article div{ width:880px; color:rgb(0, 87, 138); font-size:16px;} .article div h3 a,article span a{color:rgb(0, 87, 138)} .article div h3{font-weight:bold; border-bottom:3px solid #00A7E1; width:68px; float:left;} .article p{ margin-top:10px;} .product{ float:left; margin-top:20px; min-height:300px; width:880px;} .product li{ float:left;border-width:0px; width:210px; margin-right:10px; margin-bottom:15px;} .product li img{ height:140px; width:210px; border-width:0px; float:left;} .product li ol{ text-align:center; line-height:35px;} .product li ol a{ color:#000;} .page{ border-bottom:0px; text-align:center; margin-top:20px;font-size:12px; } .page a{ border:1px solid #DDD; padding:0 5px; display: inline-block; margin-right:3px; font-size:12px; } .page a:hover{background-color: #B9DFFF;} /*新闻中心列表*/ .xinwen{float:left; margin-top:20px; width:880px; min-height:300px;display:block;} .xinwen li{ float:left; border-bottom:1px dashed #ccc; width:860px; font-size:12px; line-height:30px;} .xinwen li a:hover{ color:#0064d4} .xinwen li span{ float:right;} .xinwen li ol{ float:left; color:#0064d4;} .xinwen h3{ text-align:center; font-weight:bold; font-size:16px; line-height:30px;} .xinwen dd{ text-align:center; font-size:12px;} .next{ border:0px; font-size:12px; color:#000;} .next a{ color:#000;} /*留言反馈*/ .form{ padding-left:100px; padding-top:20px; width:600px; overflow:hidden; float:left;} .feed{ border-width:0px; background:#fff; float:left; line-height:40px;} .neirong{border-width:0px; background:#fff; float:left; li} .neirong span{}