@charset "utf-8";

html{ overflow-x:hidden; width: 100%;  }
body{ font-size: 100%; color: #333; background: #fff; }
a{ color: #656468; }
.lay-width{ width: 1200px; margin: 0 auto; }

.h-top{ width: 100%; height: 28px; line-height: 28px; background: #f1f3f4; font-size: 12px; }
.h-top p{ float: left;line-height: 28px; }

.h-top .tool{ float: right; height: 100%; color: #333; }
.h-top .tool a{ display: inline-block; padding:0 10px; }
.h-top .tool a:hover{ color: #c3538b; }

.h-wrap{  height: 106px; }
.logo{ width: 100px; height: 100px; float: left; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }

.menu{ float: right; }
.menu ul{ height: 106px;  }
.menu ul li{ width: 108px; float: left; position: relative; }
.menu ul li a{ width: 108px; height:106px; line-height: 106px;  color:#646060; display: inline-block; text-align: center;  }
.menu ul li a:hover,.menu ul li a.navdown{ color: #c3538b; }


.banner{ height: 626px; text-align: center; }
.ban{ height:400px; text-align: center; }

.main-sec1{}
.main-sec2{}
.main-sec3{ margin-top: 35px; margin-bottom: 50px; }

.main-pro{}
.main-reason{}

.m-sec{}

.m-sec .m-tit{ padding: 50px 0 20px; text-align: center; }
.m-sec .m-tit h2{ height: 78px; line-height: 78px; color: #2f2f33; font-size: 28px; }
.m-sec .m-tit h3{ font-size: 12px; text-transform: uppercase;-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px); }

.mshadow{ -webkit-box-shadow: 0px 0px 5px #c1c1c1e0; -moz-box-shadow: 0px 0px 5px #c1c1c1e0; box-shadow: 0px 0px 5px #c1c1c1e0; }

/*首页产品列*/
.m-pro{ padding-bottom:30px; padding-top:5px;}
.m-pro ul{}
.m-pro ul li{ width: 374px; float: left; margin-left:20px; margin-top: 20px; }
.m-pro ul li a,.mpro_wrap{}
.mpro_box{ width: 374px; height: 235px; position: relative; }
.mpro_box img{ max-width: 100%; max-height: 100%; -webkit-transition: 1s all; -moz-transition: 1s all; transition: 1s all; }
.mpro_wrap p{ width: 100%; height: 45px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 45px; text-align: center; }
.m-pro ul li:hover .mpro_box img{ -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); }

/*选择理由*/
.m-reason{ padding-left:10px; padding-top: 25px;  }
.mrs_list{ width: 374px; height: 216px; margin:0 0 35px 15px; float: left; position: relative; padding:12px 15px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; transition: .5s background;}
.mrs_list i{ width: 42px; height: 42px; display: block; }
.mrs_list span{ display: block; font-size: 18px; height: 44px; line-height: 44px; position: relative; }
.mrs_list span:after{ width:35px; border-bottom: 1px solid #333;  content: ""; position: absolute;bottom: 0; left: 0; }
.mrs_list div{ margin-top: 18px; line-height: 32px; }

.mrs_list:hover em{ display: none; }
.mrs_list em{ width:30px; height: 47px; display: inline-block;  position: absolute; background: url(../images/pd_1.png) no-repeat; top: 0;
    right: 25px; color: #fff;
    line-height: 47px;
    text-align: center;}

.mrs_list:hover{ background: #c3538b; color: #fff; }
.mrs_list:hover span:after{ border-bottom: 1px solid #fff; }

.mrs_list i{ background: url(../images/pp_11.png) no-repeat; transition: 1s all; }
.mrs_list:nth-child(2) i{ background: url(../images/pp_21.png) no-repeat; }
.mrs_list:nth-child(3) i{ background: url(../images/pp_31.png) no-repeat; }
.mrs_list:nth-child(4) i{ background: url(../images/pp_41.png) no-repeat; }
.mrs_list:nth-child(5) i{ background: url(../images/pp_51.png) no-repeat; }
.mrs_list:nth-child(6) i{ background: url(../images/pp_61.png) no-repeat; }

.mrs_list:hover i{ background: url(../images/pp_10.png) no-repeat; }
.mrs_list:nth-child(2):hover i{ background: url(../images/pp_20.png) no-repeat; }
.mrs_list:nth-child(3):hover i{ background: url(../images/pp_30.png) no-repeat; }
.mrs_list:nth-child(4):hover i{ background: url(../images/pp_40.png) no-repeat; }
.mrs_list:nth-child(5):hover i{ background: url(../images/pp_50.png) no-repeat; }
.mrs_list:nth-child(6):hover i{ background: url(../images/pp_60.png) no-repeat; }

/*工艺*/
.m-goyi{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-pack:distribute; justify-content:space-around; margin-top:50px; }
.mgy_list { width: 200px; height: 195px; text-align: center;   -webkit-box-flex:0;   -moz-box-flex:0;   -ms-flex:0 auto 200px;   flex:0 auto 200px;  -webkit-box-orient:horizontal;  -webkit-box-direction:normal;  -moz-box-orient:horizontal;  -moz-box-direction:normal;  -ms-flex-direction:row;  flex-direction:row; transition: 0.5s all;}
.mgy_list i{ width: 128px; height: 92px; display: inline-block; transition: 0.5s all; }
.mgy_list p{ font-size: 18px; line-height: 40px; }
.mgy_list span{ font-size: 13px; text-transform:uppercase; }

.mgy_list:hover{ background: #c3538b; color: #fff; }

.mgy_list:nth-child(1) i{ background: url(../images/pb_11.png) no-repeat; }
.mgy_list:nth-child(2) i{ background: url(../images/pb_21.png) no-repeat; }
.mgy_list:nth-child(3) i{ background: url(../images/pb_31.png) no-repeat; }
.mgy_list:nth-child(4) i{ background: url(../images/pb_41.png) no-repeat; }


.mgy_list:nth-child(1):hover i{ background: url(../images/pb_10.png) no-repeat; }
.mgy_list:nth-child(2):hover i{ background: url(../images/pb_20.png) no-repeat; }
.mgy_list:nth-child(3):hover i{ background: url(../images/pb_30.png) no-repeat; }
.mgy_list:nth-child(4):hover i{ background: url(../images/pb_40.png) no-repeat; }


.m-ban{ width: 100%; min-width: 1200px; height: 455px; background: url(../images/m-ban.jpg) no-repeat center;     margin-top: 35px; }

.m-about{ width: 362px; height: 387px; float: left; margin:40px 0 0 10px; background: #ffffffd1; 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
	        box-sizing: border-box; padding: 25px 30px; text-align: center;
}

.mabout-tit{ text-align: center; padding-bottom: 42px; position: relative; }
.mabout-tit:after{ width: 32px; height: 3px; background: #c3538b; content: ''; margin-left: -16px; position: absolute; left: 50%; bottom: 0;   }
.mabout-tit .ma-t1{ font-size: 20px; line-height: 34px; }
.mabout-tit .ma-t2{ font-size: 13px; text-transform: uppercase; }

.mabout-des{ line-height: 32px;  padding-top: 30px;}
.mabout-more{ width: 93px; height: 32px; display: inline-block; background: url(../images/pd_3.jpg) no-repeat; margin-top: 20px; cursor: pointer; }

/*新闻*/

.m-new{ position: relative; min-height: 720px; }
.mnew-tit{ width: 450px; float: left; height: 60px; line-height: 60px; margin-top: 28px; padding-left:20px;  }
.mnew-tit .mn-t1{ font-size: 20px;display: inline-block; margin-left: 10px; }
.mnew-tit .mn-t2{  display: inline-block; font-size: 27px; text-transform: uppercase; }

.mnew-first{ width: 435px; padding:18px; position: absolute; left: 0; top:160px; }
.mnew-first .mnf-date{ height: 60px; line-height: 60px; color: #666; font-size: 24px; display: inline-block;}
.mnf-wrap .mnf-t1{ font-size: 18px;line-height: 40px; height: 40px; }
.mnf-wrap .mnf-txt{ line-height: 28px; font-size: 14px; padding: 10px 0; }
.mnfp-pp{ margin-top: 10px; width: 465px; height: 241px; overflow: hidden; text-align: center; }
.mnf-wrap .mnf-pic{ max-width: 100%; }
.mnf-wrap .mnf-more{ display:block; margin-top: 30px; width: 110px; height: 34px; line-height: 34px; color: #fff; text-align: center; background: #c3538b; }


.mnews_tab{ width:572px; float: right; margin-top:45px; overflow:hidden; clear:both; }
.mnews_tab_labs{  height:40px; overflow:hidden; position:relative; }
.mnews_tab_lab{ width: 154px; text-align: center; float:left; height:40px; line-height:40px; font-size:16px; cursor:pointer; transition: 0.5s;}
.sptl_show{ background:#c3538b; color:#fff;}

.mnews_tab_cont{ }
.mnews_tab_item{display:none;}


.mn_ul{ width: 572px; margin-top: 42px; }
.mn_list{ width: 100%; height: 180px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0; border-top: 1px solid #ddd; }
.mn_list .mnl-t{ width:430px;  height: 32px; line-height: 32px; font-size: 1rem; color: #222; display: block;  }
.mn_list .mnl-des{ width: 430px; max-height:84px;  line-height: 28px; font-size: 14px; }
.mn_list .mnl-date{  height: 32px;   line-height: 32px;   color: #666;   font-size: 24px; position: absolute; right: 20px; top:30px;}
.mn_list .mnl-more{ position: absolute; width: 60px; height: 34px; border-left:1px solid #ccc; display: inline-block; right: 12px;top: 80px; cursor: pointer;  }
.mn_list .mnl-more:after{ width: 0px; height: 0px; content: ''; border-color:#c3538b; position: absolute; top: 7px;left: 15px; 
 border-top:10px solid  transparent;
 border-bottom:10px solid  transparent;
 border-left:18px solid #ddd;
display: inline-block; }

.mn_list:hover .mnl-t,.mn_list .mnl-t:hover{ color: #c3538b; }
.mn_list:hover .mnl-more:after,.mn_list .mnl-more:hover:after{  border-left:18px solid #c3538b; }


/*品质*/

.m-pinzi{ padding-bottom: 22px; }

.mpz-tit{ height: 85px; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding: 15px 20px; }
.mpz-tit .mpz-t1{ height: 30px; line-height: 30px; color: #2f2f33; font-size: 18px;  }
.mpz-tit .mpz-t2{font-size: 12px; line-height: 28px;}
.mpz-tit .mpz-tel{ height: 30px; line-height: 30px; float: right; margin-top:20px ; font-size: 18px; color: #c3538b; padding-left:32px; background: url(../images/pd_2.png) no-repeat left ; }


.mpz-s{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px; margin-top:25px; height: 102px; overflow: hidden; }
.mpz-s .bd{ height: 102px; overflow: hidden; }
.mpz_ul{}
.mpz_list{ overflow: hidden;  }
.mpz-lb{ width: 500px; height: 34px; line-height: 34px; float: left; font-size: 14px; color: #656468; padding-left:20px; } 
.mpz-lb p{ display: inline-block; width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mpz-lb span{ width: 90px; float: right; text-align: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.mpz-lb i{ float: right; width: 100px; text-align: center; }

.mpz_list .mpz-lb:nth-child(n+1){ float: left; }
.mpz_list .mpz-lb:nth-child(n+2){ float: auto; float: right; }
.mpz-lb:hover{ color: #c3538b; }


footer{ background: #c3538b; color: #fff; }

.f-map{ width: 212px; overflow: hidden; color: #fff; float: left; }
.f-map a{ width: 100px; height: 36px; color:#fff; display: inline-block; line-height: 36px; }

.f-map a:nth-child(odd){ float: left; }
.f-map a:nth-child(even){ float: right; }
.foot-wrap{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding: 50px 0 60px; overflow: hidden;  }

.copyr{ width: 520px; float: left; margin-left: 120px;color: #fff; font-size: 14px; }
.copyr-black span{ display: inline-block; height: 36px; line-height: 36px; padding-left:30px; color: #fff;      margin-right: 40px;}
.copyr p{
    line-height: 36px;
}
.copyr a { line-height: 36px; display:inline-block;}
.f-ico-dress{ background: url(../images/pd_4.png) no-repeat left center; }
.f-ico-tel{ background: url(../images/pd_4.png) no-repeat left center; }

.f-wechar{ min-width: 300px; border: 1px solid #fff; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px; }
.fw-img{ width: 100px; height: 100px; float: left; }
.f-wechar .fw-des{ width: 130px; float: right; margin-top: 25px; line-height: 24px;  }
.f-wechar .fw-des p{}
.f-wechar .fw-des span{ font-size: 12px; }


/*内页*/
.bread_crumbs{ position: relative; height: 28px; line-height: 28px; padding: 10px 0; padding-left:30px; background: url(../images/pd_6.png) no-repeat left center; font-size: 14px;   }
.bread_crumbs a{ display: inline-block; }
.bread_crumbs a:hover{ color:#c3538b;}

.met_section  {padding-top: 0px;}
.met_section aside section h2{ background: #313131; color: #fff; height: 72px; line-height: 72px; text-align: center; }

/*产品列表*/
.ippro_wrap{}
.ippro_wrap ul{ min-width: 963px;}
.ippro_li{ float: left; width: 311px; margin-left: 10px; margin-bottom: 10px; -webkit-transition: 1s all; -moz-transition: 1s all; transition: 1s all; }
.ippro_li .ippro_bp{ width: 311px; height: 191px; display: inline-block;position: relative; overflow: hidden; }

.ippro_li .ippro_bp:after{opacity: 0; width: 100%; height: 100%; content:''; display: inline-block; position: absolute; top:0; left: 0; text-align: center; background:#c3538b ;-webkit-transition: 1s all;-moz-transition: 1s all;transition: 1s all;}

.ippro_li .ippro_bp .ippro_f{ opacity: 0; background: url(../images/fd_1.png) no-repeat center;}
.ippro_li .ippro_bp .ippro_f{ position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 100; display: inline-block; }
.ippro_li .ippro_bp i:before,.ippro_li .ippro_bp i:after{ position: absolute; content:''; width: 20px; height: 15px;  display: inline-block; 
 border-color:transparent; border-style: solid; }
.ippro_li .ippro_bp .ip_i:before{ 20px;  left:0; top:0; border-width: 2px 0 0 2px; -webkit-transition: 1s all; -moz-transition: 1s all; transition: 1s all;}
.ippro_li .ippro_bp .ip_i:after{  right:0; top:0; border-width: 2px 1px 0 0px; -webkit-transition: 1s all; -moz-transition: 1s all; transition: 1s all;}
.ippro_li .ippro_bp .ip_i2:after{ left:0; bottom:0;  border-width: 0px 0 2px 2px;-webkit-transition: 1s all;-moz-transition: 1s all;transition: 1s all;}
.ippro_li .ippro_bp .ip_i2:before{ right:0; bottom:0;  border-width: 0px 2px 2px 0px; -webkit-transition: 1s all; -moz-transition: 1s all; transition: 1s all;}

.ippro_li .ippro_bp img{ width: 100%;  display: inline-block;  }
.ippro_li .ippro_tit{ height: 40px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; padding: 0 10px; text-align: center; color: #67676b; line-height: 40px; }

.ippro_li:hover .ippro_bp:after{ opacity: 0.5; }
.ippro_li:hover .ippro_bp .ippro_f{ opacity: 1; }
.ippro_li:hover .ippro_bp i:before,.ippro_li:hover .ippro_bp i:after{  border-color:#fff;}
.ippro_li:hover .ippro_bp .ip_i:before{ left:36%; top:33%; }
.ippro_li:hover .ippro_bp .ip_i:after{ right:36%; top:33%; }
.ippro_li:hover .ippro_bp .ip_i2:after{ left:36%; bottom:33%;}
.ippro_li:hover .ippro_bp .ip_i2:before{ right:36%; bottom:33%;}

.met_section aside .aside_pro{ margin-top: 20px; border: none; }

.aside_pro .bd{ width: 230px; height: 176px; overflow: hidden; position:relative; z-index:0; margin-top: 10px; }
.aside_pro .bd li{ zoom:1; vertical-align:middle; }
.aside_pro .bd img{ width:230px; height:176px; display:block;  }

.aside_pro .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
.aside_pro .hd ul{ overflow:hidden; zoom:1; float:left;  }
.aside_pro .hd ul li{ float:left; margin-right:5px;  width:11px; height:11px; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent: 999px; -moz-border-radius:50%; border-radius:50%; }
.aside_pro .hd ul li.on{ background:#c3538b; color:#fff; }

/*产品内页*/

.sp_wrap{}
.sp_wrap figure{ text-align: center; }
.sp_wrap figure img{ display: inline-block; max-width: 85%; }

.sp_para{padding-top: 30px; margin-left: 130px;}
.sp_para ul{ overflow: hidden; }
.sp_para ul li{ width: 370px; float: left; margin-right: 65px; line-height:40px;font-size: 14px;  }
.sp_para ul li .spp_name{ color: #797d7f; display: inline-block;  }
.sp_para ul li p{ color: #3b3f41; display: inline-block; }
.sp_para ul li:nth-child(even){margin-right: 0px; }


.met_related_list{ min-width: 850px;  }
.met_related_list li{ float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:25%;  }
.met_related_list li a{ width: 95%;  }
.met_related_list li a img{ max-width: 100%;  }
.met_related_list li h2{ line-height: 40px; height: 40px; text-align: center; }

#showproduct .met_related_list{ visibility: visible; }
#showproduct .met_related_list li a{ border: none; }
#showproduct .met_related_list li h2{ text-align: center; }

.layw-min{ min-width: 1200px;  }
.h-top{ min-width: 1200px;  }
.tem_banner{ min-width: 1200px;  }
.m-ban{ min-width: 1200px;  }
footer{ min-width: 1200px;  }

.bx-wrapper{ margin-bottom: 0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 40px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #c3538b;
}


#back-to-top{ position: fixed; right: 0; bottom:25%; background: #c3538b; color: #fff; 
	height: 80px;
    width: 35px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center; z-index: 999; font-size: 14px; cursor: pointer;}