@charset "utf-8";
/* CSS Document */
.in-pro .tu img{width:100%;}
@media screen and (min-width: 1380px) {
/*header*/
	.header{background:url(../images/product/bj.jpg) no-repeat center;padding-bottom:12%;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.pro{margin-bottom:2%;}
	.banner .in-tit{margin-top:0;}
	.banner .in-tit h1,.banner .in-tit p{color:#fff;}
	.banner .tit-bd form input{width:33%;float:left;margin:0 1%;height:48px;background:#56595d;border:1px solid #9f9f9f;border-radius:10px;padding:0 1%;color:#fff;font-size:16px;}
	.banner .tit-bd{text-align:center;}
	.banner .tit-bd form{width:76%;margin:0 12%;} button{width:25%;height:50px;background:url(../images/product/tijiao.png) no-repeat;background-size:100% 100%;float:left;border:0;}
	.mtl{margin-top:-10%;}
	input::-webkit-input-placeholder{color:#EDEDED;}
    input::-moz-placeholder{color:#EDEDED;}
    input:-moz-placeholder{color:#EDEDED;}
    input:-ms-input-placeholder{color:#EDEDED;}
/*product*/
	.pro{background:#f7f7f7;padding-bottom:0.8%;border-radius:6px;-webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);}
	.pro .bt-tit{padding-left:8%;margin-top:2%;position:relative;background:url(../images/product/bt.png) no-repeat 2.5% center;}
	.pro .bt-tit h1{font-size:28px;color:#050505;margin:0;}
	.pro .bt-tit p{font-size:16px;color:#525252;margin-top:0.8%;}
	.pro .bt-tit a{width:12.5%;padding:1.5% 0;position:absolute;right:3.5%;top:24%;background:url(../images/product/ckgd.png) no-repeat right center;background-size:100% auto;}
	.pro .bt-tit a:hover{background:url(../images/product/ckgd_hover.png) no-repeat right center;}
	.pro .row{margin:0 -0.6%;padding:2% 2% 0 2%;}
	.in-pro{padding:0 0.6%;width:23.8%;float:left;margin-bottom:1.5%;}
	.in-pro a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat center 100%;background-size:99% 64%;position:relative;padding-bottom:8%;}
	.in-pro .tu{width:90%;margin:0 5%;border-radius:10px;overflow:hidden;position:relative;}
	.in-pro .tu .mask{background-color: rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0;left:0;right:0;display:none;}
	.in-pro .tu .mask img{position:absolute;left:0;right:0;margin:0 auto;top:45%;width:40%;}
	.in-pro  .tit{width:90%;margin:4% 5% 0 5%;}
	.in-pro  .tit h2{font-size:20px;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:6% 0 3% 0;padding:0 2%;}
	.in-pro .tit p{font-size:16px;color:#4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background:url(../images/index/cpzx_clnl.png) no-repeat 2% center;padding:0 2% 0 9%;}
	.in-pro .more{width:18%;padding:15% 0;position:absolute;top:61%;right:8%;background:url(../images/index/cpzx_gd.png) no-repeat center;}
	.in-pro a:hover .mask{display:block;}
	.in-pro a:hover .more{background:url(../images/index/cpzx_gd_hover.png) no-repeat center;}
	
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*header*/
	.header{background:url(../images/product/bj.jpg) no-repeat center;padding-bottom:12%;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.pro{margin-bottom:2%;}
	.banner .in-tit{margin-top:0;}
	.banner .in-tit h1,.banner .in-tit p{color:#fff;}
	.banner .tit-bd form input{width:33%;float:left;margin:0 1%;height:42px;background:#56595d;border:1px solid #9f9f9f;border-radius:10px;padding:0 1%;color:#fff;font-size:15px;}
	.banner .tit-bd{text-align:center;}
	.banner .tit-bd form{width:76%;margin:0 12%;} button{width:25%;height:45px;background:url(../images/product/tijiao.png) no-repeat;background-size:100% 100%;float:left;border:0;}
	.mtl{margin-top:-10%;}
	input::-webkit-input-placeholder{color:#EDEDED;}
    input::-moz-placeholder{color:#EDEDED;}
    input:-moz-placeholder{color:#EDEDED;}
    input:-ms-input-placeholder{color:#EDEDED;}
/*product*/
	.pro{background:#f7f7f7;padding-bottom:0.8%;border-radius:6px;-webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);}
	.pro .bt-tit{padding-left:8%;margin-top:2%;position:relative;background:url(../images/product/bt.png) no-repeat 2.5% center;background-size:4% auto;}
	.pro .bt-tit h1{font-size:26px;color:#050505;margin:0;}
	.pro .bt-tit p{font-size:15px;color:#525252;margin-top:0.8%;}
	.pro .bt-tit a{width:12.5%;padding:1.5% 0;position:absolute;right:3.5%;top:24%;background:url(../images/product/ckgd.png) no-repeat right center;background-size:100% auto;}
	.pro .bt-tit a:hover{background:url(../images/product/ckgd_hover.png) no-repeat right center;background-size:100% auto;}
	.pro .row{margin:0 -0.6%;padding:2% 2% 0 2%;}
	.in-pro{padding:0 0.6%;width:23.8%;float:left;margin-bottom:1.5%;}
	.in-pro a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat center 100%;background-size:99% 64%;position:relative;padding-bottom:8%;}
	.in-pro .tu{width:90%;margin:0 5%;border-radius:10px;overflow:hidden;position:relative;}
	.in-pro .tu .mask{background-color: rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0;left:0;right:0;display:none;}
	.in-pro .tu .mask img{position:absolute;left:0;right:0;margin:0 auto;top:45%;width:45%;}
	.in-pro  .tit{width:90%;margin:4% 5% 0 5%;}
	.in-pro  .tit h2{font-size:18px;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:6% 0 3% 0;padding:0 2%;}
	.in-pro .tit p{font-size:15px;color:#4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background:url(../images/index/cpzx_clnl.png) no-repeat 2% center;padding:0 2% 0 9%;}
	.in-pro .more{width:18%;padding:15% 0;position:absolute;top:61%;right:8%;background:url(../images/index/cpzx_gd.png) no-repeat center;}
	.in-pro a:hover .mask{display:block;}
	.in-pro a:hover .more{background:url(../images/index/cpzx_gd_hover.png) no-repeat center;}
	
}

@media screen and (max-width: 1200px) and (min-width: 992px){	
/*header*/
	.header{background:url(../images/product/bj.jpg) no-repeat center;padding-bottom:12%;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.pro{margin-bottom:2%;}
	.banner .in-tit{margin-top:0;}
	.banner .in-tit h1,.banner .in-tit p{color:#fff;}
	.banner .tit-bd form input{width:33%;float:left;margin:0 1%;height:42px;background:#56595d;border:1px solid #9f9f9f;border-radius:10px;padding:0 1%;color:#fff;font-size:15px;}
	.banner .tit-bd{text-align:center;}
	.banner .tit-bd form{width:76%;margin:0 12%;} button{width:25%;height:45px;background:url(../images/product/tijiao.png) no-repeat;background-size:100% 100%;float:left;border:0;}
	.mtl{margin-top:-10%;}
	input::-webkit-input-placeholder{color:#EDEDED;}
    input::-moz-placeholder{color:#EDEDED;}
    input:-moz-placeholder{color:#EDEDED;}
    input:-ms-input-placeholder{color:#EDEDED;}
/*product*/
	.pro{background:#f7f7f7;padding-bottom:0.8%;border-radius:6px;-webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);}
	.pro .bt-tit{padding-left:8%;margin-top:2%;position:relative;background:url(../images/product/bt.png) no-repeat 2.5% center;background-size:4% auto;}
	.pro .bt-tit h1{font-size:24px;color:#050505;margin:0;}
	.pro .bt-tit p{font-size:14px;color:#525252;margin-top:0.8%;}
	.pro .bt-tit a{width:12.5%;padding:1.5% 0;position:absolute;right:3.5%;top:24%;background:url(../images/product/ckgd.png) no-repeat right center;background-size:100% auto;}
	.pro .bt-tit a:hover{background:url(../images/product/ckgd_hover.png) no-repeat right center;background-size:100% auto;}
	.pro .row{margin:0 -0.6%;padding:2% 2% 0 2%;}
	.in-pro{padding:0 0.6%;width:23.8%;float:left;margin-bottom:1.5%;}
	.in-pro a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat center 100%;background-size:99% 64%;position:relative;padding-bottom:8%;}
	.in-pro .tu{width:90%;margin:0 5%;border-radius:10px;overflow:hidden;position:relative;}
	.in-pro .tu .mask{background-color: rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0;left:0;right:0;display:none;}
	.in-pro .tu .mask img{position:absolute;left:0;right:0;margin:0 auto;top:45%;width:55%;}
	.in-pro  .tit{width:90%;margin:4% 5% 0 5%;}
	.in-pro  .tit h2{font-size:16px;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:6% 0 3% 0;padding:0 2%;}
	.in-pro .tit p{font-size:13px;color:#4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background:url(../images/index/cpzx_clnl.png) no-repeat 2% center;padding:0 2% 0 12%;}
	.in-pro .more{width:18%;padding:15% 0;position:absolute;top:61%;right:8%;background:url(../images/index/cpzx_gd.png) no-repeat center;}
	.in-pro a:hover .mask{display:block;}
	.in-pro a:hover .more{background:url(../images/index/cpzx_gd_hover.png) no-repeat center;}
	
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*header*/
	.header{background:url(../images/product/bj.jpg) no-repeat center;padding-bottom:12%;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.pro{margin-bottom:2%;}
	.banner .in-tit{margin-top:0;}
	.banner .in-tit h1,.banner .in-tit p{color:#fff;}
	.banner .tit-bd form input{width:30%;float:left;margin:0 1%;height:42px;background:#56595d;border:1px solid #9f9f9f;border-radius:10px;padding:0 1%;color:#fff;font-size:14px;}
	.banner .tit-bd{text-align:center;}
	.banner .tit-bd form{width:86%;margin:0 7%;} button{width:30%;height:45px;background:url(../images/product/tijiao.png) no-repeat;background-size:100% 100%;float:left;border:0;}
	.mtl{margin-top:-10%;}
	input::-webkit-input-placeholder{color:#EDEDED;}
    input::-moz-placeholder{color:#EDEDED;}
    input:-moz-placeholder{color:#EDEDED;}
    input:-ms-input-placeholder{color:#EDEDED;}
/*product*/
	.pro{background:#f7f7f7;padding-bottom:0.8%;border-radius:6px;-webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);}
	.pro .bt-tit{padding-left:8%;margin-top:2%;position:relative;background:url(../images/product/bt.png) no-repeat 2.5% center;background-size:4% auto;}
	.pro .bt-tit h1{font-size:21px;color:#050505;margin:0;}
	.pro .bt-tit p{font-size:13px;color:#525252;margin-top:0.8%;}
	.pro .bt-tit a{width:14%;padding:3% 0;position:absolute;right:3.5%;top:12%;background:url(../images/product/ckgd.png) no-repeat right center;background-size:100% auto;}
	.pro .bt-tit a:hover{background:url(../images/product/ckgd_hover.png) no-repeat right center;background-size:100% auto;}
	.pro .row{margin:0 -0.6%;padding:2% 2% 0 2%;}
	.in-pro{padding:0 0.6%;width:23.8%;float:left;margin-bottom:1.5%;}
	.in-pro a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat center 100%;background-size:99% 64%;position:relative;padding-bottom:8%;}
	.in-pro .tu{width:90%;margin:0 5%;border-radius:10px;overflow:hidden;position:relative;}
	.in-pro .tu .mask{background-color: rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0;left:0;right:0;display:none;}
	.in-pro .tu .mask img{position:absolute;left:0;right:0;margin:0 auto;top:45%;width:50%;}
	.in-pro  .tit{width:90%;margin:4% 5% 0 5%;}
	.in-pro  .tit h2{font-size:15px;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:6% 0 3% 0;padding:0 2%;}
	.in-pro .tit p{font-size:13px;color:#4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background:url(../images/index/cpzx_clnl.png) no-repeat 2% center;padding:0 2% 0 12%;}
	.in-pro a:hover .mask{display:block;}
	
}

@media screen and (max-width: 768px) {	
/*header*/
	.header{background:url(../images/product/bj.jpg) no-repeat center;padding-bottom:12%;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.pro{margin-bottom:2%;}
	.banner .in-tit{margin-top:0;}
	.banner .in-tit h1,.banner .in-tit p{color:#fff;}
	.banner .tit-bd form input{width:30%;float:left;margin:0 1%;height:42px;background:#56595d;border:1px solid #9f9f9f;border-radius:10px;padding:0 1%;color:#fff;font-size:14px;}
	.banner .tit-bd{text-align:center;}
	.banner .tit-bd form{width:86%;margin:0 7%;} button{width:30%;height:45px;background:url(../images/product/tijiao.png) no-repeat;background-size:100% 100%;float:left;border:0;}
	/*.mtl{margin-top:-10%;}*/
	input::-webkit-input-placeholder{color:#EDEDED;}
    input::-moz-placeholder{color:#EDEDED;}
    input:-moz-placeholder{color:#EDEDED;}
    input:-ms-input-placeholder{color:#EDEDED;}
/*product*/
	.pro{background:#f7f7f7;padding-bottom:5%;border-radius:6px;-webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14);}
	.pro .bt-tit{padding-left:12%;margin-top:2%;position:relative;background:url(../images/product/bt.png) no-repeat 2.5% center;background-size:7% auto;}
	.pro .bt-tit h1{font-size:0.32rem;color:#050505;margin:0;padding:3% 0;}
	.pro .bt-tit p{font-size:13px;color:#525252;margin-top:0.8%;display:none;}
	.pro .bt-tit a{width:27%;padding:5% 0;position:absolute;right:3.5%;top:12%;background:url(../images/product/ckgd.png) no-repeat right center;background-size:100% auto;}
	.pro .bt-tit a:hover{background:url(../images/product/ckgd_hover.png) no-repeat right center;background-size:100% auto;}
	.pro .row{padding:2% 2% 0 2%;}
	.in-pro{padding:0 1%;width:48%;float:left;margin-bottom:1.5%;}
	.in-pro a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat center 100%;background-size:99% 64%;position:relative;padding-bottom:8%;}
	.in-pro .tu{width:90%;margin:0 5%;border-radius:10px;overflow:hidden;position:relative;}
	.in-pro .tu .mask{background-color: rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0;left:0;right:0;display:none;}
	.in-pro .tu .mask img{position:absolute;left:0;right:0;margin:0 auto;top:45%;width:50%;}
	.in-pro  .tit{width:90%;margin:4% 5% 0 5%;}
	.in-pro  .tit h2{font-size:0.28rem;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:6% 0 3% 0;padding:0 2%;}
	.in-pro .tit p{font-size:0.24rem;color:#4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background:url(../images/index/cpzx_clnl.png) no-repeat 2% center;padding:0 2% 0 12%;}
	.in-pro a:hover .mask{display:block;}
	
}