@charset "utf-8";



/* CSS Document */



/*banner*/



.banner{ overflow:hidden; width:100%; height:510px; background:url(../images/banner.jpg) no-repeat center top;}







/*search*/



.search { overflow:hidden; width:100%; height:72px; background-color:#f2f2f2;}



.search p{ font-size:14px; color:#000; line-height:72px; float:left}



.search p a{ margin:0 8px; color:#333}



.search .sbox { overflow:hidden; width:362px; height:44px; background:url(../images/search.png) no-repeat center top; float:right; margin-top:14px;}



.search input{ display:block; float:left; margin-left:17px; height:44px; border:none; background:none; outline:none; font-size:13px; color:#999; line-height:44px; width:292px;}



.search span{ display:block; width:53px; height:44px; float:right; cursor:pointer;}







/*five*/



.five { overflow:hidden; width:1000px; margin:40px auto;}



.five ul{ overflow:hidden; width:110%;}



.five li{ float:left; width:140px; overflow:hidden; margin-right:77px; cursor:pointer;}



.five li span{ display:block; width:132px; height:152px; overflow:hidden; position:relative; margin-bottom:15px;}



.five li em{ display:block; font-size:16px; color:#000; text-align:center;}



/*.five li:hover img{ margin-top:-152px;}*/







/*pro*/



.pro { overflow:hidden; width:100%; padding-top:20px; padding-bottom:50px;  background-color:#f2f2f2;}



.pro .proLeft { overflow:hidden; width:240px; float:left; background-color:#fff; padding-bottom:35px;}



.pro .proLeft h2{ overflow:hidden; width:100%; height:85px; background-color:#c81624; text-align:center; font-size:28px; color:#fff;}



.pro .proLeft h2 a{ color:#fff; display:block; margin-top:10px;}



.pro .proLeft h2 em{ font-size:14px; color:#f4c1c1; font-family:Arial; text-transform:uppercase; display:block}



.pro .proLeft h3{

	width:200px;

	height:42px;

	padding-left:10px;

	line-height:42px;

	background:url(../images/pro01.png) no-repeat 165px center;

	background-color:#949494;

	font-size:16px;

	font-weight:normal;

	margin-top:10px;

	margin-right: auto;

	margin-left: auto;

}



.pro .proLeft h3 a{ color:#fff;}

.pro .proLeft h4{

	overflow:hidden;

	width:100%;

	height:35px;

	background-color:#c81624;

	text-align:center;

	font-size:28px;

	color:#fff;

	padding-top: 15px;

}

.pro .proLeft h4 a{

	color:#fff;

	display:block;

	text-align: center;

}

.pro .proLeft ul{ overflow:hidden; width:200px; margin:0 auto;}



.pro .proLeft li{ overflow:hidden; padding-left:30px; width:170px; background:url(../images/pro02.png) no-repeat 15px center; font-size:13px; border-bottom:1px solid #f0f0f0; line-height:40px; position:relative;}



.pro .proLeft li a{ color:#333;}



.pro .proLeft li a:hover{ color:#c81624}



.pro .proLeft h3 a:hover



{



    text-decoration:none;



      



}



.pro .proLeft h3:hover,.prov .proLeft h3.cur



{



     background-color:#c81624;



      



}











.pro .proRight { overflow:hidden; width:740px; float:right}



.pro .proRight .tubanner{ overflow:hidden; width:724px; height:241px; background-color:#fff; border:8px solid #c81624}



.pro .proRight .tubanner img{ display:block; float:left; margin:15px;}



.pro .proRight .tubanner .wen{ overflow:hidden; width:420px; float:left; margin-top:35px;}



.pro .proRight .tubanner h3{ font-size:18px; margin-bottom:12px;}



.pro .proRight .tubanner h3 a{ color:#000}



.pro .proRight .tubanner b{ display:block; font-size:14px; color:#000; margin-bottom:10px;}



.pro .proRight .tubanner p{ font-size:13px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-bottom:25px;}



.pro .proRight .tubanner .btn{ display:block; width:125px; height:33px; text-align:center; line-height:33px; border:1px solid #e3e3e3; font-size:13px; color:#939393; float:left; margin-right:10px;}



.pro .proRight .tubanner .btn02{ border-color:#c81624; background-color:#c81624; color:#fff;}



.pro .proRight .list{ overflow:hidden; width:770px;}



.pro .proRight .list li{ float:left; margin-right:19px; margin-top:20px; width:218px; height:206px; border:8px solid #fff; overflow:hidden; position:relative; background-color:#fff;}



.pro .proRight .list li span{ display:block; text-align:center; font-size:14px; color:#333; position:absolute; top:180px; width:100%; height:30px; background:#fff;}



.pro .proRight .list li a{ display:block; text-decoration:none}



.pro .proRight .list li:hover{ border-color:#c81624;}







/*tedian*/



.tedian { overflow:hidden; width:100%; height:900px; background:url(../images/td_bg.jpg) no-repeat center top;}

.t05 {line-height:40px;background:#c81624;margin-top:10px;}

.t05 {padding:0 10px; color:#fff;font-size:14px;} /*左边标题块*/

.t05 a{color:#fff;}

.contactn .subnr { background: none repeat scroll 0 0 #fff;overflow: hidden;padding: 5px 9px;width: 240px;border: solid 1px #d7d7d7;}

.contactn .subnr p {line-height: 25px;overflow: hidden;}

.contactn .subnr span {color: #333333;}

.contactn .subnr h5 {line-height: 28px;overflow: hidden;}









.subnrn{ background: none repeat scroll 0 0 #fff;overflow: hidden;padding: 4px 26px; width: 240px;border: solid 1px #d7d7d7;}

.subnrn p {line-height: 25px;overflow: hidden;}



/*优势*/



.youshi { overflow:hidden; width:100%; margin-bottom:50px;}



.youshi .youshi_title{ overflow:hidden; width:100%; height:261px; background:url(../images/youshi_01.jpg) no-repeat center top;}



.youshi .youshi_title h2{ text-align:center; margin-top:89px;}



.youshi h3{ font-size:22px; color:#000; margin-bottom:25px;}



.youshi p{ font-size:14px; color:#000; line-height:20px; margin-bottom:20px; padding-left:20px; background:url(../images/youshi_p.png) no-repeat left 3px; width:370px;}



.youshi em{ font-size:13px; color:#000; display:block; margin-top:10px;}



.youshi em span{ font-size:25px; color:#c81624}



.youshi .youshi01{ overflow:hidden; width:100%; height:297px; background:url(../images/youshi_02.jpg) no-repeat center top;}



.youshi .youshi02{ overflow:hidden; width:100%; height:306px; background:url(../images/youshi_03.jpg) no-repeat center top;}



.youshi .youshi03{ overflow:hidden; width:100%; height:313px; background:url(../images/youshi_04.jpg) no-repeat center top;}



.youshi .youshi04{ overflow:hidden; width:100%; height:347px; background:url(../images/youshi_05.jpg) no-repeat center top;}



.youshi .youshi01 .wen{ overflow:hidden; margin-left:160px; margin-top:25px;}



.youshi .youshi02 .wen{ overflow:hidden; margin-left:435px; margin-top:30px;}



.youshi .youshi03 .wen{ overflow:hidden; margin-left:160px; margin-top:35px;}



.youshi .youshi04 .wen{ overflow:hidden; margin-left:435px; margin-top:50px;}



.youshi .video{ overflow:hidden; width:390px; height:230px; background-color:#000;float: right;



    margin-top: -240px;



    margin-right: 10px;}







/*留言*/



.liuyan { overflow:hidden; width:100%; padding:30px 0; background-color:#efefef; margin-bottom:50px;}



.liuyan .leftwen { overflow:hidden; width:380px; height:280px; background:url(../images/liuyan_x.png) right top repeat-y; float:left}



.liuyan .leftwen p{ font-size:20px; color:#000;}



.liuyan .leftwen img{ display:block; margin-bottom:12px;}



.liuyan .leftwen em{ padding:3px 0; font-size:16px; color:#666; padding-left:30px; background:url(../images/liuyan_phone.png) no-repeat left center; margin-left:20px; display:block;}



.liuyan .leftwen em span{ font-size:20px; color:#c81624;}



.liuyan .leftwen a{ display:block; width:196px; height:38px; text-align:center; line-height:38px; background:url(../images/liuyan_btn.png) no-repeat center; font-size:16px; color:#fff; margin-left:60px; margin-top:10px; text-decoration:none}



.liuyan .lybox{ overflow:hidden; float:right; width:580px;}



.liuyan .lybox h3{ font-size:28px; margin-bottom:10px; color:#c81624;}



.liuyan .lybox h3 em{ color:#000}



.liuyan .lybox input{ overflow:hidden; width:225px; height:44px; padding-left:55px; font-size:14px; color:#666; line-height:44px; border:1px solid #d2d2d2; margin-bottom:9px; display:block; outline:none;}



.liuyan .lybox .name{ background:url(../images/liuyan01.png) no-repeat left center; background-color:#fff;}



.liuyan .lybox .phone{ background:url(../images/liuyan02.png) no-repeat left center;background-color:#fff;}



.liuyan .lybox .addr{ background:url(../images/liuyan03.png) no-repeat left center; background-color:#fff;}



.liuyan .lybox textarea{ overflow:hidden; padding:10px; padding-left:55px; width:215px; height:132px; border:1px solid #d2d2d2; background:url(../images/liuyan04.png) no-repeat left top; background-color:#fff; outline:none; resize:none; font-size:14px; color:#666; float:right; margin-top:-165px; margin-bottom:20px;}



.liuyan .lybox b{ display:block; width:100%; height:56px; text-align:center; line-height:56px; background-color:#c81624; font-size:18px; color:#fff; cursor:pointer; float:left}







/*about*/



.about { position:relative; width:100%; height:910px; }



.about h2{ text-align:center; font-size:38px; padding-top:40px;}



.about h2 a{ color:#fff;}



.about h2 i{ display:inline-block; width:404px; height:1px; background-color:#d8d8d8; margin:0 20px; position:relative; top:-12px;}



.about h2 i{ *display:inline}



.about em{ display:block; text-align:center; font-size:16px; color:#fff; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.5; filter:alpha(opacity=50)}



.about .awen{ overflow:hidden; width:1000px; margin:0 auto; margin-bottom:40px;}



.about .awen img{ display:block; float:left; border:3px solid #fff;}



.about .awen .wen{ overflow:hidden; width:570px; float:right; margin-top:24px;}



.about .awen h3{ font-weight:normal; font-size:16px; margin-bottom:15px;}



.about .awen h3 a{ color:#fff;}



.about .awen p{ font-size:14px; line-height:28px; color:#fff; height:168px; overflow:hidden; text-align:justify; margin-bottom:30px;}



.about .awen a.btn{ display:block; width:136px; height:31px; text-align:center; line-height:31px; font-size:14px; color:#fff; background-color:#949494; float:left; margin-right:10px;}



.about .awen a.btn.btna02{ background-color:	}



.about .fengcai { width:1000px; height:370px; box-shadow:8px 8px 8px #ccc; background-color:#fff; margin:0 auto; position:relative}



.about .fengcai i{ display:block; width:42px; height:42px; cursor:pointer; position:absolute; top:190px;}



.about .fengcai .btn01{ background:url(../images/about_btn01.png) no-repeat center top; left:-20px;}



.about .fengcai .btn02{ background:url(../images/about_btn02.png) no-repeat center top; right:-20px;}



.about .fengcai i:hover{ background-position:bottom}



.about .menu{ overflow:hidden; width:100%; height:52px; padding-top:35px; padding-bottom:10px; margin-bottom:25px; text-align:center}



.about .menu li{ display:inline-block; width:180px; height:52px; margin:0 -2px; text-align:center; font-size:18px; font-weight:bold; position:relative; background-color:#ececec; line-height:52px;}



.about .menu li{ *display:inline}



.about .menu li a{ display:block; text-decoration:none; color:#333;}



.about .menu li img{ display:none; position:absolute; top:52px; left:86px;}



.about .menu li.cur{ background-color:#c81624;}



.about .menu li.cur a{ color:#fff;}



.about .menu li.cur img{ display:block}



.about .fcbox { overflow:hidden; width:932px; margin:0 auto; height:225px; position:relative;}



.about .fcbox ul{ overflow:hidden; position:absolute}



.about .fcbox li{ margin-right:20px; float:left; width:218px; /*height:225px;*/}



.about .fcbox li .fctu{ width:208px; height:140px; overflow:hidden; position:relative; border:5px solid #f3f3f3; margin-bottom:10px;}



.about .fcbox li span{ display:block; text-align:center; font-size:13px; color:#333;}



.about .fcbox li a{ display:block; text-decoration:none;}



.about .bbg { display:block; position:absolute; left:50%; bottom:-220px; margin-left:568px;}







/*流程*/



.liucheng { overflow:hidden; width:100%; height:342px; background-color:#c81624;}



.liucheng h2{ text-align:center; font-size:38px; color:#fff; margin-top:45px;}



.liucheng i{ display:inline-block; width:404px; height:1px; background-color:#d34550; margin:0 20px; position:relative; top:-12px;}



.liucheng i{ *display:inline}



.liucheng em{display:block; text-align:center; font-size:16px; color:#fff; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}



.liucheng img{ display:block; margin:0 auto}







/*合作*/



.hezuo { overflow:hidden; width:100%; height:450px; background:url(../images/hezuo_bg.png) repeat center;}



.hezuo h2{ text-align:center; font-size:38px; margin-top:45px;}



.hezuo h2 a{ color:#000}



.hezuo h2 i{ display:inline-block; width:404px; height:1px; background:#dbdbdb; margin:0 20px; position:relative; top:-12px;}



.hezuo h2 i{ *display:inline}



.hezuo em{ display:block; text-align:center; font-size:16px; color:#000; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}



.hezuo .hzbox { overflow:hidden; width:1000px; margin:0 auto; height:280px; position:relative}



.hezuo .hzbox ul{ overflow:hidden; position: absolute}



.hezuo .hzbox li{ float:left; width:260px; height:280px; margin-right:20px; text-align:center}



.hezuo .hzbox li a{ display:block; text-decoration:none}



.hezuo .hzbox li span{ display:block; text-align:center; font-size:14px; color:#333; margin-top:10px;}







/*客户*/



.kehu { overflow:hidden; width:100%; height:550px; background:url(../images/kehu_bg.png) no-repeat left top;}



.kehu h2{ text-align:center; font-size:38px; margin-top:45px;}



.kehu h2 a{ color:#000}



.kehu h2 i{ display:inline-block; width:350px; height:1px; background:#dbdbdb; margin:0 20px; position:relative; top:-12px;}



.kehu h2 i{ *display:inline}



.kehu em{ display:block; text-align:center; font-size:16px; color:#000; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}



.kehu .khbox { overflow:hidden; width:1050px; margin:0 auto; height:344px;}



.kehu dl{ overflow:hidden; width:475px; margin:0 25px; margin-bottom:40px; height:152px; float:left}



.kehu dt { overflow:hidden; float:left; width:202px; height:152px; position:relative}



.kehu dd{ overflow:hidden; float:right; width:255px;}



.kehu dd h3{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0}



.kehu dd h3 a{ color:#000}



.kehu dd p{ font-size:13px; color:#333; line-height:24px; height:72px; overflow:hidden}



.kehu dd .more{ display:block; width:122px; height:30px; background-color:#e7e7e7; text-align:center; line-height:30px; font-size:12px; color:#848484; margin-top:10px; text-decoration:none}



.kehu dd .more:hover{ background-color:#c81624; color:#fff;}







/*news*/



.news { overflow:hidden; width:100%; height:430px; padding:50px 0; background:url(../images/hezuo_bg.png) repeat center;}







.leftnews { overflow:hidden; float:left; width:645px; padding:0 20px; height:430px; background-color:#fff;}



.leftnews .top{ overflow:hidden; width:100%; margin-top:25px; margin-bottom:24px; border-bottom:1px solid #cdcdcd}



.leftnews .menu{ overflow:hidden; float:left}



.leftnews .menu li{ float:left; margin-right:50px; padding:0 10px; padding-bottom:15px; border-bottom:3px solid #fff; font-size:20px;}



.leftnews .menu li a{ color:#000; text-decoration:none}



.leftnews .menu li.cur{ font-weight:bold; border-color:#c81624;}



.leftnews .menu li.cur a{ color:#c81624;}



.leftnews .top .more{ float:right; font-size:14px; color:#8a8a8a;}



.leftnews .newsbox { overflow:hidden; width:100%; height:325px; position:relative;}



.leftnews .newslist{ overflow:hidden; width:100%; height:100%;}



.leftnews .newslist dl{ overflow:hidden; width:100%; height:156px; margin-bottom:12px;}



.leftnews .newslist dt{ overflow:hidden; float:left}



.leftnews .newslist dd{ overflow:hidden; float:right; width:420px;}



.leftnews .newslist h3{ font-size:14px; color:#c81624; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0;}



.leftnews .newslist h3 a{ color:#c81624}



.leftnews .newslist p{ font-size:13px; line-height:22px; color:#333; height:66px; overflow:hidden; text-align:justify}



.leftnews .newslist .more{ display:block; width:122px; height:30px; background-color:#e7e7e7; text-align:center; line-height:30px; font-size:12px; color:#848484; margin-top:20px; text-decoration:none}



.leftnews .newslist .more:hover{ background-color:#c81624; color:#fff;}



.leftnews .newslist ul{ overflow:hidden; width:100%;}



.leftnews .newslist li{ padding-left:15px; background:url(../images/news_s.png) no-repeat left center; width:630px;overflow:hidden; font-size:13px; line-height:30px;}



.leftnews .newslist li a{ color:#333; display:block; width:480px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}



.leftnews .newslist li span{ float:right; color:#333}







.rightnews { overflow:hidden; width:295px; float:right; height:430px; background-color:#fff;}



.rightnews .top{ overflow:hidden; width:100%; height:70px; background-color:#333}



.rightnews h3{ float:left; font-size:20px; margin-left:10px; margin-top:15px;}



.rightnews h3 a{ color:#fff;}



.rightnews h3 em{ display:block; font-size:12px; color:#fff; font-family:Arial; text-transform:uppercase; opacity:0.3; filter:alpha(opacity=30)}



.rightnews .more{ float:right; margin-right:10px; margin-top:28px; font-size:14px; color:#fff;}



.rightnews .wenda{ overflow:hidden; width:275px; margin:0 auto; height:320px; margin-top:20px; position:relative}



.rightnews .wenda ul{ overflow:hidden; width:100%; position:absolute}



.rightnews .wenda li{ overflow:hidden; width:100%; height:94px; border-bottom:1px dashed #ddd; margin-bottom:20px;}



.rightnews .wenda h5{ font-weight:normal; font-size:14px; padding-left:35px; line-height:25px; background:url(../images/news_w.png) no-repeat left center; margin-bottom:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}



.rightnews .wenda h5 a{ color:#000}



.rightnews .wenda p{ padding-left:35px; background:url(../images/news_d.png) no-repeat left top; font-size:13px; line-height:22px; color:#666; height:44px; overflow:hidden;}







/*link*/



.link { overflow:hidden; width:100%; padding:24px 0; background-color:#3f3f3f;}



.link h3{ float:left; font-size:18px; font-weight:normal;}



.link h3 a{ color:#fff;}



.link h3 p{ font-size:14px; color:#8a8a8a; text-transform: uppercase}



.link ul{ overflow:hidden; float:right; width:880px;}



.link li{ float:left; padding:0 20px; margin:3px 0; border-right:1px solid #535353; font-size:13px;}



.link li a{ color:#e2e2e2;}











/*<--!广告轮播样式效果一-->*/



#flashs{ position:relative; height:510px; overflow:hidden;}



#flashs .bgitem{  z-index:1;position:absolute; top:0; }



#flashs .btn{ position:absolute; z-index:2; bottom:25px; left: 50%;margin-left: -64px; padding:0px 6px;}



#flashs .btn span{ background:#252525; cursor: pointer;display: inline-block;margin:2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}



#flashs .btn span.cur{  background:#c81624;}











/* -- 弹出窗口 -- */



#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}



#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}



#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}



#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }



#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}



#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}



#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}