﻿

i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

/* 切换图 */
.banner{min-width:1920px;height:600px;position:relative;overflow:hidden;}
.banner .bd{ position:relative;z-index:0;}
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;height:600px;}
.banner .bd li a {display:block;height:600px;}
.banner .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:90px; background-color:#FFF;height:10px; margin:4px;overflow:hidden;}
.banner .hd ul .on{filter:alpha(opacity=100);opacity:1; background-color:#d30b17; width:90px;}
.banner .prev, .banner .next {cursor:pointer;display:none;width:100px;height:100px;left:5%;margin-top:-30px;opacity:0.5;position:absolute;top:45%;z-index:1;}
.banner .prev {background-color:#606264;background:url("left.gif") no-repeat scroll 0 0;}
.banner .next {background-color:#606264;background:url("right.gif") no-repeat scroll 0 0;left:auto;right:5%;}


/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.tit{text-align: center;font-weight:normal;font-size: 0;}
.tit span{display:block;font-size: 36px;line-height: 36px;color: #000;padding:18px 0 9px;}
.tit i{display:inline-block;font-size: 16px;line-height:16px;color: #595959;}


/*intro*/
.intro{padding:40px 0;background:url(intro_bg.png) no-repeat bottom;}
.intro dl{height: 260px;background: #fff;border:1px solid #e5e5e5;}
.intro dt{float: left;margin:30px 22px 0 40px;}
.intro dd{float: left;width: 845px;margin-top:40px;}
.intro dd h3{padding-left: 254px;height:80px;font-weight: normal;background:url(intro_t.png) no-repeat;margin-bottom:28px;}
.intro dd h3 b{display:block;font-size: 28px;color: #1a1a1a;line-height: 40px;}
.intro dd h3 span{display:block;font-size: 22px;color: #1a1a1a;line-height: 22px;padding-top:10px;}
.intro dd p{font-size: 13px;color: #5b5b5b;line-height: 24px;}


/* --首页产品展示 -- */
.icontent{width:1200px;margin:0 auto; overflow:hidden}
.ileft {width:250px; float:left; overflow:hidden;margin-top:50px;margin-bottom:20px;}
.ifenlei{ width:250px;font-family:"Microsoft Yahei";}
.ifenlei .tit{ position: relative;z-index:10; color: #fff;background:url("pro_lhb2.png") no-repeat left top;width: 250px;height: 71px;padding-top:30px; text-align:center;font-size: 24px;font-weight: bold}
.ifenlei .tit i{ font-style:normal; display: block;font-size: 12px;color: #ffffff;padding-top: 2px;font-weight: normal;text-transform: uppercase;}
.ifenlei .nr{border: 1px solid #c70025;border-top:0;border-bottom:0;background:#fff ;padding:0px; margin-top: -4px;padding-bottom:15px;}
.ifenlei .nr h3{ border-bottom:1px solid #e6e6e6;  height: 56px;line-height: 61px;overflow: hidden;}
.ifenlei .nr h3 a{ text-decoration:none; color:#d5242e;  padding-left:60px;background:url("l1.png") no-repeat 35px center; font-size: 18px;display:block; background-color:#e9e9e9}
.ifenlei .nr ul{overflow:hidden;margin:0 auto; margin-top:5px; margin-left:35px;}
.ifenlei .nr ul li{float:left; width:90px;height:41.7px;line-height:42px;margin-left:3px;padding-left:10px; margin-right:3px;font-size:16px;color: #777;background:url(l_ico.png) no-repeat left center}
.ifenlei .nr ul li a{}
.ifenlei .nr ul li a:hover,.ifenlei .nr ul li.cur a{color: #ff0000;text-decoration:none}
.ifenlei .nr ul li:last-child{border-bottom:0;}

.pro_tel{width: 250px; height: 90px; background: #c70025; overflow: hidden;}
.pro_tel p{ margin-top: 26px; margin-left: 20px; padding-left: 48px; background: url(l_tel.png) no-repeat left center; font-size: 13px; color: #fff; font-family: "Microsoft Yahei";}
.pro_tel p span{ display: block; font-size: 24px; font-family: Arial; color: #fff;}

.iright{width:910px;float:right;overflow:hidden;margin-top:50px;margin-bottom:20px;}
.iphoto{width:283px;overflow:hidden; float:left; margin: 0px 20px 30px 0px;}
.iphoto dt,.iphoto dt a{ line-height:0; font-size:0;}
.iphoto dt img{width:283px; height:283px;}
.iphoto dd{ margin-top:0px;background: #b3b3b2 ; height:38px; width:283px; line-height:38px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; text-align:center;}
.iphoto dd a{ color:#fff;font-size:18px; text-decoration:none;}
.iphoto:nth-child(3n+1){margin-right:20px;}
.iphoto:hover { filter:alpha(opacity=80);opacity:0.8;transition:all 0.5s;}
.iphoto:hover dd{transition:all 0s ease 0s; background:#c70025;}
.iphoto:hover dd a{color: #fff ;font-weight:normal;}

.iphoto {position:relative;}
.iphoto dd{line-height:30px;background-color:rgba(0, 0, 0, 0.6);text-align:center; position:absolute;bottom:0;left:0px;width:100%;color:#fff;}


/*case*/
.case{padding:8px 0 80px;position: relative;background:url(case_bg.png) no-repeat bottom center;}
.case h2{margin-bottom: 35px;}
.case_bd{height: 470px;background: #fff;}
.case_bd:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
.case_list dl{margin-top:10px;}
.case_list dd{float: left;width: 210px;padding-left:25px;height:210px; margin-top:10px;}
.case_list dd img{display:block;width:210px;height:210px;}

.case .prev{position: absolute;width: 32px;height: 80px;background:url(prev1.png) no-repeat;top: 360px;left: -60px;}
.case .next{position: absolute;width: 32px;height: 80px;background:url(next1.png) no-repeat;top: 360px;right:-60px;}
.case .prev:hover{background:url(prev1h.png) no-repeat;}
.case .next:hover{background:url(next1h.png) no-repeat;}
.htwd{height: 65px;margin-top: 14px;background: #fff;border-right:10px solid #fdd100;}
.htwd h4{float: left;font-size: 18px;color: #000;width:158px;height: 65px;line-height: 63px;padding-left:32px;background:url(c1.png) no-repeat 148px center #f8c017;}
.htwd p{float: left;padding-top: 24px;margin-left: 24px}
.htwd p a{float: left;font-size: 16px;color: #6a6a6a;line-height: 16px;padding:0 22px;border-right:1px solid #d1d1d1;}
.htwd p a:last-child{border: 0;}
.htwd p a:hover{color: #000;}

/*yous*/
.yous{padding:30px 0 0;}
.yous h2{margin-bottom: 50px;}
.ys_con{background:url(ys_line.png) no-repeat center 0;padding-top: 22px;}
.yous dl{float: left;width: 536px;height: 486px;}
.yous dt{position: relative;height: 310px;}
.yous dt i{position: absolute;top: 22px;left: 13px;}
.yous dd{height: 106px;}
.yous dd h3{float: left;width: 178px;font-weight: normal;font-size: 0;}
.yous dd h3 span{display: block;font-size: 18px;color: #333;line-height: 30px;}
.yous dd p{float: left;width: 330px;font-size: 16px;color: #333;line-height: 28px;padding-left: 25px;position: relative;margin-top: 28px;}
.yous dd p:after{position: absolute;width: 1px;height: 42px;background: #9f9f9f;content: "";left: 0;top: 7px;}
.yous dl.even{float: right;}
.yous dl.even dt{margin:54px 0 8px;}
.yous dl.even i{left: 13px;top: auto;bottom: 22px;}
.yous dd .zx{float: left;height: 50px;line-height: 50px;font-size: 16px;color: #333;width: 223px;padding-left: 82px;padding-right:30px;background:url(tel3.png) no-repeat 40px center #fdd100;border-radius: 25px;box-shadow:0 5px 16px rgba(57,57,57,0.2);}
.yous dd .zx i{font-size: 18px;}
.yous dd .tel{float: right;font-size: 15px;color: #333;line-height: 20px;}
.yous dd .tel i{display: block;font-size: 24px;line-height: 32px;}


/*合作的客户*/
.cus{padding:55px 0 42px;}
.cus .content{position: relative;}
.cus h2{margin-bottom: 40px;}




/* news */
.news { margin-top:20px;}

.newsimg{float:left;width:400px; height:400px;}
.newsimg .nimg img { width: 100%; height:250px}
.newsimg .ntit {width: 100%; padding:10px; background: #fff; box-sizing: border-box;  height:180px;}
.newsimg .ntit h2 {font-size: 20px; color: #cc0707; padding-bottom:30px;text-overflow: ellipsis;white-space: nowrap; background: url("news-icon01.png") no-repeat center bottom; margin-bottom:5px;}
.newsimg .ntit h2 a {color: #cc0707;font-weight: normal;float: left;width: 70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsimg .ntit p {line-height:28px;}


.newsList{float:right;width:780px; height:500px;}     
.newsList dl{float: left;width:385px; height:130px; border-bottom:1px solid #d2d2d2;margin-right:5px; margin-bottom:30px;}
.newsList dl dt{float:left;}
.newsList dl dt img{width:150px; height:110px;}	
.newsList dl dd{float:left;width:220px;height:100px;padding-left:15px;}
.newsList dl .title{height:30px; display: block;color:#0f1427; font-size:16px; font-weight: bold;}	
.newsList dl .time {height:35px; display: block; overflow: hidden;color:#666666; font-size:12px; line-height:20px;}
.newsList dl .desc{height:40px; display: block; overflow: hidden;color:#666666; font-size:12px; line-height:20px;}
.newsList dl:nth-last-child(2){border-bottom:0px solid #d2d2d2;}
.newsList dl:last-child{border-bottom:0px solid #d2d2d2;}