@charset "utf-8";
body { color:#666666; font-size:14px; font-family:微软雅黑; } /*网站字体颜色*/
a { color:#666666; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer {width: 1280px;margin:0 auto;}

.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right {width: 1030px;float:left;display:inline;/* margin-left:5px; */overflow:hidden;}
.right1 { width:754px; float:left; display:inline; margin-right:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

/*头部开始*/
.top{width:100%;/* height:191px; */z-index:10;background: url(../images/so_bg.gif);z-index:9;}
.welcome{width:960px;height:25px;margin:0 auto;color:#8a8a8a;line-height:25px;display: none;}
.welcome h2{float:left;font-size:12px;font-weight:normal;}
.bookmark{float:right;height:25px;overflow:hidden;}
.bookmark b {float:left;font-weight:normal;}
.bookmark b a {display:inline-block;padding:1px 5px 0 0;}
.bookmark strong {float:left;font-weight:normal;color:#8a8a8a;}
.bookmark strong a {color:#8a8a8a;padding:0 10px;}


.t_head{/* width:960px; *//* height:120px; */padding: 15px 0;overflow:hidden;}
.top_l {width: 780px;margin-top: 10px;}
.logo {width: 254px;/* height:115px; */padding-right:17px;background:url(../images/logo_line.gif) no-repeat right center;}
.top_r {width: 230px;/* padding-top:10px; */overflow:hidden;}
.logo a img{/* width: 200px; */}
.logo_slogan{width:390px;padding-left:15px;padding-top: 10px;line-height:35px;color:#000;font-size:20px;font-family:"Microsoft YaHei";}
.logo_slogan span {font-size:30px;font-weight:bold;color:#1c57a2;}
.tel {width:190px;padding:5px 0 12px 25px;line-height:25px;font-family:"Microsoft YaHei";font-size:14px;color:#4e4e4e;background:url(../images/tel.gif) no-repeat left 20px;}
.tel span{font-size:19px;font-weight:bold;color:Red;font-family:Arial, Helvetica, sans-serif;}


.nav_side {width:100%; height:40px; background:url(../images/nav_bg.gif) repeat-x left top;}
.nav{width: 1280px;margin:0 auto;padding:3px 0 15px;height:37px;font-size:14px;line-height:34px;background:url(../images/nav_shadow.png) no-repeat center bottom;}
.nav li{float:left;height:34px;background: url(../images/li_cutline.gif) no-repeat right 9px;width: 12.5%;}
.nav li a {display: block;height:34px;/* padding-left:10px; */color:#fff;text-align: center;}
.nav li a span {/* display:inline-block; */height:34px;/* padding:0 16px 0 6px; */cursor:pointer;text-align: center;width: 100%;}
.nav li a:hover span, .nav .n_cur span {/* background:url(../images/li_o_r.gif) no-repeat right top; */}
.nav .sub{display:none;/* padding:5px 0; */width:100%;background: #102c66;/* top: 34px; */}
.nav .sub a{display:block;background:none;width: 100%;text-align:center;padding: 0;height: auto;line-height: 22px;padding: 10px 0;border-bottom: 1px solid #eee;}
.nav .sub a:hover{ background:none;}
.nav .nomarg{margin-right:0;}
.nav .nobg{background:none;}


.nav li a:hover, .nav .n_cur {text-decoration:none;/* background: #0839a6; */}


/*头部结束*/

/*底部开始*/
.bottom{color:#666;background:url(../images/footer_bg.gif);border-bottom:1px solid #fff;}
.bot_nav_bg {width:100%;height:33px;background:#0257a5;}
.bot_nav{width:960px;height:33px;margin:0 auto;line-height:33px;text-align:center;color:#fff;}
.bot_nav a{padding:0 26px;color:#fff;}
.gotop {right:95px;top:4px;width:25px;height:25px;z-index:99;}
.copyright{padding:30px 0;line-height:30px;overflow:hidden; text-align:right; width: 690px;margin: auto;}
.copyright a {color:#666;}
.copyright dt{float: right;width: 110px;height: 110px;padding: 0px 0 15px 30px;background: url(../images/bot_logo_line.gif) no-repeat left center;margin-left: 30px;}
.copyright dt img {float:left;width: 110px;}
.copyright dd {float:left;width:500px;padding-left:30px;}





/*底部结束*/

/*搜索*/
.so_bg {width:100%;height:30px;background:url(../images/so_bg.gif); overflow:hidden; padding-top:10px; }
.searchbar {width:960px;margin:0 auto;height:28px;line-height:28px;}
.keywords{padding-left:10px;color:#666;color:#999999;}
.keywords a{color:#999999;display:inline-block;height:28px;padding:0 12px;background:url(../images/keywords_line.gif) no-repeat right 7px;}
.keywords .nobg {background:none;}
.search{width:229px;height:19px;padding-top:4px;}
.search .in_text{float:left;width:186px;height:13px;*line-height:13px !important;background:url(../images/search_bg.gif) no-repeat 0 0;border:none;padding:3px;padding-left:7px;color:#bcbcbc;}
.search .so{float:right;width:33px;height:19px;background:url(../images/search_bg.gif) no-repeat -196px 0;border:none;text-indent:-9999px;line-height:0;font-size:0;}


#site { float:left; padding-top:3px; z-index:1000;position: relative;}
#siteDiv li {
    float: left;
    list-style-type: none;
    padding-right: 15px;
}


#siteDiv {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    display: none;
    left: 460px;
    padding: 8px 33px;
    position: absolute;
    top: 27px;
    white-space: nowrap;
    width: 200px;
    z-index: 1000;
	left:0;
}


		.slideBox{ width:100%; height:500px; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:500px; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.botico{ width:100%; height:102px; margin-top:1px; background:#0258a5 url(../images/bot.jpg) center no-repeat;}