*{ margin:0; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html{}
body{color: #333; background:#f9f9f9;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:15px/1.5 Microsoft Yahei,微软雅黑,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:15px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle;border:0;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none; color:#333;cursor:pointer;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
@font-face {font-family: "Youshebiaotihei";src: url(../fonts/youshebiaotihei.ttf);}
@font-face {font-family: "impact";src: url(../fonts/impact.ttf);}

::-webkit-scrollbar-track { background-color:#ddd; width:1px; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#f05e0b;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#f05e0b;}

/* 按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input{ border-radius: 0; } 
.w1400{width:1400px;margin:0 auto;}

@media screen and (max-width:1440px){
    .w1400{ width:100%;}	
}


/*首页产品展示*/
.ind_tit{float:left; width:50%;}
.ind_tit span{ font-size:44px; font-weight:bold; color:#f05e0b; text-transform:uppercase;}
.ind_tit p{ font-size:18px; line-height:22px;}
.ind_tit p i{ width:36px; height:1px; background:#f05e0b; display:inline-block; margin:5px 4% 5px 0;}
.ind_more{ display:block;font-size:16px; color:#666; margin-top:35px; line-height:31px; display:flex; display: -webkit-flex; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; float:right;}
.ind_more i{ display:block; width:24px; height:24px; border-radius:50%; background:#f05e0b url(../images/morejt1.png) center no-repeat; margin-left:10px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;margin: 3px 0 0 10px;}
.ind_pro{ overflow:hidden;}
.ind_pro .fenlei{ width:100%; float:right; height:70px; margin-top:30px; background:#fff; overflow:hidden;}
.ind_pro .fenlei li{ width:14.28%; height:70px; line-height:70px;float:left;text-align:center; position:relative;}
.ind_pro .fenlei li a{color:#333; font-size:16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; display:block; padding:0 10%;}
.ind_pro .fenlei li a i{margin: -3px 6px 0 0;width:14px; height:14px; display:inline-block;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;vertical-align: middle;}
.ind_pro .fenlei li:before{width: 0;height: 0;border-top: 10px solid #f05e0b;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -5px; left:45%;}
.ind_pro .fenlei li:hover:before{content: "";}
.ind_pro .fenlei li:after{content: "";display:block; width:1px; height:20px; background:#e6e6e6; position:absolute; right:0; top:35%;}
.ind_pro .fenlei li:last-child:after,.ind_pro .fenlei li:hover:after,.ind_pro .fenlei li:nth-child(7):after{ display:none;}
.ind_pro .fenlei li:hover{ background:#f05e0b;}
.ind_pro .fenlei li:hover a{color:#fff;}
.ind_pro .fenlei li:hover i{background:url(../images/protype_on_ico.png) center no-repeat;}

.ind_pro .cpzs{ width:100%; margin-top:65px; min-height:440px;}
.ind_pro .cpzs ul li{ width:23.8%; margin-right:1.6%; float:left; background:#fff;margin-bottom:20px;}
.ind_pro .cpzs ul li:nth-child(4n){ margin-right:0;}
.ind_pro .cpzs ul li .pic{ display:block; width:100%; height:300px; position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6;padding:5%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ind_pro .cpzs ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}
.ind_pro .cpzs ul li:hover .pic img{transform: scale(1.06);}
.ind_pro .cpzs ul li .name{ font-size:18px; font-weight:bold; text-align:center; padding:5% 5% 5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}
.ind_pro .cpzs ul li:hover .name{ color:#f05e0b;}
.ind_pro .cpzs ul li span{display: block;width: 100%; height: 30px;overflow: hidden; line-height: 30px; color: #999;font-size: 16px;text-align: center;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;padding: 0;}
.ind_pro .cpzs ul li span img{display: inline-block;width: 18px; height: 18px;vertical-align: middle;margin: -2px 4px 0 0;padding: 0;}
.ind_pro .cpzs ul li p{ margin:2% auto 0; text-align:center; height:55px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}
.ind_pro .cpzs ul li .ind_more{ float:none;justify-content: center; margin:0 auto; padding:4% 0; color:#999;}
.ind_pro .cpzs ul li:hover p{ background:#f05e0b;}
.ind_pro .cpzs ul li:hover .ind_more{ color:#fff;}
.ind_pro .cpzs ul li:hover .ind_more i{background:#fff url(../images/morejt1_on.png) center no-repeat;}
@media screen and (max-width:1399px){
	.ind_pro .cpzs ul li .pic{ height:240px;}
}
@media screen and (max-width:1080px){
	.ind_tit span{ font-size:30px;}
	.ind_more{ margin-top:20px;}
	.ind_pro{ padding:40px 0 20px;}
	.ind_pro .fenlei{ width:100%;margin-top: 30px;}
	.ind_pro .cpzs{ margin-top:30px;}
	.ind_pro .cpzs ul li .pic{ height:200px;}
	
}
@media screen and (max-width:768px){
	.ind_pro .fenlei{ height:auto;}
	.ind_pro .fenlei li{ width:20%; height:40px; line-height:40px;}
	.ind_pro .fenlei li:last-child:after,.ind_pro .fenlei li:nth-child(5n+5):after,.ind_pro .fenlei li:hover:after{ display:none;}
	.ind_pro .cpzs ul li{ width:49%; margin-right:2%; margin-bottom:10px;}
	.ind_pro .cpzs ul li:nth-child(3n){ margin-right:2%;}
	.ind_pro .cpzs ul li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:600px){
	.ind_pro{ padding:20px 0 0;}
	.ind_pro .fenlei li{ width:25%;}
	.ind_pro .fenlei li:nth-child(5n+5):after{ display:block;}
	.ind_pro .fenlei li:nth-child(4n+4):after{ display:none;}
	.ind_pro .cpzs{ margin-top:20px;}
	.ind_pro .cpzs ul li .pic{ height:180px;}
}
@media screen and (max-width:425px){
	.ind_tit span{ font-size:20px;}
	.ind_tit p i{ width:20px;}
	.ind_more{ margin-top:15px;}
	.ind_pro .fenlei li{ width:33.33%;}
	.ind_pro .fenlei li:nth-child(4n+4):after{ display:block;}
	.ind_pro .fenlei li:nth-child(3n+3):after{ display:none;}
	.ind_pro .cpzs ul li .pic{ height:150px;}
	.ind_pro .cpzs ul li span img{ display:none;}
	.ind_pro .cpzs ul li p{ height:auto; margin:0 auto;}
	
}
@media screen and (max-width:320px){
	.ind_tit span{ font-size:16px;}
	.ind_tit p i{ display:none;}
	.ind_more{ margin-top:10px;}
	.ind_pro .fenlei{ display:none;}
	.ind_pro .cpzs ul li{ width:100%; margin-right:0;}
}