*{ margin:0; padding:0; font-weight:normal;}
ul{ list-style:none;}
a{ text-decoration:none; color:#000;}
body{font: normal 100% '微软雅黑',Helvetica, Arial, sans-serif;} 
h1 {
font-size: 1.5em;
}

.header{ overflow:hidden; padding:30px 0; position: absolute; width: 1020px;
left: 50%; margin-left: -510px; top:0; z-index:2;}
.logo{ float:left; width:38%;}
.logo-right{ float:right; width:62%;}
.logo-right li{ float:left; padding:0 10px; font-size:16px;  margin:40px 8px 0;}
.logo-right li p{ overflow:hidden; height:20px; text-align: center;}
.logo-right li a{ color:#fff; display:block; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.logo-right li a.act{color:#fff;}
.logo-right li:hover a{ color:#ffd40a; transform:translateY(-22px);}
 
.path-link{ position:absolute; bottom:50px; right:50px; }
.path-link span{display:inline-block; background-color:rgba(0,0,0,.5); margin-right:10px; border-radius:50%; width:12px;height:12px;}
.container{ width:1020px; margin:0 auto;}
.header{ overflow:hidden; padding:30px 0; position: absolute; width: 1020px;
left: 50%; margin-left: -510px; top:0; z-index:2;}
.logo{ float:left; width:38%;}
.logo-right{ float:right; width:62%;}
.logo-right li{ float:left; padding:0 10px; font-size:16px;  margin:40px 8px 0;}
.logo-right li p{ overflow:hidden; height:20px; text-align: center;}
.logo-right li a{ color:#fff; display:block; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.logo-right li a.act{color:#fff;}
.logo-right li:hover a{ color:#ffd40a; transform:translateY(-22px);}
.rw{ font-size: 40px; text-align: left; font-family: '黑体'; color: #fff; margin-left: 180px; padding-top:80px; line-height: 1.8em;}
.rw span{ font-size: 60px; color:#ffd40a; }
.rw strong{ padding-top: 40px;   padding-left:120px; font-weight:normal;}


.support h1{ text-align: left; padding-top: 30px;padding-left: 30px;}
.support{ background:url(../images/5.png) no-repeat; height:400px;}
.support p{ font-size: 20px; width: 48%; padding-top: 10px; padding-left: 30px; line-height:1.8em; text-indent: 2em;  }
.support ul{ padding-top:60px; }
.support li{ border:1px solid #666; border-radius:6px; width:140px; height:38px; line-height:38px; font-size:16px; text-align:center; margin-bottom:16px; float:left; margin-left:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.support li:hover{ padding:0 5px; background:#f7a300; border:1px solid #f7a300;}
.support li:hover a{color: #fff;}
.support li a{ color:#666; display:block;}

.contact{ padding-top:30px; text-align:center;}
.contact img{ height:220px; margin:30px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.contact img:hover{ transform:scale(1.1)}

.footer{ background-color:#3C4955;  padding:30px; text-align:center; color:#fff;}
.footer p{ line-height: 2em; margin-bottom: 10px;}
.footer a{ margin:0 5px; color: #fff; font-size: 14px;}
.footer a:hover{ text-decoration: underline; }

.product-header{ overflow:hidden; padding:10px 0;}
.product-header .logo-right{ float:left; padding-top: 20px; padding-left: 40px;}
.product-header .logo-right li a{ color:#333;  }
.product-header .logo-right li:hover a{ color:#ff0000; -webkit-transform:translateY(-16px);}
.product-header .logo{ float:left; width:8%;}
 
.product-header .logo-right li{ float:left; 
	padding:0 10px; text-align:center; font-size:16px;  height:16px; overflow:hidden;margin:20px 0px 0;}
.product-header .logo-right li p{ overflow:hidden; height:16px;}



.d{ float:left; width:30%; }
.d ul{ border:1px solid #eee; margin-right:20px; margin-top:20px;  }
.d ul h3{ background-color:#CF2424; color:#fff; font-size:16px; padding:4px 16px; margin-bottom:10px;}
.d ul li{ padding:0 10px; margin-bottom:10px;}
.d ul li a{ color:#666; line-height:1.5em; font-size:14px; font-family:arial;}
.c ul li a{color:#666; line-height:2em; font-size:14px; font-family:arial;}
.c ul li a:hover{ text-decoration: underline;}
.c{ -webkit-column-count:3; 
	-webkit-column-gap:50px;
	min-height:350px;
}

.tel{ font-size:14px; }
.tel a{background:url(../images/tel.jpg) no-repeat left center; padding-left:20px; line-height:2em;color:#187DC9;}
.list .links{ padding-bottom: 30px; padding-top: 20px;}
.list .links a{ color:#CF2424; font-size: 12px; margin: 0 2px; }
.list .links a.on{ color: #666;}
.list .links a.nochild{ color: #000;}

.rightbar{position: fixed;right:5px;top: 100px; cursor: pointer; }
.rightbar>ul>li{ width: 38px; height: 38px; background: #fff; text-align: center; border:1px solid #ccc; margin-bottom: 5px; position: relative; }
.rightbar>ul>li:hover .showimg{ display: block;}
.showimg{ position: absolute; left:-102px; top: 0; width: 100px; background: #fff; text-align: center; display: none;}
.showimg img{ height: 100px;}
.rightbar ul li p img{padding-top: 5px;}

.gotop{ width: 60px; height: 60px; background: #999; text-align: center;   cursor: pointer; overflow: hidden;position: fixed;right:5px;bottom: 5px;}
.gotop p{ color: #fff; font-size: 15px; padding-top: 0px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;  }
.gotop p a{ color: #fff; display: block;}
.gotop:hover p{-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);transform:translate(0,-50px);}
.gotop img{ width: 50px;padding-top: 5px;}


.tabnav{ border-bottom: 2px solid #136bcf; margin-top: 50px; }
.tabnav ul{ overflow: hidden; }
.tabnav ul li,.tabnav p{ float: left; cursor: pointer; line-height: 50px; padding: 0 10px; }
.tabnav ul li.active{ background: #136bcf;color: #fff; }
.tabnav ul li span{  font-size: 18px; font-weight:bold;}
.jb{margin: 20px; }
.jb ul{}
.jb td{ border-bottom: 1px dashed #ccc; padding: 30px 0;  }

.jb .tx{text-align: center; }
.jb  .tx p{display: inline-block; width: 100px;height: 100px; border-radius: 50%; overflow: hidden;  }
.jb .tx p img{ width: 100%;  }
.jb .tx h3{ margin-top: 30px; color: #136bcf; }
.jb  .tx h4{ padding-top: 8px; color: #666;  }

.nr p{  color: #333; font-size: 14px; line-height: 1.8em; margin-bottom: 8px }
.nr h2{ text-align: center; line-height: 40px; }
.table{ border: 1px solid #eee; border-collapse:collapse; margin:20px auto; }
.table tr{}
.table td{border: 1px solid #eee; padding:10px; color: #000; font-size: 14px;}


.link{border-top:1px solid #ccc; margin-bottom:30px;margin-top:50px; padding-top:30px;}
.link ul{ overflow:hidden;}
.link ul li{float:left; width:25%; padding-left: 6%;}
.link ul li h2{ font-size:20px;border-left:4px solid #136bcf; padding-left:14px; margin-bottom:40px;}
.link ul li h2 p{font-size:14px; line-height:2em;}
.link ul li p a{ color:#136bcf;font-size:14px; }
.con{float:left;}
.con div{padding:0px 8px;}
.con p{}
.con img{width:100px;}
.con span{ display:block; font-size:14px;  text-align:center; color:#136bcf}


body{-webkit-user-select:none; -moz-user-select:none;-o-user-select:none;-ms-user-select:none;}

.m-banner{background:url(../img/banner1.png) no-repeat top center; height: 600px;}