@charset "utf-8";
*{ font-family:"微软雅黑";}
@media (max-width: 980px) {

}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}

/*******************-S header-**************************/
.headerwrap{ width:100%; z-index:9999999999; background:#fff;}
#top{width: 100%;}
.logo2{ margin-top: 20px; }
.tel{ background: url(../images/tel.png) left center no-repeat; padding-left: 40px; margin-top: 23px; }
.tel p{font-size: 14px;font-family: Microsoft Yahei;color: #666;text-align: left;}
.tel span{color: #b5130c;line-height: 30px;font-family: Microsoft Yahei; font-size: 22px;}

#header{width: 100%;height: 50px;background: #b61c15;}


.nav{ height:50px; width: 100%; }
.nav ul{margin:0; padding: 0; width: 100%; }
@media (max-width:666px){
.nav ul li{width: 25%;}
.logo2{ width:100%; height:160px; background:url(../images/logo1.png) center no-repeat}
}
@media (min-width:1100px){
.logo2{ width:678px; height:80px; background:url(../images/logo.png) center no-repeat}
.nav ul li{width: 10%;}
}
.nav ul li{ display:block; float:left; position:relative;}
.nav ul li >a{ display:block; height: 50px; line-height: 50px; color:#fff; font-size:14px;text-align: center; width: 100%;}
.nav ul li:hover >a,.nav ul li .current{ color: #fff;background: #cb0014; }

@media (max-width:666px){
.navm{ height:50px; width: 100%; }
.navm ul{margin:0; padding: 0; width: 100%; }
.navm ul li{width: 25%;}
.navm ul li{ display:block; float:left; position:relative;}
.navm ul li >a{ display:block; height: 50px; line-height: 50px; color:#fff; font-size:14px;text-align: center; width: 100%;}
.navm ul li:hover >a,.nav ul li .current{ color: #fff;background: #cb0014; }
}

.zy_q { border-bottom:1px solid rgba(255,255,255,.5); height:40px !important; }

.phone-nav{display: block; width: 45px; height: 45px; margin-top: 5px; text-align: center;}
.phone-nav span{ display: block; width: 60%; height: 4px;  background: #fff; margin-top: 6px; float:right;}
.phone-nav span:first-child{margin-top: 9px;}
#header{box-shadow: 0 2px 5px #ddd;}



/*******************-E header-**************************/

/*******************-S banner-**************************/
.bannerwrap,.nybanner{position:relative;}
.banner{margin-left:auto; margin-right:auto; width:100%; position:relative; position: relative;}
.banner .owl-carousel{ position:relative;}
.banner .owl-dots{position:absolute; bottom:20px; height:10px; width:100%; text-align:center; margin:0; padding:0;}
.banner .owl-dots .owl-dot{ display:inline-block; width:15px; height:15px; border-radius:50%; background:#f6f6f6; margin-left:3px; margin-right:3px; cursor:pointer; margin-top:0; margin-bottom:0; padding:0;}
.banner .owl-dots .active{ background:#cb0014;}
.banner .owl-nav{ display:none;}

.recommend{ position: absolute;background: rgba(255,255,255,0.8);right: 10%;bottom: -36px; z-index: 999999999; border: 1px solid #f5f5f5;width: 249px;height: 354px; padding: 10px 15px;}
.lan1{padding: 0px 0 0 14px;
    background: url(../images/c1.gif) 0px center no-repeat;
    display: inline;
    margin: 15px 0 0 0;
    color: #da231b;
    font-size: 16px;
}

.red_img{ display: block; margin-top: 15px; }
.red_img dl img{ width: 100%; height: 145px; }
.red_img  dl h3{font-family: 'Microsoft Yahei';
    font-size: 13px;
    padding: 10px 0 0 0;
    color: #ca0101;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.red_img  dl p{
    margin-top: 10px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    color: #252525;
    font-family: 'Microsoft Yahei';
    font-size: 12px;}

.red_more{float: right;
    width: 90px;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    color: #ff3420;
    font-family: 'Microsoft Yahei';
    text-align: right;
    margin: 0px 0 0 14px;}

.red_more:hover{ color: #ff3420; text-decoration: underline;}







@media (max-width:992px){
.nybanner{ padding-top:55px;}

}

.nybanner {width:100%;}
    .nybanner img {width:100%;}
/*******************-E banner-**************************/


.noticewrap {
    width: 100%;
    z-index: 99;
    height: 55px;
    background: #b5130c;
    border-bottom: 2px solid #880e09;
}
.notice{ position: relative;border-bottom: 1px solid #cc5651;
    border-top: 1px solid #cc5651;height: 30px;
    line-height: 30px; margin-top: 14px; }
.notice marquee {
    color: #fff;
    font-size: 13px;
    font-family: 'Microsoft Yahei';
    padding-left: 80px;
}
.notice b{
    position: absolute;left: 0; top: 0;background: #b5130c; width: 80px;
    font-family: 'Microsoft Yahei';
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    padding-left: 10px; line-height: 28px; height: 28px; display: block; z-index: 100;}


.searchwrap{ margin-top: 13px; position: relative; background: #fff; } 
.searchwrap .form-control{ border: none; }
.s_input{ display: block; background: #fff; width: 100%; }
.s_but{ position: absolute;; right: 0; top: 0; background:#fff url(../images/ss.png) center no-repeat; border: none; width: 34px; height: 34px;   }


@media (max-width:768px){
.searchwrap_f_r{ float: right !important; }

}



/*******************-S nytitle-**************************/
.nytitle{ background: #fff; padding-top: 30px; padding-bottom: 30px; }
.lan2{text-align: center; }
.lan2 p{font-size: 26px;color: #da231b;text-transform: uppercase;}
.lan2 span{position: relative;z-index: 100;display: block; margin-left: auto; margin-right: auto; background: url(../images/line.jpg) left center repeat-x;}
.lan2 span small{font-size: 20px;background: #fff;color: #434343; padding: 0 10px; }

@media (min-width:480px){
.lan2 span{ width: 320px; }

}

.lan5{text-align: center; }
.lan5 p{text-align: center;
    color: #da231b;
    font-size: 24px;
    font-family: "Microsoft Yahei", Times, serif;}
.lan5 span{position: relative;z-index: 100;display: block; margin-left: auto; margin-right: auto; background: url(../images/line.jpg) left center repeat-x;}
.lan5 span small{font-size: 16px;
    background: #f5f5f5;
    color: #666; padding: 0 10px; }

    .lan6{text-align: center; }
.lan6 p{text-align: center;
    color: #da231b;
    font-size: 24px;
    font-family: "Microsoft Yahei", Times, serif;}
.lan6 span{position: relative;z-index: 100;display: block; margin-left: auto; margin-right: auto; background: url(../images/line.jpg) left center repeat-x;}
.lan6 span small{font-size: 16px;
    background: #fff;
    color: #666; padding: 0 10px; }

@media (min-width:640px){
.lan5 span{ width: 514px; }
.lan6 span{ width: 514px; }
}

.cat{margin-top: 40px;}
.cat ul{ margin: 0; padding: 0; }
.cat ul li{ display: inline-block; }
.cat ul li a{ padding-left: 10px; padding-right: 10px;color: #515151;border-right: 1px solid #515151; font-size: 14px; }
.cat ul li .current,.cat ul li a:hover{ color:#da231b;}
/*******************-E nytitle-**************************/


.mian{width: 100%;
    background: #f0f0f0;
    padding: 20px 0 80px 0;}

.mainbox{background: #fff;
    padding: 30px;
}
/*******************-S procat-**************************/
.mianbox_2a a{ display: block; margin-bottom: 15px; }
.mianbox_2a dl{ width: 100%;background: #fff;
    text-align: center;box-shadow: 0 0 3px #e8e8e8;
    border-radius: 4px;
    overflow: hidden;border: 1px solid #e8e8e8; }
 .mianbox_2a dl img{max-width: 100%;}   
  .mianbox_2a dl dd{line-height: 40px;
    font-family: 'Microsoft Yahei';
    color: #282828;
    font-size: 14px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.mianbox_2a a:hover dd{ color: #ce0b07; }
/*******************-E procat-**************************/



/*******************-S news-**************************/
.mianbox_2b{ margin-bottom: 20px; }
.mianbox_2b a{ display: block; width: 100%; padding: 15px;border-top: 1px solid #e6e6e6;}
.mianbox_2b a dt h3{color: #3c3c3c;
    height: 30px;
    line-height: 30px;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; font-size: 16px;}
    .mianbox_2b a dt span{color: #555;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
    .mianbox_2b a dd{    font-size: 12px; color: #8c8c8c; line-height: 24px; height: 48px; overflow: hidden;}
.mianbox_2b a:nth-of-type(odd){ background: #f2f2f2; }
.mianbox_2b a:hover h3{ color: #ce0b07; }
/*******************-E news-**************************/

.field{ margin-top: 15px; }
@media (min-width:768px){
.form{ width: 600px; margin-left: auto; margin-right: auto; }
}

/*******************-S home_pro-**************************/
.home_pro{ padding-top:10px; padding-bottom:10px; background:#fff;}
.prolist{margin-top: 20px;}

.proitem { display: block; width: 100%; position: relative; }
.proitem img{ width: 100%; }
.proitem p{position:absolute;
    background:url(../images/wordbg.png) left top repeat;
    width:100%;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:14px;
    font-family:'Microsoft Yahei';
    color:#fff;
    bottom:0;
    left:0;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;}
  .owl-nav{ display: none; }  
/*******************-E home_pro-**************************/


/*******************-S home_storefront-**************************/
.home_storefront{ padding-top:40px; padding-bottom:40px; background:#fff;}
.storefrontbox{ margin-top: 30px; }
.storefront_largeimg{ width: 50%; }
.storefront_largeimg img{ width: 100%; height: 100%; padding-right: 1px; }
.storefront_largeimg a{ display: block; position: relative; }
.zhezhao{ display: none; width: 100%;height:100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0;}
.zhezhao h3{ text-align: center;line-height:40px; padding-top: 35%; color: #fff; font-size: 16px; padding-left: 10px; padding-right: 10px;}
.storefront_largeimg a:hover .zhezhao,.dm_img1:hover .zhezhao,.dm_img3:hover .zhezhao{ display: block; }


.storefront_rigthimg{ width: 50%;}
.dm_img1{ width: 50%; display: block; float: left; position: relative;}
.dm_img1 img{ width: 100%; height: 100%; padding-right: 1px; }

.dm_img2{ width: 50%;  display: block; float: left; background:#da231b url(../images/bg1.jpg) right top no-repeat;}
.dm_img2 p{ margin-top: 50px; color: #fff; font-size: 14px; text-align:center; }
.dm_img2 a{ float:right; color: #fff;margin-top: 30px; margin-right: 20px;}
.dm_img2 a:hover{ text-decoration: underline; }

.dm_img3{ position: relative; width: 33.333%; float: left; }
.dm_img3 img{width: 100%; height: 100%; padding-right: 1px;}

@media (min-width:768px){
.storefront_largeimg a{height: 304px; }
.dm_img1{ height: 150px; }
.dm_img2{ height: 150px; }

.dm_img3{height: 153px; padding-top: 1px; }

}

@media (max-width:768px){
.storefront_rigthimg{ width: 100%; }
.storefront_largeimg{ width: 100%; }
.dm_img1{ height: 150px; }
.dm_img2{ height: 150px; }
.dm_img3{height: 110px; padding-top: 1px; }

}
/*******************-E home_storefront-**************************/

/*******************-S home_news-**************************/
.home_news{ padding-top:40px; padding-bottom:40px; background:#f5f5f5; }
.newsbox{ margin-top: 30px; }
.newsbox a{ display: block; width: 100%; margin-bottom: 20px; }
.newsbox dl{ position: relative; }
.newsbox dl dt{ width: 100px; height: 80px; position: absolute; left: 0; top: 0;  }
.newsbox dl dt img{ width: 100%; height: 100%; }
.newsbox dl dd h3{ color: #515d6b; font-size: 14px; font-weight: bold; height: 24px; line-height: 24px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }
.newsbox dl dd p{line-height: 22px;height: 44px;color: #515d6b; font-size: 12px; overflow: hidden;}
.newsbox a:hover h3{ color: #da231b; }
.newsbox dl dd{ padding-left: 115px; }
@media (min-width:768px){
   .newsbox dl dt{ width: 160px; height: 120px;  }
   .newsbox dl dd{ padding-left: 180px; min-height: 120px; }
   .newsbox dl dd p{line-height: 25px;height: 72px;}
   .newsbox dl dd h3{ color: #515d6b; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }

}

/*******************-E home_news-**************************/




/*******************-E home_about-**************************/
.home_about{ background-color: #f5f5f5; padding: 30px 0 50px 0;}
.aboutbox{ margin-top: 40px; position: relative; }
.about{   line-height: 28px;    color: #515d6b;font-size: 12px; margin-top: 20px;}
.aboutword{ line-height: 28px;    color: #515d6b;font-size: 12px;}
.aboutimg{ text-align: center;}
.aboutmore{ text-align: right; }
.aboutmore a{ float: right; margin-top: 20px; display: block; width: 92px;height: 30px;text-align: center;line-height: 30px;background: #B5130C;display: block;color: #fff;font-weight: 600;}
.aboutmore a:hover{ color: #7a0f0b; }

@media (min-width:992px){
  .aboutimg{ width: 410px; height: 268px; position: absolute; left: 0; top: 0;  }
  .aboutimg img{ width: 100%; height: 100%; }
  .about{ padding-left: 430px; min-height: 268px; margin-top: 0; }
  .aboutword{ max-height: 230px; overflow: hidden;}
}


/*******************-E home_about-**************************/

.main { margin-top:40px;}


/*******************-详细-**************************/
.time2 { margin-top:10px;}
.show_pic{ color:#444444; padding-top:10px; text-align:center;}
    .show_pic h4 {font-size:24px; color:#323232;}
.pic_cp img{max-width:100%; margin-top:10px; }
.nrr,.mainbox_2{ padding:10px 0;  color: #333333;
    line-height:32px;
    font-size: 14px;}




/*******************-S footer-**************************/
#link{background: #b5130c; padding-top: 10px; padding-bottom: 10px;}
.link ul{ margin: 0; padding: 0; }
.link ul li{ display:inline-block; }
.link ul li a{ padding-right:20px;color: #fff; font-size: 12px;  }
.link ul li a:hover{ text-decoration: underline; }
.link ul .linkword{padding-right:20px;color: #fff; font-size: 12px; }

.footer{background: #1c1c1c; padding-top: 20px; padding-bottom: 20px;}
.coopright{font-size: 12px;
    color: #e5e5e5;
    line-height: 28px;}
.coopright a{ color: #fff; } 
.coopright a:hover{ text-decoration: underline; }  
.share{ margin-top: 20px;  }    
@media (min-width: 768px) {
 .share{ float: right; }   
}
/*******************-E footer-**************************/


/*******************-lan-**************************/
.nylanwrap{background: #ce0b07;border-bottom: 2px solid #880e09;}

.nylan{ line-height:34px;color:#5d5d5d; font-size: 12px;color: #fff;  }
.nylan a:hover{ text-decoration:underline;}
.nylan,.nylan a,.nylan font{font-size:12px; }
.nylan a{ color:#fff;}
.nylan font{ color:#fff;}


.lan3{ height:49px;}
.lan3 h3{ font-weight:normal; height:49px; line-height:49px; color:#106fb3; font-size:18px;}
.lan3 h3 span{ color:#7b7b7b; font-size:12px; text-transform:uppercase;}
.lan3 a{ display:block; height:49px; line-height:49px; color:#808080; font-size:13px;}
.lan3 a:hover{ color:#106fb3; }


.lan4{margin: 15px 0px 10px;
    padding: 5px 20px;
    background: url(../images/dt-7.gif) no-repeat left center;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;}
.lan4 span{ color:#000000; font-size:14px;}


section{ margin:0; padding:0;}




/* 返回顶部 */
/* fixed */
.fixed {
	position:fixed;
	width:55px;
	height:212px;
	right:25px;
	bottom:50px;
	_position: absolute;
	_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	z-index:999;
}
.fixed a {
	display:block;
	width:55px;
	height:53px;
}
.barbook {
	background:url(../images/fixed.jpg) 0 0 no-repeat;
}
.barbook:hover {
	background-position:-54px 0;
}
.fixed a.codepic {
	background:url(../images/fixed.jpg) 0 0 no-repeat;
	background-position:0 -53px;
	height:52px;
}
.fixed a.codepic:hover {
	background-position:-54px -53px;
}
.fixed div {
	position:relative;
}
.fixed a.backup {
	background:url(../images/fixed.jpg) 0 0 no-repeat;
	background-position:0 -158px;
	height:52px;
}
.fixed a.backup:hover {
	background-position:-54px -158px;
	height:53px;
}
.fixed div img {
	position:absolute;
	left:-196px;
	width:196px;
	height:196px;
	top:-106px;
	display:none;
}


/*分页*/
.pagelink {clear:both;font-size:12px;text-align:center;height:38px; margin-top:30px; font-size:12px;}
.pagelink a,div.pagelink span{padding:6px 7px 6px;height:23px;color:#4c4c4c;border:1px solid #ddd; line-height:26px; text-decoration:none; margin:0 2px;}
.pagelink a:hover{color:#ce0b07;text-decoration:none;padding:6px 7px 5px;border-bottom:2px solid #ce0b07;}
.pagelink .current{color:#ce0b07;padding:6px 7px 5px;height:26px;border:1px solid #ddd;border-bottom:2px solid #ce0b07;font-weight:bold}