@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:510px; background:url(Img/Index/banner.jpg) no-repeat center top;}

/*five*/
.five { overflow:hidden; width:1200px; margin:40px auto;}
.five ul{ overflow:hidden; width:110%;}
.five li{ float:left; width:180px; overflow:hidden; margin-right:83px; 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; padding-right:40px;}
.five li.last{ padding-left:5px;}
/*.five li:hover img{ margin-top:-152px;}*/

/*pro*/
.pro { overflow:hidden; width:100%; padding-top:50px; padding-bottom:50px; background:url(../images/pro00.jpg) no-repeat center top; background-color:#f2f2f2;}
.pro .proLeft { overflow:hidden; width: 280px; float:left; background-color:#fff; padding-bottom:15px;}
.pro .proLeft h2{ overflow:hidden; width:100%; height:63px; background-color:#c81624; text-align:center; font-size:22px; color:#fff;}
.pro .proLeft h2 a{ color:#fff; display:block; margin-top:13px;}
.pro .proLeft h2 em{ font-size:14px; color:#f4c1c1; font-family:Arial; text-transform:uppercase; display:block}
.pro .proLeft h3{ width: 220px; height:42px; padding-left:20px; line-height:42px; background: url(../images/pro01.png) no-repeat 205px center; background-color:#c81624; margin-bottom:10px; margin:0 auto; font-size:16px; font-weight:normal; margin-top:15px;}
.pro .proLeft h3 a{ color:#fff;}
.pro .proLeft ul{ overflow:hidden; width:240px; margin:0 auto;}
.pro .proLeft li{ overflow:hidden; padding-left: 10px; width: 240px; background:url(../images/pro02.png) no-repeat 15px center; font-size:8px; border-bottom:1px solid #f0f0f0; line-height:31px; position:relative;}
.pro .proLeft li a{ color:#333;}
.pro .proLeft li a:hover,.prov .proLeft .menubox li a.cur 
{
     color:#c81624;
     font-weight:bold;
    text-decoration:none;
    
}
.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:#949494;
      
}

.pro .rtop{ background:url(../images/yy2.png) repeat-x center; height:52px; line-height:52px; padding:0 13px; border:1px solid #dcdcdc;}
.pro .rtop h5{ float:left;}
.pro .rtop h5 a{ font-size:16px; color:#339900;}
.pro .rtop span{ float:right; font-size:14px; color:#333;}
.pro .rtop span em{ font-size:16px; color:#3da011; font-weight:bold;}
.pro .rtop .mor{ float:right; font-size:13px; color:#666; font-family:"Arial"; text-transform:uppercase;}

.proRight { overflow:hidden; width:860px; padding:20px; float:right; background-color:#fff;}
.proRight .toppro{ overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f0f0f0;}
.proRight h4{ float:left; font-size:18px;}
.proRight h4 a{ color:#333}
.proRight h4 span{ font-weight:normal; margin-left:5px; font-size:12px; color:#dbdbdb;}

.proRight .more{ float:right; font-size:14px; color:#8a8a8a;}
.proRight .list{ overflow:hidden; width:105%}
.proRight .list li{ float:left; width:271px; height:215px; margin-right:21px; margin-bottom:79px;}
.proRight .list li img{ display:block; border:4px solid #f2f2f2; margin-bottom:12px; width:271px; height:215px;}
.proRight .list li span{ display:block; font-size:14px; color:#333; text-align:center; padding-top:5px;}
.proRight .list li:hover img{ border:4px solid #c81624;}

/*tedian*/
.tedian { overflow:hidden; width:100%; height:734px; background:url(Img/Index/td_bg.jpg) no-repeat center top;}
.tedian h2{ text-align:center; margin-top:45px; margin-bottom:14px;}
.tedian .tdbox{ overflow:hidden; width:1000px; height:540px; margin:0 auto; position:relative}
.tedian .tdbox img{ display:block; position:absolute; display:none}
.tedian .tdbox .img01{ /*left:565px; top:0;*/ z-index:1;left:514px;top:96px;}
.tedian .tdbox .img02{ left:458px; top:200px; z-index:2}
.tedian .tdbox .img02-1{ left:509px; top:149px;}
.tedian .tdbox .img03{/* left:358px; top:363px;*/ z-index:3;left:412px;top:270px}
.tedian .wen{ overflow:hidden; position: absolute; padding:9px 0; opacity:0;filter:alpha(opacity=0)}
.tedian h3{ font-size:22px; color:#fff; margin-bottom:5px; opacity:0;filter:alpha(opacity=0)}
.tedian p{ font-size:14px; color:#fff; text-align:justify; width:100%; line-height:20px; height:112px; opacity:0;filter:alpha(opacity=0)}
.tedian .wen01,.tedian .wen02,.tedian .wen03{ padding-left:115px; left:0; width:195px;}
.tedian .wen01 img,.tedian .wen02 img ,.tedian .wen03 img{ left:0; top:10px;}
.tedian .wen01{ padding-right:147px; background:url(Img/Index/td-x01.png) no-repeat right 20px; top:47px;}
.tedian .wen02{ padding-right:143px; background:url(Img/Index/td-x02.png) no-repeat right 20px;top:209px;}
.tedian .wen03{ padding-right:55px; background:url(Img/Index/td-x03.png) no-repeat right 20px; top:382px;}
.tedian .wen04,.tedian .wen05,.tedian .wen06{ padding-right:110px; right:0; width:150px;}
.tedian .wen04 img,.tedian .wen05 img ,.tedian .wen06 img{ right:0; top:5px;}
.tedian .wen04{ padding-left:59px; background:url(Img/Index/td-x04.png) no-repeat left 20px; top:47px;}
.tedian .wen05{ padding-left:127px; background:url(Img/Index/td-x05.png) no-repeat left 20px;top:209px;}
.tedian .wen06{ padding-left:208px; background:url(Img/Index/td-x06.png) no-repeat left 20px; top:382px;}
.tedian .wen04 h3,.tedian .wen05 h3,.tedian .wen06 h3{ text-align:right}



/*about*/
.about { position:relative; width:100%; height:880px; background:url(../images/about_bg.jpg) no-repeat center top;}
.about h2{ text-align:center; font-size:32px; padding-top:40px;}
.about h2 a{ color:#1b1b1b;}
.about h2 i{ display:inline-block; width:504px; 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:#1b1b1b; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}
.about .awen{ overflow:hidden; width:1200px; margin:0 auto; margin-bottom:40px;}
.about .awen img{ display:block; float:left; border:3px solid #fff;}
.about .awen .wen{ overflow:hidden; width:670px; float:right; margin-top:24px;}
.about .awen h3{ font-weight:normal; font-size:16px; margin-bottom:15px;}
.about .awen h3 a{ color:#cb1920;}
.about .awen p{ font-size:14px; line-height:28px; color:#333; 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:1200px; height:340px; 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:1132px; 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;}

/*小广告*/
.ggBox{ background:#133a58;}
.ggBox .container{ position:relative;}
.ggBox img{ display:block;}
.ggBox a{ position:absolute; display:block; width:138px; height:43px; line-height:43px; text-align:center; text-decoration:none; font-size:18px; color:#fff; background:#ed5f05; border-bottom:2px solid #8d3700; top:38px; right:23px;}
.ggBox dl{ position:absolute; padding-left:45px; background:url(Img/Index/dphbg.png) no-repeat left center; text-align:center;  color:#fff; top:90px; left:750px;}
.ggBox dt{ font-size:14px;}
.ggBox dd{ font-size:24px; font-weight:bold;}

/*流程*/
.L_C{ overflow:hidden; width:100%; padding:22px 0 25px; background-color:#c30101;}
.L_C h2{ background:url(../images/lcBG.png) no-repeat center; font-size:22px; text-align:center; color:#fff}
.L_C  p{ text-align:center; font-size:12px; color:#d67575;}
.L_C .list{ overflow:hidden; margin-top:16px; width:100%;}
.L_C .list li{ float:left; width:138px; position:relative; margin-right:39px}
.L_C .list li img{ display:block; margin:0 auto}
.L_C .list li h4{ text-align:center; font-size:14px; margin-top:15px; color:#fff}
.L_C .list li i{ display:block; background:url(../images/lc-xjx.png)  no-repeat center; width:16px; height:13px; position:absolute; top:38px; right:-30px;} 
.L_C .list li.last{ margin-right:0;} 

/*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: 350px; padding:0 20px; height:430px; background-color:#fff;margin-right: 22px;}
.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:520px;}
.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:335px;overflow:hidden; font-size:13px; line-height:35px;}
.leftnews .newslist li a{ color:#333; display:block; width:225px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.leftnews .newslist li span{ float:right; color:#333}

.rightnews { overflow:hidden; width: 375px; 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:325px; 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;}


/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:500px; 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;}

/*按钮*/
em.an{ width:37px; height:40px; display:block; position:absolute; cursor:pointer; z-index:999}
em.anLt{ background:url(../images/btnLt.png) no-repeat center top; left:0}
em.anRt{ background:url(../images/btnRt.png) no-repeat center top; right:0}
em.an:hover{ background-position:bottom;}