@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:60px; padding-bottom:50px;  background-color:#f2f2f2;}

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

.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:15px;}

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

.pro .proLeft h3{ width:200px; height:34px; padding-left:10px; line-height:34px; background:url(../images/pro01.png) no-repeat 165px center; background-color:#949494; margin-bottom:10px; margin:0 auto; font-size:16px; font-weight:normal; margin-top:7px;}

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

.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;}



/*优势*/

.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;}