@charset "utf-8";
/* CSS Document */
*{ margin:0;padding:0;font-size:100%;}/** border:0;  */
div,p,a{font-family: "????"}
body{font-family:'Microsoft YaHei'; background: #fff;}
ul,li,ol,i,em { font-style: normal; list-style: none;}
.left { float: left;}
.right { float: right;}
.bluebg { background: #1770b7;}
.yellowbg { background: #ff8800;}
/*??*/
.foot_area{ width:1200px; margin:0px auto; margin-top:10px;  text-align:center; height:auto; line-height:25px; font-size: 12px; color: #333;}
.foot_area img { vertical-align: middle;}
.foot_area a { color:#333; }
/*??*/
.top { width: 100%; height: 33px; background: url(../../images/web/home/top_bg.gif) repeat-x;}
.top_ctn { width: 1200px; height: 30px; padding: 1px 0 2px; margin: 0 auto; position: relative;}
.top_ctn ul { display: block; float: right; height: 30px; position: relative; z-index: 15;}
.top_ctn ul li { display: block; float: left; font-size: 12px; color: #333; height: 28px; line-height: 24px; padding: 0 3px; margin: 2px 0px 0; border:1px solid #f9f9f9;}
.top_ctn ul li.line { font-size: 16px; margin: 5px 5px 8px;height: 16px; line-height: 16px; width: 0; color: #dbdbdb; border:none; }
.top_ctn ul li.yyt { padding-right:10px;}
.top_ctn ul li i { display: inline-block;  width: 32px; height: 16px; line-height: 16px; text-align: center; background: #f00; margin: 0 5px;}
.top_ctn ul li a { color: #333; text-decoration: none; padding: 0 5px;}
.top_ctn ul li b { display: block; width: 100%; height: 28px; line-height: 24px; font-weight: normal;}
.top_ctn ul li.app b {padding: 0 8px 0 20px; background: url(../../images/web/home/top_tel.jpg) 5px 4px no-repeat; margin-left: 5px;}
.top_ctn ul li.wx b { padding: 0 8px 0 25px; background: url(../../images/web/home/top_wx.jpg) 5px 4px no-repeat; margin-left: 5px;}
.top_ctn ul li.chinaetc b { padding: 0 8px 0 25px;  margin-left: 5px;}
.top_ctn ul li.down b { padding: 0 20px 0 0; background: url(../../images/web/home/top_down.jpg) 55px 10px no-repeat; margin-left: 5px;}

.top_ctn ul li.hover { background: #FFF none repeat scroll 0% 0%; border:1px solid #dfdfdf; border-bottom: none;}
.logo { width: 1200px; height: 75px; padding: 20px 0; margin: 0 auto;}
.lg_lg { width: 187px; height: 75px; float: left;}
.lg_lg img { width: 187px; height: 61px; vertical-align: middle;}
.lg_tel { width: 280px; height: 75px; text-align: center; border-left: 2px solid #ff8800; font-size: 24px; color: #f80; float: left; line-height: 75px; margin-left: 15px;}
.lg_search { width: 355px; height: 36px; float: right; position: relative; margin-top: 20px;}
.lg_search input { width: 313px; border: 1px solid #1f85d7; height: 34px; border: 1px solid #1f85d7; border-radius: 5px; padding: 0 20px; font-size: 16px; color: #b0b0b0; vertical-align: middle;}
.lg_search a { display: inline-block; width: 19px; height: 17px; background: url(../../images/web/home/search.jpg) no-repeat; position: absolute; right: 10px; top: 10px;}
.nav { width: 100%; height: 40px; background: #1f85d7;}
.nav_ctn { width: 1200px; height: 40px; position: relative; margin: 0 auto;}
.nav_ctnlist { width: 1199px; height: 40px; border-left: 1px solid #fff; overflow:hidden;  }
.nav_ctnlist a { display: block; float: left;width: 170px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
.nav_ctnlist a:hover { background: #fff; color: #000; border-top: 1px solid #1f85d7;}
.nav_childlist {width: 510px; height: 78px; position: absolute; top: 40px; background:rgba(255,255,255,0.78);border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;box-shadow:0px 1px 2px rgba(1,20,20,0.5);padding: 10px 0; }
.nav_childlist a { display: block; float: left; width: 150px; height: 26px; line-height: 26px; text-align: center; font-size: 16px; color: #555; text-decoration: none; z-index: 5; margin: 0 10px;}
.nav_childlist a:hover { color: #ffffff;background:#1f85d7 }
.jq_hidebox { display: none; position: absolute; top: 30px; padding: 10px; border: 1px solid #dfdfdf; box-shadow: 0 1px 2px #ccc; background: #fff; z-index: 10; font-size: 12px; }
.jq_hidebox td { line-height: 24px;}
.jd_hidenav { width: 180px;}
.jd_hidenav a { color: #666; text-decoration: none; line-height: 24px;}
.jd_hidenav .aSty01 dt { margin-top: 6px; padding: 5px 0 2px 0; border-top: 1px solid #e5e5e5;}
.hm_link { width: 1198px; height: 58px; border: 1px solid #dbdbdb; margin: 10px auto;}
.hm_link h3 { width: 100px; height: 26px; line-height: 26px; text-align: center; border-right: 1px solid #a3a3a3; float: left; margin: 16px 0; font-size: 16px; color: #f80; float: left; }
.hm_link ul { width: auto; height: 36px; margin: 12px 0 12px 20px; overflow: hidden; float: left;}
.hm_link ul li { display: block; float: left; width: auto; height: 36px; margin-right: 20px;}
/*??*/
.floatlayer { width: 1200px; height: 0; position: relative; margin: 0 auto; z-index: 10;}
.fl_mask { width: 100%; position: fixed; height: 2000px; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');
  background: rgba(0,0,0,.5); left: 0; top: 0;}
.fl_upload { width: 400px; height: 240px; background: #fff; position: fixed; left: 50%; top: 20%; margin-left: -200px; }
.fl_upload h2 { width: 100%; height: 45px; line-height: 45px; background: #f0f0f0;}
.fl_upload h2 i { font-weight: normal;  font-size: 14px; color: #333; padding-left: 20px; }
.fl_uploadbox { width: 100%; height: 34px; font-size: 0;  }
.fl_uploadbox label { display: inline-block; width:75px; height: 34px; line-height: 34px; text-align: right; padding-right: 22px; font-size:14px; color: #333; vertical-align: middle;   }
.fl_uploadbox span { display: inline-block;  width: auto; height: 34px; line-height: 34px; font-size: 14px; color: #1f85d7; vertical-align: middle; }
.fl_uploadbox input { width: 75px; height: 20px; vertical-align: middle; font-size: 14px; color: #333; }
.fl_uploadbox em { font-size: 12px; color: #f80; vertical-align: middle; margin-left: 10px; }
.fl_uploadpromt { width: 360px; height: 18px; line-height: 18px; margin: 0 auto; text-align: left; font-size: 12px; color: #1f85d7;  }
.fl_uploadbtn { width: 360px; height: 42px; margin: 40px auto 0; text-align: center;  }
.fl_uploadbtn a { display: inline-block; width: 138px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #1770b7; border:1px solid #e5e5e5; text-decoration: none; border-radius: 4px; margin: 0 10px;   }
.fl_uploadbtn a.back { background: #b6b6b6;}
.fl_pic { width: 470px; height: auto; padding:  60px; border-radius: 5px; background: #fff; position: fixed; left: 50%;margin-left: -265px; top: 10%; z-index: 10;} 
.fl_pic_close { width: 30px; height: 30px; background: url(../../images/web/etc/close.png) no-repeat; display: block; position: absolute; right: -10px; top: -10px;}
.fl_pic_close:hover { background: url(../../images/web/etc/closehover.png) no-repeat;}
