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

.top{ height:38px; line-height:38px; background:url(../image/top-bg.jpg);}
.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:542px; height:128px; background:url(../image/logo.jpg) no-repeat;}
.tel{ width:242px; height:128px; background:url(../image/tel.jpg) no-repeat;}
.tel a{ display:block; width:32px; height:32px; background-image:url(../image/tel-nav.jpg); background-repeat:no-repeat;}
.tel .weixin{ background-position:0 0;}
.tel .alibaba{ background-position: -40px 0;}
.tel .weixin:hover{ background-position:0 -32px;}
.tel .alibaba:hover{ background-position:-40px -32px;}

.tel>div{ position:relative; float:left; margin:18px 0 0 160px;}
.tel>a{ float:left; margin:18px 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:32px; z-index:999; 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%;}}



#menu{ clear:both; background:#0089e1;}
#topnav{ width:1000px; height:48px; margin:0 auto;}
#topnav LI { float: left;}
#topnav A { DISPLAY: block; _display:inline-block; padding:0 25px; height:48px; line-height:48px; text-align:center; font-size:14px; color:#fff;}
#topnav A:hover { text-decoration:none; color:#fff; background:#1198ef;}
#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:#fff600; background:url(../image/menu-dot.jpg) center 38px no-repeat;}
#topnav li { position: relative; z-index:99;}

#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;}
#search{ height:80px; font-size:14px; background:#fff; overflow:hidden;}
#search .search-l{ width:650px; height:80px; line-height:80px; color:#666; font-weight:bold; overflow:hidden;}
#search .search-l a{ margin:0 5px; color:#666; font-weight:normal;}
#search .search-r{ width:320px; padding-top:21px;}
#search .search-r .search-text{ width:245px; height:38px; padding-left:10px; margin:0; font:normal 14px/38px "Microsoft Yahei", "寰蒋闆呴粦"; color:#999; vertical-align:middle; border-left:1px solid #dedede; border-top:1px solid #dedede; border-bottom:1px solid #dedede; border-right:0;}
#search .search-r .search-btn{ width:59px; height:40px; border:0; vertical-align:middle; background:url(../image/search-btn.png) no-repeat #0089e1; cursor:pointer;}
#search .search-r .search-btn:hover{ background:url(../image/search-btn.png) no-repeat #ef7525;}


#footer{ padding-top:55px; color:#808080; background:#393c41;}
.footer-nav{}
.footer-nav .links{ padding:30px 0 15px 140px; color:#d5d5d5; font-size:14px; border-bottom:1px solid #808080; background:url(../image/footer-logo.png) left top no-repeat;}
.footer-nav .links a{ margin:0 15px; color:#d5d5d5;}
.footer-nav .weima .n1{ float:left; width:200px; padding:35px 0; overflow:hidden;}
.footer-nav .weima .n1 ul li{ float:left; width:100px;}
.footer-nav .weima .n1 ul li a{ line-height:40px; font-size:14px; color:#808080;}
.footer-nav .weima .n2{ float:left; width:430px; margin:30px 0 0 60px; overflow:hidden;}
.footer-nav .weima .n2 ul li{ margin:12px 0; font-size:14px;}
.footer-nav .weima .n3{ float:right; width:300px; margin:30px 0 0 0; text-align:right; overflow:hidden;}
.footer-nav .weima .n3 img{ margin-left:10px;}
.footer-text{ clear:both; padding:20px 0; line-height:22px; text-align:center; background:#292a2e;}



.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: -525px;
	position: fixed;
	right: 50%;
	top: 50%;
	_margin-right: -525px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
}
#back-to-top a{display:block; width:26px; height:72px;
background:url(../image/top.gif) no-repeat;
-moz-transition:color 1s; -webkit-transition:color 1s;-o-transition:color 1s;}