﻿@charset "utf-8";
@import url("../css/global.css");
@import url("../css/iconfont.css");
@import url("../css/menu.css");
/* CSS Document */

/* General Styling */

#container{ width:100%; overflow:hidden;}
#container .row{ width:1180px; margin-left:auto; margin-right:auto;}
.wrapper{ width:100%; overflow:hidden;}
.wrapper .row{ width:1180px; margin:0 auto;}

#main{ width:1000px; margin:30px auto;}
#main .right{ width:740px; float:right;}
#main .left{ width:240px; float:left; /*margin-top:-190px;*/}
/* Header */
#header{ width:100%; height:120px; position:fixed; top:0; z-index:1000; background:url(../images/header_shadow.png) repeat-x;}
.header{ width:1000px; margin:0 auto; /*background:url(../images/img-color-top.jpg) no-repeat 160px top;*/}
.header .left{ width:280px; height:100px; background:url(../images/logo.jpg); display:block; float:left;}
.header .right{ width:700px; height:100px; float:right;}
.language{ width:700px; height:30px; text-align:right; margin-top:10px;}
.language a{ background:#ccc; border-radius:50%; width:30px; height:30px; display:inline-block; margin-left:3px; text-align:center; font:normal 12px/30px "Arial"; color:#fff;}
.language a.cur{ background:#da251e;}

#search{ width:140px; height:30px; margin:10px 0 0 560px; position:relative;}
#search input.keywords{ width:100px !important; width:140px; height:20px !important; height:28px; border:#f0f0f0 1px solid; padding:4px 30px 4px 10px;
                        border-radius:15px; font:12px/20px Arial,"Microsoft YaHei"; color:#ccc;
}
#search input.submit{ width:30px; height:30px; position:absolute; right:0; top:0; background:url(../images/search-icon.png) no-repeat 0 0; z-index:10;
                      border:none; cursor:pointer; outline:none;
}
/* Container */

/* Headlines */
#headlines{ width:100%; overflow:hidden; border-bottom:1px solid #efefef;}
.headlines { width:300px; height:60px; text-align:center; margin:30px auto;}
.headlines h2{ font:30px/40px "Arial","Times New Roman"; text-transform:uppercase; color:#2b2b2b;}
.headlines p{ font:14px/16px "Arial","Microsoft YaHei"; letter-spacing:1px; color:#2f383d; background:url(../images/headlines.png) no-repeat center center; text-transform:uppercase;}

#sitemap{ width:100%; margin-bottom:20px; height:50px; font:14px/50px "Arial","Microsoft YaHei"; color:#999;
          border-bottom:1px solid #f0f0f0;
}
#sitemap a{ color:#999;}#sitemap .right a:hover{ color:#bf1e1e;}
#sitemap i{ display:inline-block; font-size:16px; line-height:50px; padding:0 2px;}

/* Home Page */
#grids{ width:1000px; height:320px; margin:30px auto;}
#grids ul{ width:1020px; height:320px; margin-left:-20px;}
#grids ul li{ width:320px; height:320px; margin-left:20px; float:left; text-align:center;}
#grids ul li .pic{ width:320px; height:180px;}
#grids ul li .pic img{ width:320px; height:180px;}
#grids ul li .col2{ background-position:-320px 0;}
#grids ul li .col3{ background-position:-640px 0;}
#grids ul li h2{ font:normal 16px/30px "Arial","Microsoft YaHei"; margin:10px 0;}
#grids ul li p{ font:14px/20px "Arial","Microsoft YaHei"; color:#999;}
#grids ul li .more{ display:block; margin-top:10px; height:20px; background:url(../images/col3_more.jpg) no-repeat center center;}

#news_wrap{ width:1000px; overflow:hidden; margin:30px auto;}
#news{ width:700px; overflow:hidden; float:left;}
#news .left{ width:120px !important; width:180px; height:160px !important; height:220px; background:#bf1e1e; float:left; padding:30px; color:#fff; text-transform:uppercase;}
#news .left h2{ font:bold 40px/40px Arial;}
#news .left h3{ font:normal 16px/30px "Arial","Microsoft YaHei"; }
#news .left a.more{ font:normal 14px/30px "Arial","Microsoft YaHei"; display:block; height:30px; border:2px solid #fff; text-align:center; margin-top:60px; color:#fff;}
#news .right{ width:480px !important; width:520px; height:186px !important; height:220px; padding:20px 20px 14px 20px; background:#fff; float:right;}
#news .right .is_top{ width:480px; height:70px; overflow:hidden;}
#news .right .is_top .pic{ width:100px; height:70px; float:left; overflow:hidden;}
#news .right .is_top .pic img{ max-width: 100px; width: expression(this.width > 100 ? "100px" : true); height: auto;}
#news .right .is_top .box{ width:360px; height:70px; float:right; border-bottom:1px solid #eee;}
#news .right .is_top .box h2{ font:normal 16px/25px "Arial","Microsoft YaHei";}
#news .right .is_top .box p{ font:normal 12px/18px "Arial","Microsoft YaHei"; margin:4px 0; color:#999;}

#news .right .is_red { width:480px; overflow:hidden;}
#news .right .is_red ul{ width:480px;}
#news .right .is_red ul li{ height:30px; padding-left:20px; background:url(../images/news_arrow.png) no-repeat left center; overflow:hidden; font:14px/30px "Arial","Microsoft YaHei"; border-bottom:1px dashed #eee;}
#news .right .is_red ul li span{ float:right; color:#666;}

#btnlk{ width:280px; height:220px; float:right; overflow:hidden;}
#btnlk ul{ width:280px; height:240px; margin-top:-20px;}
#btnlk ul li{ width:280px; height:100px; margin-top:20px; overflow:hidden;}
#btnlk ul li .pic{ width:100px; height:100px; float:left; background:url(../images/col2_img.jpg);}
#btnlk ul li .col_2{ background-position:-100px 0;}
#btnlk ul li .box{ width:140px !important; width:180px; height:60px !important; height:100px; display:block; background:#fff; padding:20px; float:right;}
#btnlk ul li .box h2{ font:normal 16px/25px "Arial","Microsoft YaHei"; text-transform:uppercase;}
#btnlk ul li .box p{ font:normal 12px/18px "Arial","Microsoft YaHei"; margin-top:4px; color:#999;}

#goods{ width:1000px; margin:0 auto; overflow:hidden; position:relative;}
#goods li{ float:left; display:inline; margin-right:20px; width:235px; position:relative;}
#goods li .img_wrap{ display:block; height:225px; font-size:0; overflow:hidden; border:5px solid #ecf0f1;}
#goods li .img_wrap img{width:225px !important;height:168px;}
#goods li .cover{ width:225px; height:50px; position:absolute; bottom:5px; text-align:center; font:14px/50px "微软雅黑"; color:#fff; z-index:1000;}
#goods li .caption{ position: absolute; background:#bf1e1e; opacity: .98; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";}
#goods .arrows{ display:block; height:49px; position:absolute; top:50%; margin-top:-25px; width:49px; z-index:200; cursor:pointer; background:url(../images/arrows.png) no-repeat;}
#goods .prev{ background-position:0 0; left:-50px; border-radius:0 3px 3px 0;}
#goods .next{ background-position:-49px 0; right:-50px; border-radius:3px 0 0 3px;}
#goods .prev,#goods .next{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
#goods .prev:hover,#goods .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#goods_more{ width:100px; margin:30px auto; display:block; color:#999; border:2px solid #ccc; text-align:center; text-transform:uppercase; font:14px/30px "Microsoft YaHei";}
a:hover#goods_more{ color:#bf1e1e;}


/*#goods{ width:1000px; margin:0 auto; overflow:hidden; position:relative;}
#goods li{ float:left; display:inline; margin-right:20px; width:235px; position:relative;}
#goods li .img_wrap{ display:block; min-height:225px; font-size:0; overflow:hidden; border:5px solid #ecf0f1;}
#goods li .img_wrap img{ max-width: 100px; max-width:225px !important; width: expression(this.width > 225 ? "225px" : true); height: auto;}
#goods li .cover{ width:225px; height:50px; position:absolute; bottom:-50px; text-align:center; font:14px/50px "微软雅黑"; color:#fff; z-index:1000;}
#goods li .caption{ position: absolute; background:#bf1e1e; opacity: .98; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";}
#goods .arrows{ display:block; height:49px; position:absolute; top:50%; margin-top:-25px; width:49px; z-index:200; cursor:pointer; background:url(../images/arrows.png) no-repeat;}
#goods .prev{ background-position:0 0; left:-50px; border-radius:0 3px 3px 0;}
#goods .next{ background-position:-49px 0; right:-50px; border-radius:3px 0 0 3px;}
#goods .prev,#goods .next{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
#goods .prev:hover,#goods .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#goods_more{ width:100px; margin:30px auto; display:block; color:#999; border:2px solid #ccc; text-align:center; text-transform:uppercase; font:14px/30px "Microsoft YaHei";}
a:hover#goods_more{ color:#bf1e1e;}*/

/* Content Page */
.banner{ width:100%; height:350px; background-repeat:no-repeat; background-position:center center;}
.img_1{ background-image:url(../images/banner_1.jpg);}
.img_2{ background-image:url(../images/banner_2.jpg);}
.img_3{ background-image:url(../images/banner_3.jpg);}
.img_4{ background-image:url(../images/banner_4.jpg);}

/* Sidebar */
.aside-menu{ width:240px; overflow:hidden;}
.aside-headline{ width:240px; height:180px; position:relative; background:url(../images/aside-headline.jpg); overflow:hidden;}
.ipage{ background-position:0 -180px;}
.aside-headline h2{ width:240px; height:100px; position:absolute; bottom:20px; z-index:10; background:rgba(11,37,99,0.8); padding-left:20px; color:#fff;}
.aside-headline h2 p.en{ font:bold 14px/20px "Times New Roman"; text-transform:uppercase; margin-top:20px;}
.aside-headline h2 p.cn{ font:18px/26px "Microsoft YaHei"; /*letter-spacing:4px;*/}
.aside-headline h2 i{ width:50px; height:2px; display:block; background:#fff; margin:5px 0;}
.aside-service{ width:240px; height:260px; margin-top:20px; background:url(../images/aside-service.jpg); text-align:center; overflow:hidden; color:#fff;}
.aside-service h3{ margin-top:170px; font:bold 25px/30px "Times New Roman"; text-transform:uppercase;}
.aside-service p{ font:25px/40px "Arial","Times New Roman";}
.menu-goods{ width:230px; overflow:hidden; margin-bottom:-5px;}
.menu-goods li{ font:bold 14px/50px Arial,"Microsoft YaHei"; margin-bottom:5px;}
.menu-goods li a{ width:180px !important; width:230px; height:50px; padding-left:50px;  display:block; color:#999; background:#f0f0f0 url(../images/icons-menu-goods.png) no-repeat 0 0;}
.menu-goods li a:hover{ background-position:0 -50px; background-color:#da641a; color:#fff;}


#sidebar{ width:240px; overflow:hidden;}
#sidebar .headline{ width:240px; height:180px; position:relative; background:url(../images/aside-headline.jpg);}
#sidebar .sec{ background-position:0 -180px;}
#sidebar .headline h2{ width:240px; height:100px; position:absolute; bottom:20px; z-index:10; background:rgba(50,30,5,0.5); padding-left:20px; color:#fff;}
#sidebar .headline h2 p.en{ font:25px/30px "Constantia","Times New Roman"; text-transform:uppercase; margin-top:20px;}
#sidebar .headline h2 p.cn{ font:14px/20px "Microsoft YaHei"; letter-spacing:1px; text-transform:uppercase;}
#sidebar .headline h2 i{ width:50px; height:2px; display:block; background:#fff; margin:5px 0;}
#sidebar .vertical_menu{ width:240px; overflow:hidden; margin-bottom:-5px;}
#sidebar .tel{ width:240px; height:260px; margin-top:20px; background:url(../images/aside-service.jpg); text-align:center; overflow:hidden; color:#fff;}
#sidebar .tel h3{ margin-top:175px; font:25px/30px "Constantia","Times New Roman"; text-transform:uppercase;}
#sidebar .tel p{ font:bold 25px/40px "Arial";}
#sidebar .code { width: 240px; margin-top: 20px;}
#sidebar .code .title { width: 240px; height: 50px; background: #bec3c7; font: normal 16px/50px "Arial","Microsoft YaHei"; text-align: center; color: #fff;}

.menu-goods{ width:230px; overflow:hidden; margin-bottom:-5px;}
.menu-goods li{ font:bold 14px/50px Arial,"Microsoft YaHei"; margin-bottom:5px;}
.menu-goods li a{ width:180px !important; width:230px; height:50px; padding-left:50px;  display:block; color:#999; background:#f0f0f0 url(../images/icons-menu-goods.png) no-repeat 0 0;}
.menu-goods li a:hover{ background-position:0 -50px; background-color:#da641a; color:#fff;}

/* content */
#content-list{ width:740px; font:14px/1.8 "Microsoft YaHei";}
#content-list p{padding: 0 0 15px 0;}
#content-list table tr td{ padding:5px;}

/* news_list */
#news_list{ width:740px; margin-bottom:20px;}
#news_list dl{ clear:both; width:740px; height:44px; padding:0; margin:0 auto; border-bottom:#e5e5e5 dashed 1px;}
#news_list dl dt{ display:block; float:left; width:600px !important; width:625px; font:14px/44px Arial,"微软雅黑";padding-left: 25px;
                  background: url(../images/news_arrow.png) no-repeat 0 center;}
#news_list dl dd{ margin-left:600px; color:#999; text-align:right; font:10pt/34px Arial,"微软雅黑";}

/* news_show */
#news_show{ width: 900px; margin: 0 auto;}
#news_show .title{ font:bold 20px/80px "Arial","Microsoft YaHei"; text-align:center;}
#news_show .tag{ font:14px/30px Arial,"Microsoft YaHei"; padding:4px 0; color:#666; margin-left:-10px;}
#news_show .tag i{ width:30px; height:30px; background:url(../images/small-icons.png) no-repeat; display:inline-block;}
#news_show .tag i.list{ background-position:0 0;}
#news_show .tag i.time{ background-position:-30px 0; margin-left:5px;}
#news_show .tag i.view{ background-position:-60px 0; margin-left:5px;}
#news_show .tag i.return{ background-position:-90px 0; margin-left:5px;}
#news_show .tag a{ color:#666;}
#news_show .content{ font:14px/20px  Arial,"微软雅黑"; margin-top:20px; color:#000;}
#news_show .cutline{ width:900px; height:50px; background:url(../images/cutline.jpg) no-repeat center center;}
#news_show .prevnext{ /*border:1px solid #eee; background:#f5f5f5; padding:9px;*/ font:14px/20px "Microsoft YaHei"; color:#999; margin:20px 0;}
#news_show .share{ width:100%; font:14px/30px "Microsoft YaHei"; height:40px; margin-top:10px;}
/* goods list */


#goods_list{ width:740px; margin:0 auto;}
#goods_list ul{ width:765px; margin-left:-25px; overflow:hidden;}
#goods_list ul li{ width:230px; margin-left:25px; margin-bottom:20px; float:left;  }
#goods_list ul li a.img{display:block; height:225px; font-size:0; overflow:hidden; border:5px solid #ecf0f1;position: relative;}
#goods_list ul li a:hover.img{ /*border:5px solid #00438c;*/}
#goods_list ul li img{width:225px !important;height:168px;}
#goods_list ul li .cover{width:215px; height:50px; position:absolute; bottom:0px; text-align:center; font:14px/50px "微软雅黑"; color:#fff; z-index:1000;padding: 0 5px;}
#goods_list ul li .caption{position: absolute; background:#bf1e1e; opacity: .98; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";}

#goods_show{ width:900px; margin:0 auto;}
#goods_show .tag{ font:14px/30px Arial,"Microsoft YaHei"; padding:4px 0; color:#666; margin-left:-10px;}
#goods_show .tag i{ width:30px; height:30px; background:url(../images/small-icons.png) no-repeat; display:inline-block;}
#goods_show .tag i.list{ background-position:0 0;}
#goods_show .tag i.time{ background-position:-30px 0; margin-left:5px;}
#goods_show .tag i.view{ background-position:-60px 0; margin-left:5px;}
#goods_show .tag i.return{ background-position:-90px 0; margin-left:5px;}
#goods_show .tag a{ color:#666;}
#goods_show .cutline{ width:900px; height:50px; background:url(../images/cutline.jpg) no-repeat center center;}

#goods_show .content{ font:14px/25px Arial,"Microsoft YaHei"; margin-top:20px;}
#goods_show .content .box{ width:100%; text-align:center;}
#goods_show .content img{ max-width: 100%!important; height: auto!important;width:expression(this.width > 740 ? "740px" : this.width)!important;}
#goods_show a.inquery_btn{ /*width:200px;*/ text-align:center; font:14px/40px Arial,"Microsoft YaHei"; margin:20px 0; display:block; background:#bec3c7; color:#fff;}
#goods_show a:hover.inquery_btn{ background:#bf1e1e; color:#fff;}
#goods_show .prevnext{ /*border:1px solid #eee; background:#f5f5f5; padding:9px;*/ font:14px/20px "Microsoft YaHei"; color:#999;}
#goods_show .share{ width:100%; font:14px/30px "Microsoft YaHei"; height:40px; margin-top:10px;}
/*评论*/
.comment_box{}
	.comment_list li{padding:15px 0;border-bottom:1px solid #EEE;}
	.comment_list li .floor{float:right;font-size:18px;color:#DDD;}
	.comment_list li .avatar{display:block;background:#FFF;border-radius:2px 2px 2px 2px;float:left;height:36px;overflow:hidden;width:36px;}
	.comment_list li .avatar img{width:36px;height:36px;}
	.comment_list li .inner{margin-left:48px;}
	.comment_list li .inner p{font-size:13px;}
	.comment_list li .inner .meta{padding-top:3px;color:#999;border:none;}
	.comment_list li .answer{margin-left:48px;padding:10px;background:#F6F6F6;border:1px solid #E6E6E6;border-radius:3px 3px 3px 3px;}
	.comment_list li .answer .meta{color:#999;margin-bottom:5px;padding:0;border:none;}
.comment_editor{padding:10px 0; width:100%;}
/*商品切换图*/
#pro_focus { width: 780px; height: 780px; clear: both; overflow: hidden; position: relative; float: left; }
#pro_focus ul { width: 780px; height: 780px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#pro_focus ul li { float: left; width: 780px; height: 780px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#pro_focus .preNext { width: 390px; height: 780px; position: absolute; top: 0px; cursor: pointer; }
#pro_focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#pro_focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }

.picDiv{ width:300px; float:left;}
.infoDiv{ width:380px; float:right;}

/* 图片放大镜样式*/
.pictureDIV{float: left;margin:0 0 20px 0;}
.jqzoom{float:left;border:none; position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:292px;height:292px;border:1px solid #ccc;}
.spec-preview .jqzoom img{width:292px;height:292px;}
.spec-scroll{clear:both;margin-top:5px; width:294px;}
	.spec-scroll .prev{float:left;margin-right:5px;}
	.spec-scroll .next{float:right;}
	.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px;line-height:54px;border:1px solid #ccc;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:261px;height:56px;overflow:hidden;}
	.spec-scroll .items ul{margin:0; padding:0;list-style:none;position:absolute;width:999999px; height:56px;}
		.spec-scroll .items ul li{float:left; margin:0px; padding:0px; width:65px;text-align:center;}
			.spec-scroll .items ul li img{border:1px solid #CCC; padding:2px;width:50px;height:50px;}
			.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px; }
.productItem {float:left;margin:0 0 20px 10px;padding:10px;height:330px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;list-style:none;width:296px;line-height:34px;font-size: 14px;}
	.productItem li{margin:0px;padding:0px;}
/*商品属性样式*/
.pro-attr h1{margin-bottom:10px;font-size:18px;font-weight:500;color:#444;line-height:30px;}
	.pro-items{padding-bottom:10px;}
	.pro-items dl{clear:both; padding:10px 0; font-size:14px;}
		.pro-items dl dt{float:left; display:block; padding-right:5px;}
	.pro-btns{ padding:10px; border:1px solid #EDD28B; background:#FFFCF5;}
		.pro-btns:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
		.pro-btns .input-box{margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #eaeaea;}
			.pro-btns .input-box .txt{padding:0 5px;border:1px solid #F5DA98;height:24px; line-height:24px;width:60px;}
		.pro-btns .btn-box{ padding:10px 0; position:relative; }
			.pro-btns .btn-box .add,.pro-btns .btn-box .buy,.pro-btns .btn-box .add-over,.pro-btns .btn-box .buy-over{background:url(../images/car_btn_buy.png) no-repeat; display:block; float:left; height:37px; text-indent:-9999px;}
			.pro-btns .btn-box .add{background-position:0 0;width:127px;}
			.pro-btns .btn-box .add-over{background-position:0 -58px; width:127px;}
			.pro-btns .btn-box .buy{background-position:0 -116px;margin-left:15px;width:127px;}
			.pro-btns .btn-box .buy-over{background-position:0 -174px;margin-left:16px;width:127px;}
.cart_info{z-index:2;margin:0;padding:15px;border:1px solid #DFC795;position:absolute;top:0px;left:0px;_left:-269px;width:302px;height:auto;background:#F7F2D0;text-align:left;}
	.cart_info .close{display:block;margin:0;padding:0;position:absolute;top:5px;right:5px;width:15px;height:10px;text-indent:-9999px;background:url(../images/sprite.gif) no-repeat left -240px;cursor:pointer;}
/*商品选项卡*/
.pro-tabs{border-bottom:2px solid #498FCD; background:#fff;height:35px;line-height:35px;overflow:hidden;}
	.pro-tabs ul li{float:left;font-size:12px;}
	.pro-tabs ul li a{float:left;display:block;margin-right:2px;padding:0 30px;border:1px solid #E7E7E7;height:35px;background:#F9F8FE;white-space:nowrap;}
	.pro-tabs ul li a:hover,
	.pro-tabs ul li a.current{background:#498FCD;color:#fff;display:block;text-decoration:none;}
/*slide样式*/
#pic_box{ margin:20px auto;position:relative;width:900px;height:300px;text-align:center;}
#pic_show img{display:none;*display:block;max-width:900px;width:expression((this.width>900)?900:this.width);}
.slide_box{margin:0 auto;}
.slide_box .items{float:left;position:relative;width:900px;height:64px;overflow:hidden;}
	.slide_box .items ul{margin:0px; padding:0; position:absolute; list-style:none;width:999999px;}
	.slide_box .items ul li{margin:0; padding:0;float:left;width:80px;}
	.slide_box .items ul li img{width:60px;}
	.slide_box .items ul li a{ display:block;width:60px;height:60px;border:2px solid #fff;}
	.slide_box .items ul li a:hover{border:2px solid #f8ae0f;}
	.slide_box .items ul li a.current{margin:0;font-weight:normal;border:2px solid #4394D6;}
.big_prev,.big_next{display:block;top:0px;text-indent:-9999px;position:absolute;left:0;width:50%;height:100%;background:url(../images/slide_bg.gif) no-repeat;cursor:pointer;}
.big_next{left:auto;right:0;}
.big_prev:hover{background:url(../images/big_prev.png) no-repeat left center;}
.big_next:hover{background:url(../images/big_next.png) no-repeat right center;}
.small_prev,.small_next{display:block; width:23px;height:60px;cursor:pointer;}
.small_prev{float:left; background:url(../images/small_prev.png) no-repeat left center;}
.small_next{float:right; background:url(../images/small_next.png) no-repeat right center;}
/*slide结束*/
/* index main */

#bottom{ width:100%; background:#252525; overflow:hidden;}
#bottom .bottom{ width:1000px; padding:30px 0; margin:0 auto;}
#bottom .bottom ul{ width:800px; float:left; overflow:hidden;}
#bottom .bottom ul li{ width:125px; float:left;}
#bottom .bottom ul li h2{ font:bold 14px/30px Arial,"Microsoft YaHei"; color:#fff; margin-bottom:10px; text-transform:uppercase;}
#bottom .bottom ul li p{ font:14px/25px Arial,"Microsoft YaHei"; color:#ccc;}
#bottom .bottom ul li a{ color:#eee;}#bottom .bottom ul li a:hover{ color:#bf1e1e;}
#bottom .bottom .code{ width:100px; height:100px; float:right; background:url(../images/code.jpg);}

#footer{ width:100%; background:#1f1f1f; overflow:hidden;}
.footer{ margin:0 auto;	width:1000px; padding:20px 0; font:12px/30px Arial,"微软雅黑"; color:#999; overflow:hidden;}
.footer .copyright{ width:100%;text-align: center;}
.footer .author{ width:250px; float:right; text-align:right;}
.footer .author a{ color:#999;}
.footer .author a:hover{ color:#bf1e1e;}




/* show room */
/*div.wrapper { width: 720px; margin: 10px auto; position: relative; }*/
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: 10px; z-index: 100; width: 45px; height: 100px; overflow: hidden; text-indent: -9999em; margin-top: -50px; background: url(../images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: 10px; z-index: 100; width: 45px; height: 100px; overflow: hidden; text-indent: -9999em; margin-top: -50px; background: url(../images/next.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 720px; height: 500px; }
    #slideshow ul { display: none; }


/*留言区域*/
.form_box dl{clear:both;padding:10px 0;font-size:14px;line-height:28px;}
.form_box dl dt{display:block;float:left;width:120px;text-align:right; color:#000;
                font-weight: bold;}
.form_box dl dt em{padding-right:5px;color:#FF0000;font-style:normal;}
.form_box dl dd{margin-left:120px; padding-left:10px;}
.form_box dl dd i{display:block;line-height:28px;color:#999;font-size:14px;font-style:normal;}
.form_box dl dd em{line-height:28px;color:#999;font-size:14px;font-style:normal;}
.form_box dl dd .btn_submit{padding:15px 30px;background:#52a152; color:#fff;font:bold 14px/1em Arial,'Microsoft YaHei';
                            cursor:pointer; border:none;
                            -webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;
                            -o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;}
.form_box dl dd .btn_submit:hover{ background:#e84c3d; color:#fff;}

/*************************************/
/*Member会员中心样式*/
/*************************************/

#loginform{ float:left; width:320px;margin: 50px 170px; }
#loginform dl{clear:both; padding:8px 0; line-height:28px;font-size:14px;font-family:"Microsoft Yahei"; }
#loginform dl dt{display:block; float:left;width:70px; }
#loginform dl dd{ margin-left:70px;}
#loginform #msgtips{display:none; font-size:12px; color:#F00;}
#loginform dl dd .btn_login{display:inline-block; margin-right:10px; padding:10px 30px; cursor:pointer;border: none;
                        background:#01bf9d; color:#fff; font-size:18px; line-height:1em; font-family:"Microsoft Yahei";
                        -webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;
                        -o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;
}
#loginform dl dd .btn_login:hover{ background:#ea4b35; color:#fff; }

.wrap{ margin:0 auto; clear:both; width:1000px; text-align:left; }
	.wrap:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.boxwrap{ margin:0 auto;width:1000px; height:auto; background:#FAFAFA; text-align:left;}
	.boxwrap:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.main_box{padding:20px;background:#fff;}
.base_tit{border-bottom:1px solid #DADADA;color:#444;font-size:14px;margin:20px auto 2px 0;padding-bottom:5px;}
	.base_tit span{float:right;font-size:12px;font-weight:100;margin:5px 0 0 0;color:#ccc;}
	.base_tit span a{color:#999;}
.main_tit{border-bottom:1px solid #EEE;color:#444;font-size:18px;margin:0 0 20px;padding:0 0 10px;}
	.main_tit strong{color:#999;font:bold 12px/18px arial;margin:0 10px;}
	.main_tit span{float:right;font-size:12px;font-weight:100;margin:5px 5px 0 0;}
	.main_tit span{color:#ccc;}
	.main_tit span a{color:#999;}
	.main_tit i{display:block;margin-top:5px;color:#999;font-size:12px;font-style:normal;font-weight:normal;}
.main_head h3{margin-bottom:15px;font-size:15px;}
	.main_head .tips_box{margin-left:146px;}
/*会员注册*/
.reg-box{margin:0 auto;padding:0 50px;}
.reg-top ul{ padding:10px 0 10px; height:30px; border-bottom:1px solid #DADADA; }
	.reg-top ul li{ float:left; padding:0 30px 0 10px; height:30px; font:bold 20px "Microsoft Yahei"; color:#666; }
	.reg-top ul li em{ margin-right:5px; padding:5px 10px; background:#999; color:#FFF; font-size:20px;
	                   border-radius: 100px; font-family:Verdana, Geneva, sans-serif; }
	.reg-top .step .step1,
	.reg-top .stepsendmail .step2,
	.reg-top .stepcheckmail .step3,
	.reg-top .stepcheckerror .step2,
	.reg-top .stepverify .step2,
	.reg-top .stepsucceed .step3{color:#FF6C1E;}
	.reg-top .step .step1 em,
	.reg-top .stepsendmail .step2 em,
	.reg-top .stepcheckmail .step3 em,
	.reg-top .stepcheckerror .step2 em,
	.reg-top .stepverify .step2 em,
	.reg-top .stepsucceed .step3 em{background:#FF6C1E; }
.reg-con{margin-top:30px;}
	.reg-con dl{clear:both;padding:8px 0;font-size:14px; line-height:28px;font-family:"Microsoft Yahei";}
	.reg-con dl dt{display:block; float:left;width:150px;text-align:right;}
	.reg-con dl dt em{padding-right:5px; color:#FF0000; font-style:normal;}
	.reg-con dl dd{margin-left:150px; padding-left:10px;}
	.reg-con dl dd i{display:block; line-height:28px; color:#999; font-size:12px; font-style:normal; }
	.reg-con dl dd .btn_submit{padding:10px 30px;border:1px solid #cf5413;background:#FF6C1E;color:#fff;font-size:18px;line-height:1em;font-family:"Microsoft Yahei";cursor:pointer; }
/*提示样式*/
.msg_tips{margin:30px auto;position:relative;width:380px;}
.msg_tips .ico{display:block;float:left;background:url(../images/icon_tips.png) no-repeat left top;width:46px;height:46px; text-indent:-99999px;overflow:hidden;}
.msg_tips .ico.error{background-position:-50px 0;}
.msg_tips .ico.warning{background-position:-100px 0;}
.msg_tips .msg{margin-left:60px;}
.msg_tips .msg strong{margin-bottom:10px;font-size:14px;color:#444;}
.msg_tips .msg p{line-height:1.8em;}


.footnav{padding: 5px 0;text-align: center;}
.footnav a{padding:0 15px;color: #eee;font-size: 14px;}
.footnav a:hover{color: #fff; text-decoration: underline;}

/*翻页*/
.m-page { margin-left:auto; margin-right:auto; clear:both; overflow:hidden; padding:30px 0 20px 0; text-align: center; font-size: 12px;}
.m-page a,.m-page span { background:#777; padding:5px 8px; height:26px; line-height:26px; text-align:center; font-family:"Microsoft Yahei";margin-right:4px; color:#fff; text-decoration:none;}
.m-page a:hover,.m-page a.active-page,.m-page span.current { background:#333;}
.m-page a.prePage,.m-page a.nextPage {}
.m-page .hidden { display:none;}


/*扩展列表页*/
.right .boxlist ul li { height:140px; float:none; border-bottom:1px dotted #ddd;overflow: hidden;padding:0 20px 0px 20px;margin: 0 0 20px 0;}
.right .boxlist ul li .pic { float:left;}
.right .boxlist ul li .pic img { width:160px; height:120px;}
.right .boxlist ul li .info { float:left; margin-left:20px;width: 520px;overflow: hidden;}
.right .boxlist ul li .info .title { line-height:30px; float:none; font-size:14px; font-weight:bold;}
.right .boxlist ul li .info .description { line-height:26px;}
.right .boxlist ul li .info .ext{ color: #999; line-height:26px; float:none}


/*内容页*/
.pagecontent {margin-right:20px; }
.pagecontent .boxcontent h1{height:45px;  font-size:16px; font-weight:normal; text-align:center}
.pagecontent .boxcontent .info { border-top:1px dotted #ccc; text-align:center;padding: 20px;}
.pagecontent .boxcontent .content { font-size:14px; line-height:1.8; margin-top:10px;}
.pagecontent .boxcontent .content p{padding: 0 0 15px 0;}
.pagecontent .boxhead {padding: 20px;}
.pagecontent .boxhead h3 { font-size:14px; font-weight:normal;}
.pagecontent .boxlist1 {}
.pagecontent .boxlist1 li { float:left; width:50%;}
.pagecontent .boxlist1 li .line { padding-right:10px !important;}
.pagecontent .updown { line-height:26px; height:26px; padding:20px 10px;color:#555;}
.pagecontent .updown a {color:#555}
.pagecontent .updown .previous { float:left;}
.pagecontent .updown .next { float:right}
/*扩展模型内容页*/
.contentexpand { padding:10px; height:310px;}
.contentexpand .imagebox {float:left; width:330px; border:1px solid #ddd;padding: 5px 0 0 0;}
.contentexpand .imagebox .pic { width: 320px;height: 250px;margin-right: auto;margin-left: auto;}
.contentexpand .imagebox .tabs { padding-left:5px;height:75px;}
.contentexpand .imagebox .tabs a { display:block; float:left; margin-right:5px; padding:2px; border:1px solid #ddd}
.contentexpand .imagebox .tabs img { width:70px; height:60px;}
.contentexpand .info {float:left; margin-left:10px; width:340px;}
.contentexpand .info .title { font-size:14px; height:35px; border-bottom:1px dotted #ddd}
.contentexpand .info .title h1 { font-weight:bold}
.contentexpand .info .description { font-size:12px; line-height:22px; padding-top:10px; color:#666;border-bottom:1px dotted #ddd; padding-bottom:10px;}
.contentexpand .info .list {}
.contentexpand .info .list ul {}
.contentexpand .info .list ul li { line-height:35px; height:35px;border-bottom:1px dotted #ddd}
.contentexpand .info .list ul li .name { padding-right:10px; color:#666}


.fn-clear {
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	clear: both;
}