/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%; font-family: "microsoft yahei"; text-align:left; vertical-align: baseline;background: transparent; line-height:1.8em; color: #484848;}

h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}
select{font-size:12px;font-family:simsun;}
ul,ol,li{list-style-type:none}
a {color:#666;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a,span,img,td,form,input{line-height:inherit;}
a:hover{color:#e50000;text-decoration:none;}
:focus {outline: none;}
body {line-height: 1.5em;width: 100%;display: table; font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

/*==========限制Detail页内图片大小======避免页面撑暴========*/
/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}
--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/


/*=====================文字样式===========================*/
.size_10{font-size:10px}
.size_11{font-size:11px}
.size_12{font-size:12px}
.size_13{font-size:13px}
.size_14{font-size:14px}
.size_16{font-size:16px}
.size_18{font-size:18px}
.size_20{font-size:20px}

.fc_white { color: #fff; }
.fc_red { color: #D00000; }
.fc_red02 { color: #F73501; }
.fc_black { color: #000; }
.fc_blue { color: #336599; }
.fc_blue02 { color: #0A4E97; }
.fc_gray { color: #333; }
.fc_orange { color: #FF663A; }
.fc_green { color: #007B00; }
.line_h26 { line-height: 26px; }
.line_h20 { line-height: 20px; }

/*=======================翻页样式===========================*/
.pager{text-align:center;padding:10px;}
.pager a{color:#e50000;background-color:#FFFFFF;text-decoration:none;border:#e50000 solid 1px;padding:2px 6px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#e50000;}
.pager .cpb {color:#FFFFFF;background-color:#e50000;text-decoration:none;border:#e50000 solid 1px;padding:2px 6px;margin-right:5px;}

/*=====================文字阴影=============================*/
.context {position:relative;}
.context .normal{position:absolute;top:0px;left:0px;z-index:2;}
.context .shadow{position:relative;top:1px;left:2px;z-index:1;}
/*    文字阴影应用之HTML部分代码                  	
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/

#wrapper{width: 100%; overflow: hidden;position: relative;}

/*top*/
#top{width: 100%; height: 127px; background: #f3f3f3;}
#top .top{width: 1150px; margin: 0 auto; position: relative;}
#top .top .logo{float: left; width: 282px; overflow: hidden;}
#top .top .ewm{width: 102px; float: right;}
#top .top .ewm img{width: 102px; height: 101px; margin-top: 12px;}
#top .top .contact{width: 340px; height: 25px; position: absolute; position: absolute; top: 25px; right: 137px; line-height: 25px; font-size: 16px; color: #6b6b6b;}
#top .top .contact .icon{width: 30px; float: left; height: 25px; background: url(../images/bg/icons.png)0 206px; display: inline-block;}
#top .top .contact .tit{display: inline-block; float: left; font-style: normal;padding-left: 10px;}
#top .top .contact .num{font-weight: bolder; font-size: 28px; color: #e90000;line-height: 28px; padding-left: 10px; display: inline-block;}

/*nav*/
#nav{width: 590px; height: 47px; box-sizing: border-box; margin-top: 70px; margin-left: 150px; float: left; background: url(../images/bg/nav.png);}
#nav dd{height: 47px; float: left;}
#nav dd a{display: block; height: 47px; text-indent: -9999px;}
#nav dd:nth-child(1) a{width: 64px;}
#nav dd:nth-child(1) a:hover,#nav dd:nth-child(1) a.active{background: url(../images/bg/nav.png) 0 51px;}
#nav dd:nth-child(2) a{width: 114px;}
#nav dd:nth-child(2) a:hover,#nav dd:nth-child(2) a.active{background: url(../images/bg/nav.png) -64px 51px;}
#nav dd:nth-child(3) a{width: 109px;}
#nav dd:nth-child(3) a:hover,#nav dd:nth-child(3) a.active{background: url(../images/bg/nav.png) -178px 51px;}
#nav dd:nth-child(4) a{width: 99px;}
#nav dd:nth-child(4) a:hover,#nav dd:nth-child(4) a.active{background: url(../images/bg/nav.png) -287px 51px;}
#nav dd:nth-child(5) a{width: 113px;}
#nav dd:nth-child(5) a:hover,#nav dd:nth-child(5) a.active{background: url(../images/bg/nav.png) -386px 51px;}
#nav dd:nth-child(6) a{width: 91px;}
#nav dd:nth-child(6) a:hover,#nav dd:nth-child(6) a.active{background: url(../images/bg/nav.png) -499px 51px;}

/*foot*/
#foot{width: 100%; /*height: 395px;*/ overflow: hidden;}
#foot .top_part{width: 100%; height: 232px; background: #f3f3f3; padding: 35px 0 0 0; box-sizing: border-box;}
#foot .top_part .content{width: 1150px; margin: 0 auto;}
#foot .top_part .content .b_logo{width: 305px; height: 95px; float: left; border-right: 1px solid #dadada;}
#foot .top_part .content .b_logo img{width: 305px; height: 95px; }
#foot .top_part .content .corp{width: 330px; height: 95px; box-sizing: border-box; padding: 0 25px; float: left;}
#foot .top_part .content .corp h3{color: #757575; font-size: 24px; line-height: 28px; padding-bottom: 5px;}
#foot .top_part .content .corp .corp p{color: #757575; font-size: 12px;}
#foot .top_part .content .sitemap{width: 235px; height: 95px; box-sizing: border-box; padding: 30px 25px 25px 0; float: left;}
#foot .top_part .content .sitemap a{float: left; width: 33%;}
#foot .top_part .content .tel{width: 275px; height: 95px; float: left; box-sizing: border-box; padding-top: 22px;}
#foot .top_part .content .tel h3{font-size: 20px; color: #7b7b7b;}
#foot .top_part .content .tel h1{font-size: 34px; color: #535353; font-weight: bolder; line-height: 38px;}
#foot .top_part .content .link{width: 100%; float: left;}
#foot .top_part .content .link p{width: 100%; margin-bottom: 10px; border-bottom: 2px solid #dadada; color: #7b7877}
#foot .top_part .content .link a{margin-right: 10px;}
#foot .bottom_part{width: 100%; height: 150px; background: #444444;}
#foot .bottom_part .content{width: 1150px; margin: 0 auto;}
#foot .bottom_part .adress{width: 700px; float: left; padding: 30px 0; box-sizing: border-box;}
#foot .bottom_part .adress li{color: #FFF;}
#foot .bottom_part .aspect{float: left; width: 350px;}
#foot .bottom_part .aspect p{float: left; width: 100%; color: #FFF; margin-top: 20px; margin-bottom: 10px;}
#foot .bottom_part .aspect .icon{float: left; width: 76px; height: 76px; margin-left: 30px; cursor: pointer;}
#foot .bottom_part .aspect .weibo{background: url(../images/bg/weibo.jpg); margin-left: 0;}
#foot .bottom_part .aspect .weixin{background: url(../images/bg/weixin.jpg);}
#foot .bottom_part .aspect .weixin img {
    position:absolute; top:-134px; left:-23px; width:120px; display:none
    }
#foot .bottom_part .aspect .weixin:hover img {
        display:block;
    }
#foot .bottom_part .aspect .qq{background: url(../images/bg/qq.jpg);}



.section3{width: 100%; margin-top: 15px;}
.section3 dl dt{height: 55px; color: #737373; line-height: 55px; border-bottom:2px solid #c4c4c4; border-top: 2px solid #c4c4c4; color: #737373; }
.section3 dl dt span{ font-size: 24px;}
.section3 dl dt i{text-transform: uppercase ; font-size: 20px; font-style: normal; }
.section3 dl dt .tab_t{float: right; margin-top: 15px;}
.section3 dl dt .tab_t a{font-size: 18px; margin-left: 10px;}
    .section3 dl dt .tab_t a.on {
        color:#e50000;
    }
.section3 dl dd li{float: left; width: 276px; height: 275px; margin: 15px 0 0 15px;}
.section3 dl dd li img{width: 276px; height: 275px;}
.section3 dl dd li:nth-child(4n-3){margin-left: 0;}
.section3 .more{width: 100%; height: 116px; float: left; background: url(../images/bg/section3_more.jpg) center center no-repeat;cursor: pointer;  }


.fixedbtn {
    width:64px; height:268px; background: url(../images/bg/icons.png) 86px 0; position:fixed; top:100px; right:0;z-index:999; display:block;
}
    .fixedbtn .returntop {
        width:86px; height:72px; cursor:pointer;
    }
    .fixedbtn .buyonline,.fixedbtn .qqkf,.fixedbtn .weixin {
        width:86px; height:64px; cursor:pointer;margin-top:1px;
    }
    .fixedbtn .weixin {
        position:relative;
    }
    .fixedbtn .weixin img {
        position:absolute; top:-46px; left:-119px; width:120px; display:none
        }
    .fixedbtn .weixin:hover img {
       display:block;
        }


.tanchuang {
    width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); z-index:9999; display:none;
}



 .dp-wrap{
	width: 816px;
	margin: 40px auto;
    background:#FFF;
    padding:30px;
	position:fixed;
}
.dp-tit {
    color: #e50000;
    font-size: 30px;
    line-height: 44px;
    border-bottom: 3px solid #E50000;
    margin: 10px 0;
    position: relative;
}
.dp-tit .close{
    position:absolute;
    right:0px;
    top:0px;
    font-style:normal;
    cursor:pointer;
}
.dp-select .d-txt{
	color: #5e5e5e;
	font-size: 15px;
	line-height: 26px;
}
.dp-select .d-checklist{
	color: #79787e;
	font-size: 15px;
	line-height: 34px;
}
.dp-select .d-checklist input{
	vertical-align: middle;
	margin-right: 6px;
}
.dp-select .d-checklist label{
	margin-right: 10px;
}
.dp-txt{
	color: #5e5e5e;
	line-height: 30px;
	font-size: 15px;
}
.dp-txt span{
	color: #c0c0c0;
	margin-left: 10px;
}
.dp-form .d-tit{
	color: #444;
	font-size: 20px;
	line-height: 42px;
}
.dp-formlist>li{
	height: 38px;
	background: #ecebeb;
	color: #998d8d;
	margin-bottom: 6px;
	line-height: 38px;
	padding: 0 15px;
	font-size: 13px;
}
.dp-formlist .d-left{
	float: left;
	width: 70px;	
}
.dp-formlist .d-input{
	float: left;
	width: 700px;
	background: #ecebeb;
	border: none;
	height: 36px;
}
.dp-formlist>li.d-area{
	height: 140px;
}
.dp-formlist>li.d-area .d-txt{
	color: #998d8d;
	line-height: 38px;
}
.dp-formlist>li.d-area textarea{
	display: block;
	width: 100%;
	height: 100px;
	resize: none;
}
.dp-formlist>li.d-btn{
	background: #fff;
	margin: 20px 0;
}
.dp-formlist>li.d-btn a{
	display: block;
	margin: 0 auto;
	width: 280px;
	height: 54px;
	border: 2px solid #b5b5b5;
	color: #e30000;
	font-size: 22px;
	text-align: center;
	line-height: 54px;
}
.dp-formlist>li.d-btn a:hover{
	text-decoration: none;
}
.online_submit {
    display: block;
	border: 2px solid #b5b5b5;
	width: 566px;
	height: 54px;
	color: #e30000;
	text-align: center;
	font-size: 22px;
	line-height: 40px;
    cursor:pointer;
    margin-left:94px;
    font-family:"microsoft yahei"
}
    .online_submit:hover {
        border: 2px solid #e30000;
	color: #FFF;
    background:#e30000
    }