@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:510px; background:url(/images/index/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/index/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:url(/images/bg0.jpg) no-repeat center top; background-color:#f2f2f2;}
.pro .proLeft { overflow:hidden; width:240px; float:left; background-color:#fff; padding-bottom:35px;margin-bottom:20px}
.pro .proLeft h2{ overflow:hidden; width:100%; height:70px; padding-top:15px;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:180px; height:42px; padding-left:20px; line-height:42px; background:url(/images/index/pro01.png) no-repeat 165px center; background-color:#949494; margin-bottom:10px; margin:0 auto; font-size:16px; font-weight:normal; margin-top:20px;}
.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/index/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;
      
}

ul.list li img{width:218px;height:140px}
.five li img{width:132px;height:304px}
.tdbox .wen img{width:97px;height:97px}
.youshi_title img{width:715px;height:98px}
.leftwen img{width:347px;height:145px}
.yzm{float:right;margin-top:-55px;width:282px;}
.yzm img{cursor: pointer;display:block;float:right;margin-top:12px}
.pro .proRight { overflow:hidden; width:740px; float:right}
.pro .proRight .tubanner{ overflow:hidden; width:724px; height:220px; 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 em{ font-size:18px; margin-bottom:12px;display:block;font-weight:bold}
.pro .proRight .tubanner em 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:190px; 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:150px; width:97%;}
.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:734px; background:url(/images/ysbg.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{ z-index:1;left:514px;top:96px;}
.tedian .tdbox .img02{ left:458px; top:200px;width:300px; z-index:2}
.tedian .tdbox .img02-1{ left:509px; top:149px;}
.tedian .tdbox .img03{z-index:3;left:412px;top:270px}
.tedian .wen{ overflow:hidden; position: absolute; padding:9px 0;/* opacity:0;filter:alpha(opacity=0)*/}
.wen div{ font-size:22px; color:#fff; margin-bottom:5px;font-weight:bold/* 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:110px; left:0; width:195px;}
.tedian .wen01 img,.tedian .wen02 img ,.tedian .wen03 img{ left:0; top:10px;}
.tedian .wen01{ padding-right:147px;  no-repeat right 20px; top:47px;}
.tedian .wen02{ padding-right:143px;  no-repeat right 20px;top:209px;}
.tedian .wen03{ padding-right:55px;  no-repeat right 20px; top:382px;}
.tedian .wen04,.tedian .wen05,.tedian .wen06{ padding-right:110px; right:0; width:195px;}
.tedian .wen04 img,.tedian .wen05 img ,.tedian .wen06 img{ right:0; top:5px;}
.tedian .wen04{ padding-left:59px; no-repeat left 20px; top:47px;}
.tedian .wen05{ padding-left:127px;  no-repeat left 20px;top:209px;}
.tedian .wen06{ padding-left:208px;  no-repeat left 20px; top:382px;}
.tedian .wen04 h3,.tedian .wen05 h3,.tedian .wen06 h3{ text-align:right}



/*优势*/
.youshi { overflow:hidden; width:100%; margin-bottom:50px;}
.youshi .youshi_title{ overflow:hidden; width:100%; height:261px; background:url(/images/index/youshi_01.jpg) no-repeat center top;}
.youshi .youshi_title h2{ text-align:center; margin-top:89px;}
.youshi span{ font-size:22px; color:#000; margin-bottom:25px;display:block;font-weight:bold}
.youshi p{ font-size:14px; color:#000; line-height:20px; margin-bottom:10px; padding-left:20px; background:url(/images/index/youshi_p.png) no-repeat left 7px; 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_sc.jpg) no-repeat center top;}
.youshi .youshi02{ overflow:hidden; width:100%; height:306px; background:url(/images/youshi_zz.jpg) no-repeat center top;}
.youshi .youshi03{ overflow:hidden; width:100%; height:313px; background:url(/images/youshi_dz.jpg) no-repeat center top;}
.youshi .youshi04{ overflow:hidden; width:100%; height:347px; background:url(/images/shouhou_yn.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/index/liuyan_x.png) right top repeat-y; float:left}
.liuyan .leftwen p{ font-size:20px; color:#000;margin-bottom: 10px;}
.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/index/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/index/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 strong{ font-size:28px; margin-bottom:10px; color:#000;display:block}
.liuyan .lybox strong em{ color:#c81624;font-weight:bold}
.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/index/liuyan01.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox .tel{ background:url(/images/index/liuyan02.png) no-repeat left center;background-color:#fff;}
.liuyan .lybox .address{ background:url(/images/index/liuyan03.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox textarea{ overflow:hidden; padding:10px; padding-left:55px; width:215px; height:80px; border:1px solid #d2d2d2; background:url(/images/index/liuyan04.png) no-repeat left top; background-color:#fff; outline:none; resize:none; font-size:14px; color:#666; float:right; margin-top:-165px; }
.liuyan .lybox .submit{ 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; background:url(/images/index/about_bg.jpg) no-repeat center top;}
.about .abt{ text-align:center; font-size:38px; padding-top:40px;color:#1b1b1b;font-weight:bold;display:block}
.about .abt i{ display:inline-block; width:404px; height:1px; background-color:#d8d8d8; margin:0 20px; position:relative; top:-12px;}
.about .abt 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: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 span{ font-weight:normal; font-size:16px; margin-bottom:15px;color:#cb1920;display:block}
.about .awen p{ font-size:14px; line-height:24px; color:#333; height:188px; overflow:hidden; text-align:justify; margin-bottom:30px;text-indent:2em}
.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 .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/index/about_btn01.png) no-repeat center top; left:-20px;}
.about .fengcai .btn02{ background:url(/images/index/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}
.fctu img{width:208px}
#hezuo li img{width:184px;height:112px}
.about .menu li{  text-decoration:none; color:#333;cursor: pointer;}
.about .menu li img{ display:none; position:absolute; top:52px; left:86px;}
.about .menu li.cur{ background-color:#c81624;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;}
/*流程*/
.liucheng { overflow:hidden; width:100%; height:342px; background-color:#c81624;}
.liucheng div{ text-align:center; font-size:38px; color:#fff; margin-top:45px;font-weight:bold}
.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:335px; background:url(/images/index/hezuo_bg.png) repeat center;}
.hezuo div{ text-align:center; font-size:38px; margin-top:45px;color:#000;font-weight:bold}
.hezuo div i{ display:inline-block; width:404px; height:1px; background:#dbdbdb; margin:0 20px; position:relative; top:-12px;}
.hezuo div 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:155px; position:relative}
.hezuo .hzbox ul{ overflow:hidden; position: absolute}
.hezuo .hzbox li{ float:left; width:184px; height:155px; 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/index/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/news_bg.png) no-repeat left top;}
/*.container h3{color:#fff}*/

.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:11px; 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 div{ font-size:14px; color:#c81624; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0;font-weight:bold}
.leftnews .newslist div a{ color:#c81624}
.leftnews .newslist p{ font-size:13px; line-height:22px; color:#333; height:66px; overflow:hidden; text-align:justify;    clear: left;}
.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/index/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}
.top div{ float:left; font-size:20px; margin-left:10px; margin-top:15px;}
.top div a{ color:#fff;}
.top div 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:350px; margin-top:20px; position:relative}
.rightnews .wenda ul{ overflow:hidden; width:100%; position:absolute}
.rightnews .wenda li{ overflow:hidden; width:100%; height:100px; border-bottom:1px dashed #ddd; margin-bottom:20px;}
.rightnews .wenda em{ font-weight:normal; font-size:14px; padding-left:35px; line-height:25px; background:url(/images/index/news_w.png) no-repeat left center; margin-bottom:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.rightnews .wenda em a{ color:#000}
.rightnews .wenda p{ padding-left:35px; background:url(/images/index/news_d.png) no-repeat left top; font-size:13px; line-height:22px; color:#666; height:68px; overflow:hidden;}

/*link*/
.link { overflow:hidden; width:100%; padding:24px 0; background-color:#3f3f3f;}
.container div{ font-size:18px; font-weight:normal;}
.container div a{ color:#fff;}
.container div p{ font-size:14px; color:#8a8a8a; text-transform: uppercase}
.link ul{ overflow:hidden; float:right; width:880px;}
.link li{ float:left; padding:0 10px; margin:3px 0; border-right:1px solid #535353; font-size:13px;}
.link li a{ color:#8a8a8a;}


/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:510px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:2; bottom:5px; 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;}
.tdbox p{color:#ffebcd;letter-spacing: 3px;}
.head_sm{text-align:right;float:right!important}
.head_sm b{color:red;letter-spacing:3px}
#flashbg0{background: url('/images/ban1.jpg') no-repeat scroll center top;height: 510px; width: 100%; cursor: pointer; margin: 0 auto;}
#flashbg1{background: url('/images/850.jpg') no-repeat scroll center top;height: 510px; width: 100%; cursor: pointer; margin: 0 auto;}
#flashbg2{background: url('/images/ban3.jpg') no-repeat scroll center top;height: 510px; width: 100%; cursor: pointer; margin: 0 auto;}
.moreP{margin-top:10px;;background-color:white;width:100%;text-align:right;height:30px;padding-top:8px}
.moreP a{font-size:15px;color:red!important;font-weight:bold}
.arg{top:170px!important;color:#aaa!important}
.fl{width:100px;float:left}