/* CSS Document */
.banner{height:300px;}
.noInfo{float:left; width:100%; text-align: center; font-size: 16px; font-family: "微软雅黑"; padding: 100px 0;}
.aboutUs{float: left; width:100%; padding: 90px 4% 100px 4%; font-size: 14px; line-height: 25px; color: #313131;}
.class{float: left; width:100%; text-align: center; margin:50px 0;}
.class a{padding:12px 18px; font-size:14px; border: 1px solid #fff; border-radius: 20px; margin:0 2px;}
.class a.on{border: 1px solid #ff3300; color:#ff3300;}
.class a:hover{border: 1px solid #ff3300; color:#ff3300; text-decoration: none;}

.product ul{float: left; width:100%; padding-top: 20px;}
.product ul li{float: left; width:285px; margin-top:40px; margin-right: 15px;}
.product ul li span{display: table-cell; width:285px; height: 270px; background-color: #f0f0f0; vertical-align: middle; text-align: center;}
.product ul li span img{max-width: 240px; max-height: 220px;}
.product ul li p{text-align: center; font-size: 14px; height: 25px; list-style-type: 25px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product ul li.last{margin-right:0;}
.product ul li a:hover{text-decoration: none; font-weight: bold;}
.product ul li a:hover span{box-shadow: 0px 3px 5px rgba(0,0,0,.14);}
.product ul li i{display: table-cell; width:380px; height: 270px; margin-bottom: 10px;}
.case ul li{width:390px;}
.case ul li span{width:390px;}
.case ul li span img{width:340px;}

.product-cls{float: left; width:100%; height: 50px; margin: 30px 0 0 0; border-bottom: 1px solid #f0f0f0;}
.product-cls a ,.product-cls span{float:left; height: 35px; line-height: 35px; padding-left: 10px; margin-top:7px; border-left: 3px solid #ff3300; font-size: 14px; font-weight: bold;}
.product-img{float: left; width:500px; height: 350px; padding-top: 45px;}
.product-img span{display: table-cell; width:500px; height: 350px; vertical-align: middle; text-align: center; background-color: #f0f0f0;}
.product-img span img{max-width: 400px; max-height: 300px;}
.product-info{float: left; width:700px; padding-left: 100px; padding-top: 55px;}
.product-info p{float:left; width:100%; margin:0; height: 55px; line-height: 55px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-info p.product-title{width:auto;}
.product-info h1{float: left; height: 55px; line-height: 55px; font-size: 14px; margin:0;}
.product-info a{float: left; width:140px; height: 45px; background-color: #ff3300; color: #fff; line-height: 45px; text-align: center; font-size: 18px; font-family: "微软雅黑"; border-radius: 3px; margin-top:30px;}
.product-info a:hover{text-decoration-line: none; background-color: #ea2f00}
.product-intro{float: left; width:100%; font-size: 14px; line-height: 35px; color: #333; padding:40px 0 30px; color: #555;}
.product-intro p.product-m{float: left; width:100%; height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px solid #f0f0f0; color: #666;}
.product-fx{float: left; width:100%; text-align: right; height: 50px; border-bottom: 1px solid #f0f0f0;}
.product-fx div.Jia{float:right;}
.product-link{float: left; width:100%; height: 60px; line-height: 60px; border-bottom: 1px solid #f0f0f0;}
.product-link div.links{float: left; width:50%; font-size: 14px;}
.product-other{float: left; width:100%; padding-bottom: 50px;}
.product-other li{float: left; width:380px; margin-right:30px;}
.product-other li.last{margin-right: 0;}
.product-other li span{display: table-cell; width:380px; height: 270px; vertical-align: middle; text-align: center; background-color: #f0f0f0;}
.product-other li span img{max-width:300px; max-height: 200px;}
.product-other li p{margin:0; text-align: center; height: 35px; line-height: 35px; font-size: 14px;}





.pages{float: left; width:100%; margin:50px 0 120px 0; font-size:14px; color: #666; font-family: "微软雅黑";}

.news{float: left; width:100%; padding-top: 50px;}
.news ul{float: left; width:100%;}
.news ul li{float: left; width:100%; margin-bottom: 40px; background-color: #f0f0f0; height: 200px; overflow: hidden;}
.news ul li i{float: left; width:180px; height: 180px; font-size: 0; margin:10px 0 10px 10px;}
.news ul li h6{float: left; width:960px; margin:20px 0 0 20px; font-size: 18px; font-family: "微软雅黑"; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news ul li span{float: left; width:960px; margin:25px 0 0 20px; height: 50px; font-size: 14px; line-height: 25px; color: #888; overflow: hidden;}
.news ul li div{float: left; width:960px; margin:35px 0 0 20px; font-size: 13px; color: #666;}
.news ul li div a{float: right; font-size: 14px;}
.news ul li.noImg h6 ,.news ul li.noImg span ,.news ul li.noImg div{width:1140px;}


.maintain{float: left; width:100%; padding-top: 50px;}
.maintain ul{float: left; width:100%;}
.maintain ul li{float: left; width:20%; margin-left:4%; margin-bottom: 40px; background-color: #f0f0f0; overflow: hidden;}
.maintain ul li i{float: left; width:220px; height: 220px; font-size: 0; margin:10px 0 0px 10px;}
.maintain ul li h6{float: left; width:220px; height: 25px; line-height: 25px; text-align:center; color: #666; margin:0px 0 10px 10px; font-size: 14px; font-family: "微软雅黑"; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.article{float: left; width:100%; margin-bottom: 50px;}
.article h1{float:left; width:100%; padding:55px 0 10px 0; margin:0; font-size:30px; font-weight:bold; text-align:center; font-family: "微软雅黑"; font-weight: normal; color: #333;}
.article div.other{float:left; width:100%; height:25px; line-height:25px; text-align:center; color: #999; font-size: 14px; margin-top: 5px;}
.article div.other p{float:left; width:100%; text-align: center; line-height: 25px; margin: 0;}
.article div.content{float:left; width:100%; padding:45px 3% 30px 3%; line-height:34px; color:#313131; font-size: 14px;}
.article div.content p{margin:0 0 30px 0;}
.article div.Jia{float:left; width:37%; padding-top:10px; border-top:1px solid #cccccc; margin-bottom: 30px; margin-left:3%;}
.article div.parameter{float:left; width:57%; text-align:right; padding-top:8px; border-top:1px solid #cccccc; color:#666666}
.article div.links{float:left; width:94%; font-weight:bold; height:25px; line-height:25px; margin-top: 0px; margin-left:3%;}
.article div.links p{margin: 0; font-weight: bold;}

.contactUs{float: left; width:1200px; padding: 80px 400px 50px 440px; background:url(../images/map.jpg) no-repeat center bottom; margin-bottom:50px;}
.contactUs-tel{float: left; width:100%; margin-top:20px; padding-left: 50px; height: 100px; line-height: 100px; background: url(../images/tel.png) no-repeat left center; font-size:32px; color: #ff3300; font-family: "微软雅黑"; font-weight: bold;}
.contactUs-name{float: left; width:100%; height: 70px; line-height: 70px; color: #333; font-family: "微软雅黑"; font-size: 24px;}
.contactUs-info{float: left; width:100%; line-height: 34px; font-size: 14px; color: #333;}
.contactUs-map{float: left; width:100%; padding-top: 50px;}