﻿@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; position:relative;height:600px;}

#flashs{ position:relative; height:600px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:17px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.on{ background:#FF5B00;}
/*
.banner .banner_tu{ overflow:hidden; width:100%; height:600px; padding-bottom:40px; position:relative; z-index:1}
.banner .banner_tu ul{ height:600px; overflow:hidden; width:300%; position:absolute; top:0}
.banner .banner_tu li{ width:33.333%; height:600px; float:left; position:relative; overflow:hidden}
.banner .banner01{ background:url(Img/Index/banner_bg01.jpg) no-repeat center;}
.banner .banner01 img{ display:block; position:absolute; left:50%; margin-left:-278px; top:73px;}
.banner .banner02{ background:url(Img/Index/kehu_diannao.png) no-repeat center;}
.banner .banner03{ background:url(Img/Index/case04.jpg) no-repeat center;}

.banner .banner_list{ overflow:hidden; height:84px; width:342px; position:absolute; left:50%; margin-left:-171px; bottom:0; z-index:2}
.banner .banner_list li{ width:84px; height:84px; float:left; margin:0 15px;}
.banner .banner_list b{ display:block; width:71px; height:71px; margin-left:7px; margin-top:6.5px;}
.banner .banner_list .banner_list01{ background:url(Img/Index/banner01.png) no-repeat center top;}
.banner .banner_list .banner_list02{ background:url(Img/Index/banner02.png) no-repeat center top;}
.banner .banner_list .banner_list03{ background:url(Img/Index/banner03.png) no-repeat center top;}
.banner .banner_list .cur b{ background-position:bottom}
.banner .banner_list .cur { background:url(Img/Index/banner_cur.png) no-repeat center}*/

/*业务*/
.yewu{ overflow:hidden; margin-top:65px; margin-bottom:65px;}
.yewu p{ font-size:16px; color:#333; text-align:center;}
.yewu h2{background:url(Img/Index/title_bg.png) no-repeat center bottom; font-weight:normal; padding-bottom:20px; text-align:center; margin-bottom:20px;}
.yewu h2 i{ display:block; font-style:normal; font-size:16px; color:#333; text-align:center; }
.yewu h2 em{ color:#ff5b00}
.yewu .yewu_list{ overflow:hidden;}
.yewu .yewu_list li{ width:25%; float:left; position:relative}
.yewu .yewu_list b{ display:block; width:165px; height:164px; margin:0 auto; margin-bottom:15px;}
.yewu .yewu_list h3{ font-size:20px; font-weight:normal; text-align:center; margin-bottom:21px;}
.yewu .yewu_list h3 a{ color:#ff5b00;}
.yewu .yewu_list p{ font-size:13px; text-align:center; line-height:22px;}

.yewu .yewu_list .yewu01 b{ background:url(Img/Index/yewu01.png) no-repeat center bottom}
.yewu .yewu_list .yewu02 b{ background:url(Img/Index/yewu02.png) no-repeat center bottom}
.yewu .yewu_list .yewu03 b{ background:url(Img/Index/yewu03.png) no-repeat center bottom}
.yewu .yewu_list .yewu04 b{ background:url(Img/Index/yewu04.png) no-repeat center bottom}
.yewu .yewu_list li:hover b{ background-position:bottom}
.yewu_list a:hover{ text-decoration:none;}
.yewu_list a:hover h3{ color:#ff5d00;}
/*实力*/
.shili{ overflow:hidden; width:100%; height:680px; background:url(Img/Index/shili_bg.jpg) no-repeat center; position:relative}
.shili p{ font-size:16px; color:#fff; text-align:center; margin-top:80px; position:relative; z-index:2}
.shili h3{ font-size:36px; color:#fff; text-align:center; padding-bottom:20px; font-weight:normal; margin-bottom:20px; position:relative; z-index:2}
.shili .sl01{ position:absolute; display:block; left:50%; top:0; margin-left:-396px;}
.shili a{  padding-top:88px; font-size:13px; color:#fff; padding-bottom:40px; width:144px; height:56px; position:absolute; left:50%; top:217px; margin-left:-45px; background:url(Img/Index/sl_bf.png) no-repeat center top}
.shili a span{ display:block; text-align:center; width:70%;}



/*数字*/
.shuzi{ overflow:hidden; height:335px; width:1050px; margin:0 auto;}
.shuzi ul{ overflow:hidden; margin-top:55px;}
.shuzi li{ float:left; width:308px; margin:0 21px; position:relative; text-align:center; *padding-top:20px}
.shuzi em{ display:block; width:11px; height:11px; background:url(Img/Index/shuzi_yuan.png) no-repeat center; position:absolute; top:143px;}
.shuzi .em01{ left:0}
.shuzi .em02{ right:1px}
.shuzi span{ display:block; width:297px; height:145px; background:url(Img/Index/shuzi_xian.png) no-repeat left top; position:absolute; left:5px; top:0; }
.shuzi .shuzi01{ width:220px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}
.shuzi .shuzi02{ width:220px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}
.shuzi .shuzi03{ width:220px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}

.shuzi b { display:block; width:100%; overflow:hidden;}
.shuzi b i{ font-size:90px; color:#ff5b00; display:block; width:100%; height:125px; line-height:125px; font-style:normal; text-align:center;}
.shuzi p{ font-size:16px; line-height:22px; color:#333;}
.shuzi .shuzi01 b{ margin-top:-375px}
.shuzi .shuzi02 b{ margin-top:-1625px}
.shuzi .shuzi03 b{ margin-top:-1625px}

/*困扰*/
.kunrao{ overflow:hidden; width:100%; height:700px; background:url(Img/Index/kunrao_bg.jpg) no-repeat left top; position:relative}
.kunrao  h2{ font-size:36px; color:#333; text-align:center; padding-bottom:20px; background:url(Img/Index/title_bg.png) no-repeat center bottom; font-weight:normal; margin-bottom:20px; margin-top:60px;}
.kunrao h2 em{ color:#ff5b00}
.kunrao .b01{ position:absolute; left:50%; top:50%; margin-left:664px; margin-top:-195px;}
.kunrao .b02{ position:absolute; left:50%; bottom:0; margin-left:-547px;}
.kunrao .lijizixun{ position:absolute; left:50%; bottom:0; margin-left:-109px; width:233px; height:187px;}
.kunrao .lijizixun a{ display:block; position:absolute; bottom:0; left:0; z-index:2; height:119px; background:url(Img/Index/kunrao_zixun.png) no-repeat; width:218px;}
.kunrao .lijizixun a:hover{background:url(Img/Index/kunrao_zixun1.png) no-repeat; display:block;}
.kunrao .lijizixun p img{ position:absolute; top:0; left:0; z-index:1; width:1px; height:1px;*width:223px; *height:104px;}
.kunrao .wenhao{ position:absolute; left:50%; top:50%;/* margin-left:-100px; margin-top:0;*/ background:url(Img/Index/kunrao_wenhao_yy.png) no-repeat 20px 73px; /*width:1px; height:1px;*/ overflow:hidden; width:373px; height:317px; margin-left:-155px;margin-top:-117px;}
.kunrao .wenhao img{ position:absolute}
.kunrao .kunrao_list{ position:absolute; left:50%; top:50%; width:324px; height:200px;}
.kunrao .kunrao02{ width:273px;}
.kunrao .kunrao03{ width:261px;}
.kunrao .kunrao04{  width:331px}
.kunrao .kunrao_list .wen{ position:absolute; left:0; top:0}
.kunrao .kunrao_list .img{ position:absolute; right:0; bottom:0}
.kunrao .wen02{ display:none}
.kunrao .img02{ display:none}
.kunrao_list a{ cursor:pointer; display:block; height:200px;}
.kunrao .kunrao01{ /*margin-left:-1275px; margin-top:26px; */margin-left:-472px; margin-top:-192px}
.kunrao .kunrao02{ /*margin-left:-1017px; margin-top:356px;*/ margin-left:213px; margin-top:-192px}
.kunrao .kunrao03{ /*margin-left:-1500px; margin-top:356px;*/ margin-left:-411px; margin-top:32px}
.kunrao .kunrao04{ /*margin-left:-700px; margin-top:400px; */margin-left:153px; margin-top:37px}

/*困扰文字*/
.ad{ overflow:hidden; height:210px; margin:0 auto; width:1004px}
.ad p{ font-size:14px; color:#333; text-align:center; margin-top:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.ad h5{ font-size:20px; color:#333; text-align:center; font-weight:normal; margin-bottom:27px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.ad h5 em{ color:#ff5b00;}
.ad h4{ background:url(Img/Index/kunhuo0.png) no-repeat center; font-size:15px; text-align:center; color:#fff; line-height:41px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/*案例*/
.case{ overflow:hidden; /*height:698px;*/ width:100%; background:url(Img/Index/case_bg.png) repeat center}
.case h2 i{ display:block; font-style:normal; font-size:16px; color:#fff; text-align:center; margin-top:60px;}
.case h2{ font-size:36px; color:#fff; text-align:center; font-weight:normal; padding-bottom:20px; background:url(Img/Index/title_bg.png) no-repeat center bottom; margin-bottom:40px;}
.case h2 em{ color:#ff5b00}
.case .case_list{ overflow:hidden; width:998px; margin:0 auto; margin-bottom:40px;}
.case .case_list li{ float:left; width:110px; text-align:center; font-size:14px; color:#fff; height:25px; padding-top:10px; position:relative; overflow:hidden}
.case .case_list .first a{ border:none}
.case .case_list li img{ position:absolute; z-index:1; top:0}
.case .case_list li .img_l{ left:-41px} 
.case .case_list li .img_r{ right:-41px}
.case .case_list li a{ color:#fff; display:block; width:109px; border-left:1px dotted #fff; position:relative; z-index:2}
.case .case_list li a:hover{ color:#ff5d00;}
.case .case_window{}
.case .case_tu{  /*height:440px;*/  width:100%; margin:0px auto;}
.case .case_tu li{ width:20%; float:left; /*height:440px;*/ cursor:pointer}
.case .case_tu li .case_wen{ width:100%; /*height:220px*/; position:relative;}
.case .case_tu li img{display:block;}
/*.case .case_tu li .top img{ position:absolute; z-index:1; left:0; top:0; height:100%;}
.case .case_tu li .bottom img{ position:absolute; height:100%; z-index:1; left:0; bottom:0}*/
.case .case_tu li em{ display:none; width:100%; height:100%; background-color:#000; opacity:0.8;filter:alpha(opacity=0.8); position:absolute; top:0; left:0}
.case .case_tu li .word{ overflow:hidden; width:100%; height:100%; background-color:#ff5b00; position:absolute; left:0; z-index:2000; height:0}
.case .case_tu li h5{ font-size:16px; text-align:center; color:#fff; margin-top:35px; margin-bottom:12px; font-weight:normal}
.case .case_tu li span{ display:block; width:17px; height:1px; background-color:#fff; margin:0 auto; margin-bottom:24px;}
.case .case_tu li p{ padding:0px 15px; text-align:center; margin:0 auto; font-size:13px; height:38px; line-height:19px; color:#fff; margin-bottom:30px;}
.case .case_tu li a{ display:block; width:111px; height:29px; line-height:29px; text-align:center; background:url(Img/Index/case_read.png) no-repeat center; font-size:12px; color:#ff5b00; margin:0 auto}
.case .case_tu li b{ display:none; width:10px; height:5px; position:absolute; left:48%;}
.case .case_tu li .top b{ background:url(Img/Index/case_s.png) no-repeat center;bottom:0; z-index:2}
.case .case_tu li .bottom b{ background:url(Img/Index/case_s_x.png) no-repeat center;top:0; z-index:2}
.case .case_tu li .top .word{top:100%}
.case .case_tu li .bottom .word{ top:0}


/*带来的好处*/
.haochu{ overflow:hidden; height:690px; width:100%; background-color:#f3f3f3;}
.haochu .title{ font-size:16px; color:#333; text-align:center; margin-top:80px;}
.haochu h2{ font-size:36px; color:#333; text-align:center; margin-top:35px; padding-bottom:20px; background:url(Img/Index/title_bg.png) no-repeat center bottom; font-weight:normal; margin-bottom:20px;}
.haochu h2 i{ font-size:16px; font-style:normal; display:block;}
.haochu h2 em{ color:#ff5b00}
.haochu .haochu_window,.haochu .haochu_list{ overflow:hidden; width:1004px; height:417px;}
.haochu .haochu_window{ margin-bottom:20px; position:relative}
.haochu .haochu_list .left{  width:50%; height:417px; float:left}
.haochu .haochu_list .left img{ display:block; margin:0 auto}
.haochu .haochu_list .right{  width:50%; height:417px; float:left; line-height:30px;}
.haochu .haochu_list .right h4{ font-size:36px; color:#ff5b00; font-weight:normal; margin-top:90px; margin-left:60px;}
.haochu .haochu_list .right h5{ font-size:20px; color:#333; font-weight:normal; margin-bottom:40px; margin-left:60px;}
.haochu .haochu_list .right p{ font-size:13px; color:#333; margin-left:60px;}
.haochu .haochu_list .right em{ font-size:20px; color:#ff5b00;}

.haochu .haochu_menu{ width:334px; height:53px; background:url(Img/Index/dailai_btn_bg.png) no-repeat center; position:relative; margin:0 auto}
.haochu .haochu_menu li{ width:50%; text-align:center; line-height:40px;; height:40px; float:left; font-size:13px; color:#333; position:relative; z-index:2; cursor:pointer}
.haochu .haochu_menu b{ display:block; width:176px; height:46px; background:url(Img/Index/dailai_btn_cur.png) no-repeat center; position:absolute; left:0; top:-4px; z-index:1}
.haochu .haochu_menu .cur{ color:#fff}

/*ad2*/
.ad2{ overflow:hidden; margin-top:10px; height:250px; margin-bottom:20px;}
.ad2 li{ float:left; width:333px; border-right:1px dotted #b2b2b2; text-align:center; height:100%; position:relative; overflow:hidden}
.ad2 li img{ margin-top:30px; margin-bottom:20px;}
.ad2 .li03{ border:none}
.ad2 li p{ font-size:16px; color:#333;}
.ad2 li p em{ color:#ff5b00;}
.ad2 li a.tub{ display:block; width:130px; height:30px; background:url(Img/Index/jm.gif) no-repeat center; margin:0 auto; margin-top:20px; position:absolute; left:30%; bottom:0}
.ad2 b{ display:block; position:absolute}
.ad2 .b01{ left:103px; top:-14px;}
.ad2 .b02{ left:195px; top:28px;}
.ad2 .b03{ left:128px; top:-16px}
.ad2 .b04{ left:160px; top:0}
.ad2 .b05{ left:207px; top:-12px}
.ad2 .b06{ left:105px; top:-23px}

/*客户*/
/*客户*/
.kehu{  height:740px; background:url(Img/Index/kehu_bg.jpg) repeat; position:relative; width:100%; margin-bottom:100px;}
.kehu i{ display:block; font-style:normal;  font-size:16px; color:#fff; text-align:center; padding-top:40px;}
.kehu span{display:block; font-size:36px; color:#fff; text-align:center; font-weight:normal; padding-bottom:20px; background:url(Img/Index/title_bg.png) no-repeat center bottom;}
.kehu>h2>em{ color:#ff5b00}
.kehu .kehu_content{ overflow:hidden; width:500px; margin:0 auto; margin-top:170px; color:#fff;}
.kehu .kehu_content p{ color:#fff;}
.kehu .kehu_content h4{ color:#fff;}
.kehu h4{ font-size:20px; color:#ff5b00; font-weight:normal; text-align:center; margin-bottom:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.kehu .wen{ font-size:14px; color:#999; line-height:24px; text-align:center; height:72px; overflow:hidden; width:470px; margin:0 auto}
.kehu .yuan01,.kehu .yuan02,.kehu .yuan03,.kehu .diannao,.kehu .bao{ position:absolute; bottom:0px; left:50%; margin-left:-484px; width:969px; height:628px;}
.kehu .yuan01{ background:url(Img/Index/kehu_bigy01.png) no-repeat center bottom;}
.kehu .yuan02{ background:url(Img/Index/kehu_bigy02.png) no-repeat center bottom;}
.kehu .yuan03{ background:url(Img/Index/kehu_bigy03.png) no-repeat center bottom;}
.kehu .diannao{ background:url(Img/Index/case1.png) no-repeat center bottom; bottom:-45px;z-index:5; width:570px; height:386px; margin-left:-285px;}
.kehu .diannao em{ display:block; width:465px; height:285px; margin-left:52px; margin-top:65px; overflow:hidden}
.kehu .bao{ background:url(Img/Index/kehu_bao.png) no-repeat 195px 439px; bottom:0; z-index:1}
.kehu b{ display:block; width:114px; height:114px; position:absolute; left:50%; top:50%; z-index:5}
.kehu b img{ position:absolute; left:0; top:0;}
.kehu b .kehu_tu_cur{ display:none}
.kehu .kehu01{ margin-left:-490px; margin-top:210px}
.kehu .kehu02{ margin-left:-450px; margin-top:40px}
.kehu .kehu03{ margin-left:-370px; margin-top:-110px}
.kehu .kehu04{ margin-left:-185px; margin-top:-215px}
.kehu .kehu05{ margin-left:45px; margin-top:-215px}
.kehu .kehu06{ margin-left:250px; margin-top:-110px}
.kehu .kehu07{ margin-left:335px; margin-top:40px}
.kehu .kehu08{ margin-left:355px; margin-top:210px}
.kehu b.cur .kehu_tu{ display:none}
.kehu b.cur .kehu_tu_cur{ display:block}
.kehu .left_xian{ position:absolute; width:421px; height:87px; left:50%; top:50%; margin-left:-850px; margin-top:-110px;}
.kehu .left_xian .xian{ width:100%;height:100%;background:url(Img/Index/kehu_x01.png) no-repeat left center; position:absolute; top:0;left:0}
.kehu .left_xian em,.kehu .right_xian em{ display:block; width:10px; height:10px; position:absolute; overflow:hidden}
.kehu .left_xian em img,.kehu .right_xian em img{ position:absolute; left:0; top:0}
.kehu .ming{ display:none}
.kehu .dian01{ left:0; top:53px}
.kehu .dian02{ left:136px; top:28px;}
.kehu .dian03{ left:275px; bottom:0}
.kehu .dian04{ right:-2px; top:-5px}
.kehu .right_xian{ position:absolute; width:304px; height:106px; left:50%; top:50%; margin-left:463px; margin-top:-77px;}
.kehu .right_xian .xian{ width:100%;height:100%;background:url(Img/Index/kehu_x02.png) no-repeat left center; position:absolute; left:0; top:0}
.kehu .dian05{ left:-2px; top:-5px;}
.kehu .dian06{ left:118px; top:87px}
.kehu .dian07{ right:-2px; bottom:-1px}


/*咨询*/
.zixun{ overflow:hidden; height:160px;}
.zixun p{ font-size:24px; text-align:center; color:#333;}
.zixun p em{ color:#ff5b00;}
.zixun a{ display:block; padding-left:30px; width:167px; height:50px; margin:0 auto; line-height:50px; font-size:16px; color:#fff; background:url(Img/Index/zixun_bg.gif) no-repeat center; margin-top:20px;}


/*友情链接*/
.news .links{ overflow:hidden; padding-bottom:20px; background:url(Img/Index/links_bg.png) no-repeat bottom right;}
.news .links h3{ font-size:16px; font-weight:normal; margin-bottom:20px; margin-top:20px;}
.news .links h3 a{ color:#333;}
.news .links ul{ overflow:hidden; width:101%;}
.news .links li{ display:block; float:left; margin:5px; overflow:hidden; padding:0 15px; position:relative; height:31px;}
.news .links b,.news .links em{ display:block; width:15px; height:31px;}
.news .links b{ background:url(Img/Index/link_l.png) no-repeat center; position:absolute; left:0; top:0}
.news .links em { background:url(Img/Index/link_r.png) no-repeat center; position:absolute; right:0; top:0}
.news .links li a{ display:inline-block; font-size:12px; color:#999; line-height:31px; background-color:#fff; float:left}


/*新闻*/
.news{ overflow:hidden; background-color:#f7f7f7;}
.news1{ width:1004px; margin:0px auto; padding-top:40px;}
.news1 h2{ font-size:16px; color:#000; font-weight:normal;}
.news1 ul{ margin-top:20px;}
.news1 ul li a img{ border:1px solid #EAE8EA; margin-bottom:10px;}
.news1 ul li p{  font-size:12px; font-weight:normal; height:30px; line-height:30px;}
.news1 ul li p a{color:#666; height:30px; line-height:30px; float:left; width:250px; overflow:hidden;}
.news1 ul li span{ float:right; color:#999;}
.news1 .news_left ,.news_mid ,.news_right{ width:320px; float:left; margin-right:20px;}
.news_right{ margin-right:0px;}


.videoBg{position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-image:url(/Skins/Default/Img/Index/xiaLaBg.png); display:none;}
.videoBox{position:fixed; left:50%; top:50%; z-index:1001; margin-left:-430px; margin-top:-260px; width:860px; height:520px; background-color:#fff; display:none;}
.videoBox>i{position:absolute; right:-20px; top:-20px; width:40px; height:40px; background:url(/Skins/Default/Img/Index/videoCloes.png) no-repeat center;}
.videoBox>i:hover{opacity:.6;}