#main{ } /*样式重置 start*/ /*样式重置 end*/ .warp{ width:1200px; margin:0 auto; clear:both; overflow:hidden; } .main-img{background-repeat: no-repeat;background-position: center;height: 256px;} .main-tit{height: 80px;color:#ffffff;border-bottom:1px solid #e8e8e8;position: relative;} .main-tit .top{width:238px;background-color: #f39900;color:#ffffff;text-transform: uppercase;font-size: 14px;float: left;height: 81px;} .main-tit .top p{text-indent: 18px;line-height: 28px;} .main-tit .top .cn{margin-top: 20px;font-size: 22px;font-weight:bold;} .main-tit .dmain{line-height: 80px;float: left;font-size: 22px;color:#666666;text-indent:60px;font-weight: bold;} .main-tit .dmain span{line-height: 85px;margin-left: 10px;font-size: 14px;text-transform: uppercase;font-weight: normal;} .main-tit .add{line-height: 80px;float: right;color:#666666;font-size: 12px;} .main-tit .add a{color:#666666;} .box-main{ background:#fcfcfc; clear:both; overflow:hidden; min-height:360px; padding-bottom:40px; } .box-left{width: 238px;margin-right: 28px;float: left;} .box-left ul li{background: #fff; height:62px; line-height:62px; border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;box-sizing: border-box;text-indent: 12px;} .box-left ul li:hover{background: url(../images/jpg-12.jpg) no-repeat left;} .box-left ul li.hover{background: url(../images/jpg-12.jpg) no-repeat left;} .box-left ul li a{display: block; font-size: 14px; color:#333; } .box-left ul .erji{ height:42px; line-height:42px; text-indent:inherit; } .box-left ul .erji a{ padding-left:40px; color:#999; } .box-left ul .erji a:hover{ color:#0154a4; } .box-left ul .erji a.on{ color:#0154a4; background: url(../images/jpg-12.jpg) no-repeat left; } .box-left .contact{margin-top: 20px;background-color: #ffffff;padding-bottom: 20px;} .box-left .contact .on{padding:15px;} .box-left .contact .on .cn-1{font-size: 12px;color:#666666;font-style: italic;} .box-left .contact .on .cn-2{font-size: 24px;color:#f39900;font-weight: bold;border-bottom:1px dashed #666666;height: 35px;line-height: 30px;} .box-left .contact a{display: block;width:99px;height: 43px;line-height: 43px;color:#ffffff;font-size: 14px;text-align: center;background-color: #0160ad;margin-left: 20px;} .box-right{width:900px;float: right; color:#363636; font-size:14px; line-height:1.5; } .box-right .title li{width: 243px;float: left;margin-top: 14px;} .box-right .title li.on{margin: 14px 17px 0;} .box-right .title li em{border:1px solid #e2e2e2;display: block;padding:2px;box-sizing: border-box;position: relative;} .box-right .title li p{height: 46px;line-height: 46px;font-size: 14px;font-weight: bold;color:#666666;} .box-right .title li em .hover{background:url(../images/png-11.png) no-repeat;display: none;position: absolute;left: 2px;top:2px;width: 237px;height: 159px;} .box-right .title li:hover em .hover{display: block;} .box-right .nav{border-top:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2; position: relative;text-align: center;height: 40px;margin: 20px 0 30px;} .box-right .nav .prev, .box-right .nav .next{border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;display: block;width: 150px;text-align: center;position: absolute;left: 0;top:0;height: 40px;line-height: 40px;} .box-right .nav .next{left: auto;right: 0;top:0;} .box-right .nav .prev:hover,.box-right ul .next:hover{background-color:#f39900;color:#ffffff;} .box-right .nav .sum{display: inline-block;margin-top: 9px;*display:inline;zoom:1;} .box-right .nav .sum li{padding:1px 5px;font-size: 12px;border:1px solid #e2e2e2;float: left;margin: 0 5px;} .box-right .nav .sum li.on, .box-right .nav .sum li:hover{background-color: #f39900;} .box-right .nav .sum li.on a, .box-right .nav .sum li:hover a{color:#ffffff;} .box-right .nav a{color:#666666} .box-right .map{margin-top: 20px;} .box-right .map li{position: relative;overflow: hidden;margin-bottom: 50px;} .box-right .map li img{float: left;} .box-right .map li .tit{margin-left: 410px;line-height: 30px;color:#2d2d2d;} .box-right .map li .tit .name{font-size: 18px;font-weight: bold;} .box-right .new-o{margin-top: 20px;;border-bottom: 1px solid #e2e2e2;padding-bottom: 27px;} .box-right .new-o .title{margin-left: 250px;} .box-right .new-o .title p{font-size: 12px;color:#666666;line-height: 24px;} .box-right .new-o .title p em{color:#f39900;} .box-right .new-o .title .top{font-size: 14px;font-weight: bold;color:#f39900;height: 48px;line-height: 48px;} .box-right .new-o .title .time{color:#acacac;font-size: 12px;line-height: 18px;height: 24px;} .box-right .nynews{height:auto;background:none} .box-right .nynews li{border-bottom: 1px dashed #e2e2e2;height: 59px;line-height: 59px;background: url(../images/png-12.png) no-repeat left center;text-indent: 30px;font-size:14px;} .box-right .nynews li a{color:#666666;display: block;} .box-right .nynews li span{margin-left: 20px;color:#ff0000;} .box-right .nynews li em{float: right;color:#8c8c8c;} .box-right .nynews li:hover a{color:#f39900;} .box-right .nynews li:hover{background-image: url(../images/png-13.png);} /* */ .m_list{display:none;} .m_list ul{display:flex;flex-wrap:wrap;justify-content: space-between;} .m_list .item{width:49%;margin-bottom:15px;border:1px solid #ddd;padding:10px;box-sizing:border-box;} .m_list .item .img{height:160px;overflow:hidden;line-height:160px;} .m_list .item .img img{max-height:100%;} .m_list .item .title{height:40px;line-height:20px;overflow:hidden;} /* */ .tj_product .tj_title{font-size:24px;color:#666;text-align:left;padding:20px 0;font-weight:bold;} .tj_product .item{float:left;width:24%;margin-right:1.25%;padding:10px;box-sizing:border-box;border:1px solid #ddd;} .tj_product .item .img{height:180px;text-align:center;} .tj_product .item .img img{max-height:100%;} .ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} img{max-width:100%;} @media (min-width:1200px){ .tj_product .item:nth-child(4n){margin-right:0;} .tj_product .item .title{line-height:40px;color:#666;font-size:14px;} } @media (max-width:767px){ img{max-width:100%;} .warp{width:100%;} .prolist2{display:none;} .box-left{box-sizing:border-box;padding:15px;display:none;} .main-tit,.main-tit .top,.main-tit .dmain,.main-tit .add{display:none;} .box-left,.box-right{width:100%;} .box-left ul li{height:40px;line-height:40px;} /* */ .m_list{display:block;} /* */ .box-right{padding:15px;box-sizing:border-box;} .news_detail_top h3{font-size:16px;} /* */ .main-img{height:auto;background:none !important;} } @media (max-width:992px) and (min-width:768px){ .warp{padding:30px 15px;box-sizing:border-box;} .warp,.box-right{width:100%;} .main-tit{display:none;} }