@charset "utf-8";
@font-face {font-family: 'heliosextthinregular';src: url('font/he_eth_-webfont.eot');src: url('font/he_eth_-webfont.eot?#iefix') format('embedded-opentype'),url('font/he_eth_-webfont.woff') format('woff'),url('font/he_eth_-webfont.ttf') format('truetype'),url('font/he_eth_-webfont.svg#heliosextthinregular') format('svg');font-weight: normal;font-style: normal;}
*{ padding: 0px;line-height: 24px;margin: 0px;font-family: "Microsoft Yahei","微软雅黑", Arial; }
BODY{padding: 0px;margin: 0px auto;color: #333333;font-size: 12px;background:#ffffff;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
em, cite, i { font-style: normal; display: block;}
A:link{ color: #666666;  font-size:12px;  font-weight:normal;   text-decoration: none;}
A:visited{  color: #666666;  font-size:12px;   font-weight:normal;   text-decoration: none;}
A:hover{  color: #00a0e9;  font-size:12px;   font-weight:normal;}
.fl { float:left;}
.fr { float:right;}

li{list-style-type: none;}
ul li{list-style-type: none;}
button,input,select,textarea { font-family: inherit;  font-size: 100%;  margin: 0; outline:none;}
textarea { overflow: auto;  vertical-align: top; resize: none; -webkit-appearance: none;}
.phcolor{ color:#999;}

.web_page{width:100%; text-align: center; float:left; margin:0 auto;}
.main_page{width:1200px; margin:0 auto; }
.main_page .webtitle{position: relative; margin-top:50px; margin-bottom:46px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:22px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
.main_page .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}

/*top*/

.top{ width:100%;  height:30px; padding-top:15px; min-width:1200px; float:left; margin:0 auto; border-bottom:1px solid #ededed;}
.top_tant{width:1200px; line-height:20px; font-size:12px; color:#666; font-weight:normal; padding-top:0px; height:20px; margin:0 auto;}
.top_left{width:500px; line-height:20px; font-size:12px; color:#333; font-weight:normal; padding-top:0px; height:20px; text-align:left; float:left;}
.top_rihgt{width:500px; float:right;}
.top_rihgt UL{list-style-type: none; margin: 0px auto;}
.top_rihgt LI{float: right; margin-right:10px;display:block;}
.top_rihgt LI.weixin{ background:url(../images/weixin.png) no-repeat; padding-left:20px; height:18px;}
.top_rihgt LI.sina{ background:url(../images/xinglang.png) no-repeat; padding-left:20px;}
.top_rihgt LI.tq{ background:url(../images/tq.png) no-repeat; padding-left:20px;}
.top_rihgt LI.mobile{ background:url(../images/mobile.png) no-repeat; padding-left:15px;}
.top_rihgt A:link{ line-height:18px; font-size:12px; color:#666666; font-weight:normal; margin-right:20px;}
.top_rihgt A:visited{ line-height:18px; font-size:12px; color:#666666; font-weight:normal; margin-right:20px;}
.top_rihgt A:hover{ line-height:18px; font-size:12px; color:#0981c5; font-weight:normal; margin-right:20px;}

/*logo*/
.logo_page{width:1200px; height:140px;margin:0 auto; background:url(../images/logo_bg.jpg) no-repeat}
.logo{min-width:100px;max-width:290px; float:left; margin-top:30px; margin-right:10px;}
.company_name{width:520px;float:left; height:70px; margin-top:42px;padding-left:10px; background:url(../images/logo_text.jpg) no-repeat; }
.company_name h1{width:520px; line-height:30px; font-size:24px; color:#222; font-weight:bold;  letter-spacing: 0pt;text-align:left; float:left; margin-top:0px;}
.company_name h2{width:520px; line-height:30px; font-size:16px; color:#525252; font-weight: normal; text-align:left; float:left; margin-top:2px;}

.top_service{ width:278px; height:55px; float:right;  margin-top:35px; margin-right:10px;background:url(../images/tel.png) left top no-repeat; background-size:26px 26px;}
.top_service p{font-family: "Microsoft Yahei",Arial; font-size:15px; color:#333; font-weight:normal; line-height:26px; text-align:left; padding-left:34px;padding-bottom:5px;}
.top_service span{font-family: "Microsoft Yahei","微软雅黑","Arial"; font-size:34px; font-weight:bold; color:#00a0e9; line-height:30px; background:url(../images/toptel.png) no-repeat  left 4px;text-align:left;  padding-left:27px; }

/*nav*/
/*.container{margin-left:auto; margin-right:auto; width:1200px;}*/
.menu{ width:100%; margin:0 auto; height:60px; border-top:1px solid #e9e9e9; border-bottom:2px solid #00a0e9;}
.nav{  width:1200px; margin:0 auto;}
.nav>li{ float:left; font-size:14px; }
.nav>li>a span{ font-size:12px; display:block; height:20px;text-align:center;}
.nav>li>a>img{ margin-left:6px;}
.nav>li>a{color:#555; font-size:14px; line-height:12px; display:block; padding:16px 0px 12px 0; width:120px; text-align:center; text-decoration:none;}
.nav>li.cur>a,.nav>li:hover>a{ background-color:#00a0e9 !important; color:#fff; background:url(../images/nav.png) 100px center no-repeat #1488f5; }

.erji_nav { display:none; overflow:hidden; width:100%; overflow:hidden; border-top:2px solid #00a0e9 !important;  position:absolute; left:0; top:247px; background-color: rgba(255,255,255,0.96);/* background:url(../images/black60.png);*/padding-top:55px; padding-bottom:70px; z-index:999;}
.erji_nav .title{ overflow:hidden; width:170px;float:left; margin-left:320px;}
.erji_nav .title span{  width:120px; display:block;border-top:3px solid #00a0e9; }
.erji_nav .title span a{ color:#333; font-size:20px; line-height:30px;display:block;margin-bottom:20px; margin-top:20px;}
.erji_nav .title .more{ display:block; width:118px; height:30px; text-align:center; line-height:30px; border:1px solid #cecece; font-size:12px; color:#999; font-family:Arial;}
.erji_nav ul{ overflow:hidden; float:left; width:202px; margin-left:45px; display:block; }
.erji_nav .ul01 { border-right:0px solid #e9e9e9;}
.erji_nav ul li{ display:block;font-size:14px; height:36px; line-height:36px; margin-bottom:10px; margin-right:20px;width:200px;  float:left;border:1px solid #ddd;}
.erji_nav ul li a{ color:#777;height:36px; line-height:36px;font-size:14px; display:block; text-align:center;}
.erji_nav ul li:hover{display:block; border:1px solid #00a0e9;}
.erji_nav ul li:hover a{display:block; color:#00a0e9 !important;}
.erji_nav .contect{ display:block; width:128px; height:88px; border:1px solid #cecece; border-radius:8px;float:left; text-align:center; font-size:14px;color:#555; text-decoration:none; margin-left:45px;}
.erji_nav .contect img{ display:block; margin:10px auto;}
.erji_nav ul:first-child { border-right:1px solid #e9e9e9;}

/*bottom*/
footer { position: relative; padding: 48px 0 7px; background: #f5f5f5; box-shadow: 0 0 4px #e1e1e1 inset;}
footer .main { width: 1200px; margin: 0 auto;}
footer .main .tips { width: 508px;  height: 182px; border-right: 1px solid #dcdcdc;}
footer .main .tips img.f-logo { margin: -7px 0 27px;}
footer .main .tips .tel { width: 200px; font-size: 14px; line-height: 26px;  color: #333; float:left;display:block;}
footer .main .tips .tel a.mall {transition: all 0.5s; display:block;width: 148px;  padding-left: 52px;  border-radius: 2px;  background: url("../images/bg_sign01.png") no-repeat 20px 0 #fff;  margin-bottom: 14px;  font-size: 14px;  line-height: 38px;  color: #666;}
footer .main .tips .tel a.mall:hover {  background-color: #00a0e9;  background-position: 20px bottom;  color: #fff;}
footer .main .tips .tel a.mall:hover span { background-position: 0 center;}
footer .main .tips .tel a.mall span {  width: 7px;  height: 38px;  margin-right: 20px;  background: url("../images/bg_sign02.png") no-repeat -7px center transparent;}
footer .main .tips .tel .en {  font-size: 24px;  line-height: 32px;  font-weight: bold;  font-family: calibri, Arial;  color: #333;}
footer .main .tips .ewm { margin-right:110px;  font-size: 12px;  line-height: 30px;  text-align: center; float:right;}
footer .main .tips .ewm img {  margin: 0 9px; border:3px solid #fff; width:120px;}
footer .main .list {  height: 250px; float:right;}
footer .main .list li {  width: 150px;  margin-left: 12px;  float:left;}
footer .main .list li:first-child {  margin-left: 0;}
footer .main .list li a {  width: 100%;  font-size: 14px;  line-height: 2;  color: #666;  transition: color 0.5s;  display:block;}
footer .main .list li a.tit {  font-size: 16px;  line-height: 2;  margin-bottom: 12px;  color: #333;}
footer .main .list li a:hover {  color: #09a3e1;}
footer .main .bot {  height: 62px;  border-top: 1px solid #dcdcdc;  line-height: 62px;display:block; font-size:12px;}
footer .main .bot p {  height: 62px;  line-height: 62px;display:block; font-weight:normal;}
footer .main .bot a { float:left;transition: color 0.5s;  padding: 0 7px;  color: #666;height: 62px;  line-height: 62px;display:block;}
footer .main .bot a:hover { color: #09a3e1;}