﻿/* 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{}