/*头部*/
.com-head{width: 100%;height: 88px;}
.com-banner{width: 100%;height: 420px;margin:0 auto;}
.com-banner img{height: 420px;width: 100%;}
/*搜索*/
.search{height: 220px; width: 75%; margin:0 auto; }
.search span{font-family: "微软雅黑";font-size: 18px;display:block;padding:40px 0px; }
.search .sou{height: 70px; width: 48%;border:1px solid #a6a6a6; }
.sou form input:first-child{height: 70px; width: 85%;font-family: "微软雅黑";font-weight: lighter; color:#cecdcd; font-size: 18px;padding-left: 15px;line-height: 50px; border:none;float: left;}
.sou form input:last-child{height: 70px; width: 8%;border:none;background:url(../images/product/sou-ico.png) no-repeat center;float:right;}
.sou form input:focus{ outline: none;box-shadow: 0 0 10px #9ecaed;}


/*产品分类*/
.pro-cate{height: auto;width: 75%;margin:0 auto; }
.pro-cate span{font-family: "微软雅黑";font-size:32px;}
.pro-cate .cate-list{width: 100%; height:560px;  margin:30px auto;  }
.cate-list .list-item{width: 49%; height: 90px;border:1px solid #a6a6a6; float: left; }
.list-item:hover{border:1px solid #d50d08;}
.list-item:nth-child(odd){margin:20px 1.4% 20px 0px;}
.list-item:nth-child(even){margin:20px 0px 20px 0px;}
.list-item a{font:18px/22px "微软雅黑" ;display: inline-block; color: #575656;padding: 34px 30px 34px 50px;background:url(../images/product/xhkz-ico.png) no-repeat 0px center; margin-left: 30px;}
.list-item .a2{background:url(../images/product/xhd-ico.png) no-repeat 0px center;}
.list-item .a3{background:url(../images/product/ggaq-ico.png) no-repeat 0px center;}
.list-item .a4{background:url(../images/product/znjt-ico.png) no-repeat 0px center;}
.list-item .a5{background:url(../images/product/dlbp-ico.png) no-repeat 0px center;}
.list-item .a6{background:url(../images/product/dlbx-ico.png) no-repeat 0px center;}
.list-item .a7{background:url(../images/product/glhl-ico.png) no-repeat 0px center;}
.list-item .a8{background:url(../images/product/bjcp-ico.jpg) no-repeat 0px center;}
.list-item .a9{background:url(../images/product/ysykz-ico.jpg) no-repeat 0px center;}
.list-item .a10{background:url(../images/product/mjcp-ico.jpg) no-repeat 0px center;}
.list-item .a11{background:url(../images/product/ptrj-ico.jpg) no-repeat 0px center;}
.list-item .a12{background:url(../images/product/cccp-ico.jpg) no-repeat 0px center;}
.list-item .a13{background:url(../images/product/cscp-ico.jpg) no-repeat 0px center;}
.list-item .a14{background:url(../images/product/jtdzjc-ico.jpg) no-repeat 0px center;}
.list-item .a15{background:url(../images/product/tynjsd-ico.jpg) no-repeat 0px center;}
.list-item .a16{background:url(../images/product/zhld-ico.png) no-repeat 0px center;}
/*产品列表*/
.enav{height: 74px;width: 100%;background-color: #f5f5f5;}
.enav-box{height: 74px;width: 76%;margin:0 auto;}
.enav-box a{display: inline-block;font-family: "Source Han Sans",'PingFang SC',"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif!important;font-size:16px;line-height: 74px;}
.enav-box a:hover{color: red;cursor: pointer;}
.enav-box i{display: inline-block; font-size: 12px; margin:0 10px; }

.pro-list{height: auto; width: 76%;margin:30px auto 0px auto; }
.pro-item{height: 443px; width: 31.56%;background-color: #fff;float: left;margin:0 2.4% 30px 0;border:1px solid #e0dfdf;position: relative;  overflow: hidden;}
.pro-item:nth-child(3n+3){margin:0 0px 30px 0;}
.pro-item img{display: block; width: 70%;height: 258px;padding: 28px 13.12% 18px 13.12%;position: relative; overflow-x:hidden;overflow-y:hidden;  transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
#img1{display: inline-block; width:126px; height: 108px;padding:0;position: absolute; top:-15px;left:-30px; z-index: 99;}
#img2{display: block; width: 70%;height: 258px;padding: 28px 13.12% 18px 13.12%;position: relative; overflow-x:hidden;overflow-y:hidden;  transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}

.pro-item span{font-family: "微软雅黑";font-size:16px;line-height: 50px; color:#4a4a4a;display: block;text-align: center;margin:15px auto ;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;border-top: 1px solid #e0dfdf;}
.pro-item a{font-family: "微软雅黑";font-size:14px;line-height: 34px; color: #504d4d;display: block;width: 126px;height: 34px; background-color: #f9f9f9;border:1px solid #e4e4e4;text-align: center; margin:0 auto;}
.pro-item:hover{box-shadow: 2px 2px 2px #e7e7e7;}
.pro-item:hover img{transform: scale(1.1,1.1);}
.pro-item:hover span{color:red;}
.pro-item:hover a{color:red; outline-style: : none;}



/*解决方案-更多*/
.jjfa{height: 180px;width: 76%;margin:0 auto 30px auto; background:url(../images/product/jjfa-bg.png) no-repeat; background-size: 100%;}
.jjfa span{display: inline-block;font-family: "微软雅黑";font-size:28px;  line-height: 180px;color: #fff; margin-left: 30px;}
.jjfa a{display: inline-block;font-family: "微软雅黑";font-size:14px;float: right; border:1px solid #fff;color:#fff; padding: 12px 30px; margin:65px 60px 65px 0px;}




/* 媒体查询1025-1750px css */
@media (min-width: 1025px)and (max-width: 1750px) {
.com-head{height: 68px;}
.com-banner{height: 360px;}
.com-banner img{height: 360px;}
.pro-item{margin:0 2.2% 30px 0;}

.jjfa{height: 160px;}
.jjfa span{font-size:22px;  line-height: 140px;margin-left: 10px;}
.jjfa a{font-size:16px; padding: 12px 20px; margin:40px 40px 30px 0px;}
}


/* 媒体查询769-1024px css */
@media (min-width: 769px)and (max-width: 1024px) {
.com-head{height: 48px;}
.com-banner{height: 224px;}
.com-banner img{height: 224px;}

.search span{padding:20px 0px 40px 0px; }
.search .sou{ width: 68%; }

.cate-list .list-item{width: 48%; }

.pro-item{height: 343px; margin:0 2% 30px 0;}
.pro-item img{height: 158px;}


.jjfa{height: 80px;width: 75%;margin:0 auto; }
.jjfa span{font-size:14px;  line-height: 70px;margin-left: 10px;}
.jjfa a{font-size:13px; padding: 4px 20px; margin:20px 20px 20px 0px;}
}



/* 媒体查询461-768px css */
@media (min-width: 461px)and (max-width: 768px) {
.com-head{height: 48px;}
.com-banner{height: 120px;}
.com-banner img{height: 120px;}

.search span{font-size: 16px;padding:40px 0px; }
.search .sou{ width: 88%; }
.sou form input:first-child{ width: 80%; font-size: 16px;}
.sou form input:last-child{ width: 12%;}

.pro-list{margin:50px auto; }
.pro-cate{height: auto;width: 75%; }
.pro-cate span{font-size:32px;}
.pro-cate .cate-list{height:360px;  margin:20px auto;  }
.cate-list .list-item{width: 48%; height: 70px;}
.list-item:nth-child(odd){margin:10px 1.4% 10px 0px;}
.list-item:nth-child(even){margin:10px 0px 10px 0px;}
.list-item a{font:16px/20px "微软雅黑" ;padding: 25px 5px 25px 35px ; margin-left: 0px;}

.pro-item{height: 273px; ;margin:0 1.8% 20px 0;}
.pro-item:nth-child(3n+3){margin:0 0px 20px 0;}
.pro-item img{height: 98px;padding: 28px 13.12%;}
.pro-item span{font-size:14px; margin:15px auto ;}
.pro-item a{font-size:13px;line-height: 25px; width: 60px;height: 25px; }

.jjfa{height: 60px;width: 75%;margin:0 auto; }
.jjfa span{font-size:14px;  line-height: 50px;margin-left: 10px;}
.jjfa a{font-size:13px; padding: 4px 20px; margin:10px 20px 10px 0px;}



}



/* 媒体查询339-460px css */
@media (min-width: 341px)and (max-width: 460px) {
.com-head{height: 36px;}
.com-banner{height: 100px;}
.com-banner img{height: 100px;}
.search{height: 150px; }
.search span{font-size: 14px;padding:20px 0px; }
.search .sou{ width: 88%;height: 50px; }
.sou form input:first-child{height: 50px; width: 80%; font-size: 14px;}
.sou form input:last-child{height: 50px; width: 12%;}

.pro-cate{height: auto;width: 75%; }
.pro-cate span{font-size:24px;}
.pro-cate .cate-list{height:300px;  margin:10px auto;  }
.cate-list .list-item{width: 48%; height: 50px;}
.list-item:nth-child(odd){margin:10px 1.4% 10px 0px;}
.list-item:nth-child(even){margin:10px 0px 10px 0px;}
.list-item a{font:14px/16px "微软雅黑" ;padding: 18px 5px 18px 35px ; margin-left: 0px;}

.enav{height: 54px;}
.enav-box{height: 54px;}
.enav-box a{font-size:14px;line-height: 54px;}


.pro-item{height: 280px;width: 100%; margin:10px auto;}
.pro-item:nth-child(3n+3){margin:10px auto;}
.pro-item img{width: 75%; height: 180px;padding: 8px 13.12%;}
.pro-item span{font-size:16px; margin:10px auto 10px auto; line-height: 30px;}
.pro-item a{font-size:14px;line-height: 20px; width: 60px;height: 20px; }


.jjfa{height: 40px;width: 75%;margin:0 auto; }
.jjfa span{font-size:12px;  line-height: 38px;margin-left: 10px;}
.jjfa a{font-size:12px; padding: 2px 20px; margin:5px 20px 5px 0px;}

}



/* 媒体查询小于339px css */
@media (max-width: 340px) {
.com-head{height: 36px;}
.com-banner{height: 70px;}
.com-banner img{height: 70px;}
.search{height: 120px; }
.search span{font-size: 14px;padding:10px 0px; }
.search .sou{ width: 88%;height: 40px; }
.sou form input:first-child{height: 40px; width: 80%; font-size: 14px;}
.sou form input:last-child{height: 40px; width: 12%;}

.pro-cate{height: auto;width: 75%; }
.pro-cate span{font-size:20px;}
.pro-cate .cate-list{height:260px;  margin:10px auto;  }
.cate-list .list-item{width: 48%; height: 40px;}
.list-item:nth-child(odd){margin:10px 1.4% 10px 0px;}
.list-item:nth-child(even){margin:10px 0px 10px 0px;}
.list-item a{font:12px/14px "微软雅黑" ;padding: 13px 5px 13px 35px ; margin-left: 0px;}


.enav{height: 54px;}
.enav-box{height: 54px;}
.enav-box a{font-size:14px;line-height: 54px;}

.pro-list{margin:10px auto; }
.pro-item{height: 260px;width: 100%; margin:10px auto;}
.pro-item:nth-child(3n+3){margin:10px auto;}
.pro-item img{height: 160px;width: 75%; padding: 8px 13.12%;}
.pro-item span{font-size:15px; margin:10px auto 10px auto;line-height: 30px;}
.pro-item a{font-size:14px;line-height: 18px; width: 60px;height: 18px;}


.jjfa{height: 30px; }
.jjfa span{font-size:12px;  line-height: 30px;margin-left: 10px;}
.jjfa a{font-size:12px; padding: 1px 15px; margin:2px 10px 2px 0px;}



}