/*全局定义*/

*{list-style:none;margin:0;padding:0;}

html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(../images/./images/about:blank); _background-attachment:fixed;}

body{background:#fafafa;width:100%;height: auto; padding:0; margin:0;text-align:center; font-size:12px; line-height:180%; font-family: "Microsoft YaHei", Arial,"宋体", Helvetica, sans-serif;word-break:break-all;color:#333333; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0;padding:0}

.table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

ul,ol,li {list-style:none;}

img{-ms-interpolation-mode: bicubic; vertical-align:top;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/* 默认链接 */	

a { text-decoration:none; color:#333333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ position:relative;}

a:focus{ -moz-outline-style: none; /* FF */ } 

a:hover{ text-decoration:none; color:#f45751; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}





/* 左右悬浮 */

.f_l{float:left;}

.f_r{float:right;}



/* 清除悬浮 */

.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}

*html .clearfix{height:1%;}

*+html .clearfix{height:1%;}

.clear{clear:both;}



.auto{ margin-left:auto; margin-right:auto}

.mt10{ margin-top:10px}

.mt20{ margin-top:20px}

.hidden{overflow:hidden}

.none{ display:none;}

/* 文字颜色 */

.red,.red a{color:#e62000}/* 深红 */

.ff_yh{font-family:"Microsoft Yahei";}

.ff_arial{font-family:"arial";}



/* 空白间距 */

.blank20 {margin:0 auto;width:100%;height:20px;font-size:1px;overflow:hidden}

.blank10 {margin:0 auto;width:100%;height:10px;font-size:1px;overflow:hidden}



.all_line{ border:1px solid #f4f4f4; background:#FFF} 

/* 页宽设定 */

.area{width:1200px;height:auto;margin:0px auto; }

/*顶部*/

.top{ background:url(../images/bg_top.gif) repeat; height:30px;min-width:100%; }

.submain{ color:#969696; line-height:30px; height:30px;}

.submain .f_l a{color:#969696; margin:0 5px;}

.submain .f_r a{ color:#969696; margin-left:12px; }

.submain a:hover{ color:#FFF}

.submain .f_r span{ display:inline-block; margin-left:8px; font-size:16px; line-height:16px;  font-family:Arial, Helvetica, sans-serif; font-weight:600; vertical-align: middle ; margin-right:18px}



.head{ background:#FFF; height:60px;min-width:100%;}

.nav li{ float:left; line-height:60px;}

.nav li a{ float:left; font-size:16px; margin-left:32px}

.nav .cur a{color:#e62000}



/*焦点图---------------------------------------------------*/

.banner{min-width:100%;height:500px; position:relative; margin:0 auto; overflow:hidden; z-index:1;}

.banner1{min-width:100%;height:500px; position:relative; margin:0 auto; overflow:hidden; z-index:1; background:url(../ad/01.jpg) no-repeat center 0}

.banner2{min-width:100%;height:500px; position:relative; margin:0 auto; overflow:hidden; z-index:1; background:url(../ad/02.jpg) no-repeat center 0}

.banner3{min-width:100%;height:500px; position:relative; margin:0 auto; overflow:hidden; z-index:1; background:url(../ad/03.jpg) no-repeat center 0}

.banner4{min-width:100%;height:500px; position:relative; margin:0 auto; overflow:hidden; z-index:1; background:url(../ad/04.jpg) no-repeat center 0}

/*大图*/

.banner_show{ width:100%; text-align:center; height:500px; overflow:hidden; position:relative;z-index:2;}

.bannger_inbox{ position:absolute; left:50%; top:0; z-index:4}

/*翻页*/

.yq_banner_list{ width:190px; height:8px;position:absolute; bottom:16px; z-index:100; left:45%;}

.yq_banner_list a{ display:inline-block; width:30px; height:8px;background:#999999; margin-right:10px;filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8;}

.yq_banner_list a.hover{background:#ea4b35; }



/*文字*/

.banner_mag{width:100%;height:500px;position:absolute; overflow:hidden;left:0;top:0px;text-align:left;z-index:99;}

.banner_magbox{ width:1160px; margin:0 auto;height:500px;text-align:left;}

.view_more{ margin-top:20px; width:100px; text-align:center; height:36px; }

.view_more a{ display:block; background:#FFF; height:36px; text-align:center; font-size:14px; line-height:34px;filter:alpha(opacity=50);-moz-opacity:0.5; opacity: 0.5;}

.view_more a:hover{ background:#ffffff;filter:alpha(opacity=90);-moz-opacity:0.9; opacity: 0.9;}



#banner_magbox0,#banner_magbox1,#banner_magbox2,#banner_magbox3{ position:relative; z-index:100; height:500px}

#banner_magbox0 h4,#banner_magbox1 h4,#banner_magbox2 h4,#banner_magbox3 h4{ padding-top:100px;}

#banner_magbox0 p{ color:#747287; font-size:20px; line-height:40px}

#banner_magbox0 ul{ margin-top:30px; width:460px; height:100px;}

#banner_magbox0 ul li{ width:230px; float:left; line-height:24px; height:24px; margin-bottom:14px; background:url(../ad/1-2.png) no-repeat 0 center; text-indent:30px;color:#747287; font-size:14px}

#banner_magbox0 .mac{ width:378px; height:311px; position:absolute; top:60px; right:160px; z-index:101}

#banner_magbox0 .macbook{ width:378px; height:182px; position:absolute; top:260px; right:20px; z-index:102}



#banner_magbox1 ul{margin-top:10px; }

#banner_magbox1 ul li{ font-size:16px; color:#50603a; line-height:30px;}

#banner_magbox1 .mbo{ width:593px; height:470px; position:absolute; bottom:0px; right:-20px; z-index:101}



#banner_magbox2 p,#banner_magbox3 p{ color:#ffffff; font-size:20px; line-height:40px}

#banner_magbox2 .rule{ margin-top:10px;}



#banner_magbox2 .search_list{ width:1194px; height:294px; position:absolute; top:90px; right:0px; z-index:102}

#banner_magbox2 .fadj{ width:581px; height:453px; position:absolute; bottom:0px; right:120px; z-index:103}

#banner_magbox2 .huihua{ width:324px; height:197px; position:absolute;top:100px; right:290px; z-index:104}

#banner_magbox2 .b_title{width:500px; height:340px; color:#FFF; font-size:20px; padding-top:30px;}

#banner_magbox2 .hard{ width:200px; height:197px; position:absolute;top:190px; right:10px; z-index:105; color:#FFF; font-size:14px; text-align:center}



#banner_magbox3 .city{ width:788px; height:329px; position:absolute;bottom:0px; right:0px; z-index:101}

#banner_magbox3 ul{ margin-top:60px; width:540px;clear:both; overflow:hidden}

#banner_magbox3 ul li{font-size:20px; color:#FFF; width:300px; line-height:32px;}

#banner_magbox3 .tmall{ width:407px; height:56px; position:absolute; top:85px; right:40px; z-index:102}







@-webkit-keyframes fadeIn {

0% {opacity: 0; /*初始状态 透明度为0*/}

50% {opacity: 0; /*中间状态 透明度为0*/}

100% {opacity: 1; /*结尾状态 透明度为1*/}}

.web_go{-webkit-animation-name: fadeIn; /*动画名称*/

-webkit-animation-duration: 1s; /*动画持续时间*/

-webkit-animation-iteration-count: 1; /*动画次数*/

-webkit-animation-delay: 0s; /*延迟时间*/}



/*焦点图---------------------------------------------------*/

/*服务*/

.sevice_home dl a b,.case_pre_next #prev,.case_pre_next #next,.case_pre_next #prev:hover,.case_pre_next #next:hover,.why_chs li a b,.sevice_home dl a:hover b,.title2 a em,.title2 a:hover em,.news_home .more1,.news_home .more1:hover,.title3 a em,.title3 a:hover em,.book .send,.bt_sub .email,.bt_sub .sina_webo,.online_service .aliww a,.online_service .teqq a,.online_service .baidu a,.bt_ico .sina a,.bt_ico .weixin a,.bt_ico .email a,.bt_ico .fen_x a,.send_list .send{ background-image:url(../images/bg.png); background-repeat:no-repeat; }

.sevice_home{min-width:100%;height:180px; margin:0 auto; background:#FFF url(../images/bg_ty.gif) repeat-x 0 bottom ; padding-bottom:5px}

.sevice_home dl{ float:left; width:400px;height:170px;}

.sevice_home dl a{ margin-top:30px; display:block; height:130px;}

.sevice_home dl a b{margin-top:10px; display:block; float:left; height:80px; width:80px;}

.sevice_home dl a:hover b,.why_chs li a:hover b,.title2 a:hover em,.title3 a:hover em{

	transition:all 0.3s ease; 

	-moz-transition:all 0.3s ease; 

	-webkit-transition:all 0.3s ease; 

	-o-transition:all 0.3s ease; 

	-ms-transition:all 0.3s ease;

}

.sevice_home dl a dt{margin-left:100px; font-size:24px; line-height:40px; text-align:left}

.sevice_home dl a dd{margin-left:100px; color:#545454; text-align:left; font-size:14px; height:170px;}

.sevice_home dl a dd p{ float:left; width:150px; display:block; line-height:24px}



.sevice_home .web_design a b{ background-position:0px 0px}

.sevice_home .wap_design a b{background-position:-90px 0px}

.sevice_home .job_edu a b{background-position:-180px 0px}

.sevice_home .tmall_mk a b{background-position:-270px 0px}



.sevice_home .web_design a:hover b{ background-position:-0px -100px}

.sevice_home .wap_design a:hover b{background-position:-90px -100px}

.sevice_home .job_edu a:hover b{background-position:-180px -100px}

.sevice_home .tmall_mk a:hover b{background-position:-270px -100px}



/*标题*/

.title1{height:80px; position:relative; z-index:2; }

.title1 h2 a{text-transform: uppercase; text-align:center; font-size:20px; display:block; line-height:40px; padding-top:30px; margin:0 400px ;font-family: "微软雅黑", "黑体"; font-weight:normal}



.title2{height:50px;text-align:center; margin-top:30px }

.title2 a{text-transform:uppercase;  font-size:20px; line-height:30px;  vertical-align:middle; font-weight:normal; display:inline-block;}

.title2 a em{ margin-left:10px; height:18px; width:18px; text-indent:-999em; overflow:hidden; background-position:-80px -200px; padding:2px 8px; line-height:30px; vertical-align: middle; display:inline-block}

.title2 a:hover em{ background-position:-80px -233px;}



.title3{height:50px;text-align: left; margin-top:30px }

.title3 a{text-transform:uppercase;font-size:20px; line-height:30px;vertical-align:middle; font-weight:normal; display:inline-block;}

.title3 a em{ height:25px; width:32px; text-indent:-999em; overflow:hidden;background-position:-32px -200px; line-height:30px; vertical-align: middle; display:inline-block; margin-right:5px;}

.title3 a:hover em{ background-position:-32px -230px;}



.title4{height:50px;text-align: left; margin-top:30px; font-weight:normal; text-indent:20px;}

.title4 span{ font-size:12px; color:#999; margin-left:10px;}



.title0055{ text-align:left; margin:0 30px; padding-top:30px; font-weight:normal; text-indent:60px;}

/*案例滑动*/

.case_pre_next{ position:absolute; z-index:3; right:20px; top:40px; width:80px; height:25px; }

.case_pre_next #prev{ width:32px;height:25px;background-position:0 -200px; text-indent:-999em;display:block; float:left }

.case_pre_next #prev:hover{ background-position:0 -230px;}

.case_pre_next #next{width:32px;height:25px;background-position:-32px -200px;text-indent:-999em;display:block;float:left}

.case_pre_next #next:hover{background-position:-32px -230px;}

/*案例*/

#caseshow{ overflow:hidden; border-left:1px solid #f4f4f4; border-top:1px solid #f4f4f4; width:1196px}

#caseshow ul{ width:4784px; height:382px; overflow:hidden}

#caseshow li{ float:left; width:299px; height:382px; overflow:hidden}

#caseshow li .case_box{ width:298px; height:190px; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#FFF; position:relative; z-index:2;}

#caseshow li .case_box a{}

#caseshow li .case_box a img{ display:block; position:absolute; z-index:3; top:20px; left:20px;}

#caseshow li .case_box a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px;}

#caseshow li .case_box a:hover .up_box{ display:block;position:absolute; z-index:4; top:20px; left:20px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;

margin-left:0px;

-webkit-transition:height;

-webkit-transition-timing-function: ease-in;

-webkit-transition-duration: 150ms;}

#caseshow li .case_box a .up_box h3{ margin:12px 18px 0px 18px; font-size:14px; line-height:24px; color:#999}

#caseshow li .case_box a .up_box div{ margin:0 18px; color:#999; line-height:18px}

#caseshow li .case_box a .up_box p{ margin:0 18px; color: #666}



/*选择*/

.why_chs{ overflow:hidden}

.why_chs ul{ height:252px;width:1250px;}

.why_chs li{ width:242px; height:262px; float:left;}

.why_chs li a{ display:block; margin-right:10px;border:1px solid #f4f4f4; background: #FFF; height:260px; text-align:center}

.why_chs li a:hover{border:1px solid #ededed;}

.why_chs li a b{ display:block; margin-left:auto; margin-right:auto;width:80px; height:80px; margin-top:20px ; }

.why_chs li a h3{margin:0 30px; color:#2294e0; line-height:50px; font-size:20px; font-family:"微软雅黑", "黑体";font-weight:normal}

.why_chs li a div{margin:0 30px; font-size:14px; text-align:center}

.why_chs li a .a11{ background-position:0 -298px;}

.why_chs li a .a22{ background-position:-90px -298px;}

.why_chs li a .a33{ background-position:-180px -298px;}

.why_chs li a .a44{ background-position:-270px -298px;}

.why_chs li a .a55{ background-position:-360px -298px;}



.why_chs li a:hover .a11{ background-position:0 -400px;}

.why_chs li a:hover .a22{ background-position:-90px -400px;}

.why_chs li a:hover .a33{ background-position:-180px -400px;}

.why_chs li a:hover .a44{ background-position:-270px -400px;}

.why_chs li a:hover .a55{ background-position:-360px -400px;}



/*客户名录*/

.Client_List{ overflow:hidden; border-left:1px solid #f4f4f4; border-top:1px solid #f4f4f4; width:1197px}

.Client_List ul{ width:1198px;overflow:hidden}

.Client_List li{ float:left; width:170px; height:120px; overflow:hidden;border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#FFF; position:relative; z-index:3 ; display:block}

.Client_List li a{ display:block}

.Client_List li a img{ display: inline-block; position:absolute; z-index:4; top:1px; left:1px;}



.Client_List li a .client_box{ background:#FFF; top:1px; width:168px; left:1px;position:absolute; overflow:hidden; height:10px;

filter:alpha(opacity=0);-moz-opacity:0; opacity: 0;

		-webkit-transition: opacity;

		-webkit-transition-timing-function: ease-out;

		-webkit-transition-duration: 500ms;}

.Client_List li a:hover .client_box{ display:block;position:absolute; z-index:5; top:1px; left:1px;  width:168px; height:118px; overflow:hidden; background:#ffffff;

filter:alpha(opacity=99);-moz-opacity:0.99; opacity:0.99;

		-webkit-transition: opacity;

		-webkit-transition-timing-function: ease-out;

		-webkit-transition-duration: 500ms;}

.Client_List li a .client_box h3{ margin:50px 10px 0px 10px; line-height:20px; font-size:12px; font-weight:normal}

.Client_List li a:hover .client_box h3{ color:#333333}



.news_home{ border:1px solid #f4f4f4; background:#FFF; width:1158px; padding:10px 20px;}

.news_home h2{ float:left; text-align:left;width:80px; display: block;padding-top:10px; font-size:14px; font-weight:normal; color:#1c8bd5}

.news_home ul{ float:left; display:block; padding-top:10px;}

.news_home ul li{ float:left;}

.news_home ul li a{ margin-right:10px;}

.news_home ul li span{ margin-right:30px; color:#999}

.news_home .more1{ width:42px;height:42px;background-position:0 -500px;text-indent:-999em;display:block; float:right }

.news_home .more1:hover{ background-position:0 -550px;}



.w550{ width:550px;}

.w630{ width:630px;}

.w420{ width:420px;}

.w200{ width:200px;}

.w500{ width:540px;}

.w260{ width:260px;}

.w240{ width:230px;}



.title_bab{ background: url(../images/bg_1_line.gif) repeat-x 0 bottom; height:50px; padding:0 20px; }

.title_bab li{ float:left; padding-top:5px; line-height:43px; font-size:14px;}

.title_bab li a{ margin:0 15px; color:#999}

.title_bab .ns01,.title_bab .ds01{ border-bottom:1px solid #fe625d}

.title_bab .ns01 a,.title_bab .ds01 a{ color:#333}

.title_bab .ns02{}



.help_home{ height:393px;display:block}

.help_home dl{ border-bottom:1px solid #f4f4f4; margin:0 20px; padding:10px 0 20px 0; height:100px; text-align:left; display:block;hidden}

.help_home dl a img{ float:left; margin-top:10px; display: block; }

.help_home dl dt{ margin-left:100px; font-size:14px; line-height:34px;}

.help_home dl dd{ margin-left:100px; color:#616161; line-height:18px; height:36px; overflow: hidden; display:block}

.help_home dl .tag{ margin-left:100px; margin-top:10px; color:#999; text-align:left}

.help_home dl .tag a{ margin:0 5px; color:#999}



.blog_home{ display:block; text-indent:inherit;height:383px; padding-top:10px}

.blog_home li{ line-height:30px; text-align:left; margin:0 30px;}

.blog_home li a{ font-size:14px;}

.blog_home li em{ color:#999; font-style:normal; margin-left:8px}



.top2_blog{ margin-top:80px;}

.top2_blog li{border:1px solid #f4f4f4; background:#FFF; padding-top:10px; margin-top:10PX;}

.top2_blog li img{}

.top2_blog li h3{ background:#FFF; text-align:center; font-size:12px; font-weight:normal; margin:0 10px; line-height:18px; display:block; padding:5px 0}

/*留言*/

.book{ width:1198px; border-bottom:1px solid #f4f4f4; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; border-top:4px solid #f4f4f4; background:#FFF}

.input_list_l{ width:600px; padding-top:10px; padding-bottom:20px; padding-left:10px; text-align:left; float:left;}

.input_list_l .input{ width:270px; height:30px; padding:5px; border:none; background:#fafafa; margin-top:10px; margin-left:10px; text-indent:10px; color:#a8a8a8}

.input_list_r{float:left; text-align:left; width:330px;padding-top:10px; padding-bottom:20px; text-align:left; }

.input_list_r .textarea{ width:290px; height:70px; padding:10px; border:none; background:#fafafa; margin-top:10px;  text-indent:10px; color:#a8a8a8; overflow-y: hidden}

.book .send{ float:left; width:230px; height:90px; background-color:#f45751; margin-top:20px; cursor:pointer; background-position:-110px -520px; line-height:88px; text-indent:30px; font-size:20px; text-align:left; color:#FFF}

.book .send:hover{}



/*foot*/

.foot{ border-top:2px solid #f45751; width:1200px;}

.bt_main{ float:left; text-align:left}

.bt_main .bt01{ width:135px;}

.bt_main dl{ float:left; width:100px; padding-bottom:30px;}

.bt_main dt{ text-indent:0; line-height:40px; margin-top:10px; font-size:14px}

.bt_main dd a{ color:#666}

.bt_main dd a:hover{ color:#000}



.cocop{ width:620px; float:right; text-align:left; margin-top:20px; color:#666}

.bt_ico{ display:block; height:80px;}

.bt_ico li{ float:left;  height:60px; display:block;}

.bt_ico li a{ display:block; line-height:60px; margin-right:10px; height:60px; width:60px}

.bt_ico .sina,.bt_ico .weixin,.bt_ico .email,.bt_ico .fen_x{width:70px; overflow:hidden}

.bdsharebuttonbox{ margin-top:0; padding:0; vertical-align:middle}

.bt_ico .sina a{ background-position:-495px -140px;}

.bt_ico .weixin a{background-position:-565px -140px;}

.bt_ico .email a{background-position:-635px -140px;}

.bt_ico .fen_x a{background-position:-705px -140px;}

.bt_ico .tel_4 a{background-position:-495px -140px;}

.bt_ico .sina a:hover{ background-position:-495px -210px;}

.bt_ico .weixin a:hover{background-position:-565px -210px;}

.bt_ico .email a:hover{background-position:-635px -210px;}

.bt_ico .fen_x a:hover{background-position:-705px -210px;}

.bt_ico .tel_4 span{font-size:24px; color:#f45751; font-family:Arial, Helvetica, sans-serif; margin-left:18px }

.bt_ico .tel_4 p{ line-height:28px; font-size:14px; margin-left:18px}

.bt_ico .weixin{ position:relative; z-index:9999999999;}

.bt_ico .weixin div{  display:none}

.bt_ico .weixin a:hover div{position:absolute; z-index:99999999999;top:-180px; left:-50px; width:150px; height:150px; display: block; padding:10px; border:1px solid #CCC; background:#FFF}



.cocop{color:#666;}

.cocop .bt_nav{ color:#666; padding:20px 0; }

.cocop .bt_nav a,.cocop a{ color:#666; margin:0 8px;}

.cocop .bt_nav a:hover{ color:#333333}



.frendlink{border-top:1px solid #f4f4f4; padding:15px 0; color:#a8a8a8; text-align:center}

.frendlink a{ margin:0 5px; color:#a8a8a8}



.online_qq{width:100px;  z-index:9998; position:fixed; top:300px; right:0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 100)||100)-(parseInt(this.currentStyle.marginBottom, 100)||100)));}

.online_service{ overflow:hidden; height:1840px; width:100px}

.online_service li{ position:relative; z-index:999; width:100px;}

.online_service li.hover{}

.online_service li a{ display:block;}



.online_service .baidu{ height:60px;}

.online_service .teqq{height:60px; margin-top:2px;}

.online_service .teqq a{float:right;background-color:#5ca3e1;background-position:-495px 0px; width:60px; height:60px; line-height:60px;}

.online_service .teqq a:hover{background-position:-495px -70px;width:60px; height:60px;}



.online_service .aliww {height:60px; float:left; margin-top:2px;}

.online_service .aliww a{ float:right; background-color:#39ade7; background-position:-565px 0px;width:60px; height:60px;line-height:60px;}

.online_service .aliww a:hover,.online_service .teqq a:hover,.online_service .baidu a:hover{background-color:#f45751;}



.online_service .aliww a:hover{ background-position:-565px -70px;}