@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}


/*搜索栏*/
.search{ height: 50px; overflow: hidden; background: #f2f2f2;}

.sear{ margin: 0 auto; width: 1000px;}

.search p{ float: left; width: 690px; line-height: 50px; overflow: hidden;}
.search p b,.search p a{ font-size: 14px; color: #666; font-weight: normal;}
.search p a{ margin-right: 7px;}

.searchbox{ float: right; margin-top: 10px; width: 280px; height: 32px; overflow: hidden;}
.searchbox input{outline: none;}

.seartxt{ float: left; width: 247px; height: 30px; font-size: 12px; color: #555; text-indent: 10px; line-height: 30px; border: 1px solid #999; border-right: 0; background: none;}
.searss{ float: right; width: 32px; height: 32px; border: 0; cursor: pointer; background: url(../img/icobox.png) no-repeat 0 -522px;}


/*banner*/
.banner{ height: 500px; overflow: hidden;}

.banner1{ display: block; height: 500px; background: url(../img/banner1.jpg) no-repeat center 0;}


/*一站式服务*/
.serve{ margin-top: 65px; height: 435px; overflow: hidden;}

.tit1{ font-weight: normal; text-align: center; line-height: 28px;}
.tit1 p{ font-size: 23px; color: #333;}
.tit1 b{ margin: 3px 0; display: block; font-size: 28px; color: #d4211c; background: url(../img/h_bg1.gif) no-repeat center center;}
.tit1 em{ font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 5px;}

.serve ul{ margin-top: 25px;}

.serve li{ float: left; margin-right: 104px; width: 221px; height: 275px; text-align: center; overflow: hidden; background: url(../img/case_bg.gif) no-repeat 0 bottom;}
.serve li.last{ margin-right: 0;}
.serve li span{ margin: 0 auto 18px; display: block; width: 94px; height: 94px; overflow: hidden; background: url(../img/icobox.png) no-repeat 0 -192px;}
.serve li h3{ font-size: 18px; color: #555;}
.serve li h3 i{ display: block; font-size: 12px; color: 888; font-weight: normal; text-transform: uppercase;}
.serve li p{ margin-top: 20px; font-size: 14px; color: #666; line-height: 25px;}

.serve li span.ser2{ background-position: 0 -384px;}
.serve li span.ser3{ background-position: -96px -96px;}
.serve li span.ser4{ background-position: -96px -288px;}

.serve li:hover{ background: url(../img/case_bg_hov.gif) no-repeat 0 bottom;}
.serve li:hover .ser1{ background-position: 0 -288px;}
.serve li:hover .ser2{ background-position: -96px 0;}
.serve li:hover .ser3{ background-position: -96px -192px;}
.serve li:hover .ser4{ background-position: -96px -384px;}
.serve li:hover h3,.serve li:hover i{ color: #d4211c;}


/*产品*/
.pro{ padding-top: 46px; height: 800px; overflow: hidden; background: url(../img/ys_bg.jpg) repeat;}

.pro_l{ float: left; width: 233px; border: 6px solid #d4211c; overflow: hidden; background: #fff;height: 655px;}
.pro_l h2{ margin-bottom: 6px; padding-top: 10px; height: 56px; font-size: 22px; text-align: center; overflow: hidden; background: url(../img/pro_lh.gif) no-repeat;}
.pro_l h2 span{ color: #fff;}
.pro_l p{ font-size: 12px; font-weight: normal; opacity: .6;}

.pro_lbox h3{ padding-left: 12px; height: 33px; font-size: 14px; line-height: 33px; overflow: hidden; background: #ededed;}
.pro_lbox h3 a{ color: #333;}
.pro_lbox h3.red a{ color: #da091d;}

.pro_lbox ul{ margin: 0 auto 18px; width: 210px; overflow: hidden;}

.pro_lbox li{ padding-left: 20px; height: 33px; overflow: hidden; font-size: 14px; line-height: 33px; border-bottom: 1px dashed #ddd; background: url(../img/pro-ico1.gif) no-repeat 0 center;}
.pro_lbox li a{ color: #333;}
.pro_lbox li:hover{ background: url(../img/pro-ico1-hov.gif) no-repeat 0 center;}
.pro_lbox li:hover a{ color: #d4211c;}

.pro_r{ float: right; width: 936px; overflow: hidden;}

.pro_rt{ margin-bottom: 0px; height: 48px; line-height: 48px; overflow: hidden; background: url(../img/pro_bg.gif) no-repeat 0 bottom;}
.pro_rt ul{ }
.pro_rt li{ float: left; width:200px; text-align: center; font-weight: bold; overflow: hidden;}
.pro_rt li a{ display: block; font-size: 20px; color: #555;}
.pro_rt li.first{ background: url(../img/pro-ico2.gif) no-repeat 0 center;}
.pro_rt li.cur a,.pro_rt li a:hover{ color: #d4211c;}

.pro_more{float: right; font-size: 14px; color: #555;}

.pro_rbt dl{ height: 280px; overflow: hidden; background: #eaeaea;}
.pro_rbt dt{ float: left; width: 365px;}
.pro_rbt dt img{ width:365px; height:280px; }
.pro_rbt dd{ float: right; margin-top: 20px; padding-right: 10px; width: 330px;}
.pro_rbt dd h3{ height: 30px; font-size: 16px; color: #555;}
.pro_rbt dd p{ margin: 3px 0; font-size: 14px; color: #555; line-height: 25px;}

.pro_btn{ margin-top:15px; font-size: 0;}
.pro_btn a{ margin-right: 20px; display: inline-block; width: 98px; height: 31px; font-size: 14px; color: #fff; text-align: center; line-height: 31px; background: #333;}
.pro_btn a:hover{ background: #d4211c;}

.pro_rbb{ margin-top: 14px;}
.pro_rbb li{ position: relative; float: left; margin-right: 11px; margin-bottom: 7px;width: 297px; height: 300px; border: 1px solid #ddd; overflow: hidden;}
.pro_rbb li.last{ margin-right: 0;}
.pro_rbb li img{ display: block; width: 298px; height: 260px;}

.pro_rbb li.cur{ border-color: #d4211c;}
.pro_rbb li.cur .procontent{ top: -33px;}

.procontent{ position: absolute; left: 0; top: 265px; width: 100%;}
.procontent p{ height: 33px; font-size: 14px; color: #151515; text-align: center; overflow: hidden; line-height: 33px;background:#fff;}
.procontent a{ display: block; width: 235px; }

/*流程*/
.flow{ padding-top: 64px; height: 445px; overflow: hidden;}

.flow h2 b{ background: url(../img/h_bg2.gif) no-repeat center center;}

.flow ul{ margin-top: 40px;}

.flow li{ float: left; width: 171px; overflow: hidden;}
.flow li:hover em{ color: #fff; background-position: 0 -96px;}
.flow li .flbg{ margin-bottom: 10px; height: 103px; background: url(../img/flow-shadow.png) no-repeat 41px bottom;}
.flow li em{ margin: 0 auto; display: block; width: 94px; height: 94px; font-size: 36px; color: #878787; text-align: center; line-height: 94px; letter-spacing: -3px; background: url(../img/icobox.png) no-repeat;}
.flow li p{ font-size: 16px; color: #444; text-align: center; line-height: 24px;}

.flow_pho{ margin:35px auto 0; padding-left: 45px; width: 240px; height: 44px; line-height: 44px; border: 1px solid #d4211c; background: url(../img/pho1.gif) no-repeat 15px center;}
.flow_pho a{ float: right; display: block; width: 102px; font-size: 14px; color: #fff; text-align: center; background: #d4211c;}
.flow_pho i{ margin-right: 10px; font-size: 14px; color: #555;}
.flow_pho i b{ font-size: 23px; color: #d4211c; letter-spacing: -2px;}


/*他们都信任瑞成*/
.client{ height: 527px; overflow: hidden;}

.client h2 p,.pj h2 p{ margin-bottom: 5px; font-size: 36px; background: url(../img/h_bg3.gif) no-repeat center center;}
.client h2 b,.pj h2 b{ display: inline; font-size: 36px; background: none;}

.clientbox{ margin-top: 36px;}

.clientconbox{ height: 322px; overflow: hidden;}
.clientconbox dt{ float: left; width: 548px;}
.clientconbox dt img{ display: block; width: 548px; height: 322px;}
.clientconbox dd{ position: relative; float: left; padding: 40px 40px 0; width: 570px; height: 278px; border: 2px solid #ccc; border-left: 0;}
.clientconbox dd ul{ margin-top: 27px;}
.clientconbox dd li{ font-size: 14px; color: #666; line-height: 28px;}
.clientconbox dd a.more{ position: absolute; right: -2px; bottom: -2px; display: block; width: 33px; height: 27px; background: url(../img/icobox.png) no-repeat -106px -522px;}

.cbox_r{ float: right; width: 43px;}
.cbox_l{ padding-top: 10px; height: 75px; font-size: 24px; color: #3a3a3a; background: url(../img/client_line.gif) no-repeat 0 bottom;}
.cbox_l b{ display: block;}

.clientcon{ margin-top: 27px; font-size: 0; text-align: center; background: url(../img/client_line2.gif) no-repeat center center;}
.clientcon a{ display: inline-block; width: 40px; height: 40px; overflow: hidden;}
.prev1{ margin-right: 42px; background: url(../img/icobox.png) no-repeat -84px -480px;}
.next1{ background: url(../img/icobox.png) no-repeat 0 -480px;}

.prev1:hover{ background-position: -126px -480px;}
.next1:hover{ background-position: -42px -480px;}


/*优势*/
.ys{ height: 1550px; overflow: hidden; background: url(../img/ys_bg.jpg) repeat;}

.ys h2{ height: 273px; background: url(../img/ys-hbg.jpg) no-repeat center center;}

.ysbox{ margin-top: 45px;}

.ysbox .ys_txt{ float: left; padding-left: 115px; width: 460px;}
.ysbox .ys_img{ float: right;}

.ys1{ height: 350px; overflow: hidden;}
.ys2{ height: 394px; overflow: hidden; background: url(../img/ys2.png) no-repeat center center;}
.ys3{ height: 441px; overflow: hidden;}

.ys1 .ys_txt{ background: url(../img/ys_n1.gif) no-repeat;}
.ys2 .ys_txt{ float: right; margin-top: 40px; background: url(../img/ys_n2.gif) no-repeat;}
.ys3 .ys_txt{ margin-top: 40px; background: url(../img/ys_n3.gif) no-repeat;}

.ys1 .ys_img{ margin-top: 8px;}

.ysbox h3{ width: 360px; height: 86px; font-size: 30px; color: #d42220; font-weight: normal; border-bottom: 1px dashed #ccc;}
.ysbox h3 b{ display: block; font-size: 24px; color: #333;}
.ysbox p{ margin-top: 12px; padding-left: 16px; font-size: 14px; color: #666; line-height: 25px; background: url(../img/ys_ico1.gif) no-repeat 0 8px;}
.ysbox a{ margin-top: 34px; display: block; width: 122px; height: 38px; font-size: 14px; color: #fff; text-align: center; line-height: 38px; background: #d42220;}
.ysbox span{ margin-top: 30px; display: block; font-size: 14px; color: #555;}
.ysbox span b{ font-size: 32px; color: #424242; letter-spacing: -2px;}


/*横幅*/
.ad1{ height: 240px; overflow: hidden; background: url(../img/ad1_bg.jpg) no-repeat center center;}

.ad1 a{ margin: 94px 0 0 500px; display: block; width: 116px; height: 34px; font-size: 14px; color: #fff; text-align: center; line-height: 34px; background: #2f2f2f;}
.ad1 p{ margin: 98px 0 0 600px; padding-left:30px; background: url(../img/pho2.gif) no-repeat 0 center;}
.ad1 p i{ margin-right: 10px; font-size: 14px; color: #fff;}
.ad1 p i b{ font-size: 23px; letter-spacing: -2px;}


/*客户评价*/
.pj{ margin-top: 45px; height: 537px; overflow: hidden;}

.pjbox{ margin-top: 35px;}
.pjbox li{ position: relative; float: left; margin:0 13px; padding: 14px; width: 342px; height: 342px; border: 1px solid #ddd;}
.pjbox li.last{ margin-right: 0;}
.pjbox li img{ display: block; width:341px; height: 250px;}
.pjbox li h3{ margin-top: 20px; font-size: 16px; color: #333;}
.pjbox li i{ margin: 10px 0 15px; font-size: 16px; color: #333; display: block; word-spacing: 14px;}
.pjbox li p{ height: 63px; font-size: 14px; color: #666; line-height: 21px; overflow: hidden;}
.pjbox li a.more{ position: absolute; right: 0; bottom: 0; display: block; width: 33px; height: 27px; overflow: hidden; background: url(../img/icobox.png) no-repeat -71px -522px;}
.pjbox li:hover a.more{ background-position: -106px -522px;}


/*走进瑞成*/
.company{ height: 445px; overflow: hidden; background: url(../img/company_bg.jpg) no-repeat center 0;}

.company dl{ margin-top: 120px; padding-left: 35px; height: 295px; background: #d4211c;}

.company dt{ float: left; margin-top: -120px; width: 460px;}
.company dt img{ display: block; width: 460px; height: 410px;}

.company dd{ position: relative; float: right; margin-top: 33px; width:645px; height: 262px;}
.company dd h3{ font-size: 18px; color: #fff; background: url(../img/company-ico.gif) no-repeat 90px center;}
.company dd p{ margin-top: 10px; width:611px; height: 168px; font-size: 14px; color: #fff; line-height: 28px; overflow: hidden;}
.company dd a{ position: absolute; right: 0; bottom: 0; display: block; width: 33px; height: 27px; overflow: hidden; background: url(../img/icobox.png) no-repeat -71px -522px;}


/*相册*/
.album{ height: 415px;}
.album img{ display: block;}

.albumbox{ position: relative;}

.album-prev,.album-next{ position: absolute; top: 52px; display: block; width: 30px; height: 80px; overflow: hidden;}
.album-prev:hover,.album-next:hover{ opacity: .8;}
.album-prev{ left: -65px;}
.album-next{ right: -65px;}

.albumconbox ul{ text-align: center; font-size: 0;}
.albumconbox li{ display: inline-block; padding: 0 1px; width: 247px;}
.albumconbox li{ *display: inline;}
.albumconbox li{ _display: inline;}
.albumconbox li img{ width: 200px; height: 185px;}
.albumconbox li p{ margin-top: 5px; height: 28px; font-size: 14px; line-height: 28px; overflow: hidden;}
.albumconbox li p a{ color: #666;}

.albumcon{ margin-top: 40px;}
.albumcon ul{ height: 52px; font-size: 0; text-align: center; background: url(../img/client_line2.gif) no-repeat 0 center;}
.albumcon li{ display: inline-block; width: 190px; height: 50px; font-size: 16px; color: #666; text-align: center; line-height: 50px; cursor: pointer; border: 1px solid #ccc; background: #fff;}
.albumcon li.cur,.albumcon li:hover{ color: #fff; font-weight: bold; border-color: #d4211c; background: #d4211c;}
.albumcon li{ *display: inline;}
.albumcon li{ _display: inline;}

/*新闻资讯*/
.information{ height: 485px; overflow: hidden;}

.inf-l img,.inf-m img{ margin-top: 20px; display: block; width: 317px; height: 125px;}
.inf-l ul,.inf-m ul{ margin-top: 15px;}
.inf-l li,.inf-m li{ height: 42px; font-size: 14px; line-height: 42px; border-bottom: 1px dashed #ddd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.inf-l li.last,.inf-m li.last{ border-bottom: 0;}
.inf-l li a,.inf-m li a{ color: #666;}

.inf-l{ float: left; margin-right: 20px; width: 410px; overflow: hidden;}
.inf-m{ float: left; width: 410px;}
.inf-r{ float: right; width: 330px;}

.tit2{ height: 30px; font-size: 0; border-bottom: 1px solid #ddd;}
.tit2 em{ display: inline-block; height: 30px; font-size: 18px; color: #d4211c; border-bottom: 3px solid #d4211c;}
.tit2 a{ float: right; margin-top: 5px; font-size: 14px; color: #555; font-weight: normal; text-transform: uppercase;}
.tit2 .aaa em{ height: 25px !important; display: inline-block; height: 30px; font-size: 18px; color: #d4211c; border-bottom: 3px solid #d4211c; line-height:16px !important;}
.tit2 .aaa{ float:left;font-weight:bold;}

.wdbox{ margin-top: 32px; height: 385px; overflow: hidden;}
.wdbox dl{ margin-bottom: 20px; height: 115px; border-bottom: 1px solid #ddd; overflow: hidden;}
.wdbox dt{ padding-left: 30px; height: 30px; font-size: 14px; line-height: 30px; overflow: hidden; background: url(../img/wen.gif) no-repeat 0 center;}
.wdbox dt a{ color: #333;}

.wdbox dd{ padding-left: 30px; height: 72px; font-size: 14px; color: #666; line-height: 24px; overflow: hidden; background: url(../img/da.gif) no-repeat 0 3px;}


/*友情链接*/
.link{ height: 160px; overflow: hidden;}

.link h2 span{ font-size: 16px; color: #888;}

.link p{ margin-top: 23px; font-size: 0; text-align: center;}
.link p a{ margin: 0 22px 10px; display: inline-block; font-size: 14px; color: #555;}



/******************************广告*********************************/
.banners{height: 500px;}
.fullSlide {
	width:100%;
	position:relative;
	height:500px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:500px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:500px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#D21813;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(../img/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../img/right1s.png) no-repeat;
}