/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;color: #000000;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}
 
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;zoom:1;display:inline;font-size:0px;}


/* 滚动 */
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}

/* 放大 效果 */
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.roll_product {float: left;}




/* 1 【头部】 */
/* 1 */
.top1{background:#f5f5f5;color:#999999;height:28px;line-height:28px;overflow:hidden;font-size:12px;}
.top1 a{color:#999999;}
/* 2 */
.top2{height:100px;}
.logo{float:left;line-height:100px;}
.top2 .phone1{margin-top: 5px;font-size:22px;color:#c11d1d;line-height:35px;background: url(../images/top_phone.png) no-repeat left center;font-family:"黑体";width: 207px;padding-top: 3px;padding-right: 10px;padding-left: 43px;margin-top: 29px;}
.top2 .phone1 p{margin-top: 10px;}




/* 2_1【导航栏】 */
.nav{height:50px;background-color: #c11d1d;} /* 背景图片、高度 */
/* 菜单 */
.x-menu {}
.x-menu > li {  float: left;  position: relative; text-align:center;width:129px;}
/* .x-menu > li:last-child{width: 120px;} */
.x-menu > li > a {  display: block;  font-size: 14px;  color: #fff;  line-height:49px;width: 66px;height: 40px;}
.x-menu > li > a:hover {  border-bottom: 1px solid #fff;}
.x-menu > li.active > a {   border-bottom: 1px solid #fff;    }   /* 激活 状态 */
.x-menu > li:after {  content: '';  position: absolute;  z-index: 100;  width: 100%;  left: 0;  height: 40px;  opacity: 0;  top: 100%;}
/* 下拉菜单 */
.x-menu > li:hover .x-sub-menu {  opacity: 1;  visibility: visible;  -webkit-transform: translateY(0);          transform: translateY(0);}
.x-sub-menu {  position: absolute;  z-index: 99999;  width: 150%; left: -50%;  top: 65px;  background: #fff;  border-radius: 5px;  padding: 10px 0;  opacity: 0;   -webkit-transform: translateY(20px);
  visibility: hidden;  transform: translateY(20px);  -webkit-transition: all .5s ease; transition: all .5s ease;}
.x-sub-menu > li > a {  display: block;  text-align: center;  font-size: 14px;  color: #333;  line-height:40px; height:40px;overflow:hidden;}
.x-sub-menu > li > a:hover {  background: #e9eaeb;}
.x-sub-menu:after {  content: '';  width: 0;  height: 0;  line-height: 0;  font-size: 0;  overflow: hidden;  border-width: 10px;  cursor: pointer;  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;  border-top: none;  position: absolute;  top: -10px;  left: 50%;  margin-left: -10px;  z-index: 99;}
/* 搜索 */
/* 背景 */
.key1 #formsearch{ width: 147px;height: 23px;line-height: 23px;margin-right: 13px;border: 1px solid #fff;border-radius: 111px;margin-top: 14px;} 
/* 输入框 */
.key1 #keyword{border: none;outline: none;background: none;height: 23px;line-height: 23px;margin-left: 10px;color: #fff;font-size: 12px;width: 102px;margin-top: -3px;} 
/* 按钮 */
.key1 #s_btn{border: none;background: none;outline: none;height: 14px;line-height: 23px;margin-left: 7px;width: 14px;background: url(../images/search.png) no-repeat center top;margin-top: -3px; } 




/* 【banner】 */
.banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:500px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;right:46%;bottom:10px;z-index:100;}
.banner .num li{width:18px;height:18px;display:inline-block;margin:0 4px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#ff7c00;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}




/* 【 3 产品中心 】 */
.box3{padding-top: 80px;padding-bottom: 84px;}
/* 大标题 */
.box3 .bigT{text-align: center;}
.box3 .bigT h3{font-size: 32.01px;color: #333333;font-weight: bold;}
.box3 .bigT h4{font-size: 18px;color: #808080;margin-top: 13px;}
/* 内容 */
.box3 .a2{overflow: hidden;padding-top: 40px;}
.box3 .a2 li{display: inline-block;float: left;width: 600px;height: 333px;background-color: #ebebeb;padding-left: 46px;padding-top: 40px;overflow: hidden;position:relative;}
.box3 .a2 li:nth-child(2),
.box3 .a2 li:nth-child(3){background-color: #dbdbdb;}
.box3 .a2 .picGunDong_title{float: left;}
.box3 .a2 .b1{font-size: 24px;color: #333333;text-transform: uppercase;}
.box3 .a2 .b2{font-size: 20px;color: #333333;margin-top: 11px;}
.box3 .a2 .btn1{font-size: 12px;color: #333333;width: 90px;height: 30px;margin-top: 39px;text-align: center;line-height: 30px;border: 1px solid #333333;}
.box3 .a2 li:hover .btn1{color: #fff;background-color: #c11d1d;border: none;transition: all 0.4s linear;}
.box3 .a2 .img{width: 277px;height: 269px;float: left;position:absolute;top: 2px;left: 252px;}
.box3 .a2 img{width: 341px;height: 329px;}




/* 【 4 瑞明五金4大产品特点 】 */
.box4{background: url(../images/adv_bg.jpg) no-repeat center top;height: 800px;padding-top: 72px;padding-bottom: 90px;}
/* 大标题 */
.box4 .bigT{text-align: center;}
.box4 .bigT h3{font-size: 32.01px;color: #fff;}
.box4 .bigT h4{font-size: 18px;color: #fff;margin-top: 13px;background: url(../images/adv_line1.png) no-repeat center;}
.box4 .bigT span{font-size: 54.22px;padding: 0 15px;font-weight: bold;}
/* 4大特点 */
.box4{position: relative;}
.box4 ul{padding: 0 30px;}
.box4 .ads{}
.box4 .ads .img{}
.box4 .ads .imgf{display: none;}
.box4 .ads h3{font-size: 22px;color: #fff;margin-top: 24px;}
.box4 .ads span{font-size: 16px;color: #fff;width: 360px;height: 48px;display: inline-block;text-align: center; line-height: 30px;margin-top: 5px;}
.box4 .ads li{float: left;width: 326px;height: 246px;text-align: center;margin-top: 39px;}
.box4 .ads li:hover .img{display: none;}
.box4 .ads li:hover .imgf{display: block;}
.box4 .ads li:nth-child(2),
.box4 .ads li:nth-child(4){float: right;margin-right: 20px;}
.box4 .ads li:nth-child(3){clear: both;}

/* 主图 */
.box4 .mainPic{    
    position: absolute;
    height: 356px;
    top: 260px;
    width: 356px;
    left: 50%;
    margin-left: -178px;}




/* 【 5 4大理由 】 */
.box5{clear: both;padding-top: 80px;height: 997px;}
/* 大标题 */
.box5 .bigT{text-align: center;}
.box5 .bigT h3{font-size: 32.01px;color: #333333;}
.box5 .bigT h4{font-size: 18px;color: #666666;margin-top: 13px;background: url(../images/reason_line1.png) no-repeat center;}
.box5 .bigT span{font-size: 54.22px;padding: 0 15px;font-weight: bold;color: #c40000;}
.box5 .reason{padding-top: 37px;}
.box5 .reason li{width: 292.5px;height: 71px;margin-right: 10px;border: 1px solid #cccccc;float: left;text-align: center;line-height: 71px;}
.box5 .reason li .liContent{margin: 0 auto;display: inline-block;}
.box5 .reason li .b1{float: left;}
.box5 .reason li .b2{float: left;margin-left: 14px;margin-top: 17px;}
.box5 .reason li h3{font-size: 22px;color: #333333;text-align: left;}
.box5 .reason li h4{font-size: 12px;color: #808080;text-transform: uppercase;}
.box5 .reason li:hover .img{display: none;}
.box5 .reason li:hover .imgf{display: block;}
.box5 .reason li:hover{background-color: #c91c1c;border-color: #c40000;}
.box5 .reason li:hover h3,
.box5 .reason li:hover h4{color: #fff;}
.box5 .reason li:last-child{margin-right: 0;}
.box5 .a3{position: relative;}
.box5 .a3 .img{width: 1200px;height: 534px;}
.box5 .a3 .txt{width: 1042px;height: 167px;padding: 30px 46px;background-color: #c91c1c;color: #fff;position: absolute;left: 44px;top: 450px;}
.box5 .a3 .txt h3{font-size: 22px;}
.box5 .a3 .txt p{font-size: 15px;margin-top: 5px;width: 637px;height: 70px;overflow: hidden;}
.box5 .phone1{margin-top: 5px;font-size:22px;color:#fff;line-height:35px;background: url(../images/phone2.png) no-repeat left center;font-family:"黑体";width: 207px;padding-top: 3px;padding-right: 10px;padding-left: 43px;margin-top: 29px;position: absolute;left: 854px;top: 475px;}
.box5 .phone1 p{margin-top: 20px;}


.a3{display:none;}
.a3.clicked{display:block;}






/* 【 6 应用案例 】 */
.box6{clear: both;position: relative;padding-bottom: 60px;}
/* 大标题 */
.box6 .bigT{text-align: center;}
.box6 .bigT h3{font-size: 31.87px;color: #333333;font-weight: bold;}
.box6 .bigT h4{font-size: 18px;color: #808080;margin-top: 13px;}
/* 列表 */
.box6 ul{margin-top: 42px;}
.box6 li{width: 375px;height: 283px;margin-left: 12px;margin-right: 13px;margin-bottom: 22px;float: left;position: relative;}
.box6 li .content{position: absolute;bottom: 0px;width: 375px;height: 45px;font-size: 16px;background-color: #000000A0;color: #fff;text-align: center;line-height: 45px;}
.box6 li:hover {filter: brightness(110%);}
.box6 li .img  img{
    width: 100%;
}



/* 【 7 关于我们 】 */
.box7{background-color: #f5f5f5;padding: 60px;}
/* 大标题 */
.box7 .bigT{text-align: center;}
.box7 .bigT h3{font-size: 31.87px;color: #333333;font-weight: bold;}
.box7 .bigT h4{font-size: 18px;color: #808080;margin-top: 13px;text-transform: uppercase;}
.box7 .a2 .b1{margin-top: 47px;}
.box7 .a2 .b1 .tt{font-size: 26px;color: #333333;background: url(../images/about_line.png) no-repeat center bottom;width: 267px;height: 41px;}
.box7 .a2 .b1 .content{color: #333333;font-size: 14px;line-height: 27px;width: 564px;height: 195px;overflow: hidden;text-indent: 30px;margin-top: 10px;}
.box7 .a2 .b1 .btn1{font-size: 12px;color: #fff;background-color: #c91c1c;width: 100px;height: 30px;text-align: center;line-height: 30px;margin-top: 13px;}
.box7 .a2 .b2 img{width: 600px;height: 333px;margin-top: 47px;}




/* 【 8 新闻中心 】 */
.box8{padding: 80px 0;}
.box8 .a1{}
.box8 .a1 .b1{font-size: 32px;color: #c91c1c;}
.box8 .a1 .b1 span{color: #cccccc;}
.box8 .a1 .b2{width: 490px;height: 490px;overflow: hidden;background-color: #f5f5f5;padding: 38px 54px;margin-top: 37px;}
.box8 .a1 .b2 .c1{width: 388px;height: 402px;overflow: hidden;}
.box8 .a1 .b2 .c1 h1{font-size: 23.99px;color: #999999;padding-bottom: 18px;}
.box8 .a1 .b2 .c1 h2{font-size: 20px;color: #333333;padding-bottom: 18px;}
.box8 .a1 .b2 .c1 h3{font-size: 14px;color: #999999;padding-bottom: 18px;line-height: 28px;}
.box8 .a1 .b2 .c1 img{width: 100%;height: 196px;}
.box8 .a1 .b2 .c1 .btn1{width: 90px;height: 28px;background: url(../images/new_btn1.png) no-repeat center top;margin-top: 20px;}
.box8 .a2 .b1{text-align: right;}
.box8 .a2 .b1 a{width: 82px;margin-right: 45px;font-size: 18px;color: #333333;padding-bottom: 5px;}
.box8 .a2 .b1 a:hover{border-bottom: 1px solid #c91c1c;}
/* .box8 .a2 .b1 a:first-child{border-bottom: 1px solid #c91c1c;} */
.box8 .a2 .b1 a:last-child:hover{border-bottom: none;}
.box8 .a2 .b1 .more1{font-size: 12px;color: #999999;}
.box8 .a2 .b2{margin-top: 55px;}
.box8 .a2 .b2 li{width: 630px;height: 164px;background-color: #f5f5f5;padding: 40px;border-bottom: 1px solid #e6e6e6;}
.box8 .a2 .b2 li:hover{background-color: #c91c1c;}
.box8 .a2 .b2 li:hover .c1 h3{background: url(../images/new_point1a.png) no-repeat 5px 8px;}
.box8 .a2 .b2 li:hover h3,
.box8 .a2 .b2 li:hover h4{color: #fff;}
.box8 .a2 .b2 li:hover .jianTou1{background: url(../images/new_jt1a.png) no-repeat center top;}
.box8 .a2 .b2 .c1{}
.box8 .a2 .b2 .c1 h3{font-size: 18px;color: #333333;background: url(../images/new_point1.png) no-repeat 5px 8px;padding-left: 24px;float: left;}
.box8 .a2 .b2 .c1 h4{float: right;font-size: 23.99px;color: #999999;}
.box8 .a2 .b2 .c2{clear: both;width: 438px;height: 54px;overflow: hidden;padding-top: 13px;}
.box8 .a2 .b2 .c2 h3{font-size: 14px;color: #999999;line-height: 22px;float: left;}
.box8 .a2 .b2 .c2 h4:hover{background: url(../images/new_jt1a.png) no-repeat center top;}
.box8 .a2 .b2 .jianTou1{width: 33px;height: 18px;background: url(../images/new_jt1.png) no-repeat center top;float: right;position: relative;top: -18px;left: -2px;}





/* 【 9 友情链接 】 */
.box9{padding-bottom: 37px;}
/* .box9 .wh{border-bottom: 1px solid #e6e6e6;padding-bottom: 8px;} */
.box9 .a1{font-size: 17.98px;color: #082943;background: url(../images/line4.png) no-repeat center bottom;padding-bottom: 8px;}
.box9 .a1 span.b1{font-size: 16px;color: #d7090a;}
.box9 .a1 span.b2{font-size: 16px;color: #666666;}
.box9 .a2{padding-top: 12px;}
.box9 .a2 a{color: #666666;font-size: 12px;}







/* ======================== 模板 ========================  */








/* 关键字+搜索+电话 */
/* 关键词 */
.key1 .a3{line-height: 41px;margin-right: 6px;}
.key1 .a3 a{color: #1c1b1b;font-size: 12px;}
.key1 .a3 a:hover{color: #e80435;}
.key1 .a3 a::after {content: "、";}
.key1 .a3 a:last-child:after {content: none;}






/* 【页脚】 */
.footer1{background-color: #c91c1c;height: 46px;line-height: 46px;font-size: 14.15px;position: relative;}
.footer1 .wh .a1{display:flex;flex-direction:row;}
.footer1 a{color: #fff;flex:1;text-align: center;}

.footer{text-align:center;background-color: #333333;padding-top: 50px;}
.footer .wh{display: table;}
.copyright{text-align:center;line-height:24px;}

/* 栏目 分类 (列表) */
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;text-align:center;}
.f_nav dt{margin-bottom:8px;}
.f_nav dt a{font-size:14px;color:#333;}
.f_nav dd{line-height:20px;}
.f_nav dd a{font-size:12px;color:#333;}
/* 左侧 */
.footer .left1 .logo{background-color: #fff;width: 165px;height: 125px;text-align: center;line-height: 125px;}
.footer .left1 .content1{text-align: left;color: #fff;font-size: 12px;line-height: 25px;border-left: 1px solid #fff;padding-left: 30px;margin-left: 20px;}

/* 二维码 */
/* 左侧 文字 */
.qrcode .txt_Left{float: left;margin-right: 5px;margin-top: 10px;background: url(../images/qrcode_pic1.png) no-repeat center top;padding-top: 20px;}    
.qrcode .txt_Left{  width: 14px; line-height: 14px;    font-size: 14px;color: #d3d3d3;}  /* 文字 竖排 */
/* 图片 */
.qrcode .code1{width: 138px;overflow: hidden;float: left;}  /*  大小 */
.qrcode .code1 img{height: 134px;border:1px #aaaaaa solid;width: 100%;height: 100%;overflow: hidden;}  /*  边框 */
/* 底部 文字 */
.qrcode .txt_bottom{clear: both;text-align: center;margin-top: 5px;font-size: 12px;color: #666666;}
/* 分割线 */
.footer .line1{height: 1px;width: 100%;background-color: #808080;margin-top: 25px;}
 /* 热推信息 */
.hotMessage{clear: both;font-size: 12px;color: #fff;padding-top: 10px;}
.hotMessage a{color: #fff;}
.copyright{color: #fff;padding: 10px 0;}
.copyright a{color: #fff;}
.footer .jszc a{color:#fff;}




/* 【内页 左侧】 */
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}

#formsearch input::-webkit-input-placeholder {color:#ffffff;}
#formsearch textarea::-webkit-input-placeholder {color: #ffffff;}