@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-09-02 14:28:16
 * @version $Id$
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*end reset*/
body{
	font-family: "宋体";
	font-size: 12px;
	color: #1c1c1c;
}
a{
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: underline;
}
.header{
	width:100%;
	height: 100px;
	margin: 0 auto;
}
.wrap{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.nav ul{
	width: 1200px;
	height: 35px;
	margin: 0 auto;
	margin-top:-3px;
	font-size: 14px;
}
.nav ul li{
	width: 100px;
	float: left;
	text-align: center;
}
.nav ul li a{
    display: block;
    width: 100%;
}
.content{
    overflow: hidden;
    border:1px solid #d3d3d3;
    padding:5px 15px;
    background: #fff;
}

.content2{
    overflow: hidden;
    border:1px solid #d3d3d3;
	border-top:none;
    padding:5px 15px;
    background: #fff;
}
.noborder{
	border: none!important;
}
.nobordertop{
	border-top: none!important;
}
.right_main .content{
    padding:15px 15px!important;
}
.introduction{
	margin-left: 15px;
	font-size: 14px;
	word-break:break-all
}
.picbox{
   margin-right: 15px;
   width: 220px;
   height:164px;
}
.picbox img{
	width: 100%;
	height:164px;
}
.list_seacher{
	overflow: hidden;
	width:560px;
	margin:0 auto 15px;
}
.list_seacher input,.list_seacher select{
	border: 1px solid #d3d3d3;
	outline: none;
	margin-right: 5px;
}
.list_seacher input{
	height:32px;
	line-height:32px;
	padding: 0 5px; 
}
.list_seacher select{
	height:26px!important;
	line-height:26px!important;
}
.list_seacher button{
	background: #eff0f1;
	border-radius: 3px 3px;
	border: 1px solid #d3d3d3;
	width: 65px;
	line-height:22px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	outline: none;
}
.pagelist{
	padding:5px 10px;
	background: #F1F1F1;
	line-height: 2.5em;
	margin: 15px auto;
}
.pagelist span{
	margin-right: 15px;
}
.pagelist button{
	width:58px;
	height: 22px;
	line-height: 22px;
}
.picname{
	font-size: 14px;
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.picname .pro_title{
	display: inline-block;
	width: 80%;
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
}
.productlist p{
	color: #666;
}
.picname .buy_btn{
	margin-top: 5px;
}
p{
	line-height: 1.8em;
}
.right_main .container,.right_main .content{
	border:none!important;
}
.container{
	overflow: hidden;
    border:1px solid #d3d3d3;
    background: #fff;
}
.content_box{
	padding: 10px 10px;
	overflow: hidden;
}
.top{
	overflow: hidden;
	line-height:31px;
}
.top_right{
    float: right;
    width:380px;
    overflow: hidden;
    margin-top: 25px;
}
.right_aligned{
	text-align: right;
}
.top a{
	margin-right: 15px;
	margin-left: 15px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
h1{
	font-size: 36px;
	font-family: "微软雅黑";
	line-height: 1.2em;
	margin-bottom: 5px;
}
.name{
	margin-left:15px;
	margin-top:15px;
}
.name p{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 1.2em!important;
	text-align: left;
}
.store{
	margin-left:5px;
}
.seacher{
	height: 27px;
	width: 210px;
	border:1px solid #ababab;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	line-height: 20px;
}
.seacher input{
	border:none!important;
	height:29px!important;
	line-height: 29px!important;
	width: 163px;
	padding: 0 10px;
	float: left;
	outline: none;
}
.seacher a{
	display: inline-block;
	float: right;
	width: 20px;
	height: 20px;
	margin-right:6px;
	margin-top: 2px;
	background: url(../images/seacherbg.png) no-repeat;
}
.cart,.favorite{
	height: 16px;
	line-height: 16px;
	display: inline-block;
	padding-left:20px;
}
.cart{
	background: url(../images/icon.png) 0 0 no-repeat;	
}
.favorite{
	background: url(../images/icon.png) 0 -20px no-repeat;
}
.mt_5{
	margin-bottom:15px;
}
.left_nav{
	width: 216px;
	float: left;
}
.left_nav .title{
	height: 31px;
	line-height: 31px;
	text-indent:1.5em;
	color: #ffffff;
}
.left_nav ul li a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.left_nav ul li.feedback a{
	display: inline!important;
}
.left_nav ul.list li{
	border-top: 1px dotted #dadbdc!important;
	line-height: 3.5em;
	overflow: hidden;
}
.left_nav ul.list li a.text{
	width:70%;
}
.left_nav ul i{
	display:block;
	float: left;
	margin-right: 3px;
	margin-left: 10px;
}
i.list_icon{
	background: url(../images/dis.png)no-repeat;
	width: 2px;
	height: 2px;
	margin-top:20px;
}
i.say_icon{
	background: url(../images/say.png)no-repeat;
	background-image:url(../images/say.png);
	width: 12px;
	height: 12px;
	margin-top:15px;
}
.left_nav ul.list li:first-child{
	border: none;
}
.left_nav ul.list li span.renqi{
	color:#fb2d05;
	float: right;
	margin-right: 10px;
}
.left_nav ul.list li.feedback i{
    font-style: normal;
    max-width: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left_nav ul.list li.feedback a{
	color: #6b5e86;
	float: left;
	width:64%;
}
.left_nav ul.list_noborder li.feedback span{
	float: left;
	width:64%;
}
.left_nav ul.list_noborder i{
	color: #333;
}
.left_list li{
    line-height:2.6em;
    background: url(../images/listbg.png) left no-repeat;
    padding-left:20px;
}
/*.left_list li:first-child{
	background: url(../images/listbg_first.png) left no-repeat!important;
}*/
.left_list li:last-child{
	background: url(../images/listbg_last.png) left no-repeat!important;
}
.list_noborder li{
	border: none;
	line-height: 2.6em;
}
.column{
	margin-bottom: 15px;
	background: #fff;
}
a.more{
	display: inline-block;
	text-align: right;
	color: #333;
	padding-right:15px;
	float: right;
	font-size: 12px;
}
.right_main a.more{
	padding-right:0!important;
}
.right_main .title h4,.right_main .sub_title h4{
	font-size: 18px;
	font-family: "微软雅黑";
	margin-left:0;
	float: left;
}
.right_main .sub_title,.right_main .title{
	border-bottom:2px solid #ddd!important;
	overflow: hidden;
	margin-bottom:15px;
	background:none;
}
.right_main .title h4,.right_main .sub_title h4{
	width:200px!important;;
	background: url(http://img.chinaxinge.com/zxwgif/titlebg.png) left no-repeat!important;;
	line-height:29px;
	padding-left:12px!important;
}
.right_main .title{
	line-height:29px!important;
	height:29px;
}
.aligned_center{
	text-align: center;
}
.clear{
	clear: both;
}
.vs{
	overflow: hidden;
}
.last_list{
	width: 32%!important;
	margin-left:2.5%;
	padding-left:2.5%;
	border-left: 1px solid #e1e1e1!important;
	min-height: 260px;
}
.vs_box{
   border-bottom: none!important;
   width: 12%!important;
}
.vs .box{
	border:1px solid #e1e1e1!important;
	padding:15px 15px; 
}
.vs .box:hover{
	border:1px solid #ccc!important;
}
.vs .box .picname{
	width: 100%;
}
ul.vs{
	width:95%;
	margin: 0 auto;
}
ul.vs li.vs_box img{
	width: 65px!important;
	height: 30px!important;
	margin-top: 60px;
}
.vs li{
	border-bottom: none!important;
	/*width: 33%!important;*/
	padding-bottom: 0!important;
}
h3.pd_title{
	text-align: center;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 2.6em;
	background: #f2f8ff;
	font-weight: bolder;
}
.grey_box{
    background: #f1f1f1;
}
ul.productlist li p.simple{
	height:100px;
	overflow:hidden;
	}
ul.productlist{
	margin: 0 auto;
	text-align: center;
}
ul.photo li{
	border: 1px solid #f0f0f0!important;
	margin-left: 3px;
	margin-right:4px;
	margin-bottom: 8px;
	width: 24%!important;
}
ul.productlist li{
	width: 25%;
	float: left;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
	padding-top: 15px;
	max-height:247px;
}
ul.productlist li:nth-child(1),ul.productlist li:nth-child(2),ul.productlist li:nth-child(3),ul.productlist li:nth-child(4){
	border: none;
}
/*ul.productlist>li:first-child,ul.productlist>li + li,ul.productlist>li + li +li,ul.productlist>li + li + li +li{
	border: none;
}*/
ul.productlist li p{
	line-height: 2em;
}
ul.vs li{
	max-height:325px!important;
}
ul.productlist li .box img{
	width:200px;
	height: 160px;
}
ul.productlist li .box a{
	display:block;
	margin:0 auto;
}
ul.photo li img{
	width: 185px!important;
	height: 125px!important;
}
ul.productlist .box{
    border-left: 1px solid #e1e1e1;
}
ul.productlist .box table{
	width:200px;
	margin:0 auto;
}
ul.productlist.twospan li .box a{
	width:200px;
	float:left;
}
ul.photo .box{
	border: none!important;
}
ul.productlist li:first-child .box{
	border: none;
}
.orange{
	color:#fa480a;
}
.price,.price_old{
	font-size: 16px;
	font-family: "微软雅黑";
}
.price{
	color:#fa480a; 
}
.price_old{
	text-decoration: line-through;
	margin-right: 15px;
}
a.buy_btn{
	border-radius:10%;
	display:inline-block!important;
	background:#fedc3f;
	padding: 0px 5px;
	text-align: center;
	margin-left: 5px!important;
	line-height: 1.5em;
	font-size: 12px;
}
dl.contact{
	line-height: 2em;
	width: 60%;
}
dl.contact dt{
	font-weight: bolder;
	margin-bottom: 15px;
	overflow: hidden;
}
dl.contact dt img{
	display: inline-block;
	float: left;
	margin-left: 15px;
}
dl.contact dd{
	width:50%;
	float: left; 
}
.rank li{
	float: left;
	width:47%;
	text-align: center;
}
.rank li:first-child{
	margin-left: 3%;
}
.rank li a{
	text-indent: 0;
}
.text_line{
	text-decoration: line-through;
	margin-right: 15px;
}
.book{
    margin:0 auto!important;
    float: none!important;
    width: 100%!important;
}
.book .content{
	min-height:800px!important;
}
.i_want{
	border: 1px solid #ccc;
	line-height: 1.5em;
	text-align: center;
	padding: 2px 5px;
	margin-top:3px;
	margin-right:2px;
	border-radius: 3px 3px;
}
a.i_want:hover{
	text-decoration: none;
}
ul.feedback{
	width: 600px;
	margin: 25px auto;
	line-height: 1.8em;
}
ul.feedback li{
	margin-bottom: 15px;
}
.feedback .lable{
	width:65px;
	display: inline-block;
	float: left;
}
.feedback textarea{
    width:448px;
} 
input[type="text"]{
	height: 24px;
	line-height: 24px;
	border: 1px solid #ccc;
	padding: 0px 10px;
}
textarea{
	border: 1px solid #ccc;
}
.contact_us{
	line-height: 2.3em;
	font-size: 14px;
}

.pro_pic .product{
	width:620px;
	position:relative;
	 margin-left:-310px; 
	 left:50%
}
.pro_pic .product img{
	width:100%;}
.pro_pic h4{
	text-align: center;
	line-height: 2.5em;
	margin-bottom:15px;
	font-size: 16px;
	font-weight: bolder;
}
.pro_pic p span{
	margin-left: 45px;
	float: left;
}
.pic_extra{
	width: 476px;
	margin: 0 auto;
}
.min_title{
	background: url(../images/td_bg_head.gif) repeat-x;
	height: 24px;
	line-height: 24px;
	font-weight: bolder;
	border-bottom: 1px solid #d3d3d3;
	text-indent:15px;
}
.detail_title{
	height: 32px;
	overflow: hidden;
}
h4{
	font-size: 14px;
}
.detail_title h4{
	width: 128px;
	height: 32px;
	line-height: 32px;
	background: url(../images/tit01.gif) no-repeat;
	float: left;
	color: #fff;
	font-weight: bolder;
	text-align: center;
}
.newslist li a{
	width:auto!important;
	}
.detail_title .center{
   width: 831px;
   height: 32px;
   background: url(../images/tit02.gif) repeat-x;
   float: left;
}
.detail_title .right{
	background: url(../images/tit03.gif) no-repeat;
	width: 7px;
	height: 32px;
	float: left;
}
.detail_list{
	overflow: hidden;
	font-size: 14px;
	margin:10px auto;
	width: 98%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d3d3d3;
	background: #fff;
	white-space:nowrap;
	line-height:24px;
}
.detail_list li{
	width: 50%;
	line-height: 2em;
	overflow: hidden;
	float: left;
	background: url(../images/ic.gif) left center no-repeat;
}
.detail_list li span{
	float: left;
}
.detail_list li span.label{
    width: 72px;
    margin-left: 10px;
    color:#C75300;
}
.btn_big{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius:3px 3px;
	font-size: 14px;
	margin: 10px 10px;
}
.btn_big:hover{
	text-decoration: none;
}
.btn_blue{
	background: #219bf0;
	color: #fff;
}
.btn_red{
	background: #df471f;
	color: #fff;
}
.btn_orange{
	background: #f66901;
	color: #fff;
}
.btn_withe{
	display: inline-block;
	background: #fff;
	color:#000;
	border: 1px solid #d3d3d3;
	line-height: 1.8em;
	padding: 0 5px;
}
.btn_withe:hover{
	text-decoration: none;
}
.blue{
	color: #03c;
}
.green{
	color: #469715;
	font-size: 18px;
	font-family: "微软雅黑";
	margin-right:5px;
}
i.icon_cart{
	display: inline-block;
	float: left;
	background: url(../images/icon_w.png) no-repeat;
	width: 16px;
	height: 16px;
	margin-top: 11px;
	margin-left:9px;
}
.pre,.next{
	line-height: 16px;
	display: inline-block;
}
.pre{
	margin-right: 15px;
	padding-left: 18px;
	background: url(../images/s1.gif) left center no-repeat;
}
.next{
	margin-left: 15px;
	background: url(../images/s2.gif) right center no-repeat;
	padding-right: 18px;
}
.extra{
	line-height: 1.8em;
	color: #666;
}
.extra span{
	margin-right: 25px;
}
.remark h4{
	line-height: 2.5em;
	text-indent: 1em;
    background: #f0f0f0;
    font-weight: bolder;
    border-bottom: 1px solid #d3d3d3;
}
.remark .text{
	font-size: 14px;
	line-height: 1.8em;
	margin: 10px 0px 5px;
}
.remark .content_box{
	background: url(../images/boxbg.png) repeat-x;
	margin-bottom: 15px;
}
.remark .mark{
	color:green;
	padding:5px 10px;
	background: #f1f1f1;
}
i.remark_icon{
	width: 10px;
	height: 11px;
	display: inline-block;
	background: url(../images/ic1.gif) no-repeat;
}
.productlist.photo.p_index li{
	margin-right:35px; 
}
.p_index li{
	box-shadow:0 2px 5px 0 #ccc;
	border-bottom: none!important;
	width: 24%!important;
	margin-left:1.2%;
	border-top: 1px solid #f1f1f1;
}
.min_select{
	float: right;
	margin-top:4px;
	margin-right:4px;
	height: 22px;
	line-height: 22px;
}
.min_select select{
    height: 22px;
    outline: none;
}
.min_select form{
	width:80px;
	float: right;
}
.article{
	font-size: 14px;
}
.article_title{
	height: 30px;
	background: url(../images/sjbj.gif) center center no-repeat;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
}
.article_title h4{
	line-height:38px;
	font-size: 16px;
	font-weight: bolder;
	color: #cc0000;
	text-align: center;
}
ul.productlist .box .descript{
	min-height:80px;
}
ul.twospan li:nth-child(3),ul.twospan li:nth-child(4){
	border-top: 1px solid #e1e1e1!important;
}
ul.twospan li{
    width: 50%!important;
    text-align: left!important;
}
ul.twospan .box{
	padding: 0 15px!important;
}

ul.twospan li .descript{
    width: 210px;
    margin-right: 15px;
    float: right;
    max-height:160px!important;
}
ul.twospan li .descript .picname{
	width: 100%!important;
}
.footer{
	margin-top: 15px;
}
table.feedback{
	border-collapse:collapse;
    border-spacing:0;
    width:76%!important;
    margin: 15px auto 15px;
	}
.right_main{
		width: 966px;
		float: right;
    }
.t1{
	font-size:16px;
	font-weight:bolder;
}
td.line{
	padding:10px 10px!important;
	line-height:1.5em!important;
}
@media (max-width:1200px){
	.p_index li:first-child{
	margin-left:65px!important;
    }
	ul.twospan li .descript{
    width:150px;
    }
	.detail_title .center{
        width:635px;
    }
    .wrap,.nav ul{
    	width: 1000px!important;
    }
    .book{
    	width:100%!important;
    }
    .right_main{
    	width: 770px!important;
    	float: right;
    }
    ul.productlist li img{
    	width: 160px!important;
    	height: 125px!important;
    }
    .nav ul li{
    	width:83px!important;
    }
}
@media (min-width:1201px){
	.p_index li:first-child{
	margin-left:85px!important;
    }
	.right_main{
		width: 966px;
		float: right;
    }
}