@charset "utf-8";

html{ font:normal 62.5%/2.3em "微软雅黑",Arial;}

body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#555555; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1;}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}

select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}

input:focus { outline: none;}

input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }

textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

textarea,input,select { background:none; border:none; margin:0; padding:0;}

article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/

figure,figcaption{ margin:0px; padding:0px;}

audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; max-width:100%; vertical-align:top;}

a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}

a:focus {outline:none; -moz-outline:none;}

a:hover{ text-decoration:none; color:#ff6c00;}

.clear{ clear:both; height:0px; overflow:hidden;}





#zhichi_as{ display:none;}



/*body > iframe{ display:none !important;}*/



.Contain{}

.SildeBar{}

.MainContent{}

.Content{}

.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; line-height:24px;}



.Current{}



.Main{ width:1200px; margin:0 auto;}

ul li{ list-style:none;}





.home_fixed{ position:fixed; left:50%; top:50%; width:508px; height:268px; margin:-134px 0 0 -254px; background:url(../images/home_fixed_03.png) no-repeat; z-index:99999999 !important; display:none;}

.home_fixed .close{ position:absolute; right:14px; top:17px; width:13px; height:12px; cursor:pointer;}

.home_fixed .txt{ font-family:"幼圆"; font-size:16px; color:#6e6e6e; text-align:center; margin:60px auto 0; line-height:28px; padding:0 40px 90px;}

.home_fixed .btn{ width:127px; height:40px; background:url(../images/home_fixed_btn_03.png) no-repeat; display:block; margin:0 auto;}





/*pages*/

.pages{ clear:both; text-align:center; margin-bottom:50px; color:#999;}

.pages a{ display:inline-block; font-style:normal; border:1px solid #c1c1c1; font-size:16px; color:#999; height:35px; line-height:35px; padding:0 22px;}

.pages em a{ padding:0; width:37px;}

.pages em a.a_cur{ background:#ffb119; border-color:#d99f14; color:#fff;}

.pages a.page_prev{ padding:0 14px 0 25px; background:url(../images/page_prev_03.jpg) no-repeat 12px center;}

.pages a.page_next{ padding:0 25px 0 14px; background:url(../images/page_next_03.jpg) no-repeat 71px center;}

.pages em a.none{ border:none;}

.pages span{ display:inline-block; padding-left:20px;}

.pages span .text{ width:47px; height:35px; border:1px solid #c1c1c1; text-align:center; color:#999; padding:0; vertical-align:middle;}

.pages span .btn{ width:47px; height:37px; border:1px solid #c1c1c1; text-align:center; color:#999; line-height:37px; padding:0; vertical-align:middle; margin-left:6px; cursor:pointer;}

/*pages end*/



/*Bottom*/

.Bottom{ background:#111111; position:relative; z-index:333;}

.Bottom .Bottom_top{ border-bottom:#262626 1px solid; padding:25px 0;}

.Bottom .Bottom_top .links{ float:left; color:#555;}

.Bottom .Bottom_top .links a{ color:#555;  font-size:1.167em;}

.Bottom .Bottom_top .links a:hover{ color:#ff6c00;}

.Bottom .Bottom_top .links em{ font-style:normal; margin:0 8px;}

.Bottom .Bottom_top .Copyright{ float:right; text-align:right; color:#555;}



.BottomLinks { padding:10px 0 60px;}

.BottomLinks .title{ display:inline-block;  padding:0 3px 32px 3px; color:#4f4f4f; background:url(../images/bg27.jpg) no-repeat 3px bottom;}

.BottomLinks .links{ width:1126px; float:right;}

.BottomLinks .links a{ color:#3a3a3a; margin-right:15px; display:inline-block; margin-bottom:5px;}

.BottomLinks .links a:hover{ color:#ff6c00;}

.BottomLinks .links em{ font-style:normal; margin:0 8px;}
/*返回顶部*/

.toTop{ cursor:pointer; display:none; position:fixed; right:50px; bottom:8%;  width:60px; height:60px; background:url(../images/top.png) no-repeat center top; z-index:1000;}

/*Bottom*/



/*SildeBar*/

.Solution_Column{ width:100%; height:180px;}

.Solution_Column .title{ display:inline-block; position:relative; bottom:-40px; left:50%; font-size:3.5em; color:#000; line-height:1.5; padding:0 45px;}



.SildeBar{ width:100%; padding-top:42px;}

.MenuList{ margin:0 auto; width:1200px; text-align:center;}

.MenuList ul li{ margin-right:10px; display:inline-block;}

.MenuList ul li a{ display:block;}

.MenuList ul li span{ display:inline-block;}

.MenuList ul li .left,.MenuList ul li .right{ display:inline-block; width:20px; height:33px;}

.MenuList ul li .left{ background:url(../images/bg29.png) no-repeat right top; float:left;}

.MenuList ul li .right{ background:url(../images/bg30.png) no-repeat left top; float:right;}

.MenuList ul li .cont{ background:#dfdfdf; color:#555; font-size:1.333em; padding:0 15px;  height:33px; line-height:32px;}

.MenuList ul li:hover .left,.MenuList ul li.onmenu .left{ background:url(../images/bg27.png) no-repeat right top;}

.MenuList ul li:hover .right,.MenuList ul li.onmenu .right{ background:url(../images/bg28.png) no-repeat left top;}

.MenuList ul li:hover .cont,.MenuList ul li.onmenu .cont{ background:#ffa800; color:#fff;}



/*SildeBar*/



/*Banner*/

/*网站策划*/

.Banner{ width:100%; height:652px; overflow:hidden; position:relative;}

.Banner .fixed_txt{ position:absolute; width:1100px; left:50%; margin-left:-550px; bottom:12px; z-index:10;}

.Banner .fixed_txt h1{ font-size:42px; margin:0; font-weight:normal; line-height:normal;}

.Banner .fixed_txt h2{font-size:42px; text-transform:uppercase; margin:0; font-weight:800;line-height:normal; color:#a6a6a6; font-family:Arial; }

.Banner .fixed_txt span{ width:79px; height:3px; display:block; background-color:#fe6c00;}



/*网站策划*/

.DesignBan{ width:100%; position:relative; height:838px;  overflow:hidden;}

.DesignBan .BanList{ width:100%; height:888px;}

.DesignBan .BanList li{ width:100%; height:888px; overflow:hidden;}

.DesignBan .BanList li a{ width:100%; height:888px; display:block;}

.DesignBan .BanList li a img{ width:100%;}

.DesignBan .TabList{ width:100%; height:14px; left:0px; bottom:126px; position:absolute;}

.DesignBan .TabList .List{height:16px; margin:0 auto;}

.DesignBan .TabList .List ul{ margin:0 auto;}

.DesignBan .TabList li{ float:left; width:16px; height:16px; padding:0 3px;}

.DesignBan .TabList li span{ background:url(../images/BanTab_2.png) no-repeat left top; width:16px; height:16px; display:block; cursor:pointer;}

.DesignBan .TabList li.on span{ background:url(../images/BanTab_1.png) no-repeat left top;}

.DesignBan .csd_link{ position:absolute; left:50%; bottom:50px; margin-left:-100px;}

.DesignBan .csd_link span{ display:block; text-align:center; color:#fff; line-height:30px; margin-top:-30px; position:relative; z-index:10;}



/*解决方案*/

.banner_solution{ width:100%; height:250px; overflow:hidden;}



/*万户员工*/

.banner_personnel{ width:100%; height:459px; overflow:hidden;}



/*人才招聘*/

.banner_Recruitment{ width:100%; background:#fff;}

.banner_Recruitment .BanList{ width:100%; height:459px; background:#fff;}

.banner_Recruitment .BanList li{ width:100%; height:459px; overflow:hidden;}



.backgroung1{ background:#fff url(../images/bg11.jpg) no-repeat center 954px; position:relative;}

.Site_Brief{ padding:20px 0 80px; width:1100px; margin:0 auto; height:190px; position:relative;}

.Site_Box{ position:relative;}

.backgroung1 .Site_btn{ display:block; position:absolute; left:50%; width:54px; height:54px; background:url(../images/Site_btn.png) no-repeat; z-index:999; cursor:pointer; margin-left:-27px;}

.backgroung1 .Site_btn0{ top:1025px;}

.backgroung1 .Site_btn1{ top:1571px;}

.backgroung1 .Site_btn2{ top:2195px;}

.backgroung1 .Site_btn3{ top:2890px;}

.backgroung1 .Site_btn4{ top:3540px;}

.backgroung1 .Site_btn5{ top:4136px;}

.Site_Box .left{}

.Site_Box .left .span{ display:block;}

.Site_Box .left .span img{ width:60px; height:60px; vertical-align:middle;}

.Site_Box .left .span b{  font-size:34px; color:#fff; display:inline-block; line-height:1; vertical-align:middle;}

.Site_Box .right .p{ font-size:16px; color:#fff; text-indent:2em; padding:13px 0 20px; margin:0; line-height:28px;}

.Site_Box .right .p p{ margin:0; text-indent:2em;}

.Site_Box .down{ padding:45px 0;}

.Site_Box .down .Case{ background:url(../images/bg12.png) no-repeat right center; padding:15px 35px 15px 0px; margin-top:20px;}

.Site_Box .down .Case b{ display:block; text-align:right;}

.Site_Box .down .Case .cn{ font-size:24px; color:#ffa800;}

.Site_Box .down .Case .en{ font-size:22px; color:#b2b2b2; text-transform:uppercase;}

.Site_Box .down ul{ overflow:hidden;}

.Site_Box .down ul li{ float:left; width:118px; height:58px; border:#e8e8e8 1px solid; margin-left:11px; position:relative;}

.Site_Box .down ul li img{ width:118px; height:58px;}

.Site_Box .down ul li span{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; text-align:center; line-height:58px; background:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); display:none;}



.Site_Box1{ height:643px;}

.Site_Box1 .img{ float:right; padding-top:40px;}

.Site_Box1 .down{ float:left; width:596px;}

.Site_Box1 .down .Case{ background:url(../images/bg122.png) no-repeat right center; width:180px;}

.Site_Box1 .down .Case .cn,.Site_Box1 .down .Case .en{ color:#fff;}



.Site_Box2{ height:573px;}

.Site_Box2 .left{ text-align:right;}

.Site_Box2 .left .span b{ color:#555;}

.Site_Box2 .right .p{ float:right; color:#555; width:563px; padding-top:70px;}

.Site_Box2 .right .img{ margin-top:-54px; float:left;}

.Site_Box2 .down{ float:right; width:524px; padding:0;}



.Site_Box3{ height:737px;}

.Site_Box3 .down{ float:right; width:524px;}

.Site_Box3 .down .Case{ background:url(../images/bg122.png) no-repeat right center;}

.Site_Box3 .down .Case .cn,.Site_Box3 .down .Case .en{ color:#fff;}



.Site_Box4{ height:550px;}

.Site_Box4 .left .span b{ color:#555;}

.Site_Box4 .right .p{ color:#555; width:530px;}

.Site_Box4 .right .img{ margin-top:-113px; float:right;}

.Site_Box4 .down{ float:left; width:530px; padding:25px 0 0;}

.Site_Box4 .down .Case{ width:180px;}



.Site_Box5{ height:680px;}

.Site_Box5 .left{ text-align:right;}

.Site_Box5 .left .span b{ color:#fff;}

.Site_Box5 .right .p{ float:right; color:#fff; width:560px;}

.Site_Box5 .right .img{ float:left; margin:114px 0 0 -15px;}

.Site_Box5 .down{ float:right; width:524px; padding:25px 0 0;}

.Site_Box5 .down .Case{ background:url(../images/bg122.png) no-repeat right center;}

.Site_Box5 .down .Case .cn,.Site_Box5 .down .Case .en{ color:#fff;}



.Site_Box6{ height:643px;}

.Site_Box6 .left .span b{ color:#555;}

.Site_Box6 .right .p{ color:#555;}

.Site_Box6 .img{ float:right; padding-top:0;}

.Site_Box6 .down{ float:left; width:596px;}

.Site_Box6 .down .Case{ width:180px;}







/*网站策划*/



/*创意设计*/

.backgroung2{ background:url(../images/bg13.jpg) no-repeat center top;}



.teamBox .DesignColumn{padding-right:45px;/* padding-top:43px;*/ padding-top:0; padding-bottom:54px;}

.teamBox .DesignColumn .img{ text-align:right; line-height:1.5; background:url(../images/bg16.jpg) no-repeat right bottom;}

.teamBox .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;}

.teamBox .DesignColumn .img .en{ display:block; font-size:3.5em; color:#ffa800; font-weight:bold; text-transform:uppercase;}

.teamBox .teamContent{ text-align:center; min-height:800px;}



.memberBox{ /*background:url(../images/bg14.png) no-repeat center top;*/ padding-bottom:100px; padding-top:0;}

.memberBox .DesignColumn{padding-left:24px; padding-top:25px; padding-bottom:45px; width:600px; margin:0 auto; text-align:center;}

.memberBox .DesignColumn .img{ line-height:1.5; background:url(../images/bg16.jpg) no-repeat center bottom;}

.memberBox .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;}

.memberBox .DesignColumn .img .en{ display:block; font-size:3.5em; color:#ffa800; font-weight:bold; text-transform:uppercase;}

.memberBox .DesignColumn .p{ font-size:1.167em; color:#555; width:600px; line-height:24px; margin-top:35px; text-align:left;}

.memberBox .memberContent{ position:relative; width:1024px; float:right;}

.memberBox .memberContent .BanList{ width:1024px;}

.memberBox .memberContent .BanList li{ width:100%; overflow:hidden;}

.memberBox .memberContent .BanList li a{ width:100%; display:block;}

.memberBox .memberContent .BanList li a img{ width:100%;}

.memberBox .memberContent .prev,.memberBox .memberContent .next{ display:inline-block; width:50px; height:80px; position:absolute; bottom:0; z-index:10;}

.memberBox .memberContent .prev{ background:url(../images/bg_design_prev.png) no-repeat center center; left:-60px;}

.memberBox .memberContent .next{ background:url(../images/bg_design_next.png) no-repeat center center; right:0;}



.Works_Case_Box{ padding-bottom:90px;}

.Works_Case_Box .DesignColumn{padding-left:24px; padding-top:20px; padding-bottom:90px;}

.Works_Case_Box .DesignColumn .img{ text-align:right; line-height:1.5; background:url(../images/bg17.jpg) no-repeat right bottom;}

.Works_Case_Box .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;}

.Works_Case_Box .DesignColumn .img .en{ display:block; font-size:3.5em; color:#fff; font-weight:bold; text-transform:uppercase;}

/*作品案例——切换效果*/

.carousel-container {position:relative; width:100%;}

#carousel {width:100%; height:670px; position:relative;}

.carousel-image {border:0; display:block;}

.carousel-feature {position:absolute;top:-1000px; left:-1000px; cursor:pointer;}

.carousel-feature .carousel-caption { width:100%;}

.carousel-feature .carousel-caption p { margin:0; font-weight:bold; font-size:1.5em; color:#555; text-align:center;}

.tracker-summation-container { position:absolute; color:white; right:48px; top:230px; padding:3px; margin:3px; background-color:#000;}

.tracker-individual-container {position:absolute; color:white; right:48px; top:210px;  padding:0; margin:0; display:none;}

.tracker-individual-container li {list-style:none;}

.tracker-individual-container .tracker-individual-blip {margin:0 3px; padding:0 3px; color:white; text-align:center; background-color:#DDD;}

.tracker-individual-container .tracker-individual-blip-selected {color:white;font-weight:bold; background-color:#000;}

#carousel-left { position:absolute; top:50%;  left:220px; cursor:pointer; z-index:999;}

#carousel-right {  position:absolute;  top:50%; right:220px; cursor:pointer; z-index:999;}

/*作品案例——切换效果*/



.viewBox{ padding-bottom:80px;}

.viewBox .DesignColumn{padding-left:24px; /*padding-top:27px;*/ padding-bottom:0px;}

.viewBox .DesignColumn .img{ line-height:1.5; background:url(../images/bg16.jpg) no-repeat left bottom;}

.viewBox .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;}

.viewBox .DesignColumn .img .en{ display:block; font-size:3.5em; color:#ffa800; font-weight:bold; text-transform:uppercase;}



.viewBox .viewContent{ width:100%; height:891px; background:url(../images/bg15.png) no-repeat center top; position:relative;}

.viewBox .viewContent .box{ width:190px;  position:absolute;}

.viewBox .viewContent .box span{ display:block; text-align:center; font-size:2.5em; font-weight:bold; line-height:1.5;}

.viewBox .viewContent .box p{ font-size:1.167em; color:#555;}

.viewBox .viewContent .box1{left:562px; top:116px;}

.viewBox .viewContent .box1 span{ color:#e97e24;}

.viewBox .viewContent .box2{left:377px; top:278px;}

.viewBox .viewContent .box2 span{ color:#b7cf37;}

.viewBox .viewContent .box3{left:742px; top:278px;}

.viewBox .viewContent .box3 span{ color:#f3bb20;}

.viewBox .viewContent .box4{left:562px; top:492px;}

.viewBox .viewContent .box4 span{ color:#00a4e2;}



.viewBox .viewContent .font{ font-size:2.083em; color:#fff; position:absolute; display:block; width:99px; line-height:99px; text-align:center;}

.viewBox .viewContent .font1{ left:295px; bottom:148px;}

.viewBox .viewContent .font2{ left:432px; bottom:158px;}

.viewBox .viewContent .font3{ left:494px; bottom:24px;}

.viewBox .viewContent .font4{ left:704px; bottom:60px;}

.viewBox .viewContent .font5{ left:897px; bottom:142px;}

.viewBox .viewContent .font6{ left:941px; bottom:338px;}

/*创意设计*/



/*解决方案*/

/*列表*/

.backgroung3{ background:url(../images/bg20.jpg) no-repeat center top; width:100%; height:720px;}



.Solution_content{ width:100%;}

.Solution_content .box{ padding-right:670px; height:405px; position:relative; display:none; padding-bottom:30px;}

.Solution_content .box .title{ background:url(../images/bg26.jpg) no-repeat left bottom; line-height:3.5; margin-top:16px;}

.Solution_content .box .title .cn{ color:#9eaecf; font-size:3.333em;}

.Solution_content .box .title .en{ color:#b1b1b5; font-size:2.167em; margin-left:15px;}

.Solution_content .box .cont{ color:#bbbbbe; font-size:1.167em; line-height:26px; padding:25px 0 30px;}

.Solution_content .box .more{ display:inline-block; width:171px; height:45px; background:url(../images/bg26.png) no-repeat center top; text-align:center; line-height:44px; color:#fff; font-size:1.333em;}

.Solution_content .box .span{ color:#8b8e99; position:absolute;}

.Solution_content .box1 .span1{ bottom:48px; left:500px;}

.Solution_content .box1 .span2{ bottom:100px; left:730px;}



.Solution_content .box2 .span1{ bottom:48px; left:500px;}

.Solution_content .box2 .span2{ bottom:90px; left:570px;}

.Solution_content .box2 .span3{ bottom:45px; left:720px;}

.Solution_content .box2 .span4{ bottom:100px; left:780px;}

.Solution_content .box2 .span5{ bottom:50px; left:820px;}



.Solution_content .box3 .span1{ bottom:48px; left:500px;}

.Solution_content .box3 .span2{ bottom:110px; left:730px;}



.Solution_content .box4 .title .cn{ color:#ce5553;}

.Solution_content .box4 .span1{ bottom:48px; left:500px;}

.Solution_content .box4 .span2{ bottom:105px; left:540px;}

.Solution_content .box4 .span3{ bottom:45px; left:720px;}

.Solution_content .box4 .span4{ bottom:115px; left:750px;}



.Solution_content .box5 .span1{ bottom:60px; left:440px;}

.Solution_content .box5 .span2{ bottom:125px; left:640px;}



.Solution_content .box6 .title .cn{ color:#27b868;}

.Solution_content .box6 .span1{ bottom:48px; left:430px;}

.Solution_content .box6 .span2{ bottom:120px; left:540px;}

.Solution_content .box6 .span3{ bottom:40px; left:700px;}

.Solution_content .box6 .span4{ bottom:105px; left:780px;}





.Solution_list ul li{ float:left; width:170px; height:220px; padding-top:30px;}

.Solution_list ul li a{ display:block; width:100%; height:100%;}

.Solution_list ul li a .title,.Solution_list ul li a .brief{ display:block; text-align:center;}

.Solution_list ul li a .title{ color:#fff; font-size:1.5em; line-height:2;  padding-top:15px;}

.Solution_list ul li:hover,.Solution_list ul li.on{ height:235px; padding:0 5px;}

.Solution_list ul li:hover a,.Solution_list ul li.on a{padding:10px 0 5px;}

.Solution_list ul li.list_1 a{ background:url(../images/bg21.png) no-repeat;}

.Solution_list ul li.list_1 a .brief{ color:#b9bdc5; font-size:1.167em;}

.Solution_list ul li.list_1:hover a,.Solution_list ul .list_1.on a{ background:url(../images/bg21_2.png) no-repeat; }

.Solution_list ul li.list_2 a{ background:url(../images/bg22.png) no-repeat;}

.Solution_list ul li.list_2 a .brief{ color:#f4ddbf; font-size:1.167em;}

.Solution_list ul li.list_2:hover a,.Solution_list ul .list_2.on a{ background:url(../images/bg22_2.png) no-repeat; }

.Solution_list ul li.list_3 a{ background:url(../images/bg23.png) no-repeat;}

.Solution_list ul li.list_3 a .brief{ color:#b9bdc5; font-size:1.167em;}

.Solution_list ul li.list_3:hover a,.Solution_list ul .list_3.on a{ background:url(../images/bg23_2.png) no-repeat; }

.Solution_list ul li.list_4 a{ background:url(../images/bg24.png) no-repeat;}

.Solution_list ul li.list_4 a .brief{ color:#e7b7b6; font-size:1.167em;}

.Solution_list ul li.list_4:hover a,.Solution_list ul .list_4.on a{ background:url(../images/bg24_2.png) no-repeat; }

.Solution_list ul li.list_5 a{ background:url(../images/bg25.png) no-repeat;}

.Solution_list ul li.list_5 a .brief{ color:#b9bdc5; font-size:1.167em;}

.Solution_list ul li.list_5:hover a,.Solution_list ul .list_5.on a{ background:url(../images/bg25_2.png) no-repeat; }

.Solution_list ul li.list_6 a{ background:url(../images/bg26.png) no-repeat;}

.Solution_list ul li.list_6 a .brief{ color:#bde4cb; font-size:1.167em;}

.Solution_list ul li.list_6:hover a,.Solution_list ul .list_6.on a{ background:url(../images/bg26_2.png) no-repeat; }

.Solution_list ul li.list_7 a{ background:url(../images/bg27.png) no-repeat;}

.Solution_list ul li.list_7 a .brief{ color:#b9bdc5; font-size:1.167em;}

.Solution_list ul li.list_7:hover a,.Solution_list ul .list_7.on a{ background:url(../images/bg27_2.png) no-repeat; }

/*列表*/



/*详细页*/

.backgroung4{ /*background:url(../images/bg25.jpg) no-repeat center top;*/ width:100%; height:auto; min-height:700px;}

.divSolution{ padding:67px 30px 78px 30px; position:relative;}

.divSolution .other_link{ display:block; width:252px; height:52px; text-align:center; line-height:52px; color:#fff; background:url(../images/other_link_bg.png) no-repeat; font-size:20px; position:absolute; left:50%; margin-left:-126px; top:15px;}

.divSolution .other_link span{ font-family:"宋体";}



.Solution_Content{ padding:0 0 25px;}

.Solution_Content .box{ border:#f4f4f4 1px solid; padding:30px 50px; margin-bottom:20px;}

.Solution_Content .box .tit{ display:inline-block; font-size:1.667em; color:#555; line-height:2.5;}

.Solution_Content .box .tit font{ color:#ffa800;}

.Solution_Content .box .p{ color:#929292; overflow:hidden; width:100%;}

.Solution_Content .box .p p{}



.Solution_Content .box1 .tit{ background:url(../images/bg31.png) no-repeat left 15px;  padding-left:40px;}

.Solution_Content .box1 .p{  /*padding-left:40px;*/}

.Solution_Content .box2 .tit{ background:url(../images/bg32.png) no-repeat right 15px; float:right;  padding-right:40px;}

.Solution_Content .box2 .p{  /*padding-right:40px;*/  float:right;}

.Solution_Content .box3 .tit{ background:url(../images/bg33.png) no-repeat left 15px;  padding-left:40px;}

.Solution_Content .box3 .p{ /* padding-left:40px;*/}



.Typical_Case{}

.Typical_Case .title{ background:url(../images/bg34.jpg) no-repeat left center; font-size:1.167em; color:#999; padding:25px 0 25px 50px;}

.Typical_Case .title span{ font-size:1.714em; color:#222; margin-right:15px;}

.Typical_Case .cont ul li{ border:#e1e3e2 1px solid; width:318px; height:238px; float:left; margin-right:30px; position:relative; overflow:hidden;}

.Typical_Case .cont ul li .webimg{ width:318px; height:238px;}

.Typical_Case .cont ul li .divDown{ width:318px; height:238px; background:url(../images/bg24.png) repeat left top; display:none; position:absolute; top:0; left:0;}

.Typical_Case .cont ul li .divDown .link{ width:100%; text-align:center; padding:75px 0 20px;}

.Typical_Case .cont ul li .divDown .link a{ display:inline-block; width:42px; height:42px; margin:0 15px;}

.Typical_Case .cont ul li .divDown .link .a_link{ background:url(../images/bg22.png) no-repeat center top;}

.Typical_Case .cont ul li .divDown .link .a_brief{ background:url(../images/bg23.png) no-repeat center top;}

.Typical_Case .cont ul li .divDown .span{ display:block; text-align:center; font-size:1.5em; color:#fff;} 

.Typical_Case .cont ul li:hover .divDown{ display:block;}

.Typical_Case .cont .more{ display:inline-block; border:#e1e3e2 1px solid; background:url(../images/bg21.jpg) no-repeat center top; width:78px; height:238px;}

/*详细页*/



/*解决方案*/



/*index*/

/*Banner*/

.HomeBan{ width:100%; height:500px; overflow:hidden; position:relative;}

.HomeBan .BanList{ width:100%; height:500px;}

.HomeBan .BanList li{ width:100%; height:500px; overflow:hidden;}

.HomeBan .BanList li a{ width:100%; height:500px; display:block;}



.HomeBan .hd{ position:absolute; width:153px; height:26px; background:url(../images/HomeBan_bg.png) no-repeat center center; left:50%; bottom:11px; margin-left:-77.5px; padding-left:2px;}

.HomeBan .hd li{ float:left; position:relative; width:14px; height:14px; background:url(../images/HomeBan_on.png) no-repeat left top; margin:7px 0 0 14px;}

.HomeBan .hd .on{ background-position:left bottom;}

.HomeBan .hd li span{ position:absolute; display:none; width:90px; height:57px; padding:5px 5px 0 5px; background:url(../images/HomeBan2.png) no-repeat center center; bottom:16px; left:50%; margin-left:-50px;}

.HomeBan .hd li span img{ width:90px; height:43px;}

.HomeBan .hd .on span{ display:block;}






@font-face

{

font-family: myFirstFont;

src: url('DIN Medium.ttf');

}



.our_clients{ width:100%;}

.our_clients .divLeft,.our_clients .divRight{ width:50%; height:637px;}

.our_clients .our_clients_left,.our_clients .our_clients_right{ width:600px;}

.our_clients .divLeft,.our_clients .our_clients_right{ float:left;}

.our_clients .divRight,.our_clients .our_clients_left{ float:right;}

.our_clients .divLeft{ background:url(../images/bg40.jpg) no-repeat right top;}

.our_clients_left .service_Title1{padding-bottom:15px;}

.our_clients_left .brief{ font-size:14px; line-height:20px;}

.our_clients_left .clients_num{ margin:30px 0 20px; background:url(../images/bg43.png) no-repeat left top; /*padding-bottom:45px;*/ height:410px;}

.our_clients_left .clients_num span{ display:block; font-size:1.5em; padding-left:130px; padding-top:23px;}

.our_clients_left .clients_num span b{ display:block; font-size:50px; line-height:1; color:#ff6c00; font-family:myFirstFont;}



.our_clients_right{ position:relative;}

.our_clients_right .clientsBan{ width:100%; height:642px;}

.our_clients_right .clientsBan ul{ border-top:#f1f1f1 1px solid; border-left:#f1f1f1 1px solid; }

.our_clients_right .clientsBan ul li{position: relative; border-bottom:#f1f1f1 1px solid;width:198px; height:105px; border-right:#f1f1f1 1px solid; float:left;}

.our_clients_right .clientsBan ul li img{ width:198px; height:105px;}

.our_clients_right .clientsBan ul li .OcOverlay{display: none;text-align: center; background:url("../images/bg_overlay.png") repeat scroll;width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0px;top: 0px;}

.our_clients_right .clientsBan ul li .OcOverlay div{display:table-cell; vertical-align:middle; *position: absolute; *top: 50%;}

.our_clients_right .clientsBan ul li .OcOverlay div span{padding: 0 10px; *position:relative;*top: -50%; color: #fff; font-size: 12px; line-height: 18px;}

/*.our_clients_right .clientsBan ul li .gray{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/



.our_clients_right .box{ position:absolute; bottom:5px; right:2px; border-bottom:#f1f1f1 1px solid; width:198px; height:75px; border-right:#f1f1f1 1px solid; padding-top:30px; z-index:10; background:#fff;}

.our_clients_right .box .prev,.our_clients_right .box .next{ display:inline-block; width:42px; height:42px;}

.our_clients_right .box .prev{ background:url(../images/bg41.png) no-repeat center center; margin-left:40px;}

.our_clients_right .box .next{ background:url(../images/bg42.png) no-repeat center center; margin-left:20px;}



/*我们的产品*/

.our_product{ width:100%;}

.our_product .brief{ text-align:center; font-size:1.167em; padding:30px 0;}

.our_product .our_product_cont{ width:100%; background:url(../images/bg44.jpg) no-repeat center center; height:640px;}

.our_product .our_product_cont .our_product_Main{ width:590px; margin:0 auto; height:640px; position:relative;}

.our_product .our_product_cont .our_product_Main a{ display:inline-block; position:absolute; text-align:center; line-height:1.5;}

.our_product .our_product_cont .our_product_Main a b{ font-size:3em; display:none;}

.our_product .our_product_cont .our_product_Main a span{ font-size:1.167em; display:none;}

.our_product .our_product_cont .our_product_Main a:hover b,.our_product .our_product_cont .our_product_Main a:hover span{ color:#fff;}



.our_product .our_product_cont .our_product_Main .our_product_1{ width:202px; height:243px; background:url(../images/bg63.png) no-repeat center top; top:36px; left:50%; margin-left:-101px;}

.our_product .our_product_cont .our_product_Main .our_product_1:hover{ background:url(../images/bg63_2.png) no-repeat center top;}

.our_product .our_product_cont .our_product_Main .our_product_2{ width:242px; height:202px; background:url(../images/bg66.png) no-repeat center top; top:50%; left:0px; margin-top:-101px;}

.our_product .our_product_cont .our_product_Main .our_product_2:hover{ background:url(../images/bg66_2.png) no-repeat center top;}

.our_product .our_product_cont .our_product_Main .our_product_3{  width:202px; height:243px;  background:url(../images/bg65.png) no-repeat center top; bottom:34px; left:50%; margin-left:-101px;}

.our_product .our_product_cont .our_product_Main .our_product_3:hover{ background:url(../images/bg65_2.png) no-repeat center top;}

.our_product .our_product_cont .our_product_Main .our_product_4{  width:242px; height:202px; background:url(../images/bg64.png) no-repeat center top; top:50%; right:0px; margin-top:-101px;}

.our_product .our_product_cont .our_product_Main .our_product_4:hover{ background:url(../images/bg64_2.png) no-repeat center top;}



.our_product .our_product_cont .our_product_Main .our_product_1 b{ margin-top:70px;}

.our_product .our_product_cont .our_product_Main .our_product_3 b{ margin-top:106px;}

.our_product .our_product_cont .our_product_Main .our_product_2 b{ margin-top:74px;}

.our_product .our_product_cont .our_product_Main .our_product_4 b{ margin-top:74px;}








.div_To{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bg52.png) repeat left top; z-index:-999;}

.div_To .div_content{ width:960px; height:656px; background:url(../images/bg51.png) no-repeat center top; margin:825px auto 0;}

.div_To .div_content .close{ display:inline-block; width:58px; height:58px; position:relative; top:0; float:right; }

.div_To .div_content .title{ display:inline-block; font-size:1.667em; color:#fff; font-weight:bold; margin-left:45px; margin-top:42px;}

.div_To .div_content .cont{ padding:45px;}

.div_To .div_content .cont .tit{ color:#da8829; font-size:1.333em; font-weight:bold;}

.div_To .div_content .cont .time{ float:right; font-size:1.167em; color:#666;}

.div_To .div_content .cont .div dl{ overflow:hidden; padding:30px 0 20px;}

.div_To .div_content .cont .div dl dd{ width:33%; float:left; font-size:1.167em; color:#999;}

.div_To .div_content .cont .div dl dd b{ font-size:1.143em; color:#666; font-weight:bold;}

.div_To .div_content .cont .div .div_cont b{ display:block; font-size:1.33em; color:#666; padding-top:10px;}

.div_To .div_content .cont .div .div_cont{ height:303px;}

.div_To .div_content .div_btn{ text-align:center; padding:30px 0;}

.div_To .div_content .btn{ display:inline-block; width:283px; height:56px; background:url(../images/bg50.jpg) no-repeat center top; color:#fff; font-size:1.5em; line-height:56px; text-align:center; }



.Candidates_Guide{ padding-bottom:136px;}

.Candidates_Guide .Recruitment_title{ text-align:right; overflow:hidden;}

.Candidates_Guide .Recruitment_title .cn{ color:#fff;}

.Candidates_Guide .Recruitment_title .en{ color:#3383c4;}

.Candidates_Guide .Recruitment_title .span_line{background:#3383c4; float:right;}

.Candidates_Guide_content{ margin-top:60px;}

.Candidates_Guide_content .divCheng{ background:url(../images/bg33.png) no-repeat center top; width:100%; height:188px;}

.Candidates_Guide_content .divCheng .div{ padding-top:32px; overflow:hidden;}

.Candidates_Guide_content .divCheng .div span{ float:left; display:inline-block; text-align:center; width:173px; font-size:1.5em; color:#fff;}

.Candidates_Guide_content .divCheng .div .span1{ margin-right:83px;}

.Candidates_Guide_content .divCheng .div .span2{ margin-right:82px;}

.Candidates_Guide_content .divCheng .div .span3{ margin-right:84px;}

.Candidates_Guide_content .divCheng .div .span4{ margin-right:83px;}



.Candidates_Address{ padding-bottom:95px;}

.Candidates_Address .Recruitment_title .en{ color:#e69e2c;}

.Candidates_Address .Recruitment_title .span_line{background:#e69e2c;}

.Candidates_Address .MapList{ overflow:hidden; padding-top:72px;}

.Candidates_Address .MapList .TabList{ position: relative; float:right; width:425px; height:466px; border:#e1e1e1 1px solid; background:#fff;}

.Candidates_Address .MapList .TabList ul li{ padding:0 30px;}

.Candidates_Address .MapList .TabList ul li .span{ display:block; font-size:1.5em; color:#666; background:url(../images/bg34.jpg) no-repeat right center; cursor:pointer; line-height: 53px; border-bottom:#bcbcbc 1px dotted;}

.Candidates_Address .MapList .TabList ul li .cont{ display:none;}

.Candidates_Address .MapList .TabList ul li .cont dd{ font-size:1.167em; color:#fff;}

.Candidates_Address .MapList .TabList ul li.on { background:#e9a12d;}

.Candidates_Address .MapList .TabList ul li.on .span{ color:#fff; border-bottom:0;background:url(../images/bg35.jpg) no-repeat right center;}

.Candidates_Address .MapList .TabList ul li.on .cont{ display:block;padding-bottom: 10px;}

.Candidates_Address .MapList .BanList{ position:relative; border:#c1c1c1 1px solid; width:756px; height:466px; overflow:hidden;}

.Candidates_Address .MapList .BanList .box{ position:absolute; left:-760px; top:0; width:756px; height:466px;}

.Candidates_Address .MapList .BanList .box #allmap1,.Candidates_Address .MapList .BanList .box #allmap2,.Candidates_Address .MapList .BanList .box #allmap3,.Candidates_Address .MapList .BanList .box #allmap4,.Candidates_Address .MapList .BanList .box #allmap5{ width:100%; height:466px;}

.Candidates_Address .MapList .TabList .btn_other{display: block;position: absolute; bottom: 0; width: 100%;line-height: 50px;text-indent: 30px;background-color: #E9A12D;font-size: 18px;text-align: center;color: #FFF;}



.Recruitment_Guide{ padding-bottom:116px;}

.Recruitment_Guide .Recruitment_title{ text-align:right; overflow:hidden;}

.Recruitment_Guide .Recruitment_title .en{ color:#e69e2c;}

.Recruitment_Guide .Recruitment_title .span_line{background:#e69e2c; float:right;}

.Recruitment_Guide .Recruitment_Guide_content{ width:100%;}

.Recruitment_Guide .Recruitment_Guide_content .cont{ width:100%; height:645px; position:relative; background:url(../images/bg37.png) no-repeat center bottom; margin-top: 20px;}

.Recruitment_Guide .Recruitment_Guide_content .cont .span1,.Recruitment_Guide .Recruitment_Guide_content .cont .span2,.Recruitment_Guide .Recruitment_Guide_content .cont .span3{ display:inline-block; width:56px; font-size:1.5em; color:#fff; position:absolute;}

.Recruitment_Guide .Recruitment_Guide_content .cont .span1{top:188px; left:681px;}

.Recruitment_Guide .Recruitment_Guide_content .cont .div_brief_1{ position:absolute; top:5px; left:375px; width:420px; font-size:1.167em; text-align:right; color:#9ed23e;}

.Recruitment_Guide .Recruitment_Guide_content .cont .span2{top:310px; left:415px; color:#9ed23e;}

.Recruitment_Guide .Recruitment_Guide_content .cont .div_brief_2{ position:absolute; top:390px; left:0px; width:355px; font-size:1.167em; text-align:right; color:#fff;}

.Recruitment_Guide .Recruitment_Guide_content .cont .span3{top:412px; right:338px; }

.Recruitment_Guide .Recruitment_Guide_content .cont .div_brief_3{ position:absolute; top:206px; right:0px; width:300px; font-size:1.167em; text-align:right; color:#e69e2c;}



.Employee_benefits{ padding-bottom:80px;}

.Employee_benefits .Recruitment_title .cn{ color:#fff;}

.Employee_benefits .Recruitment_title .en{ color:#b97911;}

.Employee_benefits .Recruitment_title .span_line{background:#b97911;}



.Employee_benefits .Employee_benefits_content{ padding-top:140px;}

.Employee_benefits .Employee_benefits_content ul{ overflow:hidden; width:100%; padding-bottom:53px;}

.Employee_benefits .Employee_benefits_content li{ width:173px; height:173px;  padding:3px 6px 10px 3px; position:relative; z-index:5; text-align:center; overflow:hidden; float:left; cursor:pointer; position:relative; margin-right:20px;}

.Employee_benefits .Employee_benefits_content li .bg{background:url(../images/bg38.png) no-repeat center top; position:absolute; left:0; top:0; width:182px; height:186px; z-index:10;}

.Employee_benefits .Employee_benefits_content li span{ display:block; font-size:1.5em; color:#fff; padding-top:30px; padding-bottom:20px;}

.Employee_benefits .Employee_benefits_content li .img{ width:79px; height:75px; position:absolute; left:50%; margin-left:-39px; bottom:30px;}

.Employee_benefits .Employee_benefits_content li .p{ display:none;}

.Employee_benefits .Employee_benefits_content li .div1{ background:url(../images/bg39.jpg) repeat left top; width:100%; height:100%; position:relative; z-index:2;}

.Employee_benefits .Employee_benefits_content li .div2{ background:#6ad377; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div3{ background:#e78361; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div4{ background:#7ca8e7; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div5{ background:#8ece3a; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div6{ background:#e78361; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div7{ background:#3acec5; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div8{ background:#8ece3a; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div9{ background:#e49a2d; width:100%; height:100%;}

.Employee_benefits .Employee_benefits_content li .div10{ background:#6ad377; width:100%; height:100%;}



.Employee_benefits .Employee_benefits_content li.on{ width:377px;}

.Employee_benefits .Employee_benefits_content li.on .bg{ width:386px; background:url(../images/bg36.png) no-repeat center top;}

.Employee_benefits .Employee_benefits_content li.on span,.Employee_benefits .Employee_benefits_content li.on .p{ float:right; width:220px; text-align:left; margin-right:23px;}

.Employee_benefits .Employee_benefits_content li.on span{}

.Employee_benefits .Employee_benefits_content li.on .img{ position:absolute; left:60px; bottom:50%; margin-bottom:-32px;}

.Employee_benefits .Employee_benefits_content li.on .p{ display:block; font-size:1.167em; color:#fff; }






.technology_title{ height:1px; text-align:center; position:relative; padding:74px 0; font-size:42px; color:#000; background:url(../images/technology_title.png) no-repeat center center;}

.technology_title span{ display:block; position:relative; top:-18px;}
.technology_bg{
	margin-top:40px;
}

/*案例*/

.case_ban{ height:459px; position:relative;}

.case_ban .bd ul{ height:459px;}

.case_ban .bd li{ height:459px; position:absolute; left:0; top:0; width:100%;}

.case_ban .img{ position:absolute; left:0; bottom:0; width:100%; height:94px;}



.case_list{ width:1200px; margin:0 auto; font-size:16px;}

.case_area{ overflow:hidden; margin-top:39px;}

.case_area dt{ float:left; width:92px; color:#000; font-weight:bold; padding-top:27px;}

.case_area dt em{ padding:0 20px;}

.case_area dd{ float:right; width:990px; position:relative; padding-left:110px;}

.case_area dd a{ display:block; float:left; background:#e5e5e5 url(../images/case_area.jpg) no-repeat; padding-top:20px; width:101px; height:30px; text-indent:56px; margin:0 0 12px 9px;}

.case_area dd a:hover{ color:#fff;}

.case_area dd a.all{ background-image:none; position:absolute; left:0; top:0;}



.case_area dd .guangzhou{ background-position:0 0;}

.case_area dd .guangzhou:hover,.case_area dd .guangzhou.onmenu{ background-position:0 -50px;}

.case_area dd .shenzhen{ background-position:-101px 0;}

.case_area dd .shenzhen:hover,.case_area dd .shenzhen.onmenu{ background-position:-101px -50px;}

.case_area dd .xiamen{ background-position:-202px 0;}

.case_area dd .xiamen:hover,.case_area dd .xiamen.onmenu{ background-position:-202px -50px;}

.case_area dd .shanghai{ background-position:-303px 0;}

.case_area dd .shanghai:hover,.case_area dd .shanghai.onmenu{ background-position:-303px -50px;}

.case_area dd .hefei{ background-position:-404px 0;}

.case_area dd .hefei:hover,.case_area dd .hefei.onmenu{ background-position:-404px -50px;}

.case_area dd .foshan{ background-position:-505px 0;}

.case_area dd .foshan:hover,.case_area dd .foshan.onmenu{ background-position:-505px -50px;}

.case_area dd .dongguan{ background-position:-606px 0;}

.case_area dd .dongguan:hover,.case_area dd .dongguan.onmenu{ background-position:-606px -50px;}

.case_area dd .beijing{ background-position:-707px 0;}

.case_area dd .beijing:hover,.case_area dd .beijing.onmenu{ background-position:-707px -50px;}

.case_area dd .zhongshan{ background-position:-808px 0;}

.case_area dd .zhongshan:hover,.case_area dd .zhongshan.onmenu{ background-position:-808px -50px;}

.case_area dd .zhuhai{ background-position:-909px 0;}

.case_area dd .zhuhai:hover,.case_area dd .zhuhai.onmenu{ background-position:-909px -50px;}

.case_area dd .wuhu{ background-position:-1010px 0;}

.case_area dd .wuhu:hover,.case_area dd .wuhu.onmenu{ background-position:-1010px -50px;}

.case_area dd .wuhan{ background-position:-1111px 0;}

.case_area dd .wuhan:hover,.case_area dd .wuhan.onmenu{ background-position:-1111px -50px;}

.case_area dd .quanzhou{ background-position:-1212px 0;}

.case_area dd .quanzhou:hover,.case_area dd .quanzhou.onmenu{ background-position:-1212px -50px;}

.case_area dd .suzhou{ background-position:-1313px 0;}

.case_area dd .suzhou:hover,.case_area dd .suzhou.onmenu{ background-position:-1313px -50px;}

.case_area dd .nanjing{ background-position:-1414px 0;}

.case_area dd .nanjing:hover,.case_area dd .nanjing.onmenu{ background-position:-1414px -50px;}

.case_area dd .hangzhou{ background-position:-1010px 0;}

.case_area dd .hangzhou:hover,.case_area dd .hangzhou.onmenu{ background-position:-1010px -50px;}





.case_area dd .all{ text-indent:37px;}

.case_area dd .onmenu{ background-color:#ffa800; color:#fff;}



.case_industry{ overflow:hidden;}

.case_industry dt{ float:left; width:92px; color:#000; font-weight:bold;}

.case_industry dt em{ padding:0 20px;}

.case_industry dd{ float:right; width:1090px;}

.case_industry .case_industry_all{ float:left; width:116px;}

.case_industry .case_industry_all .onmenu{ background-color:#ffa800; color:#fff;}

.case_industry dd .all{ display:block; width:100px; height:30px; text-align:center; line-height:30px;}

.case_industry .case_industry_other{ float:left; width:974px; line-height:30px;}

.case_industry .case_industry_other a{ display:block; float:left; padding:0 32px 0 16px; background:url(../images/case_industry_bg.jpg) no-repeat left center; width:146px;}

.case_industry .case_industry_other .onmenu{ color:#ffa800;}



.case_list .list{ margin-top:70px;}

.case_list .list li{ float:left; width:380px; border-bottom:3px solid #d2d1d1; margin-right:30px; margin-bottom:40px; position:relative;}

.case_list .list li .img{ position:relative; width:380px; height:250px; overflow:hidden;}

.case_list .list li .img img{ position:absolute; left:50%; top:50%; width:380px; height:250px; margin:-125px 0 0 -190px; max-width:none;}

.case_list .list li .img span{ display:block; position:absolute; left:5px; top:5px; width:100%; height:100%; cursor:pointer;}

.case_list .list li .title{ height:42px; line-height:42px; padding:0 5px; font-weight:bold; color:#000;}

.case_list .list li .categoryname{ height:38px; line-height:38px; padding:0 5px; color:#999;}

.case_list .list li .case_list_icon{ position:absolute; width:44px; height:19px; right:8px; bottom:9px;}

.case_list .list li .case_list_icon .pc{ display:block; float:left; width:20px; height:19px; background:url(../images/case_list_icon.png) no-repeat left bottom;}

.case_list .list li .case_list_icon .mobile{ float:right; display:block; width:11px; height:19px; background:url(../images/case_list_icon.png) no-repeat right center;}



.case_list .list .li{ border-color:#ffb119;}

.case_list .list .li .img span{ width:370px; height:240px; border:5px solid #ffb119; left:0; top:0;}

.case_list .list .li .title{ background:#ffb119;}

.case_list .list .li .title a{ color:#fff;}



.case_info_banbox{ height:94px; position:relative; z-index:3;}

.case_info_banbox .case_info_ban{ height:94px; position:relative; left:0; top:0; width:100%; z-index:4;}

.case_info_banbox .case_info_ban .img{ width:100%; height:94px; position:absolute; left:0; top:0; width:100%;}



.case_info{ width:100%; max-width:1920px; margin:0 auto; min-width:1200px; overflow:hidden; font-size:14px; position:relative; background:#f2f2f2; min-height:500px;}







.case_info .case_fixed{ width:100%; height:10px; max-width:1920px;}



.case_info .left{ width:34.8%; position:absolute; height:100%; background:#fff;}

.case_info .left .con{ padding:35px 10% 0; position:relative;}

.case_info .left .con .b{ position:absolute; left:10%; bottom:5px; width:80%; background:#fff;}

.case_info .left .con .title{ font-size:37px; color:#666; line-height:1em; position:relative; padding-bottom:17px; margin-bottom:20px;}

.case_info .left .con .title span{ width:71px; height:4px; background:#ffa800; position:absolute; left:0; bottom:0;}

.case_info .left .con .txt{ line-height:24px; color:#666; margin-bottom:20px;}

.case_info .left .con .link{ display:block; width:197px; height:48px; border:2px solid #ffa800; text-align:center; line-height:48px; color:#ffa800; font-size:18px; font-weight:bold; margin-bottom:20px;}

.case_info .left .con .link span{ padding:0 10px;}

.case_info .left .con .case_info_categoryname{ line-height:26px; margin-bottom:24px;}

.case_info .left .con .case_info_categoryname span{ display:inline-block; padding:0 22px; background:#e8e8e8;}

.case_info .left .con .case_info_return{ display:block; width:122px; height:38px; line-height:38px; text-indent:54px; background:#9f9f9f url(../images/case_info_return.jpg) no-repeat 26px top; font-size:18px; font-weight:bold; color:#fff;}

.case_info .left .con .case_info_return:hover{ background-position:26px bottom; background-color:#ffa800;}



.case_info .conten{ width:100px; background:#e1e1e1; position:absolute; top:0; height:100%;}

.case_info .conten .con{ padding-top:70px;}

.case_info .conten .con span{ display:block; width:100%; height:76px; background:url(../images/csae_info_icon.png) no-repeat center top; cursor:pointer;}

.case_info .conten .con span.mobile{ background-position:center bottom;}

.case_info .conten .con .span{ background-color:#f2f2f2;}



.case_info .right{ float:right; width:800px;}

.case_info .right .con{ padding:23px 20px 50px 0; display:none;}

.case_info .right .con img{ width:100%;}

.case_info .right .con.pc { display:block;}

.case_info .right .con .tab{ overflow:hidden; padding-bottom:10px;}

.case_info .right .con .tab .prev{ float:left; width:50px; height:38px; background:url(../images/case_info_prev.jpg) no-repeat center top;}

.case_info .right .con .tab .prev:hover{ background-position:center bottom;}

.case_info .right .con .tab .next{ float:right; width:50px; height:38px; background:url(../images/case_info_next.jpg) no-repeat center top;}

.case_info .right .con .tab .next:hover{ background-position:center bottom;}



.case_info .right .mobile .div{ position:relative; overflow:hidden; margin-bottom:30px;}

.case_info .right .mobile .div .case_info_mobilebg1{ position:absolute; left:50%; bottom:0; width:520px; margin-left:-260px;}

.case_info .right .mobile .div .case_info_mobilebg1 .img{ width:179px; position:absolute; left:173px; top:56px;}



.case_info .right .mobile .div .case_info_mobilebg1_big{ width:636px; margin-left:-318px;}

.case_info .right .mobile .div .case_info_mobilebg1_big .img{ width:220px; position:absolute; left:211px; top:68px;}



.case_info .right .mobile .div .case_info_mobilebg2{ position:absolute; left:50%; bottom:0; width:500px; margin-left:-250px;}

.case_info .right .mobile .div .case_info_mobilebg2 .img{ width:177px; position:absolute; left:156px; top:54px;}



.case_info .right .mobile .div .case_info_mobilebg2_big{ width:624px; margin-left:-312px;}

.case_info .right .mobile .div .case_info_mobilebg2_big .img{ width:220px; position:absolute; left:195px; top:68px;}



/*案例*/







.about_alertbg{ position:fixed; left:50%; top:50%; width:954px; height:594px; border:4px solid #444; z-index:333333; background:#fff; margin:-300px 0 0 -481px; display:none;}

.about_alertbg .close{ position:absolute; right:0; top:0; width:39px; height:39px; display:block; background:url(../images/about_alert_close.jpg) no-repeat;}

.about_alertbg .c{ padding:35px 58px 0;}

.about_alertbg .c .t{ font-size:36px; padding-bottom:20px;}

.about_alertbg .c .t span{ font-size:14px; position:relative; padding-left:30px; top:3px;}



.about_alertbg .table{ background:#eee; width:100%;}

.about_alertbg .table td{ background:#fff; padding:15px 0; font-size:18px;}

.about_alertbg .table .td1{ width:157px; text-align:center; color:#505255;} 

.about_alertbg .table .td2{ width:660px; padding-left:18px;}



.about_alertbg .table .select{ width:340px; height:34px; background:url(../images/ts_bg_03.jpg) no-repeat 314px center; border:1px solid #cdcdcd; line-height:34px; position:relative;}

.about_alertbg .table .select span{ display:block; padding-left:11px; height:34px; cursor:pointer;}

.about_alertbg .table .select dl{ position:absolute; left:-1px; top:34px; background:#fff; z-index:333; border:1px solid #cdcdcd; width:340px; border-bottom:none; display:none;}

.about_alertbg .table .select dl a{ display:block; padding-left:11px; border-bottom:1px solid #cdcdcd;}



.about_alertbg .table .text{ width:330px; height:34px; line-height:34px; padding-left:10px; border:1px solid #cdcdcd;}

.about_alertbg .table textarea.text{ width:610px; height:160px; padding:10px;}

.about_alertbg .table .btn{ display:block; width:160px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-size:18px; background:url(../images/aboutchan_con5bg_03.jpg) no-repeat; margin-top:30px;}







.about_menu{ text-align:center; overflow:hidden; height:44px;}

.about_menu li{ display:inline-block; margin:0 11px; position:relative; padding:0 16px; font-size:16px;}

.about_menu li .left{ display:block; width:16px; height:33px; position:absolute; left:0; top:0; background:url(../images/about_menu_l_03.png) no-repeat;}

.about_menu li .right{ display:block; width:16px; height:33px; position:absolute; right:0; top:0; background:url(../images/about_menu_r_03.png) no-repeat;}

.about_menu li .cont{ display:block; padding:0 15px; height:33px; line-height:33px; background:url(../images/about_menu_c_03.jpg) repeat-x left top;}

.about_menu li .c{ display:block; width:16px; height:14px; background:url(../images/about_menu_b_03.png) no-repeat; position:absolute; left:50%; bottom:-11px; margin-left:-8px;}

.about_menu .li .c{ display:none;}

.about_menu .li{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

.about_menu .li .left{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

.about_menu .li .right{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}





.about_ban{ height:250px;}



.about .title{ font-size:28px; color:#000; line-height:1.5em; padding-bottom:20px;}

.about .title span{ display:block; width:68px; height:4px; background:#ffa800;}

.about .con{ width:1170px; margin:0 auto; font-size:14px; line-height:28px;}



.about .con1 .img{ float:right;margin-top: 87px;}

.about .con1 .txt{ float:left; width:704px;}

.about .con1 .txt .div{ text-indent:2em; padding-bottom:30px; line-height:28px;}



.about .con2{ padding:60px 0 50px; position:relative; height:350px;}

.about .con2 .txt{ width:523px; padding:40px 0 0 0;}

.about .con2 .img{ position:absolute; right:0; bottom:50px;}



.about .con3_bg{ background:#f5f5f5;}

.about .con3_bg .con3{ padding:40px 0 70px;}

.about .con3_bg .con3 .title{ padding-bottom:60px;}

.about .con3_bg .con3 .list{ height:346px; position:relative; background:url(../images/about_img3.jpg) no-repeat; font-size:18px; line-height:24px; color:#646464;}

.about .con3_bg .con3 .list li{ position:absolute; width:300px;}

.about .con3_bg .con3 .list .li1{ left:112px; top:35px;}

.about .con3_bg .con3 .list .li2{ left:112px; top:226px;}

.about .con3_bg .con3 .list .li3{ left:784px; top:35px;}

.about .con3_bg .con3 .list .li4{ left:784px; top:206px;}





.horon{ font-size:16px; margin:0 auto; width:1140px; padding-bottom:70px;}

.horon li{ float:left; width:242px; padding-right:57px; padding-top:33px;}

.horon li .img{ display:block; padding:3px; background:#e8e8e8; width:236px;}

.horon li .img img{ width:236px; height:156px;}

.horon li .name{ display:block; padding:10px 0; text-align:center; line-height:24px;}



.course{ overflow:hidden; width:1140px; margin:0 auto; font-size:14px; line-height:28px;}

.course .t_txt{ padding-bottom:35px;}

.course .list{ background:url(../images/course_bg_03.jpg) repeat-y 114px top; padding:18px 0 60px; margin-bottom:30px;}

.course .list li{ position:relative; padding:5px 0;}

.course .list li .l{ position:absolute; left:0; top:50%; width:92px; height:92px; background:url(../images/course_list_bg1_03.jpg) no-repeat left top; margin-top:-46px; font-size:24px; font-weight:bold; text-align:center; line-height:92px; color:#fff;}

.course .list li .l .dot{ position:absolute; width:17px; height:23px; right:-32px; top:50%; margin-top:-11.5px; background:url(../images/course_dot_03.jpg) no-repeat;}

.course .list li .l .jt{ width:18px; height:32px; position:absolute; right:-64px; top:50%; margin-top:-16px; background:url(../images/course_jt_03.jpg) no-repeat;}



.course .list li .r{ float:right; width:924px; min-height:43px; background:#f3f3f3; padding:28px 20px 28px 40px;}



.course .list .li .l{ background-position:left bottom;}





.contact{ font-size:14px; line-height:24px; width:1140px; margin:0 auto; background:#fff;}

.contact .span{ display:block; width:92px; height:92px; background:url(../images/course_list_bg1_03.jpg) no-repeat left bottom; text-align:center; line-height:92px; color:#fff; font-size:24px; margin-bottom:5px; position:relative;}

.contact .span:hover{ font-size:16px; font-weight:bold; padding-top:68px; line-height:0; height:24px;}

.contact .span:hover span{ display:block;}

.contact .span span{ position:absolute; width:100%; height:100%; left:0; top:0; display:none;}

.contact .guangzhou span{ background:url(../images/guangzhou.png) no-repeat;}

.contact .beijing span{ background:url(../images/beijing.png) no-repeat;}

.contact .shanghai span{ background:url(../images/shanghai.png) no-repeat;}

.contact .shenzhen span{ background:url(../images/shenzhen.png) no-repeat;}

.contact .dongguan span{ background:url(../images/dongguan.png) no-repeat;}

.contact .foshan span{ background:url(../images/foshan.png) no-repeat;}

.contact .zhongshan span{ background:url(../images/zhongshan.png) no-repeat;}

.contact .zhuhai span{ background:url(../images/zhuhai.png) no-repeat;}

.contact .xiamen span{ background:url(../images/xiamen.png) no-repeat;}

.contact .wuhan span{ background:url(../images/wuhan.png) no-repeat;}

.contact .hefei span{ background:url(../images/hefei.png) no-repeat;}

.contact .wuhu span{ background:url(../images/wuhu.png) no-repeat;}

.contact .nanjing span{ background:url(../images/nanjing.png) no-repeat;}

.contact .quanzhou span{ background:url(../images/quanzhou.png) no-repeat;}

.contact .suzhou span{ background:url(../images/suzhou.png) no-repeat;}

.contact .hangzhou span{ background:url(../images/hangzhou.png) no-repeat;}





.contact .table b{ font-weight:bold; color:#ffa800; padding-bottom:3px; display:inline-block;}



.contactmap{ position:fixed; width:796px; height:496px; left:50%; top:50%; margin:-250px 0 0 -400px; border:2px solid #000; background:#fff; overflow:hidden; z-index:-99;}

.contactmap .clear{ display:block; position:absolute; right:0; top:0; width:39px; height:39px; cursor:pointer; background:url(../images/about_alert_close.jpg) no-repeat; z-index:333;}

.contactmap .ul{ width:12736px; height:496px; position:relative;}

.contactmap .ul li{ float:left; width:796px; height:496px;}



.contactmap #allmap1,.contactmap #allmap2,.contactmap #allmap3,.contactmap #allmap4,.contactmap #allmap5,.contactmap #allmap6,.contactmap #allmap7,.contactmap #allmap8,.contactmap #allmap9,.contactmap #allmap10,.contactmap #allmap11,.contactmap #allmap12,.contactmap #allmap13,.contactmap #allmap14,.contactmap #allmap15,.contactmap #allmap16,.contactmap #allmap17{ width:100%; height:100%;}



.news{ width:1140px; margin:40px auto; font-size:14px; color:#999;}
.news_info .info_txt{ border:1px solid #e8e8e8; padding:30px 80px 50px 80px;  overflow:hidden;text-align: center;}
.news_info .info_txt p{width: 100%;min-height: 20px; overflow: hidden;text-align: left;}

/*.news_info .info_txt img{width:1140px; margin: 0 auto;}*/

.news li{ border:1px solid #e8e8e8; padding-right:24px; margin-bottom:20px;}

.news li .img{ float:left; width:266px; height:206px; border-right:1px solid #e8e8e8;}

.news li .img img{ width:266px; height:206px;}

.news li .time{     float: left;
    margin: 32px 0 0 27px;
    width: 122px;
    height: 138px;
    background: #acacac;
    line-height: 108px;
    text-align: center;
    font-weight: bold;
    font-size: 41px;
    color: #fff;
    position: relative;}

.news li .time span{ display:block; height:36px; position:absolute; left:0; bottom:0; width:100%; background:#818181; line-height:36px; font-weight:normal; font-size:15px;}

.news li .txt{     float: right;
    width: 930px;
    padding-top: 33px;
    height: 182px;
    position: relative;}

.news li .txt .t{ font-size:24px; color:#555;}

.news li .txt p{     
	margin: 10px 0 0;
    height: 95px;
    line-height: 24px;
    overflow: hidden;}

.news li .txt .more{ position:absolute; right:0; bottom:17px; padding-bottom:4px; background:url(../images/news_more_03.jpg) no-repeat right bottom; color:#eb8710;}



.news_info{ font-size:14px; line-height:24px; color:#999; padding:10px 0; width:1140px; margin:0 auto;}

.news_info .info_title{ font-size:24px; text-align:center; color:#555; line-height:1em;}

.news_info .info_time{ padding:26px 0 3px; text-align:center;}

.news_info .info_time em{ padding:0 2em;}

.news_info .info_time span{ cursor:pointer; display:inline-block; width:27px; height:25px; border:1px solid #c1c1c1;}

.news_info .info_page{ overflow:hidden;}

.news_info .info_page a{ float:left; width:50px; height:38px;}

.news_info .info_page a.prev{ background:url(../images/case_info_prev.jpg) no-repeat left top;}

.news_info .info_page a.next{ background:url(../images/case_info_next.jpg) no-repeat right top; float:right;}



.news_info .info_page a:hover{ background-position:left bottom;}



.news_info .info_txt{ border:1px solid #e8e8e8; padding:30px 80px 50px 80px; overflow:hidden;}

.news_info .info_txt .info_return{ display:block; width:122px; height:38px; overflow:hidden; text-indent:-999px; background:url(../images/news_info_prev_03.jpg) no-repeat left top; margin:20px auto 0;}

.news_info .info_txt .info_return:hover{ background-position:left bottom;}

.news_info .news_label{ padding:18px 0 60px;}

.news_info #bdshare{ float:right;}

.news_info #bdshare .name{ float:left;}



.news_info .other_news{ overflow:hidden;}

.news_info .other_news .con{ float:left;}

.news_info .other_news .con .title{ font-size:24px; padding-left:40px; background:url(../images/search_nav_img1_03.png) no-repeat 8px center;}

.news_info .other_news .con .list{ width:522px; height:194px; border:1px solid #e8e8e8; margin-top:10px; padding:20px 10px 0 20px; line-height:30px;}

.news_info .other_news .con .list li{ overflow:hidden;}

.news_info .other_news .con .list li a{ padding-left:13px; background:url(../images/bg24.png) no-repeat left center;}

.news_info .other_news .con .list li span{ float:right;}



.news_info .other_news .con.r{ float:right;}



.about_business_menu{ width:1140px; margin:0 auto 28px;}

.about_business_menu li{ margin:0 15px 0 0;}

.about_business_menu li .cont{ padding:0 8px;}



.echo li .txt{ width:815px;}

.echo li .txt .name{ font-size:24px; position:absolute; right:0; bottom:40px; color:#555;}



.pagenavi{clear: both;text-align: center;margin-bottom: 50px;color: #999;}

 .currentPage{    display: inline-block;font-style: normal; font-size: 16px;background: #ffb119;border-color: #d99f14;color: #fff;height: 35px;line-height: 35px;padding: 0 22px;margin-right: 5px;}

 .pagenavi a{display: inline-block;font-style: normal;border: 1px solid #c1c1c1;font-size: 16px;color: #999;height: 35px;line-height: 35px;padding: 0 22px;margin-right: 5px;}

 .pagenavi span .text {

    width: 47px;

    height: 35px;

    border: 1px solid #c1c1c1;

    text-align: center;

    color: #999;

    padding: 0;

    vertical-align: middle;

}

.pagenavi span .btn {

    width: 47px;

    height: 37px;

    border: 1px solid #c1c1c1;

    text-align: center;

    color: #999;

    line-height: 37px;

    padding: 0;

    vertical-align: middle;

    margin-left: 6px;

    cursor: pointer;

}



#tq_kefu_main{

        top:inherit  !important;

	bottom: 100px !important;

}