@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font: normal 12px/20px "Microsoft Yahei", "微软雅黑",Arial;}
img { vertical-align:middle; border:none; display:inline-block; }
ul, ol ,ul li{ list-style:none; }
a { text-decoration:none; color:#666; vertical-align:baseline; }
a:hover { color:#0036e6;}
.w1000{ width:1000px; margin-left:auto; margin-right:auto;}
.w1200{ width:1200px; margin-left:auto; margin-right:auto;}

/*-----浮动-----*/
.float-l{ float:left;}
.float-r{ float:right;}
.clear{ clear:both; overflow:hidden; height:0; line-height:0;}

/*-----头部-----*/
#header{ height:246px; background:url(../images/global/header-bg.jpg) center top no-repeat;}
/*顶部*/
.top{ height:37px; line-height:37px; background:url(../images/global/top-dot.jpg) center top no-repeat; overflow:hidden;}
.top p{ float:left; color:#666;}
.top .nav{ float:right; margin-right:-8px;}
.top .nav a{ margin:0 8px;}
.top .nav em{ font-style:normal;}
/*标志*/
.logo{ width:660px; height:146px; background:url(../images/global/logo.png) no-repeat;}
.tel{ width:273px; height:146px;  background:url(../images/global/tel.png) no-repeat;}
/*.tel a{ position:relative; z-index:999; display:block; width:32px; height:32px; background-image:url(../images/global/tel-nav.jpg); background-repeat:no-repeat;}
.tel .wap a{ background-position:-76px 0;}
.tel .weixin a{ background-position:0 0;}
.tel .alibaba{ background-position: -40px 0;}
.tel .wap a:hover{ background-position:-76px -32px;}
.tel .weixin a:hover{ background-position:0 -32px;}
.tel .alibaba:hover{ background-position:-40px -32px;}*/
/*-------------------------
	纯css提示框导航
--------------------------
.tel .wap, .tel .weixin{ position:relative; float:left;}
.tel .wap{ margin:25px 0 0 120px;}
.tel .weixin{ margin:25px 0 0 10px;}
.tel>a{ float:left; margin:25px 0 0 10px;}
.tel>div:hover p{ display:block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out;}
.tel>div p{ display:none; position:absolute; right:-10px; top:42px; z-index:99; width:130px; padding:5px; color:#FFF; font-size:13px; text-align:left; border-radius:3px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); background:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
-moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
box-shadow: 0 -1px 10px rgba(0,0,0,.5);
}
.tel>div p:before{ position:absolute; top:-10px; right:20px; content: ''; width:0; height:0; border:6px solid transparent; border-bottom-color:#fff;}
.tel>div p:after{ position:absolute; top:-40px; left:0; width:100%; height:40px; content:'';}
@-webkit-keyframes fadeIn { 0%{ opacity:0; transform: scale(0.6);} 100%{ opacity:100%; transform: scale(1);} }
@keyframes fadeIn { 0%{ opacity:0;} 100%{ opacity:100%;}}
.tel .t{ clear:both; padding:3px 6px 0 0; text-align:right; letter-spacing:2px; color:#999; }*/
/*-----菜单-----*/
/*menu*/
#menu{ clear:both;}
#topnav{ width:1000px; height:63px; margin:0 auto;}
#topnav LI { float: left;}
#topnav A { DISPLAY: block; _display:inline-block; padding:0 25px; height:60px; line-height:60px; text-align:center; font-size:14px; color:#fff;}
#topnav A:hover, #menu-1 LI.menu-1 A, #menu-2 LI.menu-2 A, #menu-3 LI.menu-3 A, #menu-4 LI.menu-4 A, #menu-5 LI.menu-5 A, #menu-6 LI.menu-6 A,
#menu-7 LI.menu-7 A, #menu-8 LI.menu-8 A, #menu-9 LI.menu-9 A { color:#ee3700; border-bottom:3px solid #ee3700;}
#topnav li { position: relative; z-index:9;}
/*一级移上去停留*/
#topnav li.open a{ }
/*二级*/
#topnav li ul {display:none; position:absolute; top:48px; left:0; background:#fe360f;}
#topnav li:hover ul {display:block;}
#topnav li ul li {float:none; height:40px;}
#topnav li ul li a{ width:150px; height:40px; padding:0 20px; color:#fff; line-height:40px; text-align:left; font-size:14px; BACKGROUND-IMAGE:none!important; background:#343538; overflow:hidden;}
#topnav li ul li a:focus{outline:0;}/*去掉虚线框*/
#topnav li ul li a:hover {color:#fff; background:#fe360f;}

/*-----底部-----*/
#footer{ background:#f5f5f5;}
.links{ padding:30px 0; border-bottom:1px solid #d8d8d8;}
.links .w1000{ position:relative; width:905px; padding-left:95px;}
.links span{ position:absolute; left:0; top:0; display:block; width:92px; height:40px; background:url(../images/global/links-icon.png) no-repeat;}
.links a{ margin:0 10px; font-size:14px;}
.footer-nav{}
.footer-nav .n1{ float:left; width:273px; height:113px; margin:40px 0 0 0; background:url(../images/global/footer-logo.png) no-repeat;}
.footer-nav .n2{ float:left; width:430px; margin:20px 0 20px 60px; color:#666; overflow:hidden;}
.footer-nav .n2 ul li{ margin:12px 0; font-size:14px;}
.footer-nav .n3{ float:right; width:152px; margin:30px 0 0 60px; overflow:hidden;}
.footer-text{ clear:both; height:50px; line-height:50px; text-align:center; background:#333;}
.footer-text a{ display:inline-block; width:105px; text-align:center; color:#d5d5d5; font-size:14px; background:url(../images/global/footer-xiantiap.jpg) right center no-repeat;}
.footer-text a:last-child{ background:none;}

/*-----后加-----*/
/*宽度*/
.container{width:1000px; margin-left:auto; margin-right:auto;}
/*字体颜色*/
.font_redcolor{ color:#c40000 !important;}
/*边距间距*/
.mat13{ margin-top:13px !important;}
.mat25{ margin-top:25px !important;}
.mat20{ margin-top:20px !important;}
.mat30{ margin-top:30px !important;}
.mat40{ margin-top:40px !important;}
.mat15{ margin-top:15px !important;}
.mal15{ margin-left:15px !important;}
.mal20{ margin-left:20px !important;}
/*--返回顶部按钮--*/
#back-to-top
{
	display: block;
	width: 15px;
	margin-right: -540px;
	position: fixed;
	right: 50%;
	top: 50%;
	_margin-right: -540px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
}
#back-to-top a{display:block; width:26px; height:72px;
background:url(../images/global/top.gif) no-repeat;
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/-moz-transition:color 1s; -webkit-transition:color 1s;-o-transition:color 1s;}

/*-----侧边栏-----*/
.ma{ position:fixed; top:50%; right:50%; width:50px; height:50px; margin-right: -560px; margin-top:-160px; }
/*-------------------------
	纯css提示框导航
--------------------------*/
.weixima{ position:absolute; top:0; right:0; width:50px; height:50px; border-radius:50%; background:url(../images/global/weixima-icon.png) center 9px no-repeat #5c6fc7;}/*微信咨询*/
.wapma{ position:absolute; top:51px; right:0; width:50px; height:50px; border-radius:50%; background:url(../images/global/wapma-icon.png) center 9px no-repeat #f99779;}/*手机版*/
.alibaba{ position:absolute; top:102px; right:0; display:block; width:50px; height:50px; border-radius:50%; background:url(../images/global/alibaba-icon.png) center 9px no-repeat #7a7a7a;}/*阿里巴巴*/
.weixima:hover{ background:url(../images/global/weixima-icon.png) center 9px no-repeat #26388c;}/*微信咨询*/
.wapma:hover{ background:url(../images/global/wapma-icon.png) center 9px no-repeat #ee3700;}/*手机版*/
.alibaba:hover{ background:url(../images/global/alibaba-icon.png) center 9px no-repeat #363636;}/*阿里巴巴*/
.weixima p, .wapma p{ display:none; position:absolute; right:50px; top:-57px; z-index:999; width:179px; height:165px;}
.weixima p{ background:url(../images/global/weixima.png) left top no-repeat;}
.wapma p{ background:url(../images/global/wapma.png) left top no-repeat;}
.weixima:hover p, .wapma:hover p{ display:block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out;}
@-webkit-keyframes fadeIn { 0%{ opacity:0; transform: scale(0.6);} 100%{ opacity:100%; transform: scale(1);} }
@keyframes fadeIn { 0%{ opacity:0;} 100%{ opacity:100%;}}