﻿@charset "utf-8";
/* CSS Document */
/*全局*/
body {margin: 0px;font-size: 12px;color: #666;font-family: "Microsoft Yahei";}
.warp{ margin:0 auto; width:100%; padding:0}

/*顶部导航*/
.header{height:60px;background:url(images/head-bg.jpg) repeat-x;}
.header .nav{width:970px;margin:0 auto;}
.header .nav .logo{width:110px;height:60px;float:left;background:url(images/logo.png) center 5px no-repeat;}
.header .nav .logo a{display:block;width:100%;height:100%;}
.header .nav .slogan{float:left;font-family:"微软雅黑";font-size:24px;color:#333;height:40px;padding-top:20px;padding-left:10px;}
.header .nav ul{float:right;height:30px; margin:0; padding-top:15px;}
.header .nav ul li{position:relative;z-index:100;padding:0 5px;float:left;cursor:pointer;width:80px;height:30px;text-align:center;background-image: url(images/bg_over.jpg);background-repeat: no-repeat;background-position: center center;list-style:none;}
.header .nav ul li a{padding:0 12px;color:#fff;height:30px;line-height:25px;font-size:14px;text-align:center;text-decoration:none;}
.header .nav ul li:hover{display:block;}
.header .nav ul li.product a{border-left:none;text-decoration:none;}
.header .nav ul li.aboutus a{border-right:none;text-decoration:none;}

/*banner*/
.banner-wrap {width:100%;margin:0 auto;text-align:center;}
.banner{height:557px; background:url(images/top-main.jpg) center top no-repeat;min-width:1024px}
/*切换菜单导航*/
#menu{
	margin:0 auto;
	width:100%;
	overflow:hidden;
	background:#333;
}
#menu .nav{
	margin:0 auto;
	width:909px;
	padding-top:10px;
	overflow:hidden;
}
#menu .nav span{
	float: left;
	width: 300px;
	line-height: 58px;
	height: 60px;
	font-size: 22px;
	color: #FFF;
	cursor:pointer;
	background-color: #666666;
	text-align: center;
	display: block;
	margin-right: 3px;
}
#menu .nav span.hover{
	height: 67px;
	background-color: #BB0000;
	background-image: url(images/wjt.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/*产品内容布局*/
.mod-wrap .mod-inner{width:1200px;margin:0 auto 50px;padding:20px 0;overflow:hidden}
.mod-title{margin-bottom: 46px;border-bottom: solid 1px #e1e1df;height: 40px;}
.mod-title h2{font:normal 22px "hiragino sans gb","microsoft yahei";color:#145dac;letter-spacing:5px; background:#FFFFFF}
.mod-title .link{float:right;color:#145dac;font:normal 14px "hiragino sans gb","microsoft yahei";letter-spacing:0px;margin-top:5px}
.ui_btn_white{background-color:#eef4fe;border-color:#0071ce;color:#0071ce}
.ui_btn_white:hover{background-color:#0071ce;border-color:#0071ce;color:#fff}
.mod-wrap-product .mod-inner{border-bottom:none;padding-bottom:5px;_width:1000px}
.mod-wrap-product .mod-title h2{margin-bottom:20px}
.mod-wrap-product .pd-item{width:23.3%;border:1px solid #e5e5e5;border-radius:3px;float:left;margin-right:23px;background:#fff;margin-bottom:25px;_width:233px;_margin-right:5px}
.mod-wrap-product .pd-item:hover{background:#EFEFEF}
.mod-wrap-product .first{margin-left:3px}
.mod-wrap-product .pd-item-hover{background:#fafbfd}
.mod-wrap-product .last-item{margin-right:0}
.mod-wrap-product .pd-item .pd-icon{text-align:center;margin:13px auto 5px}
.mod-wrap-product .pd-item .pd-icon i{display:inline-block;width:81px;height:83px;display:inline-block;width:81px;height:83px;background-image:url("images/home_v3_2.32_3.png");_background-image:url("images/home_v3_sprite8.png");background-repeat:no-repeat}
.mod-wrap-product .pd-item .icon-1{background-position:-10px -480px;_background-position:-160px 0}
.mod-wrap-product .pd-item .icon-2{background-position:-100px -480px;_background-position:-260px 0}
.mod-wrap-product .pd-item .icon-3{background-position:-10px -570px;_background-position:-400px -100px}
.mod-wrap-product .pd-item .icon-4{background-position:-100px -570px;_background-position:-400px -200px}
.mod-wrap-product .pd-item .icon-5{background-position:-10px -660px;_background-position:-400px 0}
.mod-wrap-product .pd-item .pd-icon .icon-6{width:90px;background-position:-100px -660px;_background-position:0 -360px}
.mod-wrap-product .pd-item .pd-icon .icon-7{width:84px;background-position:-10px -750px;_background-position:-100px -360px}
.mod-wrap-product .pd-item .icon-8{background-position:-100px -750px;_background-position:-200px -360px}
.mod-wrap-product .pd-item h3{font:normal 20px "hiragino sans gb","microsoft yahei";color:#27303f;text-align:center;margin-bottom:7px}
.mod-wrap-product .pd-item .tip-title{font:normal 14px "hiragino sans gb","microsoft yahei";color:#ababab;text-align:center}
.mod-wrap-product .pd-item .pd-price{margin:12px auto 0;border-top:1px solid #e2e2e2;text-align:center;width:64%}
.mod-wrap-product .pd-item .pd-price .price{color:#fa7821;position:relative;padding-left:25px;font:normal 40px "hiragino sans gb","microsoft yahei"}
.mod-wrap-product .pd-item .pd-price .price .unit{font:normal 18px "QCLOUD_FONT";position:absolute;top:7px;left:0px}
.mod-wrap-product .pd-item .pd-price .text{color:#27303f;font:normal 13px "hiragino sans gb","microsoft yahei"}
.mod-wrap-product .pd-item .pd-op{text-align:center;margin:15px 0}
a{text-decoration:none; font-family:"微软雅黑"}
.mod-wrap-product .pd-item .pd-op .ui_btn_white{padding:0 0;width:64%}
.ui_btn{display:inline-block;vertical-align:middle;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);border:1px solid #c6c6c6;*border:0;border-color:#c6c6c6 #c6c6c6 #adadad;border-color:rgba(255,255,255,0.15) rgba(0,0,0,0.1) rgba(0,0,0,0.3);color:#fff;font-weight:bold;font-size:14px;padding:0 20px;line-height:33px;overflow:visible;cursor:pointer;background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.10),rgba(255,255,255,.15));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.10),rgba(255,255,255,.15));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.10),rgba(255,255,255,.15));background-image:linear-gradient(to top,rgba(0,0,0,.10),rgba(255,255,255,.15))}
.ui_btn_white{background-color:#eef4fe;border-color:#0071ce;color:#0071ce}
.ui_btn_white:hover{background-color:#0071ce;border-color:#0071ce;color:#fff}

/********footer*********/
.od {
overflow: hidden;
}
.w1000 {
width: 1008px;
margin: 0 auto;
position: relative;
}
.footer{ width:100%;position:relative; z-index:1; margin:0 auto; background: #27303f;/*background:url(../bg/ftbg.jpg) repeat-x;*/ color:#818c9e; font-family:"微软雅黑"}
.footer a{color:#818c9e}
.footer a:hover{color:#fff}
.bottom { width:100%; margin:0 auto; background: #19202d;color:#818c9e; height:42px;}
.bottom a{color:#818c9e;}
.bottom .bottom-main{ width:1000px;background: #19202d; margin:0 auto;padding:0 20px;display: block;}
.bottom .bottom-main .flink { line-height:42px;color:#818c9e; float:right; margin-right:20px;}
.bottom .bottom-main .flink  a{color:#818c9e;}

.ft_side{ overflow:hidden; float:left;padding:20px 20px 30px;;}
.ft_side li{float:left; padding-right:20px;list-style: none;}
.ft_side li h3{ background:url(images/line.gif) repeat-x bottom; padding-bottom:2px;}
.ft_side li h3 span{padding:62px 0 10px 40px; display:inline-block;font-size:15px; line-height:24px;  color:#818c9e;}

.bh1 span{ background:url(images/icon01.png) no-repeat 55px 23px;}
.bh2 span{ background:url(images/icon02.png) no-repeat 55px 23px;}
.bh3 span{ background:url(images/icon03.png) no-repeat 55px 23px;}
.bh4 span{ background:url(images/icon04.png) no-repeat 55px 23px;}
.bh5 span{ background:url(images/icon05.png) no-repeat 55px 23px;}
.fl {
float: left;
}
.ft_link{padding:10px 0 30px 40px;}
.ft_link a{ display:block; line-height:24px;}

.cont{ float:left; padding-top:50px;}
.cont-title{background:url(../foot/icon05.png) no-repeat;padding-left:50px; padding-top:5px;font-size:15px;font-weight:bold; color:#818c9e; line-height:25px;}
.cont-link{padding:10px;}
.cont-link a{ display:block; line-height:24px;}
.cont-tu{ float:left; padding-top:100px; padding-left:20px;}
.cont-tu h3{font-size:15px; line-height:30px;  color:#818c9e;text-align:center;}

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-100px;
	_bottom:auto;
	width:60px;
	height:60px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(images/top_btn.png);
	_background-image:url(images/top_btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	width:60px;
	height:60px;
	background-image:url(images/top_btn_hover.png);
	_background-image:url(images/top_btn_hover.png);
}