*{ margin: 0; padding: 0;}
body{ font-family: "微软雅黑"; font-size: 12px; line-height: 25px;}
a{ text-decoration: none; color: #000;}
a:hover{text-decoration: none; color:#CC0000; cursor: pointer;}
ul,ol {list-style:none;}
img {border:none; vertical-align:top;}

.fl{float: left;}
.fr{float: right;}
.w{margin: 0 auto; width: 1290px;}

.clear{display: block; clear: both;}
.clearfix{zoom:1;}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0; font-size:0;}

/*隐藏IE的水平滚动条:*/
html { overflow-x: hidden; }
/****顶部**********************************/

.headbox{ width: 100%; height: 129px; background: #FFF; position: fixed; top:0; z-index: 9999; box-shadow: 0px 1px 5px #888888;}
.headbox .top{ width: 100%; height: 38px; border-bottom: solid 1px #000;}
.headbox .top span{line-height: 38px; font-size: 14px; display: block; color: #3c3c3c;}
.headbox .top span.sp1{width: 350px;margin-left: 40px;}
.headbox .down{padding-left: 30px;}

.headbox .logo{padding-top: 15px; margin-right: 20px;}
.headbox .tel {padding-top: 26px;}
.headbox .tel p.num { font-size: 20px; color: #da251d; font-weight: bold;}
.headbox .tel p.txt{font-size: 16px; color: #3c3c3c;}
.headbox .navlist{width: 740px; padding-top: 25px;}
.headbox .navlist>ul>li{ float: left; font-size: 16px;padding-left: 25px;position: relative; padding-bottom: 15px;}
.headbox .navlist>ul>li p{ text-align: center;}
.headbox .navlist>ul>li p.en{ font-size: 12px;}


.navlist .sub-nav{position:absolute;top:65px;left:-1px;list-style:none;background:rgba(255,255,255,.6);display:none;z-index: 999; box-shadow: 0px 1px 5px #888888;}
.navlist .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative; border-bottom:solid 1px #888;}
.navlist .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;}
.navlist .sub-nav li:hover {background: #444444;}
.navlist .sub-nav li:hover a{color: #fff;}

/*****topbaner大图居中****/
.bannerbox {
            width:100%;
            position:relative;
            overflow:hidden;
            height:464px;
            top:0px;
            margin-top:124px;
            
        }
 .picbanner {
            width:1920px; /*图片宽度*/
            position:absolute;
            left:50%;
            margin-left:-960px; /*图片宽度的一半*/
        }


/****分页**************************************************/

#page{ min-width:200px;  height:40px; margin-left:auto; margin-right:auto;  margin-top:0.5rem; text-align:center;}
#page span{ color:#53b332;}
#AspNetPage{ height:40px; line-height:40px; font-size:12px;  color:#000000;margin-left:auto; margin-right:auto; }
#AspNetPage font{ padding:5px 10px;  font-size:12px;  background-color:#ffffff; cursor:pointer;}
#page span{ padding:5px 7px;  font-size:12px; color:#FE5DA1 !important; background-color:#f3f3f3; margin-right:0px;}
#AspNetPage a{ padding:5px 7px;  font-size:12px; color:#000000; background-color:#ffffff; margin-right:0px; text-decoration:none;}
#AspNetPage input{ padding:10px 15px;   color:#000000; background-color:#ffffff;}
#AspNetPage a:link{ color:#000000;text-decoration:none; }
#AspNetPage a:visited{ color:#000000; text-decoration:none;}
#AspNetPages a:hover{ color:#54b4f1; border:1px solid #54b4f1;text-decoration:none;}



/****首页************************************************************************/
/****baner******************************************/
.flexslider {
	margin: 124px auto 0px;
	position: relative;
	width: 100%;
	height: 647px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 50px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 647px;
	display: block;
}

.newsbox{width: 100%; background: rgba(0,0,0,0.8); height: 36px; color: #FFF; position:absolute; bottom:0px;}
.newsbox .list{margin: 0 auto; width: 1290px; font-size: 16px; color: #FFF; line-height: 36px;}
.newsbox .list a.atxt{display:inline-block; color: #FFF; margin-left: 100px; width: 250px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.newsbox .list a.more{display:inline-block; color: #FFF; margin-left: 50px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }


/****业务领域******************************************/
.ywly{ margin: 0 auto; width: 1000px;  height: 200px;}
.ywly .title{font-size: 24px; color: #CC0000; text-align: center; line-height: 80px;}
.ywly .conbox{position: relative;}
.ywly .conbox>ul>li{width: 240px; display: inline-block; text-align: center; font-size: 14px; line-height: 40px;}
.ywly .line1{position: absolute; height: 46px; border-right: solid 2px #888; left:240px; top:30px}
.ywly .line2{position: absolute; height: 46px; border-right: solid 2px #888; left:480px; top:30px}
.ywly .line3{position: absolute; height: 46px; border-right: solid 2px #888; left:725px; top:30px}

/***最新案例*******************************************/

.case{width: 100%; height: auto; background-color: #e7e7e7;}
.casebox{padding-top: 20px;}
.casebox .title{border-bottom: solid 1px #3C3C3C; height: 40px; margin-bottom: 30px; }
.casebox .title .t1{font-size:24px; color: #CC0000; margin-left: 30px; margin-right: 30px;}
.casebox .title .t2{font-size:16px; }
.casebox .title a.more{ color: #CC0000; font-size: 16px; padding-right: 30px;}
.casebox .conbox{background: #FFF; height: auto;　}
.casebox .conbox ul>li {float: left; margin: 22px;}
.casebox .conbox ul>li:hover { -webkit-box-shadow:0px 0px 20px #777;-moz-box-shadow:0px 0px 20px #777;box-shadow:0px 0px 20px #777;}
.casebox .conbox .picbox{width: 384px; height: 224px; overflow: hidden; position:relative;}
.casebox .conbox .picbox img{width: 384px; height: 224px;}
.casebox .conbox .picbox:hover img{ -webkit-transform:scale(1.05,1.05); }
.casebox .conbox .picbox img{-webkit-transition: all 0.5s ease-in-out; }
.casebox .conbox .pictxt{line-height: 40px; background:#f0f0f0;}
.casebox .conbox .pictxt>span{font-size: 14px; color: #666; float: left; width: 300px; overflow: hidden; margin-left: 10px;}
.casebox .conbox .pictxt>a{font-size: 12px; padding: 3px 6px; color: #FFF; background: #CC0000; float: right; line-height: 18px; margin-top: 5px; margin-right: 10px;}

.casebox .conbox .picbox .mask {
		position:absolute;
		display:table-cell;
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		z-index:10;
		
		background:rgba(0,0,0,.6);
		/*background-image:url(../images/casein.png); background-position:center center; background-repeat:no-repeat;*/
		cursor:url(../img/casein.png),auto;
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		transform:scale(0);
		-webkit-transition:all .5s ease 0s;
		-moz-transition:all .5s ease 0s;
		-ms-transition:all .5s ease 0s;
		transition:all .5s ease 0s;
}
.casebox .conbox .picbox:hover .mask {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	
}



/**解决方案滚动案例****************************************/
.fabox{width: 100%; height: 432px; background: url(../img/fabg.jpg) no-repeat center;}
.fabox .boxbox{ width:1900px; margin:0 auto; position:relative; overflow:hidden; _height:100%;padding-top: 120px;}
.fabox .picbox{ width:1900px; height:280px; overflow:hidden; position:relative;}
.fabox .piclist{ height:280px;position:absolute; left:0px; top:0px}
.fabox .piclist li{ background:#eee; margin-right:0px; padding:0px; float:left;}
.fabox .swaplist{ position:absolute; left:-3000px; top:0px}
.fabox .og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.fabox .og_prev{ background-position:0 -60px; left:4px;}
.fabox .og_next{ background-position:0 0; right:4px;}

/***关于我们****/

.about{margin-top: 60px;}
.about .atxt{width: 600px;}
.about .atxt .title{border-bottom: solid 1px #989898; line-height: 40px;}
.about .atxt .title .t1{font-size: 24px;}
.about .atxt .title .t2{font-size: 16px; margin-left: 5px;}
.about .atxt .title a{font-size: 14px;}

.about .atxt .contxt{padding-top:20px;font-size: 16px; line-height: 36px; height:290px; overflow: hidden;}

/****新闻中心********/
.news{margin-top: 50px;}
.news .new1,.news .new3{margin-right: 80px;}
.news .list{width: 600px; float: left; padding-bottom: 40px;}
.news .list .title{border-bottom: solid 1px #989898; line-height: 40px;}
.news .list .title .t1{font-size: 24px; color:#888;}
.news .list .title .t2{font-size: 16px; color:#888 ; margin-left: 5px;}
.news .list .title a{font-size: 14px; color:#888 ;}

.news .list .ncon{ margin-top: 20px;}
.news .list .ncon .picbox img{width:260px; height:175px;}
.news .list .ncon .nlist{ width: 290px; height: 172px; overflow: hidden;}
.news .list .ncon .nlist a{display: block; line-height: 40px; font-size: 14px; padding-left:20px; background: url(../img/newsico.jpg) left center no-repeat; border-bottom: dashed 1px #ccc;}
.news .list .ncon .nlist a span{width:170px; overflow: hidden; float: left; text-overflow: ellipsis;  white-space: nowrap;}
.news .list .ncon .nlist a time{float: right;}

/***红石客户*******/
.kf{width: 100%; height: auto; margin-top: 40px;}
.kf .title{border-bottom: solid 1px #989898; line-height: 40px;}
.kf .title .t1{font-size: 24px;}
.kf .title .t2{font-size: 16px; margin-left: 5px;}
.kf .title a{font-size: 14px;}

.kf .picbox {margin: 0 auto; width: 1180px; margin-top: 30px;}
.kf .picbox>ul>li{float: left; margin: 6px; border: solid 1px #DDD;}
.kf .picbox>ul>li img{width:154px; height:75px;}


.cbox .kf{width: 100%; height: auto; margin-top: 40px;}

.cbox .kf .picbox {margin: 0 auto; width:100%; margin-top: 30px; padding-left: 30px;}
.cbox .kf .picbox>ul>li{float: left; margin: 6px; border: solid 1px #DDD; width: 154px; height: 75px;}



/***案例导航*******************/
.casenav {width: 100%; height: auto; margin-top: 50px; border-top: dashed 1px #DDD;}
.casenav .navbox{ padding-top: 20px;}
.navbox .list {float: left; font-size: 14px; width: 220px; border-right: dashed 1px #DDD; margin-right: 30px;}
.navbox .list li.title{padding-left: 15px; background:url(../img/navico.jpg) left center no-repeat; font-weight:bold;}
.navbox .list>ul>li{line-height: 36px;  border-bottom: dashed 1px #DDD; margin-right: 30px;}
.navbox .list>ul>li a{padding-left: 15px; color: #666; overflow: hidden; width: 180px;height: 36px; display: block;}
.navbox .list>ul>li a:hover{color:#CC0000;}


/****foot*********************/

.foot_service { background:#f5f5f5; border-top:1px solid #dddddd; padding:34px 0; margin-top:20px;}
.foot_service .wrap { position:relative; width:1230px; margin:0 auto; clear:both; }
.foot_service li { float:left;}
.foot_service li em { float:left; width:32px; height:32px;}
.foot_service li em.ico1 { background:url(../images/ico_1.jpg) no-repeat;}
.foot_service li:hover em.ico1 { background:url(../images/ico_1_on.jpg) no-repeat;}
.foot_service li em.ico2 { background:url(../images/ico_2.jpg) no-repeat;}
.foot_service li:hover em.ico2 { background:url(../images/ico_2_on.jpg) no-repeat;}
.foot_service li em.ico3 { background:url(../images/ico_3.jpg) no-repeat;}
.foot_service li:hover em.ico3 { background:url(../images/ico_3_on.jpg) no-repeat;}
.foot_service li em.ico4 { background:url(../images/ico_4.jpg) no-repeat;}
.foot_service li:hover em.ico4 { background:url(../images/ico_4_on.jpg) no-repeat;}
.foot_service li em.ico5 { background:url(../images/ico_5.jpg) no-repeat;}
.foot_service li:hover em.ico5 { background:url(../images/ico_5_on.jpg) no-repeat;}
.foot_service li em.ico6 { background:url(../images/ico_6.jpg) no-repeat;}
.foot_service li:hover em.ico6 { background:url(../images/ico_6_on.jpg) no-repeat;}
.foot_service li em.ico7 { background:url(../images/ico_7.jpg) no-repeat;}
.foot_service li:hover em.ico7 { background:url(../images/ico_7_on.jpg) no-repeat;}
.foot_service li em.ico8 { background:url(../images/ico_8.jpg) no-repeat;}
.foot_service li:hover em.ico8 { background:url(../images/ico_8_on.jpg) no-repeat;}
.foot_service li p { float:left; color:#777777; font:normal 12px/16px "宋体"; margin:0 23px 0 6px;}
.foot_service li:hover  p{ color:#bb0000;}
.foot_service li p span { display:block; color:#bb0000;}
.foot_service li p i { display:block; font:normal 10px/16px "Arial";}



.fbox{ width: 100%; height: 270px; background: #4b4a4a; color: #FFF; margin-top: 0px; padding-top: 20px;}

.fbox .left{float: left; width: 450px; height: 250px; border-right: solid 2px #FFF; }
.fbox .left .logobox{padding-left: 60px; padding-top: 40px;}
.fbox .left .logobox img.box2{margin-left: 15px; padding-top: 10px;}
.fbox .left .logobox p{font-size: 27px; line-height: 50px;}
.fbox .right {width: 785px; float: right; height: auto;}
.fbox .right .nbox>ul>li{ float: left;width: 46%; padding-right: 30px; padding-bottom: 15px;}
.fbox .right .nbox .title{ font-size: 16px; color: #EEEEEE;}
.fbox .right .nbox .con a{font-size: 14px; color: #EEEEEE; padding-right: 5px;}
.fbox .right .nbox .con a:hover{color:#CC0000;}
.fbox .right .flink{padding-right: 20px;}
.fbox .right .flink span{font-size: 16px;}
.fbox .right .flink a{color: #EEEEEE; font-size: 14px;}
.fdown{ width: 100%; line-height: 40px; background: #272727; color: #FFF; text-align: center;}



/******案例列表页**************************/
.cbody{padding-top: 20px;}
.cbody .title{padding-left:20px;font-size: 24px; color: #CC0000; border-bottom: solid 1px #989898; line-height: 60px;}
.cbody .title span{ font-size: 14px;font-weight: bold;}
.cbody .cnav{width: 180px; height: auto; padding: 30px 20px;}
.cnav li{ padding-bottom: 5px; border-bottom: dashed 1px #DDD;}
.cnav li a{display: block; position: relative; padding-left: 25px; font-size: 14px; line-height: 30px; background:url(../img/navico.jpg) no-repeat left 5px center; margin-top: 5px; font-size: 16px;}
.cnav li a:hover{background-color: #CC0000; color: #FFF;}
.cnav li a span{position: absolute; right:10px;}
.cnav li a.on{background-color: #CC0000; color: #FFF;}

.cbody .cbox{ width: 1050px; min-height: 400px; border-left:dashed 1px #DDD;}
.cbody .cbox .title{ padding-top: 36px; width: 100%; border-bottom: dashed 1px #DDD; padding-bottom: 10px;}
.cbody .cbox .title .p1{font-size: 24px; color: #CC0000; line-height: 30px;}
.cbody .cbox .title .p2{ font-size: 14px; color: #888; line-height: 30px;}
.cbox .picbox{padding-left: 20px;}
.cbox .picbox>ul>li{width: 320px; height: auto; float: left; margin: 20px 12px 0px 10px;}
.cbox .picbox .imgbox{width: 320px; height: 220px; overflow: hidden;}
.cbox .picbox .ptitle{font-size: 14px; font-weight:bold; line-height: 30px;}
.cbox .picbox a.more{display:inline-block;margin-top:10px; border-radius:10px; background-color: #888;  color: #fff; padding: 0px 5px;}

/***环保展台*********/

.hbcbox {padding-left: 20px; margin-top: 30px;}
.hbcbox .htitle{border-bottom:  dashed 1px #DDD; line-height: 30px; font-size: 14px;}
.hbcbox .htitle span{float: left; padding-left: 20px; color:#CC0000;} 
.hbcbox .htitle a.more{ float: right; padding-right: 20px;}
.hbcbox .list{margin-top: 20px;}
.hbcbox .list ul li{ float:left; width: 320px; height: 220px; overflow: hidden; padding-right: 20px; position: relative; margin-bottom:20px;}
.hbcbox .list ul li p{position: absolute; bottom: 0; line-height: 30px; text-align: center; width: 320px;background:rgba(0, 0, 0, 0.6); color:#FFF;}

/******案例展示详情页**********************/

.casetitle{width: 100%; border-bottom: dashed 1px #DDD;}
.casetitle .cleft{float: left; min-width: 250px; border-right:  dashed 1px #DDD; line-height: 200px; font-size: 24px; color: #CC0000; text-align: center;}

.casetitle .cright1{float: left; padding-top: 70px; margin-left: 50px;}
.casetitle .cright2{float: left; padding-top: 70px; margin-left: 50px;}
.casetitle .cright1 p ,.casetitle .cright2 p{font-size: 16px; line-height: 30px; color: #888;}

.casetext{ padding-top: 30px; font-size: 14px; color: #888;}

 .cbox .fott{ height:90px; margin:2px 0px ; }

 .cbox .fott .fx, .cbox .fott .up, .cbox .fott .next{ height:25px; line-height:25px;font-family:微软雅黑; font-size:12px; color:#8d8d8d;}
 .cbox  .fott .up .ups{ float:left;}
 .cbox  .fott .up .ups a{ text-decoration:none;color:#8d8d8d;}
 .cbox  .fott .up .ups a:hover{color:#fc6217;}
 .cbox  .fott .next a{text-decoration:none;color:#8d8d8d;}
 .cbox  .fott .next a:hover{color:#fc6217;}
 
 .cbox  .fott .up .btn{ float:right; width:82px; height:21px; background-image:url("../img/return.png"); background-position:top center; background-repeat:no-repeat; margin-top:5px; cursor:pointer;}
 .cbox .fott .up .btn:hover{ background-position:bottom center;}



/*****联系我们********/
.contact-title{width: 100%; height: 200px; border-bottom: solid 1px #DDD; text-align: center;}
.contact-title .p1{font-size: 24px; color: #CC0000; padding-top: 60px; line-height: 40px;}
.contact-title .p2{font-size: 14px; color: #888;}

.contact-add{position:relative; width:960px; padding: 25px 0px 0px 50px; font-size: 16px;  color: #888; min-height:300px;}
.contact-add .wxbox{ position: absolute; top:0px; right:100px;}
.contact-add .wxbox .txt{padding-top: 40px; padding-left: 20px;}

.job{width: 100%; height: auto;}
.job .title{line-height: 60px; border-bottom: 1px solid #ddd; text-align: center;}
.job .txt{padding-left: 50px; font-size: 16px; color: #888; padding-top: 50px;}


/********新闻资讯********/

.newslist{ margin-top: 25px; margin-left: 20px; border-bottom: dashed 1px #DDD;}
.newslist .tleft a{font-size: 18px; color: #CC0000; line-height: 40px;}
.newslist .tright{font-size: 14px; color: #CC0000;}
.newslist .newtxt{ font-size: 14px; color: #888;line-height: 30px;}


/*****新闻内容页*****/

 .probox{ margin:0px 0px;  min-height:100px; padding-top: 30px;}
 .probox .proboxname{ height:60px; line-height:24px; font-family:微软雅黑; font-size:18px; color:#414141; text-align:center; border-bottom:1px dashed #eee; }
 .probox .proboxname font{font-family:微软雅黑; font-size:12px; color:#8d8d8d;}
 .probox .procon{ margin:10px 10px; min-height:400px; border-bottom:1px dashed #eee; font-family:微软雅黑; font-size:14px; color:#414141; line-height:24px;}
 .probox .procon img{ max-width:760px;}
 .probox .proboxnames{ height:40px; line-height:40px; font-family:微软雅黑; font-size:18px; color:#414141; text-align:center;  border-bottom:1px dashed #eee;}
 .probox .fott{ height:90px; margin:2px 0px ; }

 .probox .fott .fx, .probox .fott .up, .probox .fott .next{ height:25px; line-height:25px;font-family:微软雅黑; font-size:12px; color:#8d8d8d;}
 .probox .fott .up .ups{ float:left;}
 .probox .fott .up .ups a{ text-decoration:none;color:#8d8d8d;}
 .probox .fott .up .ups a:hover{color:#fc6217;}
 .probox .fott .next a{text-decoration:none;color:#8d8d8d;}
 .probox .fott .next a:hover{color:#fc6217;}

 .probox .fott .up .btn{ float:right; width:82px; height:21px; background-image:url("../img/return.png"); background-position:top center; background-repeat:no-repeat; margin-top:5px; cursor:pointer;}
 .probox .fott .up .btn:hover{ background-position:bottom center;}