/*清除文档类型声明中的默认属性*/
html{ color:#000;background:#fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;font-family: "微软雅黑";}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
body{
	background-image: url(../image/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin:0;padding:0;
	/*min-width:1340px;*/

}
table{border-collapse:collapse;border-spacing:0;}
th{	text-align:inherit;}
fieldset,img{border:0;}
iframe{	display:block;}
abbr,acronym{	border:0;font-variant:normal;}
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}
ol,ul {	list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
body,button,input,select,textarea{ color: #444; font: 12px/20px "微软雅黑",arial, sans-serif;}
input,select,textarea{font-size:100%; outline: none;}
table { font-size: inherit; font: 100%;}
button{	cursor:pointer; outline: none;}
ins,a {	text-decoration:none; color: #444;}
a:hover {text-decoration:underline; color: #0E54AA;}
/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {display:inline;}
.fn-left {	float:left;}
.fn-right {float:right;}
.fn-clear { *zoom: 1;}
.fn-clear:before,.fn-clear:after{ display: block;	line-height:0;	height:0;	content:"";}
.fn-clear:after{clear:both;}
.fn-hide {display:none;}
.mt10{margin-top: 10px;}
.cred{color: #B20000;}
.c999{color: #BABABA;}
.cblue{color: #0E54AA;}
.layout{
    width: 1020px;
    margin: 0 auto;
}

.layout_1010{
    width: 1010px;
    margin: 0 auto;
}
.layout_1312{
    width: 1312px;
    margin: 0 auto;
}
.layout_1340{
    width: 1340px;
    margin: 0 auto;
}
.layout_1360{
    width: 1360px;
    margin: 0 auto;
}
.layout_1400{
    width: 1400px;
    margin: 0 auto;
}
.layout_1900{
	width: 1900px;
	margin: 0 auto;
	overflow: hidden;
}
/********************************首页*********************************/
/*头部*/
.header{
	height: 120px;
	/*overflow: hidden;*/
	padding-top: 40px;
      padding-bottom: 40px;
}
.root_txt{
	padding-left:45px;
	padding-top:4px;
	padding-bottom:5px;
	line-height:35px;
	height:35px;
	background: url("../image/root.png") no-repeat;
	overflow: hidden;
	font-size: 20px;
}
.time_txt{
	padding-left:45px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:40px;
	height:40px;
	background: url("../image/time.png") no-repeat;
	overflow: hidden;
	font-size: 40px;
	margin-bottom:10px;
	color:#444444;
}
.logo{
    width: 220px;
    /* height: 80px; */
    overflow: hidden;
    margin-top: -40px;
}
.logo a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -99em;
}
.top-left{
	margin-top: 25px;
	font: normal 16px/30px "微软雅黑";
	
}
.top-left-mem{margin-top: 30px; font-size: 13px;margin-left:40px;height:35px;}
.top-left input{
    border: 1px solid #DDD;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
}
.btn-log{
    border: 1px solid #DDD;
    background: url("../image/repeat-bg.png") repeat-x;
    padding: 0 15px;
    line-height: 28px;
    margin: 0 5px;
    font-size: 16px;
}
.top-left a{color: #0E54AA;}

.nav{
    height: 45px;
    width: 100%;
    background: #0E54AA;
    line-height: 45px;
    font-size: 16px;
}
.nav a{color: #FFF;}
.nav ul{display: block;}
.nav li{
    float: left;
    padding: 0 30px;
    display: inline;
}
.loginname{
	margin-left:40px;
	padding-left:40px;
	padding-top:4px;
	padding-bottom:5px;
	line-height:20px;
	font-size: 20px;
	height:35px;
	color: #2093ca;	
	background: url("../image/user.png") no-repeat;
	}
.loginout a{
	font-size: 20px;
	height:35px;
	color: #444;	
	}
.jifen{
	margin-left:10px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:5px;
	line-height:20px;
	font-size: 20px;
	height:35px;
	color: #2093ca;	
	}
/*主体部分*/
.banner{
    position: relative;
    width: 592px;
    height: 262px;
    overflow: hidden;
    border: 4px solid #DDD;
}
.banner-imgs li{
    position: absolute;
    top: 0;
    left: 0;
    width: 592px;
    height: 262px;
    overflow: hidden;
}
.banner-imgs img{width: 100%; height: 100%}
.banner-imgs li.current{display: block;}
.banner-nav{
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 10;
}
.banner-nav li{
    float: left;
    display: inline;
    margin: 5px;
    width: 16px;
    height: 16px;
    border-radius:8px;
    background: rgba(255,255,255,0.8);
    _background: #fff;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}
.banner-nav li.current{
    background: rgba(251,150,76,0.8);
    _background: #FB964C;
}

.news{
    width: 400px;
    height: 270px;
    overflow: hidden;
}
.news-hd{
    position: relative;
    height: 34px;
    width: 100%;
    border-top:1px solid #D4EBF9;
    background: url('../image/news-line.png') no-repeat left bottom;
}
.news-hd ul{
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    height: 35px;
}
.news-hd li{
    float: left;
    height: 33px;
    border-right:1px solid #D4EBF9;
    padding: 0 20px;
    font: bold 15px/33px "微软雅黑";
}
.news-hd li.bd-r{
    border-right-color: #0089C7;
    border-left: 1px solid #D4EBF9;;
}
.news-hd li.current{
    border-color: #0089C7;
    border-bottom: 2px solid #FFF;
    border-top: 2px solid #0089C7;
    height: 31px;
    line-height: 31px;
}
.news-hd li a{color: #2e6885;}
.list-dot li{
    width: 390px;
    padding-left: 10px;
    background: url("../image/icon.png") no-repeat 0 14px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: middle;
}
.news-list{
	padding: 10px;
	background-color: #FFF;
}

.news-list li{
	margin-left:20px;
	padding: 10px 0;
	font-size: 16px;
	line-height: 20px;
	list-style-type: circle;
}
.list-dot li a{
    display: block;
    float: left;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.list-dot li span{
    float: right;
    width: 80px;
    text-align: right;
    color: #666;
}
.list-dot li a:hover{color: #0E54AA;}
/*积分商城*/
.bd-gray{
    border: 1px solid #DDD;
}
.main-hd{
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	/*background-color: #f5f5f4;*/
	background-image: url(../image/t3bg.jpg);
}
.main-hd h2{
    float: left;
    color: #444444;
    font: 700 20px/50px "微软雅黑";
}
.main-hd .more{
    float: right;
    color: #797979;
    font:  normal 14px/30px "微软雅黑";
}
.credit-list{
    display: block;
    margin: 10px 20px;
}
.credit-list li{
	float: left;
	display: inline;
	width: 260px;
	height:260px;
	line-height: 25px;
	padding:10px;
	background-image: url(../image/jf_goods_bg.png);
	background-repeat: no-repeat;
}
.credit-list li .img{
    display: block;
    width: 150px;
    height: 120px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;	
    overflow: hidden;
}
.credit-list li h3{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all;
	text-overflow: ellipsis;
	font-size: 18px;
	height:36px;
	text-align: center;
	background-color: #C2E1F0;
	font-weight: normal;
	line-height: 36px;
	color: #444;
}
.credit-list li table span{color: #CB4D46;font-weight:bold;}
.credit-list li table{height:45px;color: #666; text-align: center; font-size:16px;}
.layout3{
    width: 323px;
    overflow: hidden;
}
.mid{
    margin: 0 22px;
}
.list-circle{
    margin: 10px;
}
.list-circle li{
    width: 290px;
    background: url("../image/icon.png") no-repeat 0 -10px;
    padding-left: 13px;
    overflow: hidden;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 14px;
}

.footer{
	height: 50px;
	text-align: center;
	color: #666;
	line-height: 45px;
	font-size: 18px;
	margin-top: 40px;
	margin-right: 0;
	margin-left: 0;
	padding-bottom:5px;
}

.crumbs{
    height: 30px;
    margin: 10px 0;
    line-height: 30px;
    background: #F5F4F4;
    padding: 0 10px;
    color: #999;
}
.crumbs a{color: #999;}
.credit .credit-list{
    margin: 0;
}
.credit .credit-list li{
    margin: 18px 24px;
}

/*商品详情页*/
.product .pro-img{
	width:316px;
	height:316px;
	padding:12px;
	background-image: url(../image/jf_goods_bg2.png);
	float:left;
	}
.product .pro-img img{
	width:316px;
	height:316px;

	}
.pro-intro{
    width: 630px;
    overflow: hidden;
}
.pro-intro h2{font:  20px/50px "微软雅黑"; color: #000; background-color:#B3D2E2; padding-left:30px;margin-bottom:15px;}
.pro-intro p{line-height: 54px; font-size: 20px; padding-left:30px; height:54px;}
.pro-intro table{line-height: 54px; font-size: 20px; margin-left:30px; height:54px;}
.pro-intro input{ border: 1px solid #DDD; width: 35px; text-align: center;}
.btn-org{
	display: block;
	width: 180px;
	height: 40px;
	color: #FFF;
	text-align: center;
	font: 20px/40px "微软雅黑";
	border: none;
	background-image: url(../image/t1bg.jpg);	
}
.btn-org:hover{text-decoration: none; color: #FFF;}
.pro-intro .btn-org{margin-top:20px;}
.pro-intro .plus{
	background-image: url(../image/icons.png);
	background-position: -133px -107px;
	width:28px;
	height:28px;
	cursor: pointer;
}
.pro-intro .minus{
	background-image: url(../image/icons.png);
	background-position: -133px -80px;
	width:28px;
	height:28px;
	cursor: pointer;
	}
.pro-detail{
    min-height: 450px;
    height: 450px;
}
.sub-hd{
	height: 55px;
	border-top: 2px solid #CCC;
	_overflow: hidden;
	background-image: url(../image/biao.png);
	background-repeat: no-repeat;
	background-position: 0px 19px;
	margin-top:25px;
}
.sub-hd h3{
	position: relative;
	z-index: 10;
	float: left;
	height: 55px;
	margin-left: 20px;
	color: #1D87C0;
	font-family: "微软雅黑";
	font-size: 20px;
	line-height: 55px;
	font-weight: normal;
}

/*会员中心*/
.div-mem
{
	width:1016px;
	height:35px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.div-mem .mem1_0{
	background-image: url(../image/mem1_0.jpg);
	height: 35px;
	width: 117px;
	float:left;
	cursor:pointer;
}
.div-mem .mem2_0{	
	background-image: url(../image/mem2_0.jpg);
	height: 35px;
	width: 117px;
	float:left;
	margin-left:10px;
	cursor:pointer;
}
.div-mem .mem1_1{
	background-image: url(../image/mem1_1.jpg);
	height: 35px;
	width: 117px;
	float:left;
	cursor:pointer;
}
.div-mem .mem2_1{	
	background-image: url(../image/mem2_1.jpg);
	height: 35px;
	width: 117px;
	float:left;
	margin-left:10px;
	cursor:pointer;
}
.mem-sidebar{
	width: 290px;
	height: 450px;
	font-size: 20px;
	_overflow: hidden;

}
.mem-sidebar dt{
	height: 50px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #DDD;
	color: #FFF;
	background-color: #F1F1F1;
	background-image: url(../image/t1bg.jpg);
}
.mem-sidebar dd{
	position: relative;
	z-index: 10;
	width: 290px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
}
.mem-sidebar dd:hover{
	background-position: 60px -37px !important;

}
.mem-sidebar #orders{
	background-image: url(../image/sidebar_ico1.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
	}
.mem-sidebar #pointshop{
	background-image: url(../image/sidebar_ico2.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
}
.mem-sidebar #tuihuo{
	background-image: url(../image/sidebar_ico3.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
}
.mem-sidebar #weixiu{
	background-image: url(../image/sidebar_ico4.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
}
.mem-sidebar #lirun{
	background-image: url(../image/sidebar_ico5.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
}
.mem-sidebar #profile{
	background-image: url(../image/sidebar_ico6.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
}
.mem-sidebar #savepwd{
	background-image: url(../image/sidebar_ico7.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
}
.mem-sidebar #quit{
	background-image: url(../image/sidebar_ico8.png);
	background-repeat: no-repeat;
	background-position: 60px 13px;
}
.mem-sidebar dd.current{
	background-position: 60px -37px!important;
}
.mem-sidebar dd.current a{
	color: #1F8CC5 !important;
}
.mem-sidebar dd a{
    display: block;
    width: 135px;
    padding: 0px 0px 0px 105px;
    height: 20px;
}
.mem-sidebar dd a:hover{
	text-decoration: none;
	/*background: #e3e3e3;*/
    color: #1F8CC5;	
}
.mem-sidebar dd.current a:hover{background: none;}
.mem-con{width: 1020px;background-color:#FFF}
.mem-con .title{
	font-size: 18px;
	height:60px;
	line-height:60px;
	padding-left:60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-bottom: 10px;
	background-image: url(../image/biao.png);
	background-repeat: no-repeat;
	background-position: 35px 20px;	
}
.mem-con .search{
	font-size: 18px;
	height: 60px;
	padding-left: 30px;
	line-height:60px;
}
.mem-con .search input {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	width:216px;
	height:34px;
}
.mem-con .search .btn {
	width:80px;
height:36px;
background-image: url(../image/t1bg.jpg);
}
.mem-con .content{
	
	width:960px;
	padding-left:30px;
	padding-right:30px;
	}
.mem-con .content .addmoney,.mem-con .content .percentmoney{
	border: 1px solid #ddd;
	height:30px;
	width:70px;
}
.mem-con .content .btn {
	width:110px;
	height:40px;
	background-image: url(../image/t1bg.jpg);	
	}


.tb-mem{margin: 10px 0px 15px 0px;width:1016px; background-color:#FFF;}
.tb-mem td,.tb-mem th{
    padding: 10px 5px; height:50px;

}
.tb-mem th{
	text-align: right;
	font-size: 18px;
	color: #777777;
	width:250px;
}
.tb-mem td{
    font-size: 16px;
    color: #222;
}
.tb-mem td input{width:270px;color: #222; font-size: 16px; border: 1px solid #CCC; background: #FFF; height: 35px; line-height: 35px;padding: 0 10px; margin:0 10px 0 0px;}
.tb-mem .btn-org{
	margin-left: 400px;
	background-color: #0E54AA;
	background-image: url(../image/t1bg.jpg);
}
.tb-mem .wx_2wm{
	margin-top: 65px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
	background-image: url(../image/wx_2wm.jpg);
	background-repeat: no-repeat;
	width:246px;
	height:247px;
}

.tb-mem .wx_2wm_txt{
	font-size: 22px;
	width:100%;
	text-align: center;
}
.tb-mem .wx_crc_txt{
	margin-top:85px;
	margin-bottom:20px;
	font-size: 22px;
	width:100%;
	text-align: center;
	color: #777777;
}
.tb-mem .wx_crc_input{
	
	font-size: 22px;
	width:100%;
	text-align: center;
}
.tb-mem .wx_crc_input input{
	width:322px;
	margin:0 !important;
}
.tb-mem .wx_crc_btn{
	font-size: 22px;
	width:100%;
	text-align: center;
	width:151px;
	height:41px;
	background-image: url(../image/nextbtn.jpg);
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	cursor:pointer;	
}

.line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
	width:100%;
	height:1px;
	margin-bottom:20px;
}
.mem_title{
	margin: 0px;
	padding: 15px 5px 0px 5px !important;	
	width:1017px;
	}
.mem-I{
	height: 22px;
	width: 6px;
	background-color: #1D87C3;
	margin-right: 30px;
	margin-left: 30px;
	float:left;
	display:inline;
}

.mem-Name{
	float:left;
	font-size:22px;
	height:22px;
	line-height:22px;
	color:#333;
	width:90px;
	display:inline;
	padding-bottom:2px;
}
.mem-alert{
	color:#B20000;
	float:left;
	margin-left:50px;
	
	font-size:20px;
	height:20px;
	
}

/*报价单*/
.ReList{
	width: 270px;
	float:left;
	margin-top:10px;
}
.ReList .AccordionTitle{
	background-image: url(../image/t1bg.jpg);
	height: 50px;
	width:270px;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
	color: #FFF;
	margin-bottom:15px;
    font-weight: 700;
}
.CollapsiblePanel{
	font-size: 16px;
	width: 245px;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	margin-left:30px !important;
	background-color: #FFF;
}

.CollapsiblePanel .CollapsiblePanelTab{
	line-height: 50px;
	height: 50px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-left:55px;
	background-color: #FFF !important;
	font-family: "微软雅黑";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
	color: #444444;

}

.CollapsiblePanelOpen .CollapsiblePanelTab{
	background-image: url(../image/direct_ico.png);
	background-repeat: no-repeat;
	background-position: 190px 20px;
}
.CollapsiblePanelClosed .CollapsiblePanelTab{
	background-image: url(../image/direct_ico.png);
	background-repeat: no-repeat;
	background-position: 190px -30px;
}


.CollapsiblePanel .CollapsiblePanelContent{
	width:auto;
	min-height:50px;
	}
.CollapsiblePanel .CollapsiblePanelContent div{
	font-size: 16px;
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-left:55px;
	
}

.CollapsiblePanel .CollapsiblePanelContent div:hover{
	font-size: 16px;
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-left:55px;
	
}

.CollapsiblePanel .CollapsiblePanelContent div a:link{
	color: #707070;
	}
.CollapsiblePanel .CollapsiblePanelContent div a:hover{
	color: #1E85C4;
	text-decoration: none;
}	
	
	
.quotation-top .top-right-mem{margin-right: 20px; margin-top: 20px;}
.shortcut{
    position: fixed;
    top: 0;
    left: 30px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop ));
    z-index: 1000;
}
.shortcut span{
    display: block;
    width: 153px;
    height: 30px;
    overflow: hidden;
    background: #D8E5FA;
    border: 1px solid #AAC3DF;
    text-align: center;
    color: #0E54AA;
    font: 18px/30px "微软雅黑";
    cursor: pointer;
}
.shortcut-nav{
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 10;
    display: none;
    width: 153px;
    height: auto;
    background: #ECF2FC;
    border: 1px solid #BDCEE0;
}
.shortcut-nav li{
    position: relative;
    float: left;
    display: inline;
    font: 16px/30px "微软雅黑";
    width: 153px;
    text-align: center;
    border: solid #ECF2FC;
    border-width: 0 1px;
}
.shortcut.hover .shortcut-nav{display: block;}
.shortcut-nav li.hover{
    background: #F9FbFF;
    border-color: #DCE6F0;
}
.shortcut-nav li ul{
    display: none;
    position: absolute;
    top: 0px;
    left: 152px;
    z-index: 9;
    background: #F9FbFF;
    border: 1px solid #BDCEE0;
    min-width: 100%;
    width: 100%;
}
.shortcut-nav li ul li{
    float: none;
    display: block;
    border: none;
    width: auto;
    white-space: nowrap;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
}
.shortcut-nav li.hover ul{display: block;}
.quot-search{
    position: relative;
    text-align: center;
    /*margin: 20px auto;*/
	float:left;	
    margin-top:20px;
	margin-left:90px;
    width:950px ;
    z-index: 100;
}

.quot-search h2{
    font: normal 30px/30px "微软雅黑";
    color: #0E54AA;
    margin-bottom: 20px;
}
.quot-search input{
	width: 710px;
	height: 50px;
	padding: 0 10px;
	color: #999;
	font: 20px/50px "微软雅黑";
	float:left;
	border: 2px solid #3E9FF9;
	box-shadow: 3px 3px 5px 1px #AFAFAF;
}
.quot-search .updateTime{
    width: 280px;
    height: 50px;
    padding: 0 5px;
    color: #666;
    font: 18px/50px "微软雅黑";
	float:left;
}
.hot-keys{
    position: absolute;
    left: 0;
    top: 93px;
    width: 422px;
    border: 1px solid #A3BCD8;
    background: #F9FBFF;
    text-align: left;
    z-index: 100;
}

.quot-main{
	position: relative;
	width:1625px;
	float:left;
	overflow: visible;
}
.quote-chart{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 430px;
    margin-top: 10px;


}
.quote-chart .main-hd{
	background-color: #0E54AA;
	background-image: url(../image/t1bg.jpg);
	padding-left:155px;
	
}
.quote-chart .main-hd h2{color: #FFF;}

.quot-blks{
    position: relative;
    height: 1px;
    margin-right: 320px;
    margin-left: 5px;
}
.quot-blk{
    float: left;
    padding-top:10px;
    padding-left:15px;
    width: 373px;
    overflow: hidden;
   
}
.quot-blk .main-hd{border:1px solid #DDD;border-bottom: 0px;}
.quot-list{border:1px solid #DDD; background: #FFF;}
.quot-list li{
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dotted #DDD;
    display: flex;align-items: center;justify-content: space-between;
}
.quot-list li.hover{background:#f7f7f7;}
.quot-list li a{ text-decoration: none;}
.quot-list li .text{
	display: block;
	float: left;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	font-size: 14px;
	color: #000;
	width: 200px;
	overflow: hidden;text-overflow: ellipsis;
	display: flex;align-items: center;
}
.quot-list li .text img{

}
.quot-list li .money{float: right; color: #CB4E47; font-weight:bold;}
.quot-list li .icon-add{
    float: right;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background: url(../image/icons.png) no-repeat 0 -60px;
    margin: 6px 0 6px 5px;
}
.quot-list li .jf{
	
	border: 1px solid #2498DD;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-size: 14px;
	line-height: 24px;
	height:24px;
	color: #2498DD;
	white-space: nowrap;
	}
.quot-blk .mouseover{
    border-color: #d8070c;
    background: #faefef;
}

/*配置单页面*/
.config-hd{
    text-align: center;
    font: bold 30px/80px "微软雅黑";
    color: #0E54AA;
}
.config-main{

    min-height: 500px;
}
/*配置单页面左侧*/
.config-left{
    width: 980px;
    overflow: hidden;
    padding-bottom: 30px;
}
.tb-config thead{

	}
.tb-config thead tr{

	
}
.tb-config thead th{
	color: #FFF;
	font: 20px/50px "微软雅黑";
	height:50px;	
		background-image: url(../image/t1bg.jpg);
	background-color: #076BB4;

}

.tb-config td{
    padding: 5px 0 0px 0px;
    font-size: 14px;
}
.ipt-name,.ipt-number,.ipt-price{ height: 40px; border: 1px solid #DDD; background: #FFF; line-height: 40px;}
.tb-config input.ipt-name{ width: 410px; padding-left:10px; font-size:16px;}
.tb-config input.ipt-number{ width: 97px;text-align: center; height:38px !important; font-size:20px; color:#1E83C1;}
.tb-config input.ipt-price{ width: 122px; text-align: center; height:38px !important; font-size:20px; color:#CB4E47; font-weight:bold;  background:url(../image/money1.png); background-color:#FFF;}

.icon-reset,.icon-minus,.icon-plus{
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../image/icons.png) no-repeat;
}
.icon-reset{background-position: 0 -39px; margin-left:20px;}
.icon-plus{background-position: 0 0px;}
.icon-minus{background-position: 0 -18px;}
.lwj_plus_minus_box{ padding-left:7px !important;}
.ipt-minus{
	background-image: url(../image/icons.png);
	background-position: -119px 0px;
	height:40px;
	width:41px;
	margin-left:10px;
	cursor: pointer;	
}
.ipt-plus{
	background-image: url(../image/icons.png);
	background-position: -119px -40px;
	height:40px;
	width:41px;
	cursor: pointer;
	margin-left:3px;	
	}

.config-tag{
	display: block;
	width: 98px;
	height: 40px;
	overflow: hidden;
	padding-left: 15px;
	font:  18px/40px "微软雅黑";
	color: #FFF;
	cursor: pointer;
	background-image: url(../image/t2bg.jpg);
	background-repeat: no-repeat;
}

.btn{
	display: inline-block;
	height: 39px;
	overflow: hidden;
	font: 18px/39px "微软雅黑";
	color: #FFF;
	border: none;
	background: #0E54AA;
	white-space: nowrap;
	text-align: center;
	cursor:pointer;
}
.btn:hover{text-decoration: none; color: #FFF}
.btn.green{background: #117C06;}
.btn.org{background: #D16902;}
.btn.blue{	background-image: url(../image/t_blue_bg.png);}
.btn.brown{	background-image: url(../image/t_brown_bg.png);}
.btn.red{	background-image: url(../image/t_red_bg.png);}
.btn.black{	background-image: url(../image/t_black_bg.png);}
.btn.green{	background-image: url(../image/t_green_bg.png);}
.tb-config .btn{float: left; margin: 30px 10px;}

/*配置单页面右侧*/
.btnlist td{
	margin: 0px !important;
	padding: 0px !important;
}

.config-right{
	width: 390px;
	overflow: hidden;
	margin-left:27px;
	
}
.config-tab{
    height: 50px;
    /*background: #074882;*/
	background-image: url(../image/t1bg.jpg);
    color: #FFF;
    /*padding-top: 4px;*/
}
.config-tab ul{
    display: block;
}
.config-tab li{
	position: relative;
	float: left;
	margin: 0 10px;
	height: 36px;
	font: 20px/36px "微软雅黑";
	cursor: pointer;
	padding-top:7px;
	width:175px;
	text-align: center;
}
.config-tab li i{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 10px;
    height: 36px;
    background: url(../image/tab.png) no-repeat;
}
.config-tab li.current i{display: block}
.config-tab li.current{
    padding: 0 10px;
    background: url(../image/tab.png) no-repeat top right;
    color: #0E54AA;
}
.config-tab-con{
	margin-top:10px;
	margin-bottom:10px;	
	min-height:270px;
	
}

.config-tab-con .template-list{

	background-color: #FFF;
	border: 1px solid #DDD;

}

.config-list li{
    width: 375px;
    height: 70px;
    overflow: hidden;
    margin: 10px 0;
}
.config-list .img{
    float: left;
    display: block;
    width: 163px;
    height: 63px;
    overflow: hidden;
    border: 1px solid #DDD;
}
.config-list .detail{
    float: right;
    width: 200px;
    line-height: 22px;
    font-size: 14px;
}
.config-list .detail h3{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 15px;
}
.config-list .detail p{color: red;}
.btn-gray{
    display: inline-block;
    height: 19px;
    border: 1px solid #DDD;
    background: url(../image/repeat-bg.png) repeat-x 0 -39px;
    color: #999;
    line-height: 19px;
    padding: 0 5px;
}
.btn-gray:hover{color: #999; text-decoration: none;}
.template-list{
	list-style-type: none;
	
	font-size: 18px;
	line-height: 37px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.template-list li{
    position: relative;
    padding-right: 30px;padding-left: 25px;
}
.template-list li span{margin: 0 10px;}
.temp-oper{
    position: absolute;
    top: 0;
    right: 20px;
    _right: 20px;
    color: #666;
}

.config-bg{background: #055fab;}
.config-bg .config-hd{color: #FFF;}
.config-bg .config-main{
    background: rgba(255,255,255,0.9);
}

.jquery-image-zoom{border:2px solid #ddd;}

.gouwuche{
	margin-top:15px;
	padding: 15px;
	height:auto;
	width:356px;
	background-color: #FFF;
}
.gouwuche ul{height: auto;_height:220px;max-height: 435px; overflow: auto;}
.gouwuche ul li{
    height:36px; line-height: 36px;
    font-size:14px;
}
.gouwuche ul li span{float: left;}
.gouwuche ul li .producatname{width:270px; overflow: hidden; height: 36px; font-size:16px;}
.gouwuche ul li .selectnum{width:320px; overflow: hidden; height: 36px; font-size:16px;}
.gouwuche ul li .minus{margin-top:8px;width:18px; height: 18px; background:url(../image/minus.png) no-repeat; cursor: pointer;}
.gouwuche ul li .plus{margin-top:8px;width:18px; height: 18px; background:url(../image/plus.png) no-repeat; cursor: pointer;}
.gouwuche ul li .price{
	width:60px;
	color: #CB4E47;
	text-indent: 10px;
	font-weight:bold;
	background-image: url(../image/money1.png);
	background-size:350px;
	background-position: -7px 3px;
	background-repeat: no-repeat;
	padding-left:3px;
	float:right;
}
.gouwuche ul li .close{margin-top:10px;width:16px; height: 16px; background:url(../image/minclose.png) no-repeat; cursor: pointer;}
.gouwuche ul li .number{
	margin-top:8px;
	margin-left:8px;
	margin-right:8px;
	width:35px;
	text-align: center;
	height:18px;
	background:none;
	border:1px solid #DDD;
	font-size: 12px;
	line-height: 18px;
}
.gouwuche ul li .xiadan{width:40px; font-size: 12px; cursor: pointer;}
.gouwuche .totalprice{text-align:right; font-size:16px; font-weight:bold; height:30px; line-height: 30px;color: #CB4E47;}
.gouwuche #remark{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gouwuche #remark .posttype{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #444;
}

.gouwuche #remark textarea{
	width: 357px;
	height:120px;
	border: 1px solid #DDD;
}

.gouwuche .mybtn{
	font-size: 16px;
	line-height: 34px;
	color: #1F97CC;
	height: 34px;
	width: 358px;
	border: 1px solid #1F97CC;
	background-color: #FFF;
}

/* 配置单右侧提交 */

.tb-config-submit td{
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.tb-config-submit td table td{
	padding:0px;
	margin:0px;	
}
.tb-config-submit th{
	font-size: 20px;
	line-height: 50px;
	background-image: url(../image/t1bg.jpg);
	height: 50px;
	color: #FFF;
	text-align: center;
}
.ipt-note{ height: 100px; border: 1px solid #DDD; background: #FFF; line-height: 40px;}
.tb-config-submit textarea.ipt-note{ width: 100%;
}
.ipt-note::before
  {

  }

/* 简易数据表格-格边框 */
.m-table{table-layout:fixed;width:100%;line-height:1.5;}
.m-table th,.m-table td{padding:8px 0px;border:1px solid #ddd;}
.m-table th{
	
	background:#EDEDED;
	color:#333;
	text-align: center;
	font-size: 16px;
}
.m-table td{
	text-align: center;
	font-size: 16px;
	color:#666;
}
.m-table tbody tr:hover{background:#e4ecf6;}
.m-table .col30{width:30px;}
.m-table .col40{width:40px;}
.m-table .col60{width:60px;}
.m-table .col80{width:80px;}
.m-table .col90{width:90px;}
.m-table .col100{width:100px;}
.m-table .col120{width:120px;}
.m-table .col160{width:160px;}
.m-table .col200{width:200px;}
.m-table .col300{width:300px;}

/*CSS page style pagination*/
.page {margin: 3px; padding: 3px;}
.page a {border: #ccc 1px solid; padding: 5px; margin: 2px;  color: #368ee0; text-decoration: none}
.page a:hover,.page a:active  {border: #aaa 1px solid;  color: #666; }
.page .current{border: 0px; padding:5px; font-weight: bold;margin: 2px; background: #368ee0;color:#fff;
}
.page .disabled {border: #eee 1px solid; padding: 5px; margin: 2px; color: #ddd; }

.relativebox{position:absolute; top:39px; left:0px; border: 1px solid #A3BCD8; width:330px;background: #F9FBFF;z-index:1000; }
.relativebox  li{list-style: none;height: 29px;line-height: 29px;
    border-bottom: 1px dotted #DDD; padding:0px 10px;}
.relativebox  li:hover{background: #d0daee;}

/*选择配置单*/
.choose-peizhi{
    width:950px; 
    height: 500px;
    display: none;
    background: #fff;
    border:4px solid #eee;
}
.peizhi-header{
    height:32px; 
    line-height: 32px; 
    text-indent: 14px;
    font-size: 14px;
    font-weight: 700;
    background: #084093;
    color: #fff;
}
.peizhi-header .close{
    float: right;
    width:24px;
    height: 24px;
    margin-top: 4px;
    margin-right: 4px;
    background: url(../image/close.png) no-repeat;
    cursor: pointer;
}
.peizhi-category{
    padding:10px;
    height: 52px;
    border-bottom: 1px #ddd solid;
}
.peizhi-category ul li{
    width: 100px;
    text-indent: 10px;
    cursor: pointer;
    float: left;
    height: 26px;
    line-height: 26px;
}
.peizhi-category ul li:hover{
    background:#2156a7;
    color:#fff;
}
.peizhi-category ul li.at{
    color:#084093;
}
.peizhi-list{
    padding:10px;
    height: 380px;
    overflow: auto;
}
.peizhi-list ul li{
    width: 300px;
    text-indent: 10px;
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 32px;
}
.peizhi-list ul li:hover{
    background:#2156a7;
    color:#fff;
}
.peizhi-list ul li.at{
    color:#084093;
}


/*内容页*/
.news-con{
    width: 990px;
    padding: 15px;
    overflow: hidden;
    color: #333;
    background:#f9f9f9;
    height:auto; min-height:500px; _height:500px;
    margin-bottom: 10px;

}
.news-con h3{
    font: bold 20px/50px "微软雅黑",arial;
    text-align: center;
}
.news-con .xinda{ text-align:right;}
.news-con .xinda a{ text-decoration:underline; color:#F00;}
.news-con b{ color:#F00;}
.news-con .time{
    line-height: 30px;
    color: #999;
    text-align: right;
}
.news-con .detail{
    font-size:14px; line-height: 200%;
}
/*登陆页*/
#nm-login{
	height: 280px;
	width: 455px;
	border-radius:15px;

	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-image: url(../image/login_box.png);
}
#nm-login .loginName{
	height: 51px;
	padding-top: 44px;
}
#nm-login .loginPwd{
		height: 51px;
	padding-top: 24px;}
#nm-login .loginBtn{
	height: 51px;
	padding-top: 24px;
	padding-left:24px;
	}
#nm-login button{
	background-image: url(../image/t1bg.jpg);
	height: 50px;
	width: 406px;
	border:0px;
	border-radius:5px;
	font-size: 24px;
	line-height: 50px;
	color: #FFF;
}
#nm-login input{
	height: 49px;
	width: 289px;
	margin-left:120px;
	padding-left:20px;
	font-size: 18px;
	line-height: 45px;
	BACKGROUND-COLOR: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	background:rgba(0, 0, 0, 0);
	border-radius:5px;
	/*	filter:alpha(opacity=10); 
-moz-opacity:0.1; 
opacity:0.1;*/
}

#nm-login input:focus {background-color:transparent;}
#nm-login .close{
	background-image: url(../image/close_ico.png);
	height: 34px;
	width: 34px;
	margin-top:50px;
	margin-left:212px;
	cursor:pointer;
}

/*首页*/
/*	@-webkit-keyframes hxt0{0%{background-image: url(../image/HX0A.png);}100%{background-image: url(../image/HX0B.png);}}
	@-webkit-keyframes hxt1{0%{background-image: url(../image/HX1A.png);}100%{background-image: url(../image/HX1B.png);}}
	@-webkit-keyframes hxt2{0%{background-image: url(../image/HX2A.png);}100%{background-image: url(../image/HX2B.png);}}
	@-webkit-keyframes hxt3{0%{background-image: url(../image/HX3A.png);}100%{background-image: url(../image/HX3B.png);}}
	@-webkit-keyframes hxt4{0%{background-image: url(../image/HX4A.png);}100%{background-image: url(../image/HX4B.png);}}
	@-webkit-keyframes hxt5{0%{background-image: url(../image/HX5A.png);}100%{background-image: url(../image/HX5B.png);}}
	@-webkit-keyframes hxt6{0%{background-image: url(../image/HX6A.png);}100%{background-image: url(../image/HX6B.png);}}
	@-webkit-keyframes hxt7{0%{background-image: url(../image/HX7A.png);}100%{background-image: url(../image/HX7B.png);}}
	@-webkit-keyframes hxt8{0%{background-image: url(../image/HX8A.png);}100%{background-image: url(../image/HX8B.png);}}
	@-webkit-keyframes hxt9{0%{background-image: url(../image/HX9A.png);}100%{background-image: url(../image/HX9B.png);}}*/
	@-webkit-keyframes hxt0{50%{background-image: url(../image/HX0A.png);}0%{background-image: url(../image/HX0B.png);}100%{background-image: url(../image/HX0B.png);}}
	@-webkit-keyframes hxt1{50%{background-image: url(../image/HX1A.png);}0%{background-image: url(../image/HX1B.png);}100%{background-image: url(../image/HX1B.png);}}
	@-webkit-keyframes hxt2{50%{background-image: url(../image/HX2A.png);}0%{background-image: url(../image/HX2B.png);}100%{background-image: url(../image/HX2B.png);}}
	@-webkit-keyframes hxt3{50%{background-image: url(../image/HX3A.png);}0%{background-image: url(../image/HX3B.png);}100%{background-image: url(../image/HX3B.png);}}
	@-webkit-keyframes hxt4{50%{background-image: url(../image/HX4A.png);}0%{background-image: url(../image/HX4B.png);}100%{background-image: url(../image/HX4B.png);}}
	@-webkit-keyframes hxt5{50%{background-image: url(../image/HX5A.png);}0%{background-image: url(../image/HX5B.png);}100%{background-image: url(../image/HX5B.png);}}
	@-webkit-keyframes hxt6{50%{background-image: url(../image/HX6A.png);}0%{background-image: url(../image/HX6B.png);}100%{background-image: url(../image/HX6B.png);}}
	@-webkit-keyframes hxt7{50%{background-image: url(../image/HX7A.png);}0%{background-image: url(../image/HX7B.png);}100%{background-image: url(../image/HX7B.png);}}
	@-webkit-keyframes hxt8{50%{background-image: url(../image/HX8A.png);}0%{background-image: url(../image/HX8B.png);}100%{background-image: url(../image/HX8B.png);}}
	@-webkit-keyframes hxt9{50%{background-image: url(../image/HX9A.png);}0%{background-image: url(../image/HX9B.png);}100%{background-image: url(../image/HX9B.png);}}
		
		
		/*动画代码如下： animation: hxt1 0.3s infinite ease-in-out; */
		#hx0{background-image: url(../image/HX0A.png) }		
		#hx1{background-image: url(../image/HX1A.png) }		
		#hx2{background-image: url(../image/HX2A.png)}
		#hx3{background-image: url(../image/HX3A.png)}
		#hx4{background-image: url(../image/HX4A.png)}
		#hx5{background-image: url(../image/HX5A.png)}
		#hx6{background-image: url(../image/HX6A.png)}
		#hx7{background-image: url(../image/HX7A.png)}
		#hx8{background-image: url(../image/HX8A.png)}
		#hx9{background-image: url(../image/HX9A.png)}	
		
		#hx0:hover{background-image: url(../image/HX0B.png); animation: hxt0 0s;}
		#hx1:hover{background-image: url(../image/HX1B.png); animation: hxt1 0s;}
		#hx2:hover{background-image: url(../image/HX2B.png); animation: hxt2 0s;}
		#hx3:hover{background-image: url(../image/HX3B.png); animation: hxt3 0s;}
		#hx4:hover{background-image: url(../image/HX4B.png); animation: hxt4 0s;}
		#hx5:hover{background-image: url(../image/HX5B.png); animation: hxt5 0s;}
		#hx6:hover{background-image: url(../image/HX6B.png); animation: hxt6 0s;}
		#hx7:hover{background-image: url(../image/HX7B.png); animation: hxt7 0s;}
		#hx8:hover{background-image: url(../image/HX8B.png); animation: hxt8 0s;}
		#hx9:hover{background-image: url(../image/HX9B.png); animation: hxt9 0s;}	
		
		
/*		.hx0ok{ animation: hxt0 0.8s infinite ease-in-out;}
		.hx1ok{ animation: hxt1 0.8s infinite ease-in-out;}
		.hx2ok{ animation: hxt2 0.8s infinite ease-in-out;}
		.hx3ok{ animation: hxt3 0.8s infinite ease-in-out;}
		.hx4ok{ animation: hxt4 0.8s infinite ease-in-out;}
		.hx5ok{ animation: hxt5 0.8s infinite ease-in-out;}
		.hx6ok{ animation: hxt6 0.8s infinite ease-in-out;}
		.hx7ok{ animation: hxt7 0.8s infinite ease-in-out;}
		.hx8ok{ animation: hxt8 0.8s infinite ease-in-out;}
		.hx9ok{ animation: hxt9 0.8s infinite ease-in-out;}*/
		.hx0ok{ animation: hxt0 1.2s infinite ease-in-out;}
		.hx1ok{ animation: hxt1 1.2s infinite ease-in-out;}
		.hx2ok{ animation: hxt2 1.2s infinite ease-in-out;}
		.hx3ok{ animation: hxt3 1.2s infinite ease-in-out;}
		.hx4ok{ animation: hxt4 1.2s infinite ease-in-out;}
		.hx5ok{ animation: hxt5 1.2s infinite ease-in-out;}
		.hx6ok{ animation: hxt6 1.2s infinite ease-in-out;}
		.hx7ok{ animation: hxt7 1.2s infinite ease-in-out;}
		.hx8ok{ animation: hxt8 1.2s infinite ease-in-out;}
		.hx9ok{ animation: hxt9 1.2s infinite ease-in-out;}
		
		

/*初学者*/
.beginner{position:relative;}
.beginner .menu{width:1360px;height:43px;}
.beginner .menu1, .beginner .menu2{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	width:117px;
	height:35px;
	border: 1px solid #1F94CB;
	float:left;
	font-size:18px;
	line-height: 35px;
	margin-right:13px;
	background-color: #FFF;
	text-align: center;
	color: #1F94CB;
	font-family: "微软雅黑";
	font-weight: 600;
	cursor:pointer;
}

.beginner .content{
	width:1360px;
	height:800px;
	background-image: url(../image/beginner_bg.png);
	background-repeat: no-repeat;
}

/*新品发布*/
.newp-sidebar{
	width: 290px;
	height: 450px;
	font-size: 20px;
	_overflow: hidden;

}
.newp-sidebar dt{
	height: 50px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #DDD;
	color: #FFF;
	background-color: #F1F1F1;
	background-image: url(../image/t1bg.jpg);
}
.newp-sidebar dd{
	position: relative;
	z-index: 10;
	width: 290px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
	text-align: center;
}
.newp-sidebar dd:hover{
	background-position: 60px -37px !important;

}
.newp-sidebar dd.current{
	background-position: 60px -37px!important;
}
.newp-sidebar dd.current a{
	color: #1F8CC5 !important;
}
.newp-sidebar dd a{
    display: block;
    height: 20px;
}
.newp-sidebar dd a:hover{
	text-decoration: none;
	/*background: #e3e3e3;*/
    color: #1F8CC5;	
}
.newp-sidebar dd.current a:hover{background: none;}
.newp-con{width: 960px;background-color:#FFF; padding:30px;}
.newp-con .showimg{float:left;margin:0px 30px 20px 0px;; width:428px;height:428px;}
.newp-con .img {
	width:428px;
	height:428px;
	
	/*非IE的主流浏览器识别的垂直居中的方法*/ 
display: table-cell; 
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 373px;/*约为高度的0.873，200*0.873 约为175*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 

border: 1px solid #DDD; 

}
.newp-con .img img{margin:44px; max-height:340px; max-width:340px;vertical-align:middle; }
.newp-con .title{
	width:500px;
	float:left;
	height:30px;
	line-height:30px;
	font-size:20px;
	margin-top:0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDD;
	padding-bottom:15px;
	margin-bottom:18px;
}
.newp-con .content{
	font-size:18px ;
	line-height:35px !important;
}
@-webkit-keyframes bg_flash{
	/*0%{background-image: url(../image/HX0A.png);}100%{background-image: url(../image/HX0B.png);}*/
	from { background: #F0FAC9; }
		to { background: #FFF; }
	}
.lwj_bg_flash {  
background: #C5D0FE !important;
background-color: #C5D0FE !important;
  /*animation: bg_flash 0.5s linear infinite;*/
}

/* 维修服务页面 */
.service{width: 100%;background-color:#FFF}
.service .title{
	font-size: 18px;
	height:60px;
	line-height:60px;
	padding-left:60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-bottom: 10px;
	background-image: url(../image/biao.png);
	background-repeat: no-repeat;
	background-position: 35px 20px;	
	width:100%;
}
.service .title .titlename{
	width:300px;
	height:60px;
	float:left;
}
.service .title .inputbox{
	float:left;
	width:400px;
	height:60px;
	}
.service .title .inputbox input{
	width:200px;
	margin-top:20px;
	height:20px;
}
.service .title .inputbox  button{
	background-image: url(../image/t1bg.jpg);
	height: 24px;
	width: 80px;
	border:0px;
	border-radius:5px;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	margin-left:10px;
}
.service .add{
	float:right;
	font-size: 18px;
	height:60px;
	line-height:60px;
	padding-left:60px;
	padding-right:60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-bottom: 10px;
}


.service .content{
	
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:20px;
	
	}
.service .content .addmoney,.service .content .percentmoney{
	border: 1px solid #ddd;
	height:30px;
	width:70px;
}
.service .content .btn {
	width:110px;
	height:40px;
	background-image: url(../image/t1bg.jpg);	
	}
@media screen and (max-width: 768px) {
    html,body{width:1900px;}
}